').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 + '
'\n + ''\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: function (response) {\n var 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: function () {\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 */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\n var 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 if (response.stockError && response.unavailableProducts) {\n unavailableProducts.forEach(function(idx, product){\n var quantityInputID = \"quantities_\" + product.attribute.id + '_' + product.attribute.value;\n $('input#' + quantityInputID).val(product.variant.id);\n var _availableTxt = $('.js-availability-message-container-' + product.attribute.id + '-' + product.attribute.value ).attr('data-text-available');\n var _unavailableTxt = $('.js-availability-message-container-' + product.attribute.id + '-' + product.attribute.value ).attr('data-text-unavailable');\n var $txtContainer = $('.js-availability-message-' + product.attribute.id + '-' + product.attribute.value) ;\n var $quantitySelect = $('#select_quantity_' + product.attribute.id + '_' + product.attribute.value);\n if (product.variant.available === true && product.variant.readyToOrder) {\n $txtContainer.empty().text(_availableTxt);\n $quantitySelect.data('available', true);\n } else {\n $txtContainer.empty().text(_unavailableTxt);\n $quantitySelect.data('available', false);\n }\n updateQuantities(data.product.quantities, $productContainer, {\n id: product.attribute.id,\n value: product.attribute.value\n });\n });\n } else {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n '
'\n );\n }\n \n $('html, body').animate({\n scrollTop: $('html').offset().top\n }, 300);\n\n setTimeout(function () {\n $('.minicart').trigger('focusin');\n },500);\n\n setTimeout(function () {\n $('.minicart .popover').removeClass('show');\n },3500)\n }\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $('.bundle-item').each(function () {\n childProducts.push({\n pid: $(this).find('.product-id').text(),\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find('.product-option')\n .map(function () {\n var $elOption = $(this).find('.options-select');\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]')\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\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: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\n },\n\n focusChooseBonusProductModal: function () {\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\n $('#chooseBonusProductModal .close').focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\n var focusParams = {\n event: e,\n containerSelector: '#chooseBonusProductModal',\n firstElementSelector: '.close',\n lastElementSelector: '.add-bonus-products'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n\n attributeSelect($(this).attr('data-url'), $productContainer, 'color');\n });\n },\n\n selectAttribute: function () {\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n\n availability: function () {\n $(document).on('change', '.quantity-select', function (e) {\n // TEC-61 : do not control stock when selecting quantity for a variant (B2B case)\n /* if ($(this).hasClass('js-b2b-quantity-select')) {\n return false;\n } */\n e.preventDefault();\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\n }\n\n if ($('.bundle-items', $productContainer).length === 0) {\n\n attributeSelect($(e.currentTarget).find('option:selected').data('url'),\n $productContainer, $(e.currentTarget));\n }\n });\n },\n\n addToCart: function () {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function (event) {\n \n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n var errorMessage = $productContainer.find('.size-error-message')[0],\n sizeSelector = $productContainer.find('.custom-select.form-control.select-TEC_size')[0];\n if(sizeSelector && errorMessage) {\n\n var $variationContainer = $('.product-desc');\n if ($(\".size-field.selected\").length == 0) {\n if (window.innerWidth < 544) {\n $('html, body').animate({\n scrollTop: $variationContainer.offset().top\n }, 500);\n }\n errorMessage.style.display = 'block';\n event.preventDefault();\n return;\n } else {\n errorMessage.style.display = 'none';\n }\n }\n if ($(this).hasClass('disabled-btn')) {\n return\n }\n $('body').trigger('product:beforeAddToCart', this);\n\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(function () {\n if (!$(this).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(this).find('.product-id').text(),\n qty: $(this).find('.quantity-select').val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n window.cart.pid = pid;\n\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n var $productContainer = $(this).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\n }\n\n addToCartUrl = getAddToCartUrl();\n // TEC-90\n var _quantitySelected = getQuantitySelected($(this));\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n };\n var _productVariants =$(this).data('variants');\n // TEC-90\n if (window.customer.isB2B && _productVariants) { \n form.quantities = _quantitySelected.join(',');\n } else {\n form.quantity = _quantitySelected;\n }\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger('updateAddToCartFormData', form);\n\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n var productDataLayer = JSON.parse(data.productDataLayer);\n dataLayerPushOld({ ecommerce: null });\n dataLayerPushOld({\n 'event': 'addToCart',\n 'ecommerce': {\n 'currencyCode': productDataLayer.currency,\n 'add': { \n 'products': [{ \n 'name': productDataLayer.name,\n 'id': productDataLayer.id,\n 'price': productDataLayer.price,\n 'brand': productDataLayer.brand,\n 'category': productDataLayer.category,\n 'variant': productDataLayer.variant,\n 'quantity': productDataLayer.quantity\n }]\n }\n }\n });\n\n dataLayerPush(data.gaDatalayer.addToCartEvent)\n\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n selectBonusProduct: function () {\n $(document).on('click', '.select-bonus-product', function () {\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n var pid = $(this).data('pid');\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\n var totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = ''\n + '
'\n + '
'\n + $choiceOfBonusProduct.find('.product-name').html()\n + '
'\n + '
'\n + '
'\n ;\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\n $('.pre-cart-products').html(totalQty);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n } else {\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\n }\n });\n },\n removeBonusProduct: function () {\n $(document).on('click', '.selected-pid', function () {\n $(this).remove();\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n\n $('.pre-cart-products').html(count);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n });\n },\n enableBonusProductSelection: function () {\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\n $('button.select-bonus-product', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available));\n var pid = response.product.id;\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\n });\n },\n showMoreBonusProducts: function () {\n $(document).on('click', '.show-more-bonus-products', function () {\n var url = $(this).data('url');\n $('.modal-content').spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('.modal-body').append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $('.modal-content').spinner().stop();\n },\n error: function () {\n $('.modal-content').spinner().stop();\n }\n });\n });\n },\n addBonusProductsToCart: function () {\n $(document).on('click', '.add-bonus-products', function () {\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n var queryString = '?pids=';\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption =\n parseInt($(this)\n .data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $('#chooseBonusProductModal').modal('hide');\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('
');\n }\n $('.add-to-cart-messages').append(\n '
'\n + data.errorMessage + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 3000);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $('#chooseBonusProductModal').modal('hide');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('
');\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.add-to-cart-messages').append(\n '
'\n + data.msgSuccess + '
'\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');\nvar processInclude = require('base/util');\nprocessInclude(require('./informationsProduct'));\n\n\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\n\nfunction SizeSelected() {\n if (!window.customer.isB2B) {\n var quantitySelector = $('.b2b-customer.b2c-customer .quantity-select');\n if ($(\".size-field.selected\").length > 0) {\n $('.add-to-cart .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n } else {\n $('.add-to-cart .label-select-size').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-add-to-cart').removeClass('d-block').addClass('d-none');\n $('.label-select-size').parents('.add-to-cart').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n }\n\n if ($(\".size-field.selectable\").length == 0) {\n $('.add-to-cart .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart').removeClass('btn-blue disabled-btn').addClass('btn-primary disabled-btn');\n }\n\n if ($('.add-to-cart').parents('.attributes').find('.variation-container').hasClass('no-size')) {\n $('.add-to-cart .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n }\n\n if ($('.size-field').length > 0) { \n if ($('.size-field.selected').length === 0) {\n quantitySelector.prop('disabled', true).addClass('btn-qt-disabled');\n $('.quantity-btn').addClass('btn-qt-disabled');\n } else {\n quantitySelector.prop('disabled', false).removeClass('btn-qt-disabled');\n $('.quantity-btn').removeClass('btn-qt-disabled');\n }\n }\n \n } else {\n var quantitySelector = $('.b2b-customer:not(.b2c-customer) .quantity-select');\n if ($(\".js-b2b-quantity-select:not(.disabled-select)\").length > 0 && $('.js-b2b-quantity-select').val() == \"0\") {\n $('.add-to-cart .label-select-size').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-add-to-cart').removeClass('d-block').addClass('d-none');\n $('.label-select-size').parents('.add-to-cart').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n } else {\n $('.add-to-cart .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n }\n $('.js-b2b-quantity-select:not(.disabled-select)').on('change', function () {\n var selectedValue = $(this).val();\n \n if (selectedValue !== \"0\") { \n $('.add-to-cart .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n } else {\n $(this).closest('.add-to-cart').find('.label-select-size').removeClass('d-none').addClass('d-block');\n $(this).closest('.add-to-cart').find('.label-add-to-cart').removeClass('d-block').addClass('d-none');\n $(this).closest('.add-to-cart').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n }\n \n var allZero = $('.js-b2b-quantity-select:not(.disabled-select)').toArray().every(function (select) {\n return $(select).val() === \"0\";\n });\n \n if (allZero) {\n $('.add-to-cart .label-select-size').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-add-to-cart').removeClass('d-block').addClass('d-none');\n $('.label-select-size').parents('.add-to-cart').removeClass('btn-primary').addClass('btn-blue disabled-btn');\n }\n }); \n\n $('.js-b2b-quantity-select:not(.disabled-select)').each(function () {\n if ($(this).val() !== \"0\") {\n $('.add-to-cart .label-add-to-cart').removeClass('d-none').addClass('d-block');\n $('.add-to-cart .label-select-size').removeClass('d-block').addClass('d-none');\n $('.label-add-to-cart').parents('.add-to-cart').removeClass('btn-blue disabled-btn').addClass('btn-primary');\n }\n });\n }\n}\nSizeSelected();\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 if (!window.customer.isB2B || !response.attribute) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n } else {\n var quantityInputID = \"quantities_\" + response.attribute.id + '_' + response.attribute.value;\n $('input#' + quantityInputID).val(response.data.product.id);\n var _availableTxt = $('.js-availability-message-container-' + response.attribute.id + '-' + response.attribute.value).attr('data-text-available');\n var _unavailableTxt = $('.js-availability-message-container-' + response.attribute.id + '-' + response.attribute.value).attr('data-text-unavailable');\n var $txtContainer = $('.js-availability-message-' + response.attribute.id + '-' + response.attribute.value) ;\n var $quantitySelect = $('#select_quantity_' + response.attribute.id + '_' + response.attribute.value);\n if (response.data.product.available === true && response.data.product.readyToOrder) {\n $txtContainer.empty().text(_availableTxt);\n $quantitySelect.data('available', true);\n } else {\n $txtContainer.empty().text(_unavailableTxt);\n $quantitySelect.data('available', false);\n }\n }\n } else {\n $('.product-id').text(response.data.product.id);\n $('.product-detail:not(\".bundle-item\")').data('pid', response.data.product.id);\n }\n SizeSelected();\n });\n $(document).on(\"click\",\".size-field\", function(event) {\n var $productContainer = $(this).closest('.product-detail');\n var errorMessage = $productContainer.find('.size-error-message');\n $(this).parents('.sizes-container-block').find('.select-size').val($(this).data(\"attr-value\")).trigger('change');\n $(\".size-field\").removeClass(\"selected\");\n $(this).addClass(\"selected\");\n $('.quantity-select').removeClass('btn-qt-disabled');\n $('.quantity-btn').removeClass('btn-qt-disabled');\n $('.quantity-select').removeAttr('disabled');\n errorMessage.css('display', 'none');\n });\n },\n updateAddToCart: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n\n if (!window.customer.isB2B) {\n // update local add to cart (for sets)\n $('button.add-to-cart', response.$productContainer)\n .toggleClass('disabled-btn', (!response.product.readyToOrder || !response.product.available));\n var enable = $('.product-availability').toArray().every(function (item) {\n return $(item).data('available') && $(item).data('ready-to-order');\n });\n } else {\n // update local add to cart (for sets)\n $('button.add-to-cart', response.$productContainer)\n .toggleClass('disabled-btn', (!response.product.readyToOrder || !response.product.available));\n var enable = $('.js-b2b-quantity-select').toArray().every(function (item) {\n return $(item).data('available');\n\n });\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 DOMContentLoaded: function() {\n var sizeSelector = $('.custom-select.select-TEC_size');\n var quantitySelector = $('.quantity-select');\n var addToCartButton = $('.add-to-cart');\n var errorMessage = $('.size-error-message');\n if (!window.customer.isB2B) {\n if (errorMessage.length && sizeSelector.length) {\n function checkSizeSelection(event) {\n if ($('.size-field.selected').length === 0) {\n event.preventDefault();\n errorMessage.css('display', 'block');\n quantitySelector.prop('disabled', true).addClass('btn-qt-disabled');\n $('.quantity-btn').addClass('btn-qt-disabled');\n } else {\n errorMessage.css('display', 'none');\n quantitySelector.prop('disabled', false).removeClass('btn-qt-disabled');\n $('.quantity-btn').removeClass('btn-qt-disabled');\n }\n }\n \n sizeSelector.on('change', function () {\n if ($('.size-field.selected').length === 0) {\n errorMessage.css('display', 'none');\n quantitySelector.prop('disabled', false).removeClass('btn-qt-disabled');\n $('.quantity-btn').removeClass('btn-qt-disabled');\n }\n });\n \n quantitySelector.on('click', checkSizeSelection);\n addToCartButton.on('click', checkSizeSelection);\n } \n } else {\n function checkSizeSelectionb2b(event) {\n var allZero = true;\n event.preventDefault();\n if ($('.js-b2b-quantity-select:not(:disabled)').length > 0) {\n $('.js-b2b-quantity-select:not(:disabled)').each(function () {\n if ($(this).val() !== '0') {\n allZero = false;\n return false;\n }\n });\n \n var errorMessage = $('.size-error-message');\n if (allZero) {\n errorMessage.css('display', 'block');\n } else {\n errorMessage.css('display', 'none');\n }\n }\n }\n addToCartButton.on('click', checkSizeSelectionb2b);\n } \n\n $('.quantity-btn').on('click', function (event) {\n var quantitySelector = $('.quantity-select');\n var errorMessage = $('.size-error-message');\n if ($('.size-field').length > 0) { \n if ($('.size-field.selected').length === 0) {\n event.preventDefault();\n errorMessage.css('display', 'block');\n quantitySelector.addClass('btn-qt-disabled');\n $('.quantity-btn').addClass('btn-qt-disabled');\n } else {\n errorMessage.css('display', 'none');\n quantitySelector.removeClass('btn-qt-disabled');\n $('.quantity-btn').removeClass('btn-qt-disabled');\n }\n }\n });\n \n\n $('.size-selector-container').each(function () {\n const $select = $(this).find('select');\n $select.on('focusin', function(e) {\n e.preventDefault();\n $(this).addClass('focused');\n })\n .on('focusout', function(e) {\n e.preventDefault();\n $(this).removeClass('focused');\n });\n\n $(this).find('.plus-btn').on('click', function () {\n if ($select.prop('selectedIndex') < $select.find('option').length - 1) {\n $select.prop('selectedIndex', $select.prop('selectedIndex') + 1).trigger('change');\n }\n });\n\n $(this).find('.minus-btn').on('click', function () {\n if ($select.prop('selectedIndex') > 0) {\n $select.prop('selectedIndex', $select.prop('selectedIndex') - 1).trigger('change');\n }\n });\n });\n },\n\n focusChooseBonusProductModal: base.focusChooseBonusProductModal()\n};\n\n$('.lien-complet').on('click', function(e) {\n e.preventDefault();\n\n var $header = $('header');\n var $target = $('.informations-Product');\n\n if ($target.length) {\n\n var headerHeight = $header.outerHeight() || 0;\n\n if ($(window).width() > 992) {\n $('html, body').animate({\n scrollTop: $target.offset().top - headerHeight\n }, 800);\n } else {\n $('html, body').animate({\n scrollTop: $target.offset().top\n }, 800);\n }\n }\n});\n\nvar $ctaButton = $('.add-to-cart-scroll');\nvar $stickyBar = $('.sticky-bar-product');\nvar $header = $('header');\n\nfunction isPartiallyVisible($el) {\n var winTop = $(window).scrollTop();\n var elTop = $el.offset().top;\n var headerHeight = $header.outerHeight();\n return !(elTop >= winTop + headerHeight);\n}\n\nfunction toggleStickyBar() {\n if ($(window).width() > 1024) {\n if (isPartiallyVisible($ctaButton)) {\n $stickyBar.fadeIn();\n } else {\n $stickyBar.fadeOut();\n }\n } else {\n $stickyBar.hide();\n }\n}\n\n$(window).on('scroll', toggleStickyBar);\n$(window).on('resize', toggleStickyBar);\n\n$(document).on('click', '.sticky-bar-product .add-to-cart', function (event) {\n var $productContainer = $(this).closest('.product-detail');\n var $errorMessage = $productContainer.find('.size-error-message');\n var $variationContainer = $('.info-product');\n\n if ($('.size-field.selected').length === 0) {\n if (window.innerWidth > 544) {\n $('html, body').animate({\n scrollTop: $variationContainer.offset().top\n }, 500);\n }\n $errorMessage.css('display', 'block');\n event.preventDefault();\n return;\n } else {\n $errorMessage.css('display', 'none');\n }\n});\n\n$(document).on('click', '.zoom-icon-js', function (event) {\n event.preventDefault();\n let currentIndexPosition = parseInt($('.carousel-indicators li.active').attr('data-slide-to')) || 0;\n openModal(currentIndexPosition);\n})\n\nfunction openModal(currentIndex) {\n const $imagesPrimary = $('#imageGalleryModal .carousel-item');\n const $imagesModal = $('#imageGalleryModal .js-carousel-item');\n const $currentImageElement = $('#currentImage');\n const $totalImagesElement = $('#totalImages');\n const $prevButton = $('#prevImage');\n const $nextButton = $('#nextImage');\n const totalImages = $imagesModal.length;\n\n $totalImagesElement.text(totalImages);\n\n const updateGallery = () => {\n $imagesPrimary.removeClass('active').eq(currentIndex).addClass('active');\n $('.carousel-indicators li').removeClass('active').eq(currentIndex).addClass('active');\n $('.pdpCarousel .carousel-inner').removeClass('active').eq(currentIndex).addClass('active');\n $('.js-pdp-carousel').find('.carousel-item').removeClass('active').eq(currentIndex).addClass('active');\n $imagesModal.removeClass('active').eq(currentIndex).addClass('active');\n $currentImageElement.text(currentIndex + 1);\n $prevButton.toggleClass('d-none', currentIndex === 0);\n $nextButton.toggleClass('d-none', currentIndex === totalImages - 1);\n };\n\n $prevButton.on('click', () => {\n if (currentIndex > 0) {\n currentIndex--;\n updateGallery();\n }\n });\n\n $nextButton.on('click', () => {\n if (currentIndex < totalImages - 1) {\n currentIndex++;\n updateGallery();\n }\n });\n\n $imagesPrimary.on('click', function () {\n currentIndex = $imagesPrimary.index(this);\n updateGallery();\n });\n \n updateGallery();\n $('#imageGalleryModal').modal('show');\n}\n\nfunction resetForm() {\n $('.tec-backinstock-size input[name=\"variantIds\"]').prop('checked', false);\n $('.error-email-message').addClass('d-none');\n $('.alert-send-email-bis').addClass(\"d-none\");\n $('#email').val('');\n}\n\n$('.add-to-back-in-stock').on('click', function (e) {\n e.preventDefault();\n\n $('.error-email-message').addClass('d-none');\n $('.control-form-email').removeClass('error');\n $('.alert-send-email-bis').addClass(\"d-none\");\n\n let isValid = true;\n\n const sizeSelected = $('.tec-backinstock-size input[name=\"variantIds\"]:checked').length > 0;\n if (!sizeSelected) {\n $('.tec-backinstock-container .error-email-message').removeClass('d-none');\n isValid = false;\n\n if ($('.tec-backinstock-size input[name=\"variantIds\"]').length === 0) {\n isValid = true;\n }\n }\n\n const emailInput = $('#email').val().trim();\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailInput || !emailRegex.test(emailInput)) {\n $('.tec-mail-alerte + .error-email-message').removeClass('d-none');\n $('.control-form-email').addClass('error');\n isValid = false;\n }\n\n if (isValid) {\n const formData = $('.back-in-stock-form').serialize();\n const actionUrl = $('.back-in-stock-form').attr('action');\n\n $.ajax({\n url: actionUrl,\n type: 'POST',\n data: formData,\n success: function (response) {\n if(response.success) {\n $('.alert-send-email-bis').alert();\n $('.alert-send-email-bis').removeClass(\"d-none\");\n }\n },\n error: function () {\n alert('Une erreur s\\'est produite. Veuillez réessayer.');\n }\n });\n }\n});\n\n\n$(document).on('click', '.subscribe-back-in-stock', function (event) {\n if (!window.customer.isB2B) {\n $('.tec-backinstock-size').empty();\n\n $('.select-all-size .size-unselectable').each(function() {\n var dataValue = $(this).data('product-id');\n var sizeText = $(this).text().trim();\n var newLabel = `\n
\n ${sizeText} \n \n `;\n $('.tec-backinstock-size').append(newLabel);\n });\n } else {\n $('.tec-backinstock-size').empty();\n\n $('.b2b-customer .b2b-size-unselectable').each(function() {\n var dataValue = $(this).data('product-id');\n var sizeText = $(this).find('.b2b-label-size').text().trim();\n var newLabel = `\n
\n ${sizeText} \n \n `;\n $('.tec-backinstock-size').append(newLabel);\n });\n }\n});\n\nfunction toggleSubscribeBackInStockB2b() {\n if ($('.b2b-size-unselectable').length > 0 ) {\n $('.show-back-in-stock-b2b').addClass('d-lg-block').removeClass('d-none');\n } else {\n $('.show-back-in-stock-b2b').addClass('d-none').removeClass('d-lg-block');\n }\n}\n\ntoggleSubscribeBackInStockB2b();\n\n$('.size-field').on('click', function() {\n toggleSubscribeBackInStockB2b();\n});\n\nfunction toggleSubscribeBackInStock() {\n if ($('.size-unselectable.size-field').length > 0 ) {\n $('.show-back-in-stock').addClass('d-lg-block').removeClass('d-none');\n } else {\n $('.show-back-in-stock').addClass('d-none').removeClass('d-lg-block');\n }\n}\n\ntoggleSubscribeBackInStock();\n\n$('.size-field').on('click', function() {\n toggleSubscribeBackInStock();\n});\n\n$(document).on('click', '#cartIconBtn', function (event) {\n $('#backInStockAlert').modal('hide');\n resetForm();\n});\n\n\n$('.js-close-success-message').on('click', function () {\n $('#backinstock-success-message').modal('hide');\n});\n\n$('.tec-badge span').each(function() {\n if ($(this).text().trim() !== '') {\n $(this).closest('.tec-badge').addClass('badge-exist');\n }\n});\n\nif ($('.size-field.selected').length === 0 && $('.size-field').length > 0) {\n $(\"select.quantity-select\").html('
0 ');\n}","'use strict';\n\n\n$(document).ready(function () {\n const $tabs = $('.tab');\n const $contents = $('.content-onglet');\n const $containerInfo = $('.tabs').parents('.product-info');\n\n var tabCount = $('.product-info .tab').length;\n\n if ($(window).width() > 840) {\n\n if (tabCount === 1) {\n $('.product-info .tab').css('width', '100%');\n } else if (tabCount === 2) {\n $('.product-info .tab').css('width', '50%');\n } else if (tabCount === 3) {\n $('.product-info .tab:first-child').css('width', '33%');\n $('.product-info .tab:nth-child(2)').css('width', '34%');\n $('.product-info .tab:last-child').css('width', '33%');\n } else if (tabCount === 4) {\n $('.product-info .tab').css('width', '25%');\n }\n }\n\n // Vérifier le nombre d'onglets visibles\n if ($tabs.length <= 1) {\n // Si un seul onglet ou moins, masquer la barre d'onglets\n $tabs.parents('.tabs-wrapper').removeClass('d-flex').addClass('d-none');\n } else {\n // Initialiser le premier onglet actif\n $('.tabs .tab').first().addClass('show-first');\n $('.tab-content .content-onglet').first().addClass('first-content-show');\n $('.show-first').addClass('active');\n $('.first-content-show').addClass('active fade in').show();\n $tabs.parents('.tabs-wrapper').removeClass('d-none').addClass('d-flex');\n\n // Gérer le clic sur les onglets\n $tabs.on('click', function () {\n const $tab = $(this);\n const targetId = $tab.data('tab');\n\n if ($tab.hasClass('active')) return;\n\n $tabs.removeClass('active');\n $tab.addClass('active');\n\n $contents.filter('.active').removeClass('active').fadeOut(50, function () {\n $('#' + targetId)\n .addClass('active')\n .fadeIn(100);\n });\n $contents.filter('.active').removeClass('fade in').fadeOut(100, function () {\n $('#' + targetId)\n .addClass('fade in')\n .fadeIn(100);\n });\n if ($(window).width() < 840) {\n setTimeout(function () {\n $(\".informations-Product .videos\").slick({\n slidesToShow: 2,\n slidesToScroll: 1,\n infinite: true,\n dots: true,\n arrows: false,\n responsive: [\n {\n breakpoint: 840,\n settings: {\n slidesToShow: 1,\n infinite: true\n }\n }\n ]\n });\n }, 200);\n }\n });\n }\n\n var $buttonShowMore = $containerInfo.data('show-more');\n var $buttonShowLess = $containerInfo.data('show-less');\n\n $('.text-block .slide-read-more').expander({\n slicePoint: 500,\n expandText: $buttonShowMore,\n userCollapseText: $buttonShowLess,\n expandEffect: 'slideDown',\n collapseEffect: 'slideUp',\n expandSpeed: 0,\n collapseSpeed: 0\n });\n});\n\n\n$(\".videos .info-videos a\").each(function () {\n $(this).on(\"click\", function (e) {\n e.preventDefault();\n\n var titleVideo = $(this).find(\".title-video\").text();\n var linkVideo = $(this).attr(\"href\");\n\n var videoId = linkVideo.split(\"v=\")[1];\n var ampersandPosition = videoId.indexOf(\"&\");\n if (ampersandPosition !== -1) {\n videoId = videoId.substring(0, ampersandPosition);\n }\n\n var iframeLink = `https://www.youtube.com/embed/${videoId}`;\n\n $(\".show-video-info .modal-body .title-video\").html(titleVideo);\n\n var contentVideo = `
`;\n\n $(\".show-video-info .modal-body .iframe-video\").empty().html(contentVideo);\n });\n});\n\n$('.videos').on('init reInit afterChange', function () {\n $(\".videos .info-videos a\").off(\"click\").on(\"click\", function (e) {\n e.preventDefault();\n\n var titleVideo = $(this).find(\".title-video\").text();\n var linkVideo = $(this).attr(\"href\");\n\n var videoId = linkVideo.split(\"v=\")[1];\n var ampersandPosition = videoId.indexOf(\"&\");\n if (ampersandPosition !== -1) {\n videoId = videoId.substring(0, ampersandPosition);\n }\n\n var iframeLink = `https://www.youtube.com/embed/${videoId}`;\n\n $(\".show-video-info .modal-body .title-video\").html(titleVideo);\n\n var contentVideo = `
`;\n\n $(\".show-video-info .modal-body .iframe-video\").empty().html(contentVideo);\n });\n});\n","\"use strict\";\n\nmodule.exports = {\n productInfo: function () {\n if ($(window).width() > 840) {\n var $sizesContainer = $(\".select-all-size .sizes-container\");\n var $toggleButton = $(\"#toggle-sizes\");\n\n // Vérifier le nombre d'éléments\n if ($sizesContainer.length <= 8) {\n $toggleButton.addClass(\"d-none\");\n } else {\n $toggleButton.removeClass(\"d-none\").addClass(\"d-block\");\n }\n\n // Créer un conteneur pour les éléments restants\n var $extraContainer = $('
');\n $sizesContainer.slice(8).appendTo($extraContainer); // Déplacer les éléments dans la nouvelle div\n\n // Insérer le conteneur avant le bouton\n $extraContainer.insertBefore($toggleButton);\n $extraContainer.hide(); // Masquer par défaut\n\n var isExpanded = false;\n\n // Obtenir les textes des boutons\n var $buttonShowMore = $toggleButton.data(\"show-more\");\n var $buttonShowLess = $toggleButton.data(\"show-less\");\n\n // Gérer le clic sur le bouton\n $toggleButton.on(\"click\", function () {\n if (!isExpanded) {\n $extraContainer.stop(true, true).slideDown(300); // Afficher tous les éléments restants\n $(this).text($buttonShowLess);\n } else {\n $extraContainer.stop(true, true).slideUp(300); // Cacher tous les éléments restants\n $(this).text($buttonShowMore);\n }\n isExpanded = !isExpanded;\n });\n\n var heightProduct = $(\n \".product-view-carousel .carousel-inner\"\n ).outerHeight();\n $(\".product-view-carousel .carousel-indicators\").css({\n \"max-height\": heightProduct,\n \"overflow-y\": \"scroll\",\n });\n\n $(\".product-view-carousel .carousel-indicators\").css({\n \"-ms-overflow-style\": \"none\",\n \"scrollbar-width\": \"none\",\n });\n\n $(\".product-view-carousel .carousel-indicators::-webkit-scrollbar\").css({\n display: \"none\",\n });\n }\n\n function toggleCarouselArrows() {\n var $carousel = $(\".product-view-carousel\");\n var itemCarousel = $carousel.find(\".carousel-item\");\n var $indicators = $carousel.find(\".carousel-indicators li\");\n var $prevArrow = $carousel.find(\".carousel-control-prev\");\n var $nextArrow = $carousel.find(\".carousel-control-next\");\n\n if (itemCarousel.length == 1) {\n $prevArrow.removeClass(\"d-flex\").addClass(\"arrow-disabled\");\n $nextArrow.removeClass(\"d-flex\").addClass(\"arrow-disabled\");\n } else {\n $prevArrow.removeClass(\"arrow-disabled\").addClass(\"d-flex\");\n $nextArrow.removeClass(\"arrow-disabled\").addClass(\"d-flex\");\n\n if ($indicators.first().hasClass(\"active\")) {\n $prevArrow.removeClass(\"d-flex\").addClass(\"arrow-disabled\");\n } else {\n $prevArrow.removeClass(\"arrow-disabled\").addClass(\"d-flex\");\n }\n\n if ($indicators.last().hasClass(\"active\")) {\n $nextArrow.removeClass(\"d-flex\").addClass(\"arrow-disabled\");\n } else {\n $nextArrow.removeClass(\"arrow-disabled\").addClass(\"d-flex\");\n }\n }\n }\n\n toggleCarouselArrows();\n\n $(\".carousel-product-arrows-zoom a\").on(\"click\", function () {\n setTimeout(toggleCarouselArrows, 500);\n });\n\n $(\".carousel-indicators li\").on(\"click\", function () {\n setTimeout(toggleCarouselArrows, 500);\n });\n\n var selectedColor = $(\".color-attribute.selected\").data(\"color-selected\");\n $(\".label-size .color-selected\").empty().text(selectedColor);\n $(\".label-size .selected-label\").removeClass(\"d-none\");\n\n $(document).on(\"click\", \".color-attribute\", function () {\n var selectedColor = $(this).data(\"color-selected\");\n\n $(\".label-size .color-selected\").empty().text(selectedColor);\n\n $(\".label-size .selected-label\").removeClass(\"d-none\");\n\n $(\".color-attribute\").removeClass(\"selected\").prop(\"disabled\", false);\n $(this).addClass(\"selected\").prop(\"disabled\", true);\n });\n\n $(\".color-attribute\").prop(\"disabled\", false);\n $(\".color-attribute.selected\").prop(\"disabled\", true);\n\n var viewSize = $(window).width();\n if(viewSize > 769) {\n var heightOfHeader = $('header').outerHeight();\n var heightbreadCrumb = $('.breadcrumb').outerHeight();\n var $firstChildBlock = $('.tec-detail .first-part-scrolling-pdp');\n \n $firstChildBlock.css('top',(heightOfHeader + heightbreadCrumb) + 'px');\n \n var $childBlock = $('.tec-detail .second-part-scrolling-pdp');\n var childHeight = $childBlock.outerHeight(true);\n }\n\n if ($('.size-unselectable.size-field').length > 0 ) {\n $('.show-back-in-stock').addClass('d-lg-block').removeClass('d-none');\n } else {\n $('.show-back-in-stock').addClass('d-none').removeClass('d-lg-block');\n }\n }\n};\n\n// Appeler la fonction directement\nmodule.exports.productInfo();\n","'use strict';\n\nvar processInclude = require('base/util');\n\n(function ($) {\n $(document).ready(function () {\n processInclude(require('./product/detail'));\n processInclude(require('./product/product'));\n });\n})(jQuery);\n\n"],"sourceRoot":""}