{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./cartridges/app_custom_masymas/cartridge/client/default/js/product/productNotes.js"],"names":[],"mappings":";QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFa;;AAEb;AACA;;AAEA;AACA;AACA,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,KAAK;;AAEL;;AAEA;AACA;AACA,YAAY,KAAK;AACjB;AACA;AACA,sF;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,qBAAqB;AACrB;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;;AAEA;AACA;AACA;AACA,WAAW,QAAQ;AACnB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,uBAAuB,yBAAyB;AAChD,iDAAiD;AACjD;;AAEA,0EAA0E,UAAU;AACpF,0DAA0D,UAAU;AACpE;AACA;;AAEA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,KAAK;;AAEL;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,SAAS;AACT,KAAK;;AAEL,CAAC;;AAED;AACA;AACA;AACA","file":"default/js/product/productNotes.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./cartridges/app_custom_masymas/cartridge/client/default/js/product/productNotes.js\");\n","'use strict';\n\nconst SUCCESS_TYPE_NOTIFICATION = 'success';\nconst ERROR_TYPE_NOTIFICATION = 'danger';\n\n/**\n * Create an alert to display the alert message\n * @param {Object} message - Message to display\n * @param {string} notificationType - type of notification to print correct alert color\n */\n function createAlertNotification(notificationType ,message) {\n    var messageType = 'alert-success';\n\n    if ($('.modifie-product-notes-messages').length === 0) {\n        $('body').append(\n            '<div class=\"modifie-product-notes-messages\"></div>'\n        );\n    }\n\n    $('.modifie-product-notes-messages').append(\n        '<div class=\"' + messageType + ' modifie-product-notes-alert text-center\" role=\"alert\">'\n        + message\n        + '</div>'\n    );\n\n    setTimeout(function () {\n        $('.modifie-product-notes-alert').remove();\n    }, 5000);\n\n}\n\n/**\n * Send form with product Notes\n * @return {void} - Do an Ajax call and manage the response\n */\nfunction savePreparationNotes() {\n    $('body').on('click', '.btn-confirm-notes, .btn-confirm-notes-pdp', function (e) { \n        e.preventDefault();\n\n        var productID = $(this).data('product-id');\n        var selectedForm = $('.formNotes' + productID);\n        var closeButton = $('#closeModalNotes' + productID);\n        var closeButtonX = $('#closeModalNotesX' + productID);\n        var iconNotesSelected = $('#iconNotesSelected' + productID);\n        var iconNotes = $('#iconNotes' + productID);\n        var modalNotes = '#modalNotes' + productID;\n\n        var url = $(selectedForm).attr('action');\n        var formData = $(selectedForm).serialize();\n\n        $('body > .modal-backdrop').remove();\n\n        if (url) {\n            $.ajax({\n                url: url,\n                method: 'post',\n                data: formData,\n                success: function (response) {\n                    // close Modal\n                    if (closeButton.length > 0) {\n                        $(modalNotes).modal('hide');\n                    }\n\n                    // Actualizar el pseudocontext\n                    var customerProductNotesElement = $('#customerProductNotes');\n                    var customerProductNotesData = customerProductNotesElement.data('customernotes');\n\n                    if (response.code === 'error') {\n                        createAlertNotification(ERROR_TYPE_NOTIFICATION, response.message);\n                    } else if (response.code === 'success') {\n                        createAlertNotification(SUCCESS_TYPE_NOTIFICATION, response.message);\n                        \n                        var newProductNotes = response.productNotes;\n\n                        var btnConfirmNotes = $(this);\n                        var textarea = selectedForm.find('textarea[name=\"productNotes\"]');\n                        var hiddenValueInput = selectedForm.find('input[name=\"value\"]');\n                        \n                        textarea.val(newProductNotes);\n                        hiddenValueInput.val(newProductNotes);\n                        btnConfirmNotes.attr('data-product-notes', newProductNotes);\n                        closeButton.attr('data-product-notes', newProductNotes);\n                        closeButtonX.attr('data-product-notes', newProductNotes);\n\n                        if (newProductNotes !== '') {\n                            $(iconNotesSelected).removeClass('d-none');\n                            $(iconNotes).addClass('d-none');\n                            // Actualiza el pseudo contexto\n                            customerProductNotesData[productID] = newProductNotes;\n                        } else {\n                            $(iconNotes).removeClass('d-none');\n                            $(iconNotesSelected).addClass('d-none');\n                            // Elimina la nota del pseudo contexto\n                            delete customerProductNotesData[productID];\n                        }\n\n                        // Actualiza el atributo data-customerlists\n                        customerProductNotesElement.attr('data-customernotes', JSON.stringify(customerProductNotesData));\n                    }\n                }\n            });\n        }\n    });\n}\n\nfunction removeNotesIsNotPersist() {\n    $('body').on('click', '.btn-close-notes', function (e) {\n        e.preventDefault();\n        var productID = $(this).data('product-id');\n        var modalNotes = '#modalNotes' + productID;\n        var iconNotesSelected = $('#iconNotesSelected' + productID);\n        $('body > .modal-backdrop').remove();\n        if (iconNotesSelected.hasClass('d-none')) {\n            $(modalNotes).find('.notesTextareaPLP').val('');\n        }\n    });\n}\n\n/**\n * Makes a CSRF-token research in the twolineheader element to fill the product-notes-form\n * Deletes the previous csrf_token if already exists\n * @param {Element} modalForm - principal div in notes form\n */\nfunction fillCSRFToken(modalForm) {\n    var csrfTokenName = $('#customerConnectTk input[type=\"hidden\"]').attr('name');\n    var csrfTokenValue = $('#customerConnectTk input[type=\"hidden\"]').val();\n\n    if (csrfTokenName && csrfTokenValue) {\n        // Search and deletes previous input (to ignore possible cached elements)\n        modalForm.find('input[name=\"' + csrfTokenName + '\"]').remove();\n        // Creates new input element\n        var csrfInput = $('<input>', {\n            type: 'hidden',\n            name: csrfTokenName,\n            value: csrfTokenValue\n        });\n        // Append new input element\n        modalForm.find('.modal-body').append(csrfInput);\n    }\n}\n\n$(document).ready(function () {\n    var customerProductNotesElement = $('#customerProductNotes');\n    var customerProductNotesData = customerProductNotesElement.data('customernotes');\n\n    if (customerProductNotesData) {\n        // Verify tiles presence\n        var productTiles = $('.product-tile');\n\n        for (var i = 0; i < productTiles.length; i++) {\n            var productTile = $(productTiles[i]); // Convierte el elemento DOM a jQuery\n            var productId = productTile.closest('.product').data('pid');\n\n            var iconNotesSelected = productTile.find(`#iconNotesSelected${productId}`);\n            var iconNotes = productTile.find(`#iconNotes${productId}`);\n            if (customerProductNotesData[productId]) {\n                var productNote = customerProductNotesData[productId];\n\n                if (iconNotesSelected.length && iconNotes.length) {\n                    iconNotesSelected.removeClass('d-none');\n                    iconNotes.addClass('d-none');\n                }\n            } else {\n                if (iconNotesSelected.length && iconNotes.length) {\n                    iconNotesSelected.addClass('d-none');\n                    iconNotes.removeClass('d-none');\n                }\n            }\n            //Falta por incluir los detalles en los formularios...\n            //Mejor crear una función y llamarla desdel el save y desde aquí\n            //save toma el form en cuestión y aquí la que vaya rotando?\n            //Incluir en el document.ready \n        }\n    }\n\n    $(document).on('show.bs.modal', '.modal', function () {\n        var $modal = $(this);\n    \n        if ($modal.closest('.recommendations').length) {\n            var $form = $modal.closest('form[name=\"product-notes-form\"]');\n    \n            if ($form.length) {\n                $('body').append($form);\n            }\n        }\n    });\n\n    // Iterate over recomendations tiles and add the csrf_token for the Controllers calls\n    $(document).on('recommendationsLoaded', function () {\n        $('.recommendations .product-tile').each(function () {\n            var notesForm = $(this).find('.modal.center-modal-product-notes');\n            \n            if (notesForm.length) {\n                fillCSRFToken(notesForm);\n            }\n        });\n    });\n\n});\n\nmodule.exports = {\n    savePreparationNotes: savePreparationNotes(),\n    removeNotesIsNotPersist: removeNotesIsNotPersist()\n};\n"],"sourceRoot":""}