');\n\n cssClass = \"item\" + currentIndex + \" \" + \"review-item\";\n cssClass += (i === $boxes.length - 1) ? \" last\" : \"\";\n\n li.append($boxes.eq(i))\n .addClass(cssClass)\n .attr('data-index', currentIndex)\n .attr('data-page', pageNumber);\n\n items.push(li);\n\n currentIndex++;\n }\n\n return items;\n };\n\n});","Vendd.Scripts.load(function () {\n\n Vendd.MessageBus.subscribe(Vendd.Widget.Messages.BindControl, 'x-product-review-form', function (envelope) {\n\n var $context = envelope.message.data.context,\n $form = $('.x-product-review-form', $context);\n\n if ($form.length < 1) return;\n\n var form = $form.get(0);\n var config = {};\n\n //generic functions in form.js\n hookFormsFn($form);\n hookAjaxFormsFn($form);\n\n var onSuccessFn = form.onSuccess;\n\n form.onSuccess = function (request, response) {\n onSuccessFn(request, response);\n };\n\n form.submit = function (configuration) {\n config = configuration;\n\n if (LhApp.Context.IsConsentsEnabled) {\n form.checkConsents(config);\n } else {\n form.submitReview(config);\n }\n };\n\n form.submitReview = function () {\n if (form.isLoading())\n return;\n\n form.showLoader();\n\n var state = Vendd.Product.Controller.getState();\n var id = state.parentId;\n\n Vendd.MessageBus.publishAsync(form, new Vendd.Product.Messages.Review(config.title, config.description, config.rating, id));\n };\n\n form.checkConsents = function (config) {\n var data = [];\n\n var checkboxes = $('.form-row.consent.checkbox', $form);\n $.each(checkboxes, function (e, el) {\n var chkbx = $('.checkbox-wrapper input', el);\n data.push({ type: chkbx.attr('id'), source: 'Review Form', approved: chkbx.prop(\"checked\") });\n });\n\n if (data.length > 0) {\n window.ConsentsManager.insertConsents(data);\n } else {\n form.submitReview(config);\n }\n };\n\n function successFn(envelope) {\n form.hideLoader();\n\n var responseData = envelope.message.data;\n\n if (responseData.Success) responseData.success = responseData.Success;\n if (responseData.Code) responseData.code = responseData.Code;\n if (responseData.data) responseData.data = responseData.Data;\n if (responseData.time) responseData.time = responseData.Time;\n\n if (!responseData.success && responseData.code == 'GenericError') {\n if (typeof (responseData.Data) == 'string') {\n try {\n responseData.Data = jQuery.parseJSON(responseData.Data);\n } catch (e) {\n\n }\n };\n };\n\n if (responseData.success && typeof (form.onSuccess) === 'function') {\n form.onSuccess(envelope.message.config, responseData);\n } else {\n if (!responseData.success && typeof (form.onFailure) === 'function') {\n form.onFailure(envelope.message.config, responseData);\n };\n };\n };\n\n function failureFn(ex) {\n form.hideLoader();\n\n var response = {\n code: 'GenericError',\n success: false,\n time: 0\n };\n\n if (ex.responseText) {\n response.data = jQuery.parseJSON(ex.responseText)\n } else {\n response.data = ex;\n }\n\n if (typeof (form.onFailure) === 'function') {\n form.onFailure(config, response);\n }\n };\n\n if ($(\".view-terms\", $form).length > 0) {\n $(\".view-terms\", $form).fancybox({\n touch: false\n });\n }\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.ReviewSuccess, form, successFn);\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.ReviewFailure, form, failureFn);\n\n Vendd.MessageBus.subscribe(Vendd.Consents.Messages.InsertConsents, form, form.submitReview);\n\n });\n\n});\n\n","Vendd.Scripts.load(function () {\n\n Vendd.MessageBus.subscribe(Vendd.Widget.Messages.BindControl, 'x-product-review-box', function (envelope) {\n\n var $context = envelope.message.data.context,\n $boxes = $('.x-product-review-box', $context);\n\n if ($boxes.length < 1) return;\n\n $boxes.each(function (i, box) {\n\n var $box = $(box);\n\n var reviewId = $box.data('reviewid');\n var sessionIsAuthenticated = $box.data('session-is-authenticated'); \n var currentUserVotedForHelpfullness = $box.data('current-user-voted-for-helpfullness'); \n\n var $loginPopup = $('div[data-type=\"helpfullness-login-popup\"]', $box);\n\n var $btnVote = $box.find('.vote-btn');\n var $btnVoteYes = $box.find('*:enabled[data-click=\"vote-yes\"]');\n var $voteYesInputWrapper = $btnVoteYes.parent();\n var $btnVoteNo = $box.find('*:enabled[data-click=\"vote-no\"]');\n var $voteNoInputWrapper = $btnVoteNo.parent();\n var $totalYesVotes = $box.find('*[data-input=\"helpfullness-yes-total\"]');\n var $totalNoVotes = $box.find('*[data-input=\"helpfullness-no-total\"]');\n var $userVotedMessage = $box.find('.user-voted');\n var $voteError = $box.find('.vote-msg-error');\n\n function yesVoteSuccess(response) {\n if (response.success) {\n $totalYesVotes.val(parseInt($totalYesVotes.val()) + 1);\n $btnVoteYes.prop('disabled', true);\n $voteYesInputWrapper.addClass('x-disabled');\n $btnVoteNo.prop('disabled', true);\n $voteNoInputWrapper.addClass('x-disabled');\n $userVotedMessage.show();\n\n } else {\n $voteError.html(LhApp.Function.getText('Validation:' + response.code));\n $voteError.show();\n };\n };\n\n function noVoteSuccess(response) {\n if (response.success) {\n $totalNoVotes.val(parseInt($totalNoVotes.val()) + 1);\n $btnVoteYes.prop('disabled', true);\n $voteYesInputWrapper.addClass('x-disabled');\n $btnVoteNo.prop('disabled', true);\n $voteNoInputWrapper.addClass('x-disabled');\n $userVotedMessage.show();\n\n } else {\n $voteError.html(LhApp.Function.getText('Validation:' + response.code));\n $voteError.show();\n };\n };\n\n function voteFailure(response) {\n $voteError.html(LhApp.Function.getText('Validation:' + response.code));\n $voteError.show();\n };\n\n $btnVote.click(function (e) {\n if (sessionIsAuthenticated) {\n if (!currentUserVotedForHelpfullness) {\n $voteError.hide();\n if ($(this).hasClass('vote-btn-yes')) {\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Product.Messages.ReviewVote(reviewId, true));\n } else if ($(this).hasClass('vote-btn-no')) {\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Product.Messages.ReviewVote(reviewId, false));\n }\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.ReviewVoteSuccess, wrapper, function (envelope) {\n if (envelope.message.data.vote === true) {\n yesVoteSuccess(envelope.message.data.response)\n } else {\n noVoteSuccess(envelope.message.data.response)\n };\n Vendd.MessageBus.unsubscribe(Vendd.Product.Messages.ReviewVoteSuccess, wrapper);\n });\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.ReviewVoteFailure, wrapper, function (envelope) {\n voteFailure(envelope.message.data.response);\n Vendd.MessageBus.unsubscribe(Vendd.Product.Messages.ReviewVoteFailure, wrapper);\n });\n\n };\n } else {\n $loginPopup.show();\n };\n });\n\n if (!sessionIsAuthenticated) {\n\n var $loginLink = $('*[data-click=\"login\"]', $loginPopup);\n var $registerLink = $('*[data-click=\"register\"]', $loginPopup);\n var $closeBtn = $('*[data-click=\"close-popup\"]', $loginPopup);\n\n var $loginWidget = $('.x-control.x-widget.x-login-widget').first();\n var redirectUrl = LhApp.Function.Url.setParameterValue('mode', 'view-reviews');\n\n $loginLink.click(function (e) {\n $loginPopup.hide();\n\n var $loginForm = $('.x-login-form .login-form', $loginWidget);\n $loginForm.attr('data-redirect', redirectUrl);\n\n $('.js-widget-trigger', $loginWidget).trigger('click');\n });\n\n $registerLink.click(function (e) {\n document.location = LhApp.Function.Url.setParameterValueOnUrl(LhApp.Url.Page.Register, 'ReturnUrl', encodeURIComponent(redirectUrl));\n });\n\n $closeBtn.click(function (e) {\n $loginPopup.hide();\n });\n } else {\n $loginPopup.remove();\n }\n });\n\n });\n\n});","Vendd.Scripts.load(function () {\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.BindControl, 'x-pd-reviews-summary', function (envelope) {\n\n var $context = envelope.message.data.context,\n $control = $('.x-pd-reviews-summary', $context),\n model = null, literals = null, isInitialCall = true;\n\n if ($control.length < 1) return;\n\n control = $control.get(0);\n\n control.bind = function () {\n //initialize stars\n if ($('.x-review-stars[data-type=\"stars\"]', $control).length > 0) {\n $('.x-review-stars[data-type=\"stars\"]', $control).each(function (i, wrapper) {\n\n var $wrapper = $(wrapper);\n\n var isRateMode = $wrapper.data('is-rate-mode');\n var ratingSummaryData = $wrapper.data('rating-summary');\n var ratingSummary = 0.00;\n\n if (typeof ratingSummaryData === 'string') {\n ratingSummary = parseFloat(ratingSummaryData.replace(\",\", \".\"));\n } else if (typeof ratingSummaryData === 'number') {\n ratingSummary = parseFloat(ratingSummaryData);\n }\n\n initStars(isRateMode, ratingSummary, $wrapper);\n });\n }\n\n //scroll to reviews\n if ($('.js-scroll-to-reviews', $control).length > 0) {\n $('.js-scroll-to-reviews', $control).click(function () {\n scrollOffset = $(window).width() > 960 ? 100 : 50;\n $('.product-details-region .x-pd-tab-panel .tab-title.reviews').trigger('click');\n $('html, body').animate({ scrollTop: $('.product-details-region .x-pd-tab-panel .tab-content.reviews').offset().top - scrollOffset }, 1);\n });\n }\n \n //scroll to review form and open it\n if ($('.js-scroll-to-review-form', $control).length > 0) {\n $('.js-scroll-to-review-form', $control).click(function () {\n scrollOffset = $(window).width() > 960 ? 100 : 50;\n $('.product-details-region .x-pd-tab-panel .tab-title.reviews').trigger('click');\n $('html, body').animate({ scrollTop: $('.product-details-region .x-pd-tab-panel .tab-content.reviews').offset().top - scrollOffset }, 1);\n $('[data-click=\"open-product-review-form\"]').trigger('click');\n });\n }\n \n };\n\n control.update = function () {\n\n var html = Vendd.Handlebars.parse(\"pdReviewsSummary_A\", model);\n\n $control.html(html);\n\n control.bind();\n };\n\n control.bind();\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.GetReviewsSuccess, control, function (envelope) {\n if (isInitialCall) {\n model = envelope.message.data.Data;\n model.Stars.Enabled = false;\n\n //update\n control.update();\n\n isInitialCall = false;\n }\n }); \n\n });\n\n});","Vendd.Scripts.load(function () {\n\n $('.x-control.x-order.x-orderchangeform').each(function (i, wrapper) {\n var $wrapper = $(wrapper);\n var $orderItems = $('[data-container=\"orderItem\"]', $wrapper);\n var $submitButton = $('button[type=\"button\"][data-click=\"submit\"]', $wrapper);\n var cash = $wrapper.data('cash');\n\n wrapper.items = [];\n\n $orderItems.each(function (i, item) {\n var $orderItem = $(item);\n var oid = $orderItem.data('id');\n\n var $checkboxAction = $('.option-action-checkbox', $orderItem);\n var $changeOrderForms = $('.change-order-form', $orderItem);\n\n var replaceValOpts = {\n replaceWith: {\n required: 'replaceWith-required'\n },\n returnReason: {\n required: 'returnReason-required'\n }\n };\n\n var refundValOpts = {\n refundReason: {\n required: 'refundReason-required'\n }\n };\n\n if (cash) {\n refundValOpts['cardnumber'] = {\n required: 'cardnumber-required'\n };\n refundValOpts['bankName'] = {\n required: 'bankName-required'\n };\n refundValOpts['ccname'] = {\n required: 'ccname-required'\n };\n }\n\n $orderItem.validationEngine({});\n\n item.validateInit = function () {\n $orderItem.data('validationEngine').destroy();\n if ($checkboxAction.filter(\":checked\").val() == \"replace\") {\n $orderItem.validationEngine(replaceValOpts);\n } else if ($checkboxAction.filter(\":checked\").val() == \"refund\") {\n $orderItem.validationEngine(refundValOpts);\n } else if ($checkboxAction.filter(\":checked\").val() == \"credit-balance\") {\n $orderItem.validationEngine({});\n }\n };\n\n $checkboxAction.off(\"change\").on(\"change\", function () {\n var targetedForm = $(this).data('target');\n\n $orderItem.data('validationEngine').reset();\n\n if ($(this).is(':checked')) {\n $checkboxAction.filter('[data-target!=' + targetedForm + ']').prop(\"checked\", false);\n\n $changeOrderForms.removeClass(\"shown\");\n $changeOrderForms.filter('[data-target=' + targetedForm + ']').addClass(\"shown\");\n\n item.validateInit();\n } else {\n $changeOrderForms.filter('[data-target=' + targetedForm + ']', $orderItem).removeClass(\"shown\");\n $orderItem.validationEngine({});\n }\n $submitButton.prop(\"disabled\", $(\".option-action-checkbox:checked\", $wrapper).length <= 0);\n });\n\n $('select[data-member=\"returnReason\"], select[data-member=\"refundReason\"]', $orderItem).off(\"change\").on(\"change\", function () {\n var textareaName;\n\n if ($(this).val() === 'other') {\n if ($checkboxAction.filter(\":checked\").val() == \"replace\") {\n textareaName = $('textarea[data-member=\"returnNote\"]', $orderItem).attr('name');\n replaceValOpts[textareaName] = {\n required: textareaName + '-required'\n };\n } else if ($checkboxAction.filter(\":checked\").val() == \"refund\") {\n textareaName = $('textarea[data-member=\"refundNote\"]', $orderItem).attr('name');\n refundValOpts[textareaName] = {\n required: textareaName + '-required'\n };\n }\n } else {\n if ($checkboxAction.filter(\":checked\").val() == \"replace\") {\n textareaName = $('textarea[data-member=\"returnNote\"]', $orderItem).attr('name');\n replaceValOpts = _.omit(replaceValOpts, textareaName);\n } else if ($checkboxAction.filter(\":checked\").val() == \"refund\") {\n textareaName = $('textarea[data-member=\"refundNote\"]', $orderItem).attr('name');\n refundValOpts = _.omit(refundValOpts, textareaName);\n }\n }\n\n });\n\n $orderItem.on('keyup', 'input[name], textarea[name]', function (e) {\n var fieldName = $(this).attr('name');\n var rfTemp = $orderItem.data('validationEngine');\n\n rfTemp.validate(fieldName);\n });\n\n $orderItem.on('change', 'select[name]', function (e) {\n var fieldName = $(this).attr('name');\n var rfTemp = $orderItem.data('validationEngine');\n\n rfTemp.validate(fieldName);\n });\n\n item.getValue = function () {\n\n var defaultOpts = {\n id: oid,\n action: undefined,\n note: undefined,\n returnReason: undefined,\n replaceProductItemId: undefined,\n bankName: undefined,\n bankHolder: undefined,\n bankIban: undefined\n };\n\n if ($checkboxAction.filter(\":checked\").val() == \"replace\") {\n defaultOpts.action = 'replace';\n defaultOpts.replaceProductItemId = $('[data-member=\"replaceWith\"]', $changeOrderForms).val();\n\n defaultOpts.returnReason = $('[data-member=\"returnReason\"]', $changeOrderForms).val();\n defaultOpts.note = $('[data-member=\"returnNote\"]', $changeOrderForms).val();\n } else if ($checkboxAction.filter(\":checked\").val() == \"refund\") {\n defaultOpts.action = 'refund';\n\n defaultOpts.returnReason = $('[data-member=\"refundReason\"]', $changeOrderForms).val();\n defaultOpts.note = $('[data-member=\"refundNote\"]', $changeOrderForms).val();\n\n defaultOpts.bankName = $('[data-member=\"bankName\"]', $changeOrderForms).val();\n defaultOpts.bankHolder = $('[data-member=\"ccname\"]', $changeOrderForms).val();\n defaultOpts.bankIban = $('[data-member=\"cardnumber\"]', $changeOrderForms).val();\n }\n else if ($checkboxAction.filter(\":checked\").val() == \"credit-balance\") {\n defaultOpts.action = 'credit-balance';\n }\n\n\n return defaultOpts;\n };\n });\n\n $submitButton.off(\"click\").on(\"click\", function () {\n wrapper.items = [];\n var validate = true;\n\n $orderItems.each(function (i, orderItem) {\n var $orderItem = $(orderItem);\n if ($('.option-action-checkbox', $orderItem).filter(\":checked\").length > 0) {\n var replaceProductItemId = $(\".replaceWithSearchText\", $orderItem).attr(\"data-variantid\");\n $(\"[name='replaceWith']\", $orderItem).val(replaceProductItemId);\n var rf = $orderItem.data('validationEngine');\n var val = rf.validate();\n if (val) {\n validate = validate && true;\n } else {\n validate = false;\n }\n wrapper.items.push(orderItem.getValue());\n }\n });\n\n if (wrapper.items.length > 0 && validate) {\n $('.order-items', $wrapper).addClass('x-loading');\n wrapper.submit();\n } else {\n $('html, body').animate({\n scrollTop: $('.form-row.with-error', $wrapper).first().closest('.change-order-form').offset().top - 50\n }, 600);\n }\n });\n\n wrapper.submit = function () {\n\n var resultData = {\n id: $wrapper.data('id'),\n items: wrapper.items\n };\n\n Vendd.Service.call({\n url: 'EcomService.svc/ChangeOrder',\n data: {\n data: resultData\n },\n onSuccess: function (res) {\n if (res.success) {\n $('[data-section=\"content\"]', $wrapper).hide();\n $('.js-success', $wrapper).show();\n $('.js-error', $wrapper).hide();\n } else {\n $('.js-success', $wrapper).hide();\n $('.js-error', $wrapper).show();\n $('html, body').animate({\n scrollTop: $('.js-error', $wrapper).offset().top - 50\n }, 600);\n }\n $('.order-items', $wrapper).removeClass('x-loading');\n }\n });\n };\n });\n\n\n});","Vendd.Scripts.load(function () {\n 'use strict';\n\n var $wrappers = $('.x-cart-searchbox');\n\n $wrappers.each(function (i, wrapper) {\n var $wrapper = $(wrapper);\n\n var $list = $('.x-cart-searchbox-results', $wrapper);\n\n if ($wrapper.length < 1 || $list.length < 1) return;\n\n var model = {},\n resultsPerPage = $wrapper.attr('data-page-size'),\n maxResults = parseInt(resultsPerPage) > 0 ? parseInt(resultsPerPage) : 12,\n pdPageNum = 1,\n isProductSelected = false,\n isLookupCompleted = false,\n list = $list.get(0),\n $searchInput = $('.js-keyword', $wrapper),\n $qtyInput = $('.js-quantity', $wrapper),\n $increaseQtyInput = $('.js-incr-quantity', $wrapper),\n $decreaseQtyInput = $('.js-decr-quantity', $wrapper),\n $submitButton = $('.js-add-to-cart', $wrapper),\n minLength = $wrapper.attr('data-min-search-length');\n\n var lazyLoadPrices = $wrapper.attr('data-lazyload-prices');\n if (typeof lazyLoadPrices === 'string') {\n lazyLoadPrices = lazyLoadPrices.trim().toLowerCase() === 'true';\n }\n\n wrapper.loading = function loading(loading) {\n isLookupCompleted = !loading;\n if (loading) {\n $wrapper.addClass('x-loading').addClass('x-disabled');\n } else {\n $wrapper.removeClass('x-loading').removeClass('x-disabled');\n }\n };\n\n wrapper.enableInput = function enableInput(enable, $input) {\n if (enable) {\n $input.removeAttr('disabled').prop('disabled', false);\n } else {\n $input.attr('disabled', 'disabled').prop('disabled', true);\n }\n };\n\n wrapper.enableInputs = function enableInputs(enable) {\n wrapper.enableInput(false, $decreaseQtyInput);\n wrapper.enableInput(enable, $increaseQtyInput);\n wrapper.enableInput(enable, $qtyInput);\n wrapper.enableInput(enable, $submitButton);\n };\n\n list.update = function update() {\n wrapper.loading(true);\n\n var html = Vendd.Handlebars.parse(\"cartSearchBoxResults_A\", model);\n var $html = $(html);\n var $newProducts = $('.product-results', $html);\n var $products = $('.product-results', $list).last();\n\n if ($products.length > 0) {\n $newProducts.insertAfter($products);\n } else {\n $html.appendTo($list);\n }\n \n if (!model.MoreProducts) {\n $('.js-more-results', $list).hide();\n }\n\n wrapper.loading(false);\n };\n\n list.clear = function clear() {\n $list.html(\"\");\n };\n\n list.show = function show(show) {\n if (show) {\n $wrapper.addClass('active');\n $list.addClass(\"js-visible\");\n } else {\n $wrapper.removeClass('active');\n $list.removeClass(\"js-visible\");\n }\n };\n\n wrapper.checkSearchTerm = function (searchTerm) {\n return /[a-zα-ωάέήίόύώϊϋΐΰςа-я0-9]+/i.test(searchTerm);\n };\n\n wrapper.setSelectedProduct = function setSelectedProduct(data) {\n var productId = (data) ? data.productId : '',\n variantId = (data) ? data.variantId : '',\n path = (data) ? data.path : '',\n availabilityActionId = (data) ? data.availabilityActionId : '',\n name = (data) ? data.name : '',\n stock = (data) ? data.stock : 0,\n minQuantity = (data) ? data.minQuantity : 0,\n maxQuantity = (data) ? data.maxQuantity : 0,\n quanta = (data) ? data.quanta : 0,\n color = (data) ? data.color : \"\",\n size = (data) ? data.size : \"\",\n list = (data) ? data.list : \"\";\n\n $searchInput.attr('data-productid', productId);\n $searchInput.attr('data-variantid', variantId);\n $searchInput.attr('data-path', path);\n $searchInput.attr('data-availability-action-id', availabilityActionId);\n $searchInput.attr('data-min-quantity', minQuantity);\n $searchInput.attr('data-max-quantity', maxQuantity);\n $searchInput.attr('data-quanta', quanta);\n $searchInput.attr('data-color', color);\n $searchInput.attr('data-size', size);\n $searchInput.attr('data-list', list);\n if (name != \"\") $searchInput.val(name);\n $qtyInput.attr('data-stock', stock);\n\n var quantity = stock > minQuantity ? minQuantity : 1;\n if (quantity > 0 && quanta > 0 && quantity % quanta !== 0) {\n quantity = quanta;\n }\n\n $qtyInput.val(numberToString(quantity));\n\n wrapper.enableInputs(stock > 0);\n isProductSelected = (data) ? true : false;\n };\n\n $list.on('click', '.js-list-item', function () {\n var $item = $(this);\n var data = {\n productId: $item.attr('data-productid').toString(),\n variantId: $item.attr('data-variantid').toString(),\n path: $item.attr('data-path').toString(),\n availabilityActionId: $item.attr('data-availability-action-id').toString(),\n name: $item.attr('data-name'),\n stock: parseInt($item.attr('data-stock')),\n minQuantity: parseFloat(($item.attr('data-min-quantity') ? stringToNumber($item.attr('data-min-quantity')) : null) || 1),\n maxQuantity: parseFloat(($item.attr('data-max-quantity') ? stringToNumber($item.attr('data-max-quantity')) : null) || $item.attr('data-stock')),\n quanta: parseFloat(($item.attr('data-quanta') ? stringToNumber($item.attr('data-quanta')) : null) || 1),\n color: $item.attr('data-color') ? $item.attr('data-color') : \"\",\n size: $item.attr('data-size') ? $item.attr('data-size') : \"\",\n list: $item.attr('data-list') ? $item.attr('data-list') : \"\"\n };\n\n wrapper.setSelectedProduct(data);\n list.show(false);\n\n if ($('.x-orderchangeform').length > 0) {\n $item.closest('[data-container=\"orderItem\"]').find(\"[name='replaceWith']\").val(data.variantId);\n $item.closest('[data-container=\"orderItem\"]').attr('data-validationEngine').validate('replaceWith');\n }\n\n });\n\n $list.on('click', '.js-more-results', function () {\n var searchTerm = $searchInput.val();\n if ($searchInput.val().length >= minLength && !isProductSelected) {\n pdPageNum++;\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.ElasticSearch.Messages.GetProductElasticResults(searchTerm, pdPageNum, maxResults));\n } else {\n list.show(false);\n };\n });\n\n $wrapper.on('click', '.js-incr-quantity', function () {\n var $this = $(this);\n if ($this.hasClass('x-disabled') || $this.is(':disabled'))\n return;\n\n var stock = parseInt($qtyInput.attr('data-stock'));\n\n var quanta = parseFloat(($searchInput.attr('data-quanta') ? stringToNumber($searchInput.attr('data-quanta')) : null) || 1);\n var minQuantity = parseFloat(($searchInput.attr('data-min-quantity') ? stringToNumber($searchInput.attr('data-min-quantity')) : null) || 1);\n var maxQuantity = parseFloat(($searchInput.attr('data-max-quantity') ? stringToNumber($searchInput.attr('data-max-quantity')) : null) || stock);\n\n var tempQuantity = parseFloat(stringToNumber($qtyInput.val()));\n\n if (tempQuantity >= 0) {\n tempQuantity = tempQuantity + quanta;\n\n if (tempQuantity <= maxQuantity) {\n wrapper.enableInput(tempQuantity !== maxQuantity, $increaseQtyInput);\n $qtyInput.val(numberToString(tempQuantity));\n } else {\n wrapper.enableInput(false, $increaseQtyInput);\n }\n\n if (tempQuantity > minQuantity) wrapper.enableInput(true, $decreaseQtyInput);\n }\n\n var enableSubmitButton = (parseFloat(stringToNumber($qtyInput.val())) > 0 && isProductSelected);\n wrapper.enableInput(enableSubmitButton, $submitButton);\n });\n\n $wrapper.on('click', '.js-decr-quantity', function () {\n var $this = $(this);\n if ($this.hasClass('x-disabled') || $this.is(':disabled'))\n return;\n\n var stock = parseInt($qtyInput.attr('data-stock'));\n var tempQuantity = parseFloat(stringToNumber($qtyInput.val()));\n var quanta = parseFloat(($searchInput.attr('data-quanta') ? stringToNumber($searchInput.attr('data-quanta')) : null) || 1);\n var minQuantity = parseFloat(($searchInput.attr('data-min-quantity') ? stringToNumber($searchInput.attr('data-min-quantity')) : null) || 1);\n var maxQuantity = parseFloat(($searchInput.attr('data-max-quantity') ? stringToNumber($searchInput.attr('data-max-quantity')) : null) || stock);\n\n if (tempQuantity !== minQuantity && tempQuantity > 0) {\n tempQuantity = tempQuantity - quanta;\n $qtyInput.val(numberToString(tempQuantity));\n wrapper.enableInput(true, $increaseQtyInput);\n }\n\n if (tempQuantity <= minQuantity) wrapper.enableInput(false, $decreaseQtyInput);\n\n var enableSubmitButton = (parseFloat(stringToNumber($qtyInput.val())) > 0 && isProductSelected);\n wrapper.enableInput(enableSubmitButton, $submitButton);\n });\n\n $wrapper.on('keyup', '.js-quantity', function () {\n var $this = $(this);\n if ($this.hasClass('x-disabled') || $this.is(':disabled'))\n return;\n\n var stock = parseInt($qtyInput.attr('data-stock'));\n\n var tempQuantity = parseFloat(stringToNumber($qtyInput.val()));\n var quanta = parseFloat(($searchInput.attr('data-quanta') ? stringToNumber($searchInput.attr('data-quanta')) : null) || 1);\n var minQuantity = parseFloat(($searchInput.attr('data-min-quantity') ? stringToNumber($searchInput.attr('data-min-quantity')) : null) || 1);\n var maxQuantity = parseFloat(($searchInput.attr('data-max-quantity') ? stringToNumber($searchInput.attr('data-max-quantity')) : null) || stock);\n\n if (quanta > 1 && tempQuantity % quanta !== 0) {\n tempQuantity = tempQuantity - (tempQuantity % quanta);\n }\n\n var selectedQuantity = tempQuantity;\n\n if (tempQuantity < maxQuantity && tempQuantity > minQuantity) {\n selectedQuantity = tempQuantity;\n } else if (tempQuantity >= maxQuantity) {\n selectedQuantity = quanta > 1 && maxQuantity % quanta !== 0 ? maxQuantity - (maxQuantity % quanta) : maxQuantity;\n } else if (tempQuantity <= minQuantity) {\n selectedQuantity = quanta > 1 && minQuantity % quanta !== 0 ? minQuantity - (minQuantity % quanta) : minQuantity;\n } else {\n //if qty is NaN\n if (minQuantity) {\n selectedQuantity = minQuantity;\n } else if (quanta) {\n selectedQuantity = quanta;\n } else {\n selectedQuantity = 1;\n }\n }\n\n $qtyInput.val(numberToString(selectedQuantity));\n\n var enableIncreaseQtyInput = (tempQuantity < maxQuantity),\n enableDecreaseQtyInput = (tempQuantity > minQuantity),\n enableSubmitButton = (selectedQuantity > minQuantity && selectedQuantity > maxQuantity && isProductSelected);\n\n wrapper.enableInput(enableIncreaseQtyInput, $increaseQtyInput);\n wrapper.enableInput(enableDecreaseQtyInput, $decreaseQtyInput);\n wrapper.enableInput(enableSubmitButton, $submitButton);\n });\n\n $wrapper.on('keydown', '.js-quantity', function (e) {\n numbersOnly(e);\n });\n\n $wrapper.on('click', '.js-add-to-cart', function (e) {\n if ($searchInput.val().length >= minLength && isLookupCompleted && isProductSelected) {\n e.preventDefault();\n e.stopPropagation();\n\n var $this = $(this);\n\n if ($this.hasClass('x-disabled') || $this.is(':disabled'))\n return;\n\n if ($('.x-warehouse-selector-widget').trigger('addtocart').hasClass('opening'))\n return;\n\n var id = $searchInput.attr('data-productid');\n var skuId = $searchInput.attr('data-variantid');\n var path = $searchInput.attr('data-path');\n var qty = parseFloat(stringToNumber($qtyInput.val())) || 1;\n var extraAttributes = [];\n var bundleItems = [];\n var recipeItems = [];\n var comboItems = [];\n var itemInfo = {\n minQuantity: parseFloat(($searchInput.attr('data-min-quantity') ? stringToNumber($searchInput.attr('data-min-quantity')) : null) || 0),\n maxQuantity: parseFloat(($searchInput.attr('data-max-quantity') ? stringToNumber($searchInput.attr('data-max-quantity')) : null) || 0),\n quanta: parseFloat(($searchInput.attr('data-quanta') ? stringToNumber($searchInput.attr('data-quanta')) : null) || 0),\n };\n\n //enhanced info\n var color = $searchInput.attr('data-color');\n var size = $searchInput.attr('data-size');\n var list = $searchInput.attr('data-list');\n var enhancedInfo = { color: color, size: size, list: list };\n\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Cart.Messages.Add(id, skuId, path, qty, extraAttributes, bundleItems, recipeItems, comboItems, itemInfo, enhancedInfo));\n };\n });\n\n $wrapper.on('keyup', '.js-keyword', $.debounce(850, function () {\n var searchTerm = $searchInput.val();\n\n //reset\n if (isProductSelected) wrapper.setSelectedProduct(null);\n list.clear();\n pdPageNum = 1;\n\n if (searchTerm.length >= minLength && wrapper.checkSearchTerm(searchTerm)) {\n wrapper.loading(true);\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.ElasticSearch.Messages.GetProductElasticResults(searchTerm, pdPageNum, maxResults));\n } else {\n list.show(false);\n }\n }));\n\n $wrapper.on('click', '.js-keyword', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n $searchInput.select();\n });\n\n $wrapper.on('focus', '.js-keyword', function () {\n var show = ($searchInput.val().length >= minLength && isLookupCompleted && !isProductSelected);\n list.show(show);\n });\n\n $wrapper.on('click', '.js-search-toggle', function (e) {\n if (!$wrapper.hasClass('active')) return;\n\n list.show(false);\n });\n\n Vendd.MessageBus.subscribe(Vendd.ElasticSearch.Messages.GetProductElasticResultsFailed, wrapper, function (envelope) {\n list.show(false);\n wrapper.loading(false);\n });\n\n Vendd.MessageBus.subscribe(Vendd.ElasticSearch.Messages.GetProductElasticResultsSuccess, wrapper, function (envelope) {\n if (envelope.message.data.sender !== wrapper) return;\n\n model = envelope.message.data.model;\n\n //check if current user has custom prices\n var currentUser = Vendd.User && Vendd.User.GetClientModel();\n var customPrices = currentUser && currentUser.HasCustomPrices;\n model.HasLazyLoadPrices = lazyLoadPrices || customPrices;\n\n model.MoreProducts = ((((model || {}).hits || {}).total || {}).value || 0) > (maxResults * pdPageNum);\n if (pdPageNum > 1) model.PageNumber = pdPageNum;\n\n if (model.HasLazyLoadPrices && model.hits.hits.length > 0) {\n var items = _.pluck(_.pluck(model.hits.hits, '_source'), 'VariantId');\n var obj = {\n itemIds: items,\n fetchPrices: true,\n fetchAvailabilities: false,\n fetchStock: false\n };\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.ScrollList.Messages.GetClientProductListData(obj));\n\n Vendd.MessageBus.subscribe(Vendd.ScrollList.Messages.GetClientProductListDataSuccess, wrapper, function (envelope) {\n var result = JSON && JSON.parse(envelope.message.data) || $.parseJSON(envelope.message.data);\n var modelWithPrices = _.each(model.hits.hits, function (obj) {\n var selectedProduct = _.find(result.Products, function (x) { return obj._source.VariantId === x.VariantId; });\n if (selectedProduct) _.extend(obj._source, selectedProduct.Prices);\n\n if (obj._source['Flags']) {\n var flags = obj._source['Flags'],\n arrayFlags = [];\n\n for (var p in flags) {\n arrayFlags.push({ 'Key': p, 'Value': flags[p] });\n }\n\n obj._source['Flags'] = arrayFlags;\n }\n });\n _.extend(model.hits.hits, modelWithPrices);\n\n list.update();\n list.show(true);\n Vendd.MessageBus.unsubscribe(Vendd.ScrollList.Messages.GetClientProductListDataSuccess, wrapper);\n });\n } else {\n list.update();\n list.show(true);\n }\n });\n\n $(document).mouseup(function (e) {\n if (!$wrapper.is(e.target) && $wrapper.has(e.target).length === 0) {\n list.show(false);\n }\n });\n\n });\n});","Vendd.Scripts.load(function () {\n\n var $wrapper = $('.x-product-details'),\n wrapper;\n var model = null, firstLoad = true, lazyLoadSender = false,\n wishlistModel, compareModel, userModel;\n\n if ($wrapper.length < 1)\n return;\n\n wrapper = $wrapper.get(0);\n\n var $pdTabPanel = $('.x-pd-tab-panel');\n //example: bundleItems: [{bundleProductId:'testValue', parentProductId:'testValue', productId:'testValue', quantity: 'testValue'}]\n var bundleItems = [];\n\n var $bundleItems = $('.js-bundle-item-list .js-bundle-item', $wrapper);\n $.each($bundleItems, function (i, control) {\n var $control = $(control);\n var isDynamic = $control.data('is-dynamic').toLowerCase() === 'true';\n var bundleProductId = parseInt($control.data('bundle-id'));\n var parentProductId = $control.data('parent-id');\n var productId = $control.data('selected-id');\n\n var $qty = $('.js-quantity', $control);\n\n if (isDynamic) {\n bundleItems.push({\n bundleProductId: bundleProductId,\n parentProductId: parentProductId,\n productId: productId,\n quantity: parseInt($qty.val())\n });\n }\n });\n\n var recipeItems = [];\n var comboItems = [];\n var minQuantity = ($wrapper.data('min-quantity') ? stringToNumber($wrapper.data('min-quantity')) : null) || 0;\n var maxQuantity = ($wrapper.data('max-quantity') ? stringToNumber($wrapper.data('max-quantity')) : null) || 0;\n var quanta = ($wrapper.data('quanta') ? stringToNumber($wrapper.data('quanta')) : null) || 0;\n var qty;\n if (quanta) {\n qty = Vendd.Helpers.isInteger(parseFloat(quanta)) ? parseInt(minQuantity) || parseInt(quanta) : parseFloat(minQuantity) || parseFloat(quanta);\n } else {\n qty = 1;\n }\n Vendd.Product.Controller.initState({\n serviceConfiguration: $('.service-configuration', $wrapper).text(),\n parentId: $wrapper.data('parent-id'),\n selectedId: $wrapper.data('selected-id'),\n selectedColorId: $wrapper.data('selected-color-id'),\n path: $wrapper.data('path'),\n languageId: $wrapper.data('language-id'),\n qty: qty > 0 ? qty : 1,\n minQuantity: Vendd.Helpers.isInteger(parseFloat(quanta)) ? parseInt(minQuantity) : parseFloat(minQuantity),\n maxQuantity: Vendd.Helpers.isInteger(parseFloat(quanta)) ? parseInt(maxQuantity) : parseFloat(maxQuantity),\n quanta: Vendd.Helpers.isInteger(parseFloat(quanta)) ? parseInt(quanta) : parseFloat(quanta),\n bundleItems: bundleItems,\n recipeItems: recipeItems,\n comboItems: comboItems\n });\n\n $('.service-configuration', $wrapper).remove();\n\n\twrapper.isAuthenticated = function () {\n\t\treturn userModel && userModel.IsAuthenticated;\n\t};\n\n\twrapper.isB2BUser = function () {\n\t\treturn userModel && userModel.IsB2BUser;\n\t};\n\n\twrapper.updateUserState = function () {\n\t\t$wrapper.toggleClass('pd-user', userModel !== undefined);\n\t\t$wrapper.toggleClass('pd-user-authenticated', wrapper.isAuthenticated());\n\t\t$wrapper.toggleClass('pd-user-b2b', wrapper.isB2BUser());\n\t};\n\n wrapper.loading = function (loading) {\n if (loading) {\n $wrapper.addClass('x-loading');\n } else {\n $wrapper.removeClass('x-loading');\n }\n };\n\n var merchantPopUp = function (model) {\n\n var html = Vendd.Handlebars.parse(\"merchantBox_B\", model);\n\n $.fancybox.open(html, {\n type: 'iframe',\n maxWidth: 1040,\n fitToView: false,\n autoSize: false,\n closeClick: false,\n openEffect: 'none',\n closeEffect: 'none',\n padding: 0\n });\n\n };\n\n wrapper.bind = function () {\n\n if ($wrapper.hasClass('x-product-details-popup')) {\n\n Vendd.MessageBus.publish(wrapper, new Vendd.Widget.Messages.BindControl($('.x-product-details-ajax-buttons', $wrapper)));\n\n } else {\n\n var scrollOffset;\n if ($('.js-size-guide').length > 0) {\n \n $(\".js-size-guide\", $wrapper).fancybox({\n touch: false,\n smallBtn: true,\n toolbar: false,\n btnTpl : {\n smallBtn : ''\n }\n });\n }\n\n if ($('.js-scroll-to-reviews').length > 0) {\n\n $('.js-scroll-to-reviews', $wrapper).click(function () {\n scrollOffset = $(window).width() > 960 ? 130 : 50;\n $('.product-details-region .x-pd-tab-panel .tab-title.reviews').trigger('click');\n $('html, body').animate({ scrollTop: $('.product-details-region .x-pd-tab-panel .tab-content.reviews').offset().top - scrollOffset }, 1);\n });\n }\n\n if ($('.js-scroll-to-review-form').length > 0) {\n\n $('.js-scroll-to-review-form', $wrapper).click(function () {\n scrollOffset = $(window).width() > 960 ? 130 : 50;\n $('.product-details-region .x-pd-tab-panel .tab-title.reviews').trigger('click');\n $('html, body').animate({ scrollTop: $('.product-details-region .x-pd-tab-panel .tab-content.reviews').offset().top - scrollOffset }, 1);\n $('[data-click=\"open-product-review-form\"]').trigger('click');\n });\n }\n\n Vendd.MessageBus.publish(wrapper, new Vendd.Widget.Messages.BindControl($('.x-product-list', $wrapper)));\n }\n\n InitStickyBar();\n\n if (!firstLoad) initTooltips();\n\n /* enable add to wishlist, when the version's selectors are selected */\n var $merchantSelector = $('.x-product-details-version-selector.merchant ul .dim-item.li', $wrapper);\n\n $.each($merchantSelector, function (i, control) {\n var $control = $(control);\n\n if ($('.js-popup', $control).length > 0) {\n Vendd.MessageBus.unsubscribe(Vendd.Product.Messages.Changed, wrapper);\n Vendd.MessageBus.subscribe(Vendd.Merchant.Messages.GetModelSuccess, wrapper, function (envelope) {\n model = envelope.message.data.model;\n merchantPopUp(model);\n });\n var $dimItem = $(this).closest(\".dim-item\");\n var merchantId = $dimItem.data(\"version-id\");\n Vendd.MessageBus.publish(wrapper, new Vendd.Merchant.Messages.GetModel($wrapper, merchantId));\n\n }\n });\n\n //productReviews();\n //productReviewBox();\n //productReviewAjaxForm();\n //productReviewsSummary();\n\n Vendd.MessageBus.publish(wrapper, new Vendd.Widget.Messages.BindControl($('.x-recipe-ingredients-wrapper', $wrapper)));\n\n Vendd.MessageBus.publish(wrapper, new Vendd.Product.Messages.BindControl($wrapper));\n\n formatPrices($wrapper);\n\n allowOnlyNumbersInput($wrapper);\n\n initAlreadyInCart();\n\n //Init Tab Panel \n $pdTabPanel.detach().appendTo('.pd-inner-area-two');\n\n initTabs();\n\n updateAttributesTab();\n\n //Init plugin for sticky \n initStickyColumn();\n };\n\n wrapper.update = function () {\n wrapper.loading(true);\n\n firstLoad = false;\n\n /* Already in wishlist and compare start */\n if (wishlistModel) {\n _.each(wishlistModel.Items, function (item) {\n if (item.VariantId == model.SelectedProductId) {\n model.AlreadyInWishlist = true;\n return;\n }\n });\n }\n if (compareModel) {\n _.each(compareModel.Items, function (item) {\n if (item.Id == model.ParentProductId) {\n model.AlreadyInCompare = true;\n return;\n }\n });\n }\n\n /* Already in wishlist and compare end */\n\n if (typeof canonicalBreadcrumb !== 'undefined') {\n model = $.extend({}, canonicalBreadcrumb, model);\n }\n\n if (model.Dimensions.length > 0) {\n\n /* Dropdown Selectors - On Color Change, Hide the Colors Photogallery */\n //var colorSelector = $('.x-product-details-version-selector select.dim-0-select');\n //if (colorSelector.length > 0) {\n // _.each(model.Dimensions[0].Versions, function (ver) {\n // if (ver.Selected) {\n // model.HideColorsGallery = true;\n // return;\n // }\n // });\n //}\n //var colorSelector = $('.x-product-details-version-selector select.dim-0-select');\n //if (colorSelector.length > 0) {\n // if (colorSelector.val() == 0) {\n // _.each(model.Dimensions[0].Versions, function (ver) { ver.Selected = false; });\n // model.Dimensions[0].DefaultSkuLoaded = true;\n // model.DefaultSkuLoaded = true;\n // if (!model.Buttons.CartEnabled) {\n // var quantitySelector = $('.x-product-details-quantity-selector .js-selector');\n // $('option', quantitySelector).each(function () {\n // var quantityElement = {};\n // quantityElement.Value = $(this).attr('value');\n // quantityElement.Selected = $(this).attr('selected') !== undefined;\n // model.Quantities.push(quantityElement);\n // });\n // model.Buttons.CartEnabled = true;\n // }\n // model.Buttons.HasAddToCart = false;\n // model.Buttons.HasAddToProductCompare = false;\n // model.Buttons.HasAddToWishlist = false;\n // model.AvailabilityNoticationForm.Visible = false;\n // }\n //}\n\n //var sizeSelector = $('.x-product-details-version-selector select.dim-1-select');\n //if (sizeSelector.length > 0) {\n // if (sizeSelector.val() == 0) {\n // _.each(model.Dimensions[1].Versions, function (ver) { ver.Selected = false; });\n // model.Dimensions[1].DefaultSkuLoaded = true;\n // if (!model.Buttons.CartEnabled) {\n // var quantitySelector = $('.x-product-details-quantity-selector .js-selector');\n // $('option', quantitySelector).each(function () {\n // var quantityElement = {};\n // quantityElement.Value = $(this).attr('value');\n // quantityElement.Selected = $(this).attr('selected') !== undefined;\n // model.Quantities.push(quantityElement);\n // });\n // model.Buttons.CartEnabled = true;\n // }\n // //model.Quantities[0] = { Value: 1, Selected: true };\n // model.DefaultSkuLoaded = true;\n // model.Buttons.HasAddToCart = false;\n // model.Buttons.HasAddToProductCompare = false;\n // model.Buttons.HasAddToWishlist = false;\n // model.AvailabilityNoticationForm.Visible = false;\n // }\n //}\n /* Dropdown Selectors */\n\n\n /* List Selectors */\n var colorSelector = $('.x-product-details-version-selector ul.dim-list.color'),\n sizeSelector = $('.x-product-details-version-selector ul.dim-list.size'),\n hasColorSelector = false, hasSizeSelector = false;\n\n if (colorSelector.length > 0) hasColorSelector = true;\n if (sizeSelector.length > 0) hasSizeSelector = true;\n\n model.colorIsSelected = false;\n model.sizeIsSelected = false;\n\n if (hasColorSelector && $('> li.selected', colorSelector).length > 0) {\n model.colorIsSelected = true;\n }\n\n if (hasSizeSelector && $('> li.selected', sizeSelector).length > 0) {\n model.sizeIsSelected = true;\n }\n\n if (hasColorSelector) {\n _.each(model.Dimensions[0].Versions, function (ver) {\n if (ver.Selected) {\n model.ColorIsSelected = true;\n return;\n }\n });\n if ($('> li.selected', colorSelector).length == 0) {\n _.each(_.find(model.Dimensions, function (dim) { return dim.IsColor == true; }).Versions, function (ver) { ver.Selected = false; });\n model.ColorIsSelected = false;\n model.Buttons.HasAddToCart = false;\n model.Buttons.HasAddToProductCompare = false;\n model.Buttons.HasAddToWishlist = false;\n model.AvailabilityNoticationForm.Visible = false;\n } else {\n if (!model.sizeIsSelected && hasSizeSelector) {\n _.each(_.find(model.Dimensions, function (dim) { return dim.IsColor == true; }).Versions, function (ver) { ver.Disabled = false; });\n }\n }\n }\n\n if (hasSizeSelector) {\n if ($('> li.selected', sizeSelector).length == 0) {\n _.each(_.find(model.Dimensions, function (dim) { return dim.IsSize == true; }).Versions, function (ver) { ver.Selected = false; });\n model.Buttons.HasAddToCart = false;\n model.Buttons.HasAddToProductCompare = false;\n model.Buttons.HasAddToWishlist = false;\n model.AvailabilityNoticationForm.Visible = false;\n } else {\n if (!model.colorIsSelected && hasColorSelector) {\n _.each(_.find(model.Dimensions, function (dim) { return dim.IsSize == true; }).Versions, function (ver) { ver.Disabled = false; });\n }\n }\n }\n\n /* List Selectors */\n }\n\n\n var html;\n if ($wrapper.hasClass('x-product-details-popup')) {\n model.IsPopUp = true;\n //model.ProductControllerData.ProductReviews.Stars.IsPopup = true;\n //model.ProductControllerData.ProductReviews.Stars.Url = model.Url;\n html = Vendd.Handlebars.parse(\"productDetailsPopup_A\", model);\n $wrapper.attr('data-parent-id', model.ParentProductId);\n $wrapper.attr('data-selected-id', model.SelectedProductId);\n $wrapper.attr('data-path', model.PathChecksum);\n } else {\n var state = Vendd.Product.Controller.getState();\n state.selectedColorId = model.SelectedProductColorId;\n html = Vendd.Handlebars.parse(\"productDetails_C\", model);\n }\n\n //Get Size Guide\n var sizeGuide = $('.js-go-to-size-guide', $wrapper);\n //Get Bakc to List url\n var backToList = $('.back-to-list', $wrapper);\n //Get Usps Html\n var uspsHtml = $('.pd-usps', $wrapper);\n //Get Promo Menu\n var promoMenu = $('.pd-promo-menu', $wrapper);\n //Get add ons\n //var addOns = $('.x-product-details-add-ons', $wrapper);\n //Get Tab Panel\n //var tabPanel = $('.x-pd-tab-panel', $wrapper);\n //tabPanel.detach();\n //Get replacedBy Html\n var replacedBy = $('.x-replaced-products', $wrapper);\n //Get Cart Counter\n var inCartCounter = $('.in-details.in-cart-wrapper', $wrapper);\n\n $wrapper.html(html);\n\n //update addthis toolbox\n //addthis.toolbox('.addthis_toolbox ');\n\n //Add Size Guide to the wrapper\n if (sizeGuide.length > 0)\n $('.pd-box-three .x-product-details-version-selector.size', $wrapper).prepend(sizeGuide);\n //Add Back To List url to the wrapper\n if (backToList.length > 0)\n $('.pd-inner-area-one', $wrapper).prepend(backToList);\n //Add Usps Html to the wrapper\n if (uspsHtml.length > 0)\n $('.pd-inner-area-three', $wrapper).append(uspsHtml);\n //Add Promo Menu to the wrapper\n if (promoMenu.length > 0)\n $('.pd-box-five', $wrapper).append(promoMenu);\n //Add add ons\n //if (addOns.length > 0)\n // $('.pd-box-three', $wrapper).prepend(addOns);\n //Add Tab Panel to the wrapper\n //if (tabPanel.length > 0)\n // $('.pd-inner-area-four', $wrapper).append(tabPanel);\n //Replace Cart Counter\n if (inCartCounter.length > 0)\n $('.in-details.in-cart-wrapper', $wrapper).replaceWith(inCartCounter);\n\n if (typeof replacedBy !== 'undefined') {\n\n $('.pd-box-four', $wrapper).append(replacedBy);\n\n $('.js-show-replaced-products').fancybox({\n baseTpl:\n '' +\n '
' +\n '
' +\n '
/
' +\n '
{{buttons}}
' +\n '
{{arrows}}
' +\n '
' +\n '
' +\n '
' +\n '
' + model.AvailabilityName + '');\n $availabilityCont.removeClass('hidden');\n };\n\n wrapper.updateUrl = function (model) {\n\n if (venddProjectConfigs && venddProjectConfigs.ProductDetails && venddProjectConfigs.ProductDetails.updateUrlOnSkuChange) {\n var updateUrl = false;\n\n if (model) {\n if (model.Dimensions.length >= 2) {\n if (model.colorIsSelected && model.sizeIsSelected) {\n updateUrl = true;\n }\n } else {\n if (model.colorIsSelected || model.sizeIsSelected) {\n updateUrl = true;\n }\n }\n } else {\n if ($wrapper.data('default-sku-loaded').toLowerCase().trim() === \"false\") {\n updateUrl = true;\n }\n }\n\n if (updateUrl) {\n var url = window.location.href;\n var selectedId = model ? model.SelectedProductId : $wrapper.data('selected-id');\n\n //remove querystring if exists\n if (url.indexOf('skuid=') > -1) {\n url = LhApp.Function.Url.removeParameterFromUrl(url, 'skuid');\n }\n //add new querystring\n url = LhApp.Function.Url.setParameterValueOnUrl(url, 'skuid', selectedId);\n //change url\n history.replaceState({}, '', url);\n }\n }\n };\n\n Vendd.MessageBus.subscribe(Vendd.User.Messages.GetUserViewModelSuccess, 'x-product-details-user-state', function (envelope) {\n userModel = envelope.message.data.model;\n wrapper.updateUserState();\n });\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.Changed, wrapper, function (envelope) {\n model = envelope.message.data.model;\n\n if (lazyLoadSender && (venddProjectConfigs && venddProjectConfigs.ProductDetails && venddProjectConfigs.ProductDetails.updateOnlyPrices)) {\n wrapper.updateOnlyPrices();\n lazyLoadSender = false;\n } else {\n wrapper.update();\n } \n });\n\n //show in cart message\n Vendd.MessageBus.subscribe(Vendd.Cart.Messages.Changed, 'x-product-details', function (envelope) {\n var data = envelope.message.data.Cart.Items;\n var id = $wrapper.data('parent-id');\n var quantityInCart = 0, idsInCart = [], inCart = false;\n\n $wrapper.find('.js-remove-from-cart').attr('disabled', 'disabled').parent().addClass('disabled');\n\n for (var j = 0; j < data.length; j++) {\n if (id == data[j].ProductId) {\n quantityInCart += data[j].Quantity;\n idsInCart.push(data[j].Id);\n inCart = true;\n }\n }\n\n var decRegex = /^[0-9]*(\\.[0-9]+)$/;\n if (decRegex.test(quantityInCart)) {\n quantityInCart = quantityInCart.toFixed(2);\n }\n\n if (inCart) {\n $wrapper.prop('data-cartproductid', idsInCart);\n $wrapper.find('.js-remove-from-cart').removeAttr('disabled').parent().removeClass('disabled');\n $wrapper.find('.js-cart-quantity').text(\"(\" + quantityInCart + \")\");\n }\n });\n\n Vendd.MessageBus.subscribe(Vendd.Wishlist.Messages.Changed, wrapper, function (envelope) {\n wishlistModel = envelope.message.data;\n var state = Vendd.Product.Controller.getState();\n var skuId = state.selectedId;\n\n if (wishlistModel) {\n var productInWishlist = _.find(wishlistModel.Items, function (x) { return skuId === x.VariantId });\n var $wishlistButton = $('.x-product-details-ajax-buttons .wishlist-button', $wrapper);\n\n if (productInWishlist) {\n $wishlistButton.addClass('already-in-wishlist');\n $('.js-add-to-wishlist', $wishlistButton).addClass('disabled');\n $('.js-remove-from-wishlist', $wishlistButton).removeClass('disabled');\n } else {\n $wishlistButton.removeClass('already-in-wishlist');\n $('.js-add-to-wishlist', $wishlistButton).removeClass('disabled');\n $('.js-remove-from-wishlist', $wishlistButton).addClass('disabled');\n }\n }\n });\n\n Vendd.MessageBus.subscribe(Vendd.ProductCompare.Messages.GetWidgetModelSuccess, wrapper, function (envelope) {\n compareModel = envelope.message.data.model;\n var state = Vendd.Product.Controller.getState();\n var parentId = state.parentId;\n\n if (compareModel) {\n var productInCompare = _.find(compareModel.Items, function (x) { return parentId === x.Id });\n var $compareButton = $('.x-product-details-ajax-buttons .compare-button', $wrapper);\n\n if (productInCompare) {\n $compareButton.addClass('already-in-compare');\n $('.js-add-to-compare', $compareButton).addClass('disabled');\n $('.js-remove-from-compare', $compareButton).removeClass('disabled');\n } else {\n $compareButton.removeClass('already-in-compare');\n $('.js-add-to-compare', $compareButton).removeClass('disabled');\n $('.js-remove-from-compare', $compareButton).addClass('disabled');\n }\n }\n });\n\n lazyLoadPrices();\n\n lazyLoadAvailabilities();\n\n wrapper.bind();\n\n var funcCookiesEnabled = true;\n if (window.ConsentsManager) {\n funcCookiesEnabled = window.ConsentsManager.cookiesStatus.functionalityCookies;\n }\n\n if (LhApp.Context.LastViewedProducts != undefined && funcCookiesEnabled) {\n if (LhApp.Context.LastViewedProducts.LastViewedProductsIsActive) {\n var expirationDays = LhApp.Context.LastViewedProducts.LastViewedProductsExpirationDays;\n var productNumber = LhApp.Context.LastViewedProducts.LastViewedProductsNumber;\n var productId = LhApp.Context.Item.Id;\n\n var products = Cookies.get(\"LastViewedProducts\") || \"\";\n var productsArray = _.reject(products.split(\",\"), function (el) { return el == productId || el == \"\"; });\n productsArray.unshift(productId);\n var cookieValue = (_.first(productsArray, productNumber)).join(\",\");\n var expireDate = new Date();\n expireDate.setTime(expireDate.getTime() + expirationDays * 24 * 60 * 60 * 1000);\n Cookies.set(\"LastViewedProducts\", cookieValue, { secure: LhApp.Context.Request.IsSecure, expires: expireDate, samesite: 'Lax' });\n }\n }\n\n function initAlreadyInCart() {\n if ($('.in-details .js-remove-from-cart', $wrapper).length < 1)\n return;\n\n var removeCartBtn = $('.in-details .js-remove-from-cart', $wrapper);\n\n removeCartBtn.on('click', function (e) {\n e.preventDefault();\n e.stopPropagation();\n\n var $this = $(this), cartIds;\n\n cartIds = $wrapper.prop('data-cartproductid');\n\n Vendd.MessageBus.publishAsync($wrapper.get(0), new Vendd.Cart.Messages.MultipleRemove(cartIds));\n\n Vendd.MessageBus.subscribe(Vendd.Cart.Messages.MultipleRemoveSuccess, $wrapper, function (envelope) {\n $this.attr('disabled', 'disabled').parent().addClass('disabled');\n toastr.success(envelope.message.data.data.SuccessMessage, \"\", { timeOut: 1200, showDuration: 1000, hideDuration: 700 });\n Vendd.MessageBus.unsubscribe(Vendd.Cart.Messages.MultipleRemoveSuccess, $wrapper);\n });\n });\n }\n\n function initStickyColumn() {\n if ($('.sticky-column').length < 1) return;\n\n var sidebar = new StickySidebar('.sticky-column', {\n topSpacing: $('.sticky-column').data('top-spacing') || 50,\n bottomSpacing: $('.sticky-column').data('bottom-spacing') || 0,\n containerSelector: '.sticky-full',\n innerWrapperSelector: '.inner-sticky-column',\n resizeSensor: true,\n minWidth: 960\n\n });\n\n }\n\n function lazyLoadPrices() {\n\n Vendd.MessageBus.subscribe(Vendd.User.Messages.GetUserViewModelSuccess, wrapper, function (envelope) {\n var lazyLoadPrices = $('.details-lazy-load-prices').text().toLowerCase().trim() === \"true\";\n var customPrices = envelope.message.data.model.HasCustomPrices;\n\n if (lazyLoadPrices || customPrices) {\n //variable for updateOnlyPrices\n lazyLoadSender = $wrapper.data('default-sku-loaded').toLowerCase().trim() == \"true\" ? true : false;\n //destroy photo gallery spinner\n deleteSpinnerInstances();\n //set selected sku\n var skuId = parseInt($('.x-control.x-product-details[data-selected-id]').attr('data-selected-id'));\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Product.Messages.SetSelected({ id: skuId, visitorInitiated: false }));\n } else {\n wrapper.updateUrl(model);\n }\n\n });\n\n }\n\n function lazyLoadAvailabilities() {\n //lazy-load-availabiliies\n var lazyLoadAvailabilities = $('.details-lazy-load-availabilities').text().toLowerCase().trim() === \"true\";\n var deliveryPointModel = JSON.parse(localStorage.getItem(\"CurrentDeliveryPointModel\"));\n if (deliveryPointModel) if (deliveryPointModel.data.HasDeliveryPoint) var deliveryPointId = deliveryPointModel.data.DeliveryPoint.Id;\n var deliveryPostalCode = Cookies.get('DeliveryPostalCode');\n\n if (lazyLoadAvailabilities) {\n if (deliveryPointId == 1 && deliveryPostalCode && deliveryPostalCode !== 'undefined') {\n //set variant id\n var skuId = parseInt($('.x-control.x-product-details[data-selected-id]').attr('data-selected-id'));\n //set variant array\n var variantArray = [];\n var variant = {\n VariantId: skuId,\n Quantity: '1'\n };\n variantArray.push(variant);\n\n //call service for delivery availabilities\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Product.Messages.GetDeliveryAvailability(variantArray, deliveryPostalCode, null, true));\n\n } else if (deliveryPointId == 2) {\n //set variant id\n var skuId = parseInt($('.x-control.x-product-details[data-selected-id]').attr('data-selected-id'));\n //set selected shop id\n var partnerId = deliveryPointModel.data.Store.Id\n //set variant array\n var variantArray = [];\n var variant = {\n VariantId: skuId,\n Quantity: '1'\n };\n variantArray.push(variant);\n\n //call service for pick up availabilities\n Vendd.MessageBus.publishAsync(wrapper, new Vendd.Product.Messages.GetPickUpAvailability(variantArray, partnerId, true));\n\n Vendd.MessageBus.subscribe(Vendd.Product.Messages.GetPickUpAvailabilitySuccess, wrapper, function (envelope) {\n var data = envelope.message.data;\n\n //Set Pick Up Availability ID\n var availability = data.PickupAvailabilities[0].Shops[0].Message;\n var availabilityId;\n if (data.PickupAvailabilities[0].Shops[0].Days == null) {\n availabilityId = 1;\n } else {\n availabilityId = 3;\n }\n\n //Show Delivery Availability\n $('.x-product-details .lazyload-availability-container > span').remove();\n $('.x-product-details .lazyload-availability-container').append('' + availability + '');\n\n Vendd.MessageBus.unsubscribe(Vendd.Product.Messages.GetPickUpAvailabilitySuccess, wrapper);\n });\n }\n }\n }\n});\n\n\n","Vendd.Scripts.load(function () {\n\n\tVendd.MessageBus.subscribe(Vendd.Product.Messages.BindControl, 'x-product-details-login', function (envelope) {\n\n\t\tvar $context = envelope.message.data.context,\n\t\t\t$controls = $('.x-product-details-login', $context);\n\n\t\tif ($controls.length < 1)\n\t\t\treturn;\n\n\t\t$.each($controls, function (i, control) {\n\t\t\tvar $control = $(control);\n\t\t\tvar $buttons = $('.js-open-login', $control);\n\n\t\t\tcontrol.openLogin = function () {\n\t\t\t\tvar $loginWidget = $('.x-login-widget').first();\n\t\t\t\tvar $loginButton = $('.js-widget-trigger', $loginWidget).first();\n\t\t\t\t$loginButton.trigger('click');\n\t\t\t};\n\n\t\t\tcontrol.scrollToTop = function (complete) {\n\t\t\t\tvar isComplete = false;\n\t\t\t\t$('html,body').animate({ scrollTop: 0 }, 400, 'swing', function () {\n\t\t\t\t\tif (!isComplete) {\n\t\t\t\t\t\tisComplete = true;\n\t\t\t\t\t\tif (typeof complete === 'function') {\n\t\t\t\t\t\t\tcomplete();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t};\n\n\t\t\t$buttons.on('click', function (e) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tcontrol.scrollToTop(function () {\n\t\t\t\t\tcontrol.openLogin();\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t});\n});\n","Vendd.Scripts.load(function () {\n \n var $boxes = $('.x-category-detailed-box');\n \n if ($boxes.length <= 0)\n return;\n\n if (isTouch()) {\n initListToggle();\n }\n\n var iconOpen = $boxes.first().data('open-icon');\n var iconClose = $boxes.first().data('close-icon');\n\n if($boxes.closest('.x-category-banners').length > 0){\n $boxes.each(function(){\n if ($('.subcategory-list > li', $(this)).length > 8){\n $('.subcategory-list > li.view-all', $(this)).addClass('show');\n }\n });\n }\n\n function initListToggle() {\n $(\".js-toggle\", $boxes).click(function () {\n var hiddenCont = $(this).siblings('.js-content-accord');\n $(this).toggleClass(iconOpen + \" \" + iconClose);\n if (hiddenCont.hasClass('opened')) {\n hiddenCont.removeClass('opened');\n } else {\n $boxes.find('.opened').removeClass('opened').siblings('.js-toggle').toggleClass(iconOpen + \" \" + iconClose);\n hiddenCont.addClass('opened');\n }\n });\n \n var accordion = false;\n \n if ($(window).width() <= 767) {\n accordion = true;\n }\n \n $(window).resize(function () {\n if ($(window).width() > 767) {\n if (accordion) {\n $('.js-content-accord', $boxes).removeClass('opened');\n accordion = false;\n }\n }\n else {\n if (!accordion) {\n $('.js-content-accord', $boxes).siblings('.js-toggle').toggleClass(iconOpen + \" \" + iconClose);\n accordion = true;\n }\n }\n });\n }\n\n});","Vendd.Scripts.load(function () {\n \n var $wrapper = $('.x-main-category-list');\n var resize = false;\n var ww = $(window).width();\n var masonryState = false;\n \n if ($wrapper.length <= 0)\n return;\n \n var $masonryTarget = $('.js-init-masonry', $wrapper);\n\n checkToInit($masonryTarget)\n\n $( window ).on('resize', function() {\n ww = $(window).width();\n resize = true;\n })\n\n setInterval(function(){\n if(resize){\n checkToInit($masonryTarget)\n resize = false;\n }\n }, 500)\n\n \n function checkToInit($container){\n if(ww > 768 && !masonryState) {\n initMasonryContainer($container)\n } else if(ww <=768 && masonryState) {\n $container.masonry('destroy');\n $container.removeData('masonry');\n masonryState = false;\n }\n }\n\n\n function initMasonryContainer($masonryTarget) {\n $masonryTarget.masonry({\n itemSelector: '.category-item',\n columnWidth: '.masonry-grid-sizer',\n gutter: '.masonry-gutter-size'\n });\n $('>.category-item', $masonryTarget).addClass('shown');\n masonryState = true;\n }\n});","Vendd.Scripts.load(function () {\n\n var $wrapper = $('.x-category-list-menu');\n\n if ($wrapper.length < 1)\n return;\n\n var wrapper = $wrapper.get(0);\n\n var iconOpen = $wrapper.data('open-icon');\n var iconClose = $wrapper.data('close-icon');\n\n var stickyCatMenu = function () {\n var catMenu = $('.x-category-list-menu');\n var catMenuHeight = catMenu.height();\n var spacer = $('.cat-menu-spacer');\n \n var lastScrollTop = 0;\n var delta = 5;\n var stickyNavTop = $('.x-category-list-menu').offset().top;\n $(window).scroll(_.throttle(initSticky, 100));\n\n function initSticky() {\n var st = $(this).scrollTop();\n // Make sure they scroll more than delta\n if (Math.abs(lastScrollTop - st) <= delta)\n return;\n\n if($(window).width() >= 1200){\n if ($(window).scrollTop() <= stickyNavTop) {\n catMenu.removeClass('sticky-menu');\n spacer.height(0);\n\n // $('.header-template-one').show();\n } else {\n catMenu.addClass('sticky-menu');\n spacer.height(catMenuHeight);\n // $('.header-template-one').hide();\n }\n } else{\n catMenu.removeClass('sticky-menu');\n spacer.height(0);\n if(!isTouch()){\n // $('.header-template-one').show();\n }\n }\n\n lastScrollTop = st;\n }\n }\n\n var initStickyBtn = function () {\n $(window).scroll(function(){\n if($(window).width() < 1200){\n if($(this).scrollTop() > $wrapper.offset().top + $wrapper.height()) {\n $('.sticky-menu-btn').addClass('scrolled');\n // $('.header-template-one').hide();\n } else {\n $('.sticky-menu-btn').removeClass('scrolled');\n // $('.header-template-one').show();\n }\n } else {\n $('.sticky-menu-btn').removeClass('scrolled');\n }\n });\n\n $('.sticky-menu-btn').on('click', function(){\n $('html, body').animate({scrollTop: $wrapper.offset().top - $('.header-spacer').height()}, 1);\n wrapper.open(); \n })\n }\n\n stickyCatMenu();\n\n if(isTouch()){\n initStickyBtn();\n }\n \n $wrapper.on('click', '.mobile-title', function (e) {\n e.preventDefault();\n\n var $this = $(this);\n\n if ($this.hasClass('active')) {\n wrapper.close();\n } else {\n wrapper.open();\n }\n });\n\n wrapper.open = function () {\n $('.mobile-title', $wrapper).addClass('active');\n $('.mobile-title > .title', $wrapper).toggleClass(iconOpen + \" \" + iconClose);\n $('.nav-1', $wrapper).addClass('active');\n };\n\n wrapper.close = function () {\n $('.mobile-title', $wrapper).removeClass('active');\n $('.mobile-title > .title', $wrapper).toggleClass(iconOpen + \" \" + iconClose);\n $('.nav-1', $wrapper).removeClass('active');\n };\n\n $(\"[class^='category-']\", $wrapper).on('click', function(e){\n var id ='#' + $(this).data('anchor');\n var anchor = $(id);\n \n if(!$(this).hasClass('selected')) {\n $(\"[class^='category-']\", $wrapper).removeClass(\"selected\");\n $(this).addClass('selected');\n\n } \n\n $('html, body').animate({\n scrollTop: anchor.offset().top - 70\n }, 1000);\n }); \n});\n\n","Vendd.Scripts.load(function () {\n var $wrapper = $('.x-control.x-page-mode');\n\n if ($wrapper.length < 1) return;\n\n var wrapper = $wrapper.get(0),\n model = null;\n\n wrapper.bind = function () {\n var plMode = Cookies.get('plMode');\n\n if (plMode == \"grid\") {\n $('.page-mode-btn', $wrapper).removeClass('selected');\n $('.page-mode-btn.grid', $wrapper).addClass('selected');\n $('.x-main-product-list .x-product-list').removeClass('horizontal-products').addClass('vertical-products');\n } else if (plMode == \"list\") {\n $('.page-mode-btn', $wrapper).removeClass('selected');\n $('.page-mode-btn.list', $wrapper).addClass('selected');\n $('.x-main-product-list .x-product-list').removeClass('vertical-products').addClass('horizontal-products');\n }\n\n $('.x-control.x-page-mode').each(function (i, wrapper) {\n var $wrapper = $(wrapper);\n var $pageModeBtn = $('.page-mode-btn', $wrapper);\n\n $wrapper.on('click', '.page-mode-btn', function (e) {\n $pageModeBtn.removeClass('selected');\n $(this).addClass('selected');\n if ($(this).hasClass('grid')) {\n $('.x-main-product-list .x-product-list').removeClass('horizontal-products').addClass('vertical-products');\n Cookies.set(\"plMode\", \"grid\", { expires: 10, samesite: 'Lax' });\n } else if ($(this).hasClass('list')) {\n $('.x-main-product-list .x-product-list').removeClass('vertical-products').addClass('horizontal-products');\n Cookies.set(\"plMode\", \"list\", { expires: 10, samesite: 'Lax' });\n }\n });\n\n });\n };\n\n wrapper.update = function () {\n var html = Vendd.Handlebars.parse(\"plPageMode_A\", model);\n $wrapper.html(html);\n wrapper.bind();\n };\n\n wrapper.bind();\n \n Vendd.MessageBus.subscribe(Vendd.ProductList.Messages.GetModelSuccess, $wrapper, function (envelope) {\n if (envelope.message.data.data.Products.Items.length < 1)\n return;\n\n model = envelope.message.data.data.PageMode;\n wrapper.update();\n });\n\n});\n"]}