';\n });\n }\n });\n\n return html;\n}\n\n/**\n * @typedef UpdatedOptionValue\n * @type Object\n * @property {string} id - Option value ID for look up\n * @property {string} url - Updated option value selection URL\n */\n\n/**\n * @typedef OptionSelectionResponse\n * @type Object\n * @property {string} priceHtml - Updated price HTML code\n * @property {Object} options - Updated Options\n * @property {string} options.id - Option ID\n * @property {UpdatedOptionValue[]} options.values - Option values\n */\n\n/**\n * Updates DOM using post-option selection Ajax response\n *\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n\t// Update options\n $productContainer.find('.product-options').empty().html(optionsHtml);\n}\n\n/**\n * Dynamically creates Bootstrap carousel from response containing images\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction createCarousel(imgs, $productContainer) {\n var carousel = $productContainer.find('.carousel');\n $(carousel).carousel('dispose');\n var carouselId = $(carousel).attr('id');\n $(carousel).empty().append('' + $(carousel).data('prev') + '' + $(carousel).data('next') + '');\n for (var i = 0; i < imgs.length; i++) {\n $('
').appendTo($(carousel).find('.carousel-inner'));\n $('').appendTo($(carousel).find('.carousel-indicators'));\n }\n $($(carousel).find('.carousel-item')).first().addClass('active');\n $($(carousel).find('.carousel-indicators > li')).first().addClass('active');\n if (imgs.length === 1) {\n $($(carousel).find('.carousel-indicators, a[class^=\"carousel-control-\"]')).detach();\n }\n $(carousel).carousel();\n $($(carousel).find('.carousel-indicators')).attr('aria-hidden', true);\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts =\n $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVaraint = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent('.bonus-product-item')\n .data('pid', response.product.id);\n\n $productContainer.parent('.bonus-product-item')\n .data('ready-to-order', response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var primaryImageUrls = response.product.images.large;\n createCarousel(primaryImageUrls, $productContainer);\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $('.prices .price', $productContainer).length\n ? $('.prices .price', $productContainer)\n : $('.prices .price');\n $priceSelector.replaceWith(response.product.price.html);\n }\n\n // Update promotions\n $productContainer.find('.promotions').empty().html(response.product.promotionsHtml);\n\n updateAvailability(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find('.select-bonus-product');\n $selectButton.trigger('bonusproduct:updateSelectButton', {\n product: response.product, $productContainer: $productContainer\n });\n } else {\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n product: response.product, $productContainer: $productContainer\n }).trigger('product:statusUpdate', response.product);\n }\n\n // Update attributes\n $productContainer.find('.main-attributes').empty()\n .html(getAttributesHtml(response.product.attributes));\n}\n\n/**\n * @typespec UpdatedQuantity\n * @type Object\n * @property {boolean} selected - Whether the quantity has been selected\n * @property {string} value - The number of products to purchase\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\n * etc.\n */\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent('.bonus-product-item').length <= 0) {\n var optionsHtml = quantities.map(function (quantity) {\n var selected = quantity.selected ? ' selected ' : '';\n return '';\n }).join('');\n getQuantitySelector($productContainer).empty().html(optionsHtml);\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer) {\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelect',\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n handleVariantResponse(data, $productContainer);\n updateOptions(data.product.optionsHtml, $productContainer);\n updateQuantities(data.product.quantities, $productContainer);\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $('.add-to-cart-url').val();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $('
').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = ''\n + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl\n};\n","'use strict';\nvar base = require('./base');\n\n/**\n * Enable/disable UI elements\n * @param {boolean} enableOrDisable - true or false\n */\nfunction updateAddToCartEnableDisableOtherElements(enableOrDisable) {\n $('button.add-to-cart-global').attr('disabled', enableOrDisable);\n}\n\nmodule.exports = {\n methods: {\n updateAddToCartEnableDisableOtherElements: updateAddToCartEnableDisableOtherElements\n },\n\n availability: base.availability,\n\n addToCart: base.addToCart,\n\n updateAttributesAndDetails: function () {\n $('body').on('product:statusUpdate', function (e, data) {\n var $productContainer = $('.product-detail[data-pid=\"' + data.id + '\"]');\n\n $productContainer.find('.description-and-detail .product-attributes')\n .empty()\n .html(data.attributesHtml);\n\n if (data.shortDescription) {\n $productContainer.find('.description-and-detail .description')\n .removeClass('hidden-xl-down');\n $productContainer.find('.description-and-detail .description .content')\n .empty()\n .html(data.shortDescription);\n } else {\n $productContainer.find('.description-and-detail .description')\n .addClass('hidden-xl-down');\n }\n\n if (data.longDescription) {\n $productContainer.find('.description-and-detail .details')\n .removeClass('hidden-xl-down');\n $productContainer.find('.description-and-detail .details .content')\n .empty()\n .html(data.longDescription);\n } else {\n $productContainer.find('.description-and-detail .details')\n .addClass('hidden-xl-down');\n }\n });\n },\n\n showSpinner: function () {\n $('body').on('product:beforeAddToCart product:beforeAttributeSelect', function () {\n $.spinner().start();\n });\n },\n updateAttribute: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n if ($('.product-detail>.bundle-items').length) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else if ($('.product-set-detail').eq(0)) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else {\n $('.product-id').text(response.data.product.id);\n $('.product-detail:not(\".bundle-item\")').data('pid', response.data.product.id);\n }\n });\n },\n updateAddToCart: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n // update local add to cart (for sets)\n $('button.add-to-cart', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available));\n\n var enable = $('.product-availability').toArray().every(function (item) {\n return $(item).data('available') && $(item).data('ready-to-order');\n });\n module.exports.methods.updateAddToCartEnableDisableOtherElements(!enable);\n });\n },\n updateAvailability: function () {\n $('body').on('product:updateAvailability', function (e, response) {\n $('div.availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available);\n\n $('.availability-msg', response.$productContainer)\n .empty().html(response.message);\n\n if ($('.global-availability').length) {\n var allAvailable = $('.product-availability').toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $('.product-availability').toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $('.global-availability')\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg').empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n }\n });\n },\n sizeChart: function () {\n $('.size-chart a').on('click', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n var $prodSizeChart = $(this).closest('.size-chart').find('.size-chart-collapsible');\n if ($prodSizeChart.is(':empty')) {\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $prodSizeChart.append(data.content);\n }\n });\n }\n $prodSizeChart.toggleClass('active');\n });\n\n var $sizeChart = $('.size-chart-collapsible');\n $('body').on('click touchstart', function (e) {\n if ($('.size-chart').has(e.target).length <= 0) {\n $sizeChart.removeClass('active');\n }\n });\n },\n copyProductLink: function () {\n $('body').on('click', '#fa-link', function () {\n event.preventDefault();\n var $temp = $('');\n $('body').append($temp);\n $temp.val($('#shareUrl').val()).select();\n document.execCommand('copy');\n $temp.remove();\n $('.copy-link-message').attr('role', 'alert');\n $('.copy-link-message').removeClass('d-none');\n setTimeout(function () {\n $('.copy-link-message').addClass('d-none');\n }, 3000);\n });\n },\n\n focusChooseBonusProductModal: base.focusChooseBonusProductModal()\n};\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","/**\n * Update DOM elements with Ajax results\n *\n * @param {number} quantity - quantity\n * @param {string} selector - DOM element to look up in the tile's qty element\n * @return {undefined}\n */\n function updateTile(quantity, selector) {\n $(selector).empty().html(quantity);\n var unitQuantity = $('.unit').html();\n if (quantity && quantity > 0) {\n if(unitQuantity && unitQuantity.trim() == 'kg') {\n var roundedPrice = (Math.round((quantity)*10000)/10000).toString().replace('.', ',');\n $(selector).empty().html(roundedPrice);\n }\n $(selector).closest('.add-to-cart').find('.tile-add-to-cart').removeClass('show');\n $(selector).closest('.add-to-cart').find('.update-quantity').addClass('show');\n } else {\n $(selector).closest('.add-to-cart').find('.tile-add-to-cart').addClass('show');\n $(selector).closest('.add-to-cart').find('.update-quantity').removeClass('show');\n }\n}\n\n/**\n * Keep refinement panes expanded/collapsed after Ajax refresh\n *\n * @param {Object} $results - jQuery DOM element\n * @return {undefined}\n */\nfunction updateQuantities() {\n var items = $('.cart-json').data('cart');\n $('.add-to-cart').find('.tile-add-to-cart').addClass('show');\n $('.add-to-cart').find('.update-quantity').removeClass('show');\n if (items && items.itemsquantities && items.itemsquantities.length > 0) {\n items.itemsquantities.forEach((item) => {\n var variableWeight = $(`.itemquantity-${item.id} .quantity`).closest('.add-to-cart').data('variable-weight');\n if (variableWeight) {\n updateTile(Math.round((item.qty * item.unitValue)*10000)/10000, `.itemquantity-${item.id} .quantity`);\n } else {\n updateTile(item.qty, `.itemquantity-${item.id} .quantity`);\n }\n });\n }\n}\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\nfunction getPidValue($el) {\n return $($el).closest('.add-to-cart').data('pid');\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl($el) {\n return $($el).closest('.add-to-cart').data('endpoint-add-to-cart');\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n * @param {jquery} $el - DOM container for a given change qty button\n * @return {string} - The provided URL to use when changing quantity\n */\nfunction getUpdateQuantityUrl($el) {\n return $($el).closest('.add-to-cart').data('endpoint-update-quantity');\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n const $html = $('
').append($.parseHTML(html));\n\n const body = $html.find('.choice-of-bonus-product');\n const footer = $html.find('.modal-footer').children();\n\n return { body, footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n let bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n const htmlString = `${''\n + '
'\n + ''\n + '
`\n + ''\n + '
'\n + '
'\n + ` ${data.labels.selectprods}`\n + ' '\n + '
'\n + ''\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'json',\n success(response) {\n const parsedHtml = parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error() {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n * @param {jquery} el - DOM container for a given add to cart button\n */\nfunction handlePostCartAdd(response, el) {\n $('.minicart').trigger('count:update', response);\n if (response && response.cart && response.cart.items) {\n const pid = el.closest('.add-to-cart').data('pid');\n const products = response.cart.items.filter((item) => item.id === pid);\n if (products && products.length > 0) {\n var product = products.pop();\n el.closest('.add-to-cart').find('.update-quantity').addClass('show');\n if (product.variableWeight) {\n el.closest('.add-to-cart').find('.update-quantity .quantity').html((Math.round(product.unitData.value *100)/100).toString().replace('.', ','));\n } else {\n el.closest('.add-to-cart').find('.update-quantity .quantity').html('1');\n }\n el.removeClass('show');\n }\n }\n\n const messageType = response.error ? 'alert-danger' : 'alert-success';\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-to-cart-messages').append(`
${\n response.message\n }
`);\n\n setTimeout(() => {\n $('.add-to-basket-alert').remove();\n }, 5000);\n }\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the quantity change button\n * @param {jquery} el - DOM container for a given quantity change button\n */\nfunction updateQuantity(response, el) {\n if (response && response.items && response.items) {\n let product;\n const pid = el.closest('.add-to-cart').data('pid');\n const products = response.items.filter((item) => item.id === pid);\n if (products && products.length > 0) {\n product = products.pop();\n if (product.variableWeight) {\n var unitQuantity = $('.unit').html();\n if(unitQuantity && unitQuantity.trim() == 'kg') {\n var roundedPrice = (Math.round((product.quantity * product.unitData.value)*1000)/1000).toString().replace('.', ',');\n el.closest('.add-to-cart').find('.update-quantity .quantity').html(roundedPrice);\n } else {\n el.closest('.add-to-cart').find('.update-quantity .quantity').html(roundedPrice);\n }\n } else {\n el.closest('.add-to-cart').find('.update-quantity .quantity').html((Math.round(product.quantity*100)/100).toString().replace('.', ','));\n }\n }\n }\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url,\n method: 'GET',\n success() {\n // reporting urls hit on the server\n },\n error() {\n // no reporting urls hit on the server\n }\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} div - 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 = $('', {\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// /**\n// * Actulization of shadow in tiles\n// * @param {Element} div - product-tile div\n// */\n// function applyPromoStyles() {\n// $('.product-tile').each(function() {\n// var $tile = $(this);\n\n// // Verifica si la clase .strike-through existe en la tile\n// var hasStrikeThrough = $tile.find('.strike-through').length > 0;\n\n// // Verifica si la clase .tile-promotions tiene hijos\n// var hasPromotionChildren = $tile.find('.tile-promotions').children().length > 0;\n\n// // Verifica si la clase .discount-plp existe en la tile\n// var hasDiscountPlp = $tile.find('.discount-plp').length > 0;\n\n// // Si se cumple alguna de las condiciones, añade la clase product-tile-shadow\n// if (hasStrikeThrough || hasPromotionChildren || hasDiscountPlp) {\n// $tile.removeClass('product-tile-shadow-green');\n// $tile.addClass('product-tile-shadow-red');\n// } else {\n// $tile.removeClass('product-tile-shadow-red');\n// $tile.addClass('product-tile-shadow-green');\n// }\n// });\n// }\n\n// // Evento de escucha a la carga para verificar si hay que aplicar styles de promoción\n// $(document).ready(function () {\n// // Nodos a observar\n// const targetNodes = [\n// $('.experience-einstein-einsteinCarouselCategoryMM')[0], // Home\n// $('.experience-einstein')[0] // PLP, PDP, WISHLIST, etc.\n// ];\n\n// const observer = new MutationObserver(function(mutationsList, observer) {\n// for (let mutation of mutationsList) {\n// if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n// applyPromoStyles();\n// break;\n// }\n// }\n// });\n\n// // Inicio de la observación en cada nodo\n// targetNodes.forEach(function(targetNode) {\n// if (targetNode) {\n// observer.observe(targetNode, { childList: true, subtree: true });\n// }\n// });\n// });\n\nmodule.exports = {\n addToCart() {\n $(document).on('click', 'button.tile-add-to-cart', function (event) {\n event.stopPropagation();\n event.preventDefault();\n const el = $(this);\n\n $('body').trigger('product:beforeAddToCart', this);\n\n const pid = getPidValue($(this));\n\n let $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n const addToCartUrl = getAddToCartUrl(el);\n\n const form = {\n pid,\n quantity: 0\n };\n\n $(this).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success(data) {\n handlePostCartAdd(data, el);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error() {\n $.spinner().stop();\n }\n });\n }\n });\n },\n updateQuantityCart() {\n $(document).on('click', 'button.tile-update-quantity', function (event) {\n event.stopPropagation();\n event.preventDefault();\n const el = $(this);\n\n $('body').trigger('product:beforeAddToCart', this);\n\n const pid = getPidValue($(this));\n const updateQuantityUrl = getUpdateQuantityUrl($(this));\n const decrease = $(this).data('decrease');\n\n let $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n const form = {\n pid,\n decrease,\n quantity: 1\n };\n\n $(this).trigger('updateAddToCartFormData', form);\n if (updateQuantityUrl) {\n $.ajax({\n url: updateQuantityUrl,\n method: 'GET',\n data: form,\n success(data) {\n $('.minicart').trigger('count:update', data);\n $('body').trigger('product:afterAddToCart', data);\n $('.minicart .minicart-quantity .text').text(data.quantityTotal);\n var prodsQuantity = 0;\n if (data && data.basket && data.basket.items) {\n const id = el.closest('.add-to-cart').data('pid');\n const products = data.basket.items.filter((item) => item.id === id);\n if (products.length === 0) {\n // Veficar que esta en detailsPDP para ver si va con el sticky, para modificar los dos\n const isInDetailsPDP = el.closest('.detailsPDP').length > 0;\n\n if (isInDetailsPDP) {\n // Modificamos los dos elementos .add-to-cart dentro de .detailsPDP que serían el propio de la PDP y el sticky\n $('.detailsPDP .add-to-cart').each(function () {\n const buttonContainer = $(this);\n\n buttonContainer.find('.update-quantity').removeClass('show');\n buttonContainer.find('.tile-add-to-cart').addClass('show');\n });\n } else {\n // Modifica el boton .add-to-cart donde se hizo clic\n el.closest('.add-to-cart').find('.update-quantity').removeClass('show');\n el.closest('.add-to-cart').find('.tile-add-to-cart').addClass('show');\n }\n }\n\n const items = data.basket.items;\n\n for (var i = 0; i < items.length; i++) {\n if (items[i].unitData && items[i].unitData.unit === 'kg') {\n prodsQuantity++;\n } else {\n prodsQuantity += items[i].quantity;\n }\n }\n $('.minicart .minicart-quantity .text').text(prodsQuantity.toString().replace('.', ','));\n } else if (data && data.items) {\n\n const addToCartButtons = $('.add-to-cart');\n\n // Modificamos los dos elementos .add-to-cart (normal y sticky) presentes en la PDP\n addToCartButtons.each(function () {\n const buttonContainer = $(this);\n\n updateQuantity(data, buttonContainer);\n });\n\n\n const items = data.items;\n\n for (var i = 0; i < items.length; i++) {\n if (items[i].unitData && items[i].unitData.unit === 'kg') {\n prodsQuantity++;\n } else {\n prodsQuantity += items[i].quantity;\n }\n }\n $('.minicart .minicart-quantity .text').text(prodsQuantity.toString().replace('.', ','));\n }\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error() {\n $.spinner().stop();\n }\n });\n }\n });\n },\n updateMinicart() {\n $('body').on('cart:update', () => {\n updateQuantities();\n });\n },\n notesTokenModalEvent() {\n $('.modal.center-modal-product-notes').on('shown.bs.modal', function () {\n fillCSRFToken($(this));\n })\n },\n updateQuantities: updateQuantities,\n};\n","const base = require('base/product/base');\nconst detail = require('base/product/detail');\nconst tile = require('pluggin_variable_weight/product/tile');\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\nfunction getPidValue($el) {\n return $($el).closest('.add-to-cart').data('pid');\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl($el) {\n return $($el).closest('.add-to-cart').data('endpoint-add-to-cart');\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n const $html = $('
').append($.parseHTML(html));\n\n const body = $html.find('.choice-of-bonus-product');\n const footer = $html.find('.modal-footer').children();\n\n return { body, footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n let bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n const htmlString = `${'' +\n '
' +\n '' +\n '
` +\n '' +\n '
' +\n '
' +\n ` ${data.labels.selectprods}` +\n ' ' +\n '
' +\n '' +\n '' +\n '
' +\n '
' +\n '
';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'json',\n success(response) {\n const parsedHtml = parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error() {\n $.spinner().stop();\n },\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n * @param {jquery} el - DOM container for a given add to cart button\n */\nfunction handlePostCartAdd(response, el) {\n $('.minicart').trigger('count:update', response);\n if (response && response.cart && response.cart.items) {\n const pid = el.closest('.add-to-cart').data('pid');\n const products = response.cart.items.filter((item) => item.id === pid);\n if (products && products.length > 0) {\n var product = products.pop();\n\n // Veficar que esta en detailsPDP para ver si va con el sticky, para modificar los dos\n const isInDetailsPDP = el.closest('.detailsPDP').length > 0;\n\n if (isInDetailsPDP) {\n // Modificamos los dos elementos .add-to-cart dentro de .detailsPDP que serían el propio de la PDP y el sticky\n $('.detailsPDP .add-to-cart').each(function () {\n const buttonContainer = $(this);\n\n buttonContainer.find('.btn-add-to-cart').removeClass('show');\n buttonContainer.find('.update-quantity').addClass('show');\n if (product.variableWeight) {\n buttonContainer.find('.update-quantity .quantity').html(Number(product.unitData.value).toFixed(2).toString().replace('.', ','));\n } else {\n buttonContainer.find('.update-quantity .quantity').html('1');\n }\n });\n } else {\n // Modifica el boton .add-to-cart donde se hizo clic\n el.closest('.add-to-cart').find('.update-quantity').addClass('show');\n if (product.variableWeight) {\n el.closest('.add-to-cart').find('.update-quantity .quantity').html(Number(product.unitData.value).toFixed(2).toString().replace('.', ','));\n } else {\n el.closest('.add-to-cart').find('.update-quantity .quantity').html('1');\n }\n el.removeClass('show');\n }\n }\n }\n\n const messageType = response.error ? 'alert-danger' : 'alert-success';\n // show add to cart toast\n if (response.newBonusDiscountLineItem &&\n Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n\n $('.add-to-cart-messages').append(`
${\n response.message\n }
`);\n\n setTimeout(() => {\n $('.add-to-basket-alert').remove();\n }, 5000);\n }\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url,\n method: 'GET',\n success() {\n // reporting urls hit on the server\n },\n error() {\n // no reporting urls hit on the server\n },\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 */\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 var notesForm = $('.formnotes-container');\n\n if (notesForm.length) {\n // Eliminar cualquier input existente con el nombre CSRF para evitar duplicados\n notesForm.find('input[name=\"' + csrfTokenName + '\"]').remove();\n\n // Creación del nuevo input con el token actualizado\n var csrfInput = $('', {\n type: 'hidden',\n name: csrfTokenName,\n value: csrfTokenValue\n });\n\n // Añadir el nuevo input CSRF dentro del formulario\n notesForm.append(csrfInput);\n }\n }\n}\n\nmodule.exports = {\n // Exportar detalles con extensión de configuraciones base y de detalle\n exportDetails: $.extend({}, base, detail, {}),\n\n // Añadir al carrito\n addToCart() {\n $(document).on('click', 'button.tile-add-to-cart', function () {\n const el = $(this);\n\n // Ejecutar evento antes de agregar al carrito\n $('body').trigger('product:beforeAddToCart', this);\n\n const pid = getPidValue($(this));\n let $productContainer = $(this).closest('.product-detail');\n\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n const addToCartUrl = getAddToCartUrl(el);\n\n const form = {\n pid,\n quantity: 0,\n };\n\n $(this).trigger('updateAddToCartFormData', form);\n\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success(data) {\n handlePostCartAdd(data, el);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error() {\n $.spinner().stop();\n },\n });\n }\n });\n },\n\n // Actualizar cantidad en el carrito\n updateQuantityCart: tile.updateQuantityCart(),\n\n // Actualizar el minicart\n updateMinicart() {\n $('body').on('cart:update', () => {\n tile.updateQuantities();\n });\n },\n\n // Cargar productos y actualizar cantidades\n productLoad: tile.updateQuantities(),\n\n // Actualizar cantidades en recomendaciones de productos\n updateProductRecommendationsQuantities() {\n const targetNodeList = document.getElementsByClassName(\"recommendations\");\n\n if (targetNodeList.length > 0) {\n const targetNode = targetNodeList[0];\n const config = { attributes: false, childList: true, subtree: true };\n\n const callback = (mutationList, observer) => {\n for (const mutation of mutationList) {\n if (mutation.type === \"childList\" && document.querySelector(\".recommendations .product-tile\") !== null) {\n observer.disconnect();\n tile.updateQuantities();\n }\n }\n };\n\n const observer = new MutationObserver(callback);\n observer.observe(targetNode, config);\n }\n },\n\n // Show nav-items with product information (general, detail, nutritional info)\n showInfoTab() {\n $(document).ready(function () {\n\n function showTab(tabId) {\n $('.tab-content').addClass('d-none');\n $('.nav-link').removeClass('active');\n \n $('#' + tabId).removeClass('d-none');\n $('.nav-link[data-tab=\"' + tabId + '\"]').addClass('active');\n }\n \n function checkTabsAndShow() {\n if ($('#general').children().length > 0 && $('#general').text().trim() !== '') {\n showTab('general');\n }\n else if ($('#details').children().length > 0 && $('#details').text().trim() !== '') {\n showTab('details');\n }\n else if ($('#nutritionalInfo').children().length > 0 && $('#nutritionalInfo').text().trim() !== '') {\n showTab('nutritionalInfo');\n }\n else {\n showTab('noProductInfo');\n $('.nav-link[data-tab=\"general\"], .nav-link[data-tab=\"details\"], .nav-link[data-tab=\"nutritionalInfo\"]').addClass('disabled').removeClass('active');\n }\n }\n \n $('.nav-link').on('click', function () {\n const tabId = $(this).data('tab');\n if (!$(this).hasClass('disabled')) {\n showTab(tabId);\n }\n });\n \n checkTabsAndShow();\n });\n },\n notesTokenModalEvent() {\n $(document).ready(function () {\n fillCSRFToken();\n })\n },\n\n\n};\n","const processInclude = require('base/util');\n\n$(document).ready(() => {\n processInclude(require('./product/details'));\n processInclude(require('sunnie_foods/product/wishlist'));\n\n $(document).ready(function() {\n $('#goToNutritionalInfo').on('click', function(event) {\n event.preventDefault();\n var $targetElement = $('[id^=\"product-info-container\"]');\n\n if ($targetElement.length > 0) {\n var targetOffset = $targetElement.first().offset().top - 150;\n $('html, body').animate({\n scrollTop: targetOffset\n }, 1000);\n } else {\n console.error('ID not found');\n }\n });\n });\n \n});"],"sourceRoot":""}