\";;\nvar path = 'import/js/libs/angular-toastr/toast_addtocart.tpl';\nwindow.angular.module('ng').run(['$templateCache', function(c) { c.put(path, _module_exports) }]);\nmodule.exports = path;","/*\r\n * Bootstrap Validation\r\n * Version 1.0.7\r\n * Modified from .\r\n **/\r\n\r\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('bootstrap.angular.validation', [])\r\n\r\n .directive('form',\r\n ['$parse', 'bsValidationService',\r\n function ($parse, bsValidationService) {\r\n return {\r\n restrict: 'E',\r\n require: 'form',\r\n priority: 1000, // Setting a higher priority so that this directive compiles first.\r\n compile: function ($formElement, $formAttributes) {\r\n if (bsValidationService.isValidationDisabled($formElement)) {\r\n return;\r\n }\r\n\r\n // Disable HTML5 validation display\r\n $formElement.attr('novalidate', 'novalidate');\r\n bsValidationService.addDirective($formElement);\r\n\r\n var ngSubmit = $formAttributes.ngSubmit;\r\n /*\r\n * Removing ngSubmit attribute if any since ngSubmit by default doesn't respects the validation errors\r\n * on the input fields.\r\n */\r\n delete $formAttributes.ngSubmit;\r\n\r\n var preLinkFunction = function ($scope, formElement, $attr, formController) {\r\n // Expose a method to manually show the validation state\r\n formController.$showValidation = function () {\r\n formController.$setSubmitted();\r\n // Tell form elements to show validation state\r\n $scope.$broadcast('onBsValidationStateChange', { showValidationState: true });\r\n };\r\n\r\n formController.$hideValidation = function () {\r\n formController.$setPristine();\r\n // Tell form elements to hide validation state\r\n $scope.$broadcast('onBsValidationStateChange', { showValidationState: false });\r\n };\r\n formController.$resetValidation = function () {\r\n $scope.$broadcast('onBsValidationReset');\r\n };\r\n\r\n\r\n var markPristineAfterSubmit = formElement[0].attributes.hasOwnProperty('bs-pristine-on-submit');\r\n\r\n formElement.on('submit', function (event) {\r\n // If any of the form element has not passed the validation\r\n if (formController.$invalid) {\r\n // Then focus the first invalid element\r\n formElement[0].querySelector('.ng-invalid[ng-model]').focus();\r\n return false;\r\n }\r\n\r\n // Parse the handler of ng-submit & execute it\r\n var submitHandler = $parse(ngSubmit);\r\n $scope.$apply(function () {\r\n submitHandler($scope, { $event: event });\r\n\r\n formController.$commitViewValue();\r\n formController.$setSubmitted();\r\n\r\n if (markPristineAfterSubmit) {\r\n formController.$hideValidation();\r\n }\r\n });\r\n\r\n if (markPristineAfterSubmit) {\r\n /**\r\n * Prevent other submit event listener registered via Angular so that we can mark the form with\r\n * the pristine state. Otherwise, that Angular's listener is getting called at the last and is again\r\n * setting form to the submitted.\r\n *\r\n * https://api.jquery.com/event.stopimmediatepropagation/\r\n */\r\n event.stopImmediatePropagation();\r\n event.preventDefault();\r\n }\r\n\r\n return true;\r\n });\r\n };\r\n\r\n return {\r\n pre: preLinkFunction\r\n };\r\n }\r\n };\r\n }])\r\n\r\n .directive('bsValidation',\r\n ['bsValidationService', 'bsValidationConfig',\r\n function (bsValidationService, bsValidationConfig) {\r\n return {\r\n restrict: 'A',\r\n require: ['?ngModel', '?^^form'],\r\n link: function ($scope, $element, $attr, controllers) {\r\n if (bsValidationService.isValidationDisabled($element)) {\r\n return;\r\n }\r\n\r\n // Initialize controllers\r\n var ngModelController = controllers[0];\r\n var ngFormController = controllers[1];\r\n\r\n if (!ngModelController) {\r\n if (!bsValidationConfig.suppressWarnings) {\r\n console.warn('ng-model directive is required for the bs-validation directive to work.');\r\n }\r\n return;\r\n }\r\n\r\n var $formGroupElement = bsValidationService.getFormGroupElement($element);\r\n if (!$formGroupElement) {\r\n if (!bsValidationConfig.suppressWarnings) {\r\n console.warn('No parent form group element found for input element');\r\n }\r\n return;\r\n }\r\n\r\n var displayValidationState = false;\r\n var shouldValidateOnBlur = bsValidationService.shouldValidateOnBlur($element);\r\n var shouldValidateOnDisplay = bsValidationService.shouldValidateOnDisplay($element);\r\n var shouldValidateOnSubmit = bsValidationService.shouldValidateOnSubmit($element);\r\n\r\n var displayErrorAs = bsValidationService.displayErrorPreference($element, $attr);\r\n var validationMessageService = bsValidationService.getValidationMessageService(displayErrorAs);\r\n\r\n // Register generic custom validators if added to element\r\n angular.forEach(bsValidationService.getValidators(), function (validator) {\r\n var key = validator.name;\r\n var attrValue = $element.attr(key);\r\n if ($attr[key] || (angular.isDefined(attrValue) && attrValue !== false)) {\r\n bsValidationService.addValidator($scope, $element, $attr, ngModelController, validator);\r\n }\r\n });\r\n\r\n function addErrorClass() {\r\n bsValidationService.addErrorClass($formGroupElement);\r\n }\r\n\r\n function removeSuccessClass() {\r\n bsValidationService.removeSuccessClass($formGroupElement);\r\n }\r\n\r\n function displayError() {\r\n addErrorClass();\r\n validationMessageService.showErrorMessage($element, $attr, ngModelController, $formGroupElement);\r\n\r\n if ($element.hasClass('show-and-hide')) {\r\n setTimeout(function () {\r\n $element.blur();\r\n hideSuccess();\r\n hideError();\r\n ngModelController.$setUntouched();\r\n ngModelController.$setPristine();\r\n watchBlur();\r\n }, 3000);\r\n }\r\n }\r\n\r\n function hideError() {\r\n validationMessageService.hideErrorMessage($element, $formGroupElement);\r\n }\r\n\r\n function addSuccessClass() {\r\n if (ngModelController.$$attr.required) {\r\n bsValidationService.addSuccessClass($formGroupElement);\r\n }\r\n return hideError();\r\n }\r\n\r\n function displaySuccess() {\r\n addSuccessClass();\r\n }\r\n\r\n function hideSuccess() {\r\n removeSuccessClass();\r\n }\r\n\r\n function displayOrHideValidationState() {\r\n //if (!ngModelController.$$attr.required && !ngModelController.$$attr.pattern) return;\r\n\r\n bsValidationService.toggleErrorKeyClasses($formGroupElement, ngModelController.$error);\r\n\r\n if (!displayValidationState) {\r\n hideSuccess();\r\n return hideError();\r\n }\r\n\r\n if (ngModelController.$valid) {\r\n return displaySuccess();\r\n }\r\n if (ngModelController.$invalid) {\r\n return displayError();\r\n }\r\n }\r\n\r\n function showValidation() {\r\n displayValidationState = true;\r\n displayOrHideValidationState();\r\n }\r\n\r\n function hideValidation() {\r\n displayValidationState = false;\r\n displayOrHideValidationState();\r\n }\r\n\r\n function watchBlur() {\r\n var dewatcher = $scope.$watch(function () {\r\n return ngModelController.$touched;\r\n }, function (lostFocus) {\r\n if (lostFocus) {\r\n displayValidationState = true;\r\n displayOrHideValidationState();\r\n dewatcher();\r\n }\r\n });\r\n }\r\n\r\n if (shouldValidateOnBlur) {\r\n watchBlur();\r\n }\r\n\r\n if (shouldValidateOnSubmit && ngFormController) {\r\n // register watchers for submission touch and valid\r\n $scope.$watch(function () {\r\n return ngFormController.$submitted;\r\n }, function (submitted) {\r\n displayValidationState = submitted;\r\n displayOrHideValidationState();\r\n });\r\n }\r\n\r\n if (shouldValidateOnDisplay) {\r\n showValidation();\r\n }\r\n\r\n // TODO Find alternative for this watch\r\n /*$scope.$watch(function () {\r\n return ngModelController.$error;\r\n }, displayOrHideValidationState, true);*/\r\n\r\n $scope.$watch(function () {\r\n return ngModelController.$valid;\r\n }, displayOrHideValidationState, true);\r\n\r\n $scope.$watch(function () {\r\n return ngModelController.$$attr.required;\r\n }, function () {\r\n hideSuccess();\r\n hideError();\r\n displayOrHideValidationState();\r\n }, true);\r\n\r\n $scope.$on('onBsValidationStateChange', function (event, data) {\r\n displayValidationState = data.showValidationState;\r\n displayOrHideValidationState();\r\n });\r\n\r\n $scope.$on('onBsValidationReset', function (event) {\r\n $element.blur();\r\n hideSuccess();\r\n hideError();\r\n ngModelController.$setUntouched();\r\n ngModelController.$setPristine();\r\n watchBlur();\r\n });\r\n\r\n\r\n $scope.$on('$destroy', function () {\r\n validationMessageService.destroyMessage($element);\r\n });\r\n\r\n ngModelController.$showValidation = showValidation;\r\n ngModelController.$hideValidation = hideValidation;\r\n }\r\n };\r\n }])\r\n\r\n .provider('bsValidationConfig', function () {\r\n\r\n // Can be a string or list of any combination of \"blur\", \"submit\" & \"display\"\r\n var validateFieldsOn = 'blur';\r\n // Display the validation error message below the `input` field with class \"help-block\"\r\n var displayErrorsAs = 'simple';\r\n\r\n // Can be a string or list of any combination of filters; will be applied in order\r\n // For example: 'lowercase' or ['lowercase', 'reverse'] (So long as the filter(s) exists)\r\n var messageFilters = [];\r\n\r\n function shouldValidateOn(event) {\r\n if (angular.isString(validateFieldsOn)) {\r\n return validateFieldsOn === event;\r\n }\r\n\r\n return validateFieldsOn.indexOf(event) !== -1;\r\n }\r\n\r\n var _this = this;\r\n this.global = {};\r\n this.global.addSuccessClass = true;\r\n this.global.errorClass = 'has-error';\r\n this.global.successClass = 'has-success';\r\n this.global.errorMessagePrefix = '';\r\n this.global.tooltipPlacement = 'bottom-left';\r\n this.global.tooltipAppendToBody = false;\r\n this.global.suppressWarnings = false;\r\n\r\n this.global.messages = {};\r\n\r\n this.setMessages = function (data) {\r\n _this.global.messages = data;\r\n };\r\n\r\n this.global.setValidateFieldsOn = function (event) {\r\n if (!event) {\r\n throw 'Please provide an string or list of events to validate fields on';\r\n }\r\n\r\n if (!angular.isString(event) && !angular.isArray(event)) {\r\n throw 'Event should either be a string or a list';\r\n }\r\n\r\n validateFieldsOn = event;\r\n };\r\n\r\n this.global.setDisplayErrorsAs = function (type) {\r\n if (!type) {\r\n throw 'Please provide the way validation error should be displayed. In-built options are \"simple\" & \"tooltip\".';\r\n }\r\n\r\n displayErrorsAs = type;\r\n };\r\n\r\n this.global.useMessageFilters = function (filters) {\r\n if (!filters) {\r\n throw 'Please provide a string or list of filters to apply to messages';\r\n }\r\n\r\n if (!angular.isString(filters) && !angular.isArray(filters)) {\r\n throw 'Filters should either be a string or a list';\r\n }\r\n\r\n messageFilters = filters;\r\n\r\n if (!angular.isArray(messageFilters)) {\r\n messageFilters = [messageFilters];\r\n }\r\n };\r\n\r\n this.$get = [function () {\r\n return {\r\n messages: function (key) {\r\n return _this.global.messages[key];\r\n },\r\n errorClass: _this.global.errorClass,\r\n successClass: _this.global.successClass,\r\n suppressWarnings: _this.global.suppressWarnings,\r\n tooltipAppendToBody: _this.global.tooltipAppendToBody,\r\n\r\n getDisplayErrorsAs: function () {\r\n return displayErrorsAs;\r\n },\r\n\r\n getErrorMessagePrefix: function () {\r\n return _this.global.errorMessagePrefix || '';\r\n },\r\n\r\n getMessageFilters: function () {\r\n return messageFilters;\r\n },\r\n\r\n getTooltipPlacement: function () {\r\n return _this.global.tooltipPlacement;\r\n },\r\n\r\n shouldAddSuccessClass: function () {\r\n return _this.global.addSuccessClass;\r\n },\r\n\r\n shouldValidateOn: shouldValidateOn,\r\n\r\n setMessages: function (data) {\r\n return _this.setMessages(data);\r\n }\r\n };\r\n }];\r\n })\r\n\r\n .factory('bsValidationService',\r\n ['$interpolate', '$injector', '$filter', 'bsValidationConfig',\r\n function ($interpolate, $injector, $filter, bsValidationConfig) {\r\n var displayErrorAsAttrName = 'bsDisplayErrorAs';\r\n var customFormGroup = '[bs-form-group]';\r\n var formGroupClass = '.form-group';\r\n\r\n var _genericValidators = [{\r\n name: 'digits',\r\n validateFn: function (value) {\r\n return (/^\\d+$/).test(value);\r\n }\r\n }, {\r\n name: 'equalto',\r\n validateFn: function (value, $scope, attr) {\r\n return value + '' === $scope.$eval(attr.equalto) + '';\r\n }\r\n }, {\r\n name: 'number',\r\n validateFn: function (value) {\r\n return (/^-?(?:\\d+|\\d{1,3}(?:,\\d{3})+)?(?:\\.\\d+)?$/).test(value);\r\n }\r\n }, {\r\n name: 'min',\r\n validateFn: function (value, $scope, attr) {\r\n return parseFloat(value) >= parseFloat(attr.min);\r\n }\r\n }, {\r\n name: 'max',\r\n validateFn: function (value, $scope, attr) {\r\n return parseFloat(value) <= parseFloat(attr.max);\r\n }\r\n }, {\r\n name: 'range',\r\n validateFn: function (value, $scope, attr) {\r\n return parseFloat(value) >= parseFloat(attr.range.split('|')[0]) && parseFloat(value) <= parseFloat(attr.range.split('|')[1]);\r\n }\r\n }, {\r\n name: 'length',\r\n validateFn: function (value, $scope, attr) {\r\n return value.length === parseInt(attr.length);\r\n }\r\n }, {\r\n name: 'strictemail',\r\n validateFn: function (value) {\r\n return new RegExp(/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{1,63}$/).test(value);\r\n }\r\n }];\r\n\r\n function getTrigger($element, triggerEvent) {\r\n var attributeName = 'bs-trigger';\r\n if ($element.attr(attributeName)) {\r\n return $element.attr(attributeName) === triggerEvent;\r\n }\r\n\r\n var parentForm = $element.parents('form');\r\n if (parentForm && parentForm.attr(attributeName)) {\r\n return parentForm.attr(attributeName) === triggerEvent;\r\n }\r\n\r\n // Use the global config\r\n return bsValidationConfig.shouldValidateOn(triggerEvent);\r\n }\r\n\r\n function removeClassByPrefix(element, prefix) {\r\n var regx = new RegExp('\\\\b' + prefix + '.*\\\\b', 'g');\r\n element[0].className = element[0].className.replace(regx, '').replace(/\\s\\s+/g, ' ');\r\n return element;\r\n }\r\n\r\n if (!String.prototype.camelCaseToDash) {\r\n String.prototype.camelCaseToDash = function () {\r\n return this.replace(/([A-Z])/g, function ($1) {\r\n return '-' + $1.toLowerCase();\r\n });\r\n };\r\n }\r\n\r\n var selectors = [];\r\n var elements = ['input', 'select', 'textarea'];\r\n\r\n angular.forEach(elements, function (element) {\r\n selectors.push(element + '[ng-model]');\r\n });\r\n\r\n var selector = selectors.join(',');\r\n var meta = ['matchName'];\r\n\r\n return {\r\n getValidators: function () {\r\n return _genericValidators;\r\n },\r\n\r\n getMetaInformation: function ($element) {\r\n var metaInformation = {};\r\n\r\n angular.forEach(meta, function (key) {\r\n metaInformation[key] = $element.attr(key) || $element.attr(key.camelCaseToDash());\r\n });\r\n\r\n return metaInformation;\r\n },\r\n\r\n addDirective: function ($element) {\r\n var validateableElements = $element.find(selector);\r\n validateableElements.attr('bs-validation', '');\r\n return validateableElements;\r\n },\r\n\r\n addErrorClass: function ($formGroupElement) {\r\n this.removeSuccessClass($formGroupElement);\r\n $formGroupElement.addClass(bsValidationConfig.errorClass);\r\n },\r\n\r\n addSuccessClass: function ($formGroupElement) {\r\n this.removeErrorClass($formGroupElement);\r\n\r\n if (bsValidationConfig.shouldAddSuccessClass()) {\r\n $formGroupElement.addClass(bsValidationConfig.successClass);\r\n }\r\n },\r\n\r\n addValidator: function ($scope, $element, $attr, ngModelController, validator) {\r\n ngModelController.$validators[validator.name] = function (modelValue, viewValue) {\r\n var value = modelValue || viewValue;\r\n if (ngModelController.$isEmpty(value)) {\r\n return true;\r\n }\r\n\r\n // See https://github.com/sagrawal14/angular-extras/blob/v0.1.3/src/extras/array.js#L91 for \"find\" function\r\n return validator.validateFn(value, $scope, $attr);\r\n };\r\n },\r\n\r\n /**\r\n * Add a custom validator to the list of generic validators.\r\n * @param genericValidationObject for example, to a add a generic validator to accept either \"foo\" or \"bar\":\r\n * {\r\n * name: 'foobar',\r\n * validateFn: function(value, $scope, attr) {\r\n * return value === 'foo' || value === 'bar';\r\n * }\r\n * }\r\n */\r\n addGenericValidator: function (genericValidationObject) {\r\n _genericValidators.push(genericValidationObject);\r\n },\r\n\r\n displayErrorPreference: function ($element, $attr) {\r\n var attrName = displayErrorAsAttrName;\r\n if ($attr[attrName]) {\r\n return $attr[attrName];\r\n } else {\r\n var $parentForm = $element.parents('form');\r\n\r\n // .attr() method not accepting camelCase version of the attribute name. Converting it to dashed-case\r\n attrName = attrName.camelCaseToDash();\r\n\r\n if ($parentForm && $parentForm.attr(attrName)) {\r\n return $parentForm.attr(attrName);\r\n }\r\n }\r\n\r\n // Use the global preference\r\n return bsValidationConfig.getDisplayErrorsAs();\r\n },\r\n\r\n getErrorMessage: function ($element, $attr, ngModelController) {\r\n var firstErrorKey = Object.keys(ngModelController.$error)[0];\r\n return bsValidationConfig.getErrorMessagePrefix() + this.resolveMessage($element, $attr, firstErrorKey);\r\n },\r\n\r\n getFormGroupElement: function ($element) {\r\n // First search for an attribute with 'bs-form-group'\r\n var formGroupElement = $element.parents(customFormGroup);\r\n\r\n if (!formGroupElement || formGroupElement.length === 0) {\r\n // Then search for parent element with class form-group\r\n formGroupElement = $element.parents(formGroupClass);\r\n\r\n if (!formGroupElement || formGroupElement.length === 0) {\r\n return null;\r\n }\r\n }\r\n\r\n return formGroupElement;\r\n },\r\n\r\n getValidationMessageService: function (displayType) {\r\n var validationMessageService;\r\n\r\n try {\r\n validationMessageService = $injector.get(displayType + 'MessageService');\r\n } catch (e) {\r\n throw 'No message service found for type [' + displayType + '].';\r\n }\r\n\r\n if (displayType === 'tooltip' && !$injector.has('$uibPosition')) {\r\n throw '$uibPosition service required from the ui-bootstrap module in order to use the tooltip message.';\r\n }\r\n\r\n return validationMessageService;\r\n },\r\n\r\n isValidationDisabled: function ($element) {\r\n var attribute = 'bs-no-validation';\r\n if ($element[0].attributes.hasOwnProperty(attribute)) {\r\n return true;\r\n }\r\n\r\n var $parentForm = $element.parents('form');\r\n return $parentForm[0] && $parentForm[0].attributes.hasOwnProperty(attribute);\r\n },\r\n\r\n removeErrorClass: function ($formGroupElement) {\r\n $formGroupElement.removeClass(bsValidationConfig.errorClass);\r\n },\r\n\r\n removeSuccessClass: function ($formGroupElement) {\r\n $formGroupElement.removeClass(bsValidationConfig.successClass);\r\n },\r\n\r\n resolveMessage: function ($element, $attr, key) {\r\n var metaInformation = this.getMetaInformation($element);\r\n var messageFilters = $element.attr(key + '-notification-filter') || bsValidationConfig.getMessageFilters();\r\n var message = $element.attr(key + '-notification') || bsValidationConfig.messages(key);\r\n\r\n if (!message) {\r\n console.warn('No message found for the key [' + key + ']. Consider adding a global message or element' +\r\n ' specific message using attribute [' + key + '-notification=\"My custom message\"]');\r\n\r\n message = 'Please fix this field';\r\n }\r\n\r\n if (angular.isDefined(messageFilters)) {\r\n if (!angular.isArray(messageFilters)) {\r\n messageFilters = [messageFilters];\r\n }\r\n\r\n for (var i = 0; i < messageFilters.length; i++) {\r\n message = $filter(messageFilters[i])(message);\r\n }\r\n }\r\n\r\n var attrKey = $attr[key];\r\n var matchers;\r\n if (attrKey && angular.isFunction(attrKey.indexOf)) {\r\n matchers = angular.extend({}, {\r\n validValue: attrKey,\r\n validValue1: attrKey.indexOf('|') !== -1 ? attrKey.split('|')[0] : '',\r\n validValue2: attrKey.indexOf('|') !== -1 ? attrKey.split('|')[1] : ''\r\n }, metaInformation);\r\n } else {\r\n matchers = angular.extend({}, {\r\n validValue: attrKey\r\n }, metaInformation);\r\n }\r\n\r\n return $interpolate(message)(matchers);\r\n },\r\n\r\n shouldValidateOnBlur: function ($element) {\r\n return getTrigger($element, 'blur');\r\n },\r\n\r\n shouldValidateOnDisplay: function ($element) {\r\n return getTrigger($element, 'display');\r\n },\r\n\r\n shouldValidateOnSubmit: function ($element) {\r\n return getTrigger($element, 'submit');\r\n },\r\n\r\n /**\r\n * Add or remove various classes on form-group element. For example, if an input has two errors \"required\" & \"min\"\r\n * then whenever the validation fails, form-group element will have classes like \"bs-has-error-required\" or\r\n * \"bs-has-error-min\".\r\n * @param $formGroupElement jQLite/jQuery form-group element\r\n * @param errors Errors object as returned by ngModelController.$error\r\n */\r\n toggleErrorKeyClasses: function ($formGroupElement, errors) {\r\n removeClassByPrefix($formGroupElement, 'bs-has-error-');\r\n\r\n angular.forEach(errors, function (value, key) {\r\n $formGroupElement.addClass('bs-has-error-' + key);\r\n });\r\n }\r\n };\r\n }])\r\n\r\n .factory('simpleMessageService',\r\n ['bsValidationService',\r\n function (bsValidationService) {\r\n var errorElementClass = '.bs-invalid-msg';\r\n\r\n function getErrorContainer($element, $formGroupElement) {\r\n var $errorContainer;\r\n\r\n // If input element has \"id\" attribute\r\n if ($element.attr('id')) {\r\n // Then first try to find the error container with the same id prefixed with \"bs-error-\"\r\n $errorContainer = $formGroupElement.find('#bs-error-' + $element.attr('id'));\r\n if ($errorContainer && $errorContainer.length) {\r\n return $errorContainer;\r\n }\r\n }\r\n\r\n $errorContainer = $formGroupElement.find(errorElementClass);\r\n if ($errorContainer && $errorContainer.length) {\r\n return $errorContainer;\r\n }\r\n\r\n var insertAfter;\r\n\r\n // Check if the container have any Bootstrap input group then append the error after it\r\n var groupElement = $formGroupElement.find('.input-group');\r\n if (groupElement.length > 0) {\r\n insertAfter = groupElement;\r\n } else {\r\n insertAfter = $element;\r\n }\r\n\r\n var errorContainerHTML = '');\r\n }]);\r\n}());","var _module_exports = \"
\";;\nvar path = 'import/js/components/accordions/accordion.group.tpl';\nwindow.angular.module('ng').run(['$templateCache', function(c) { c.put(path, _module_exports) }]);\nmodule.exports = path;","export default angular\r\n .module('controller.modal', [])\r\n\r\n /* @ngInject */\r\n .controller('modalCtrl', function (data, device, options, $scope, smoothScroll, HttpService, ModalService, $window) {\r\n const ctrl = this;\r\n ctrl.data = data;\r\n ctrl.device = device;\r\n ctrl.options = options;\r\n ctrl.showLoader = true;\r\n $scope.device = device;\r\n\r\n ctrl.onLoad = () => {\r\n ctrl.showLoader = false;\r\n };\r\n\r\n ctrl.deleteQuantity = function (dataQtd) {\r\n ctrl.data = dataQtd;\r\n HttpService.post({\r\n url: `/UpdateLineQuantityCart/${ctrl.data.IDLine}/${ctrl.data.RemovedQuantity}`\r\n }).then(function (response) {\r\n if (response.status === 'OK') {\r\n ModalService.close();\r\n $window.location.reload();\r\n }\r\n });\r\n };\r\n\r\n ctrl.action = value => {\r\n if (!ctrl.data.isBtnMainDisabled) {\r\n ctrl.$close();\r\n if (ctrl.data.action) {\r\n ctrl.data.action(value);\r\n } else {\r\n console.log('no action available');\r\n }\r\n }\r\n };\r\n\r\n ctrl.cancel = value => {\r\n ctrl.$close();\r\n };\r\n\r\n ctrl.goTo = key => {\r\n smoothScroll(document.getElementById(key), { offset: 70, containerId: 'scrollContainer' });\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .controller('modalAddToCartCtrl', function (data, device, options, $scope) {\r\n const ctrl = this;\r\n ctrl.data = data;\r\n ctrl.device = device;\r\n ctrl.options = options;\r\n $scope.device = device;\r\n\r\n if (ctrl.data.length === 1) {\r\n ctrl.suggestionsUrl = `GetProductSuggestions/Modal/ModalAddToCartSuggestions/${ctrl.data[0].idProduct}?${new Date().getTime()}`;\r\n }\r\n })\r\n\r\n /* @ngInject */\r\n .controller('modalSendByEMailCtrl', function (data, device, options, HttpService, AppService, ModalService, toastr) {\r\n const ctrl = this;\r\n\r\n ctrl.data = data;\r\n ctrl.data.Message = '';\r\n ctrl.data.Recipients = [{}];\r\n ctrl.modalTitle = options.modalTitle;\r\n\r\n ctrl.addRecipient = () => {\r\n ctrl.data.Recipients.push({});\r\n };\r\n ctrl.removeRecipient = index => {\r\n ctrl.data.Recipients.splice(index, 1);\r\n };\r\n\r\n AppService.getParams()\r\n .then(params => {\r\n if (params.IsLogged) {\r\n ctrl.data.Email = params.Visitor.Email;\r\n ctrl.data.FirstName = params.Visitor.FirstName;\r\n ctrl.data.LastName = params.Visitor.LastName;\r\n }\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n\r\n ctrl.submit = () => {\r\n ctrl.loading = true;\r\n\r\n HttpService.post({\r\n url: '/SendByEmail',\r\n data: ctrl.data\r\n })\r\n .then(response => {\r\n AppService.getTranslate()\r\n .then(translate => {\r\n if (response.status === 'OK') {\r\n ModalService.close();\r\n toastr.success('', options.resultMessage, {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n } else {\r\n toastr.warning(translate.errors.TryLater, translate.errors.ErrorHasOccurred, {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n }\r\n ctrl.loading = false;\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .controller('modalAvailabilityAlertCtrl', function (data, device, options, ModalService, AppService, HttpService, toastr) {\r\n const ctrl = this;\r\n ctrl.data = data;\r\n ctrl.data.Email = '';\r\n\r\n let messageTitle, messageText;\r\n\r\n ctrl.successMessage = (title, text) => {\r\n messageTitle = title;\r\n messageText = text;\r\n };\r\n\r\n ctrl.submit = () => {\r\n ctrl.loading = true;\r\n HttpService.post({\r\n url: '/Product/AvailabilityAlert',\r\n data: ctrl.data\r\n })\r\n .then(response => {\r\n ctrl.loading = false;\r\n if (response.status === 'OK') {\r\n ModalService.close();\r\n toastr.success(messageText, messageTitle, {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n } else {\r\n AppService.getTranslate()\r\n .then(translate => {\r\n toastr.warning(translate.errors.TryLater, translate.errors.ErrorHasOccurred, {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n }\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .controller('modalQuestionCtrl', function (data, device, options, HttpService, AppService, ModalService, toastr) {\r\n const ctrl = this;\r\n ctrl.data = data;\r\n let messageTitle;\r\n\r\n ctrl.successMessage = title => {\r\n messageTitle = title;\r\n };\r\n\r\n ctrl.emailChanged = () => {\r\n if (ctrl.form.Email.$valid) {\r\n try {\r\n AppService.emailExists({\r\n email: ctrl.data.Email,\r\n openModal: true,\r\n action() {\r\n ModalService.show(\r\n '/Template/Product/ModalQuestion',\r\n {\r\n IdProduct: ctrl.data.IdProduct\r\n },\r\n null,\r\n 'modalQuestionCtrl'\r\n );\r\n }\r\n });\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n };\r\n\r\n ctrl.submit = async () => {\r\n ctrl.loading = true;\r\n //Prise en compte du token de securité des formulaires\r\n ctrl.data.Token = $(\"input:hidden[name='securitytoken_question']\").val();\r\n\r\n try {\r\n const response = await HttpService.post({\r\n url: ctrl.IsCrmV2 ? '/Message/QuestionProduct' : '/Product/QuestionProduct',\r\n data: ctrl.data\r\n });\r\n if (response.status === 'OK') {\r\n ModalService.close();\r\n toastr.success('', messageTitle, {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n } else {\r\n const { errors } = await AppService.getTranslate();\r\n Object.keys(response.errors).forEach(key => {\r\n toastr.warning('', errors[response.errors[key].Errors[0].ErrorMessage], {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n });\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n ctrl.loading = false;\r\n };\r\n\r\n onInit();\r\n // Functions\r\n async function onInit() {\r\n const params = await AppService.getParams();\r\n\r\n ctrl.IsCrmV2 = params.Site.IsCrmV2;\r\n if (params.IsLogged) {\r\n ctrl.data.Email = params.Visitor.Email;\r\n ctrl.data.FirstName = params.Visitor.FirstName;\r\n ctrl.data.LastName = params.Visitor.LastName;\r\n }\r\n }\r\n })\r\n\r\n /* @ngInject */\r\n .controller('modalQuickViewCtrl', function (data, device, options, $scope) {\r\n const ctrl = this;\r\n ctrl.data = data;\r\n ctrl.device = device;\r\n ctrl.options = options;\r\n ctrl.showLoader = true;\r\n $scope.device = device;\r\n\r\n ctrl.onLoad = () => {\r\n ctrl.showLoader = false;\r\n setTimeout(() => {\r\n $('.modal-quick-view .modal-body').removeAttr('style');\r\n });\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .controller('uploadCropModalCtrl', function (data, device, options, $scope, ModalService, $uibModalInstance) {\r\n const ctrl = this;\r\n ctrl.data = data;\r\n ctrl.device = device;\r\n ctrl.options = options;\r\n ctrl.showLoader = true;\r\n $scope.device = device;\r\n\r\n let cropper;\r\n\r\n $uibModalInstance.rendered.then(async () => {\r\n await init();\r\n });\r\n\r\n ctrl.plus = () => {\r\n cropper.zoom(0.1);\r\n };\r\n ctrl.minus = () => {\r\n cropper.zoom(-0.1);\r\n };\r\n ctrl.rotate = () => {\r\n cropper.rotate(90);\r\n };\r\n\r\n ctrl.save = () => {\r\n const dropzone = ctrl.data.ctrlFrom.dropzone;\r\n dropzone.options.url = '/Upload';\r\n const blob = cropper\r\n .getCroppedCanvas({\r\n width: 240,\r\n height: 240,\r\n fillColor: '#fff',\r\n imageSmoothingEnabled: true,\r\n imageSmoothingQuality: 'high'\r\n })\r\n .toDataURL('image/jpeg');\r\n const croppedFile = dataURItoBlob(blob);\r\n croppedFile.name = ctrl.data.name;\r\n\r\n ctrl.data.ctrlFrom.tmpFileName = ctrl.data.name;\r\n dropzone.removeAllFiles();\r\n dropzone.addFile(croppedFile);\r\n\r\n ctrl.data.ctrlFrom.deleteTmpFile(ctrl.data.serverName);\r\n ModalService.close();\r\n };\r\n\r\n async function init() {\r\n await import(/* webpackChunkName: \"cropper\" */ 'import/js/directives/dropzone/cropper.less');\r\n const response = await import(/* webpackChunkName: \"cropperjs\" */ 'cropperjs');\r\n ctrl.showLoader = false;\r\n // eslint-disable-next-line\r\n cropper = new response.default(document.getElementById('img_' + ctrl.data.tmpId), {\r\n aspectRatio: 1,\r\n movable: true,\r\n cropBoxResizable: true,\r\n rotatable: true,\r\n ready: function () {\r\n // eslint-disable-next-line\r\n $(this.cropper.cropper).addClass('cropper-circle');\r\n }\r\n });\r\n }\r\n\r\n /*eslint-disable*/\r\n function dataURItoBlob(dataURI) {\r\n const byteString = atob(dataURI.split(',')[1]);\r\n const ab = new ArrayBuffer(byteString.length);\r\n let ia = new Uint8Array(ab),\r\n i;\r\n for (i = 0; i < byteString.length; i++) {\r\n ia[i] = byteString.charCodeAt(i);\r\n }\r\n return new Blob([ab], { type: 'image/jpeg' });\r\n }\r\n /*eslint-enable*/\r\n })\r\n\r\n /* @ngInject */\r\n .controller('modalCallBackCtrl', function (device, options, $scope, HttpService, AppService, RoutesService, ModalService) {\r\n const ctrl = this;\r\n ctrl.data = {};\r\n ctrl.options = options;\r\n ctrl.showLoader = true;\r\n $scope.device = device;\r\n\r\n AppService.getParams()\r\n .then(function (params) {\r\n if (params.IsLogged) {\r\n ctrl.isLogged = true;\r\n ctrl.data.NumberToCall = params.Visitor.MobilePhone ? params.Visitor.MobilePhone : params.Visitor.Phone;\r\n }\r\n })\r\n .catch(function (error) {\r\n console.error(error);\r\n });\r\n\r\n\r\n ctrl.submit = function () {\r\n ctrl.loading = true;\r\n\r\n HttpService.post({\r\n url: `/${RoutesService.getUrlByName('Click2Call')}`,\r\n data: ctrl.data\r\n })\r\n .then(function () {\r\n ModalService.close();\r\n ctrl.loading = false;\r\n })\r\n .catch(function (error) {\r\n console.error(error);\r\n ModalService.close();\r\n ctrl.loading = false;\r\n });\r\n };\r\n\r\n });\r\n","export default angular\r\n .module('directive.breadcrumb', [])\r\n\r\n /* @ngInject */\r\n .directive('breadcrumb', function () {\r\n return {\r\n restrict: 'A',\r\n link: (scope, element) => {\r\n $('#navMenu, #navSecondary, #navAside').find('li.active').removeClass('active');\r\n\r\n const $items = element.find('.item');\r\n const len = $items.length;\r\n let i, id;\r\n\r\n for (i = 0; i < len; i++) {\r\n id = $($items[i]).data('id');\r\n $('#navMenu, #navSecondary, #navAside').find(`li[data-id=\"${id}\"]`).addClass('active');\r\n }\r\n }\r\n };\r\n });\r\n","export default angular\r\n .module('directive.page.head', [])\r\n\r\n /* @ngInject */\r\n .directive('pageHead', function ($location, $window, RoutingService) {\r\n return {\r\n restrict: 'E',\r\n scope: {\r\n metadata: '@'\r\n },\r\n link: function (scope, element) {\r\n setTimeout(() => {\r\n const routing = RoutingService.get();\r\n if (!routing.from) return;\r\n\r\n const metadata = scope.$eval(scope.metadata);\r\n\r\n if (metadata.url && $window.location.pathname !== '/' && metadata?.url !== `${$window.location.origin}${$window.location.pathname}`) {\r\n $location.update({ path: metadata.url.split(`${$window.location.origin}/`)[1] });\r\n }\r\n\r\n $window.document.title = metadata.title;\r\n\r\n if (angular.isDefined(metadata.description) && metadata.description !== '') {\r\n if (!$('meta[name=\"description\"]').length) {\r\n $(``).insertAfter('title');\r\n } else {\r\n $('meta[name=\"description\"]').attr('content', metadata.description);\r\n }\r\n } else {\r\n $('meta[name=\"description\"]').remove();\r\n }\r\n\r\n if (angular.isUndefined(metadata.checkout)) {\r\n $(document.body).removeClass('checkout');\r\n } else {\r\n $(document.body).addClass('checkout');\r\n }\r\n scope.$emit('pageCheckout', angular.isDefined(metadata.checkout));\r\n\r\n if (angular.isUndefined(metadata.homepage)) {\r\n $(document.body).removeClass('homepage');\r\n } else {\r\n $(document.body).addClass('homepage');\r\n }\r\n scope.$emit('homepage', angular.isDefined(metadata.homepage));\r\n });\r\n }\r\n };\r\n });\r\n","export default angular\r\n .module('module.gtm', [])\r\n\r\n /* @ngInject */\r\n .factory('GtmService', function ($cookies, DateService) {\r\n const service = {\r\n inject\r\n };\r\n return service;\r\n\r\n ////////////\r\n function inject(key) {\r\n const script = document.createElement('script');\r\n script.type = 'text/javascript';\r\n script.innerHTML = getContent(key);\r\n $('head')[0].appendChild(script);\r\n $cookies.put('gtmOK', 'true', {\r\n path: '/',\r\n expires: DateService.nextYear()\r\n });\r\n }\r\n\r\n function getContent(key) {\r\n /* eslint-disable */\r\n return `(function (w, d, s, l, i) {w[l] = w[l] || []; w[l].push({'gtm.start':new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0],j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src ='https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);})(window, document, 'script', 'dataLayer', '${key}');`;\r\n /* eslint-enable */\r\n }\r\n })\r\n\r\n /* @ngInject */\r\n .directive('gtm', function () {\r\n return {\r\n restrict: 'A',\r\n bindToController: {\r\n content: '@'\r\n },\r\n /* @ngInject */\r\n controller: function (GtmService) {\r\n const ctrl = this;\r\n\r\n ctrl.$onInit = () => {\r\n GtmService.inject(ctrl.content);\r\n };\r\n }\r\n };\r\n });\r\n","/*\r\n * Modal directive from .\r\n **/\r\nimport modal from 'angular-ui-bootstrap/src/modal';\r\n\r\nexport default angular\r\n .module('module.modal', [modal])\r\n\r\n /* @ngInject */\r\n .factory('ModalService', function ($uibModal) {\r\n let modalInstance = [];\r\n return {\r\n show: (template, data, size, ctrl, ctrlAs, device, options, onClosed, onOpened) => {\r\n $(document.body).prepend('');\r\n const _modal = $uibModal.open({\r\n size,\r\n templateUrl: template,\r\n controller: ctrl || 'modalCtrl',\r\n controllerAs: ctrlAs || 'modalCtrl',\r\n bindToController: true,\r\n resolve: {\r\n data: () => data,\r\n device: () => device,\r\n options: () => options\r\n },\r\n windowClass: (data && data.windowClass) || null,\r\n backdrop: (data && data.backdrop) || true,\r\n keyboard: data && angular.isDefined(data.keyboard) ? data.keyboard : true\r\n });\r\n _modal.result.catch(error => {\r\n if (error !== 'close' && error !== 'cancel' && error !== 'backdrop click' && error !== 'escape key press') {\r\n console.error(error);\r\n }\r\n });\r\n _modal.id = new Date().getTime();\r\n _modal.closed\r\n .then(() => {\r\n modalInstance = modalInstance.filter(o => o.id !== _modal.id);\r\n if (onClosed) {\r\n onClosed(_modal.result.$$state.value);\r\n }\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n _modal.opened\r\n .then(() => {\r\n $('#tmpBackdrop').remove();\r\n if (onOpened) {\r\n onOpened();\r\n }\r\n })\r\n .catch(error => {\r\n console.error(error);\r\n });\r\n modalInstance.push(_modal);\r\n return _modal;\r\n },\r\n close: () => {\r\n modalInstance.forEach(_modal => {\r\n _modal.close();\r\n });\r\n modalInstance = [];\r\n },\r\n closeCurrent: function () {\r\n modalInstance[modalInstance.length - 1].close();\r\n }\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .directive('openModal', function (ModalService) {\r\n return {\r\n restrict: 'A',\r\n transclude: true,\r\n replace: true,\r\n template: '{{name}}',\r\n scope: {\r\n openModal: '@',\r\n module: '@',\r\n class: '@',\r\n ctrl: '@?',\r\n data: ' {\r\n scope.open = () => {\r\n ModalService.close();\r\n ModalService.show(\r\n `/Template/${scope.module}/${scope.openModal}`,\r\n scope.data,\r\n scope.size || null,\r\n scope.ctrl || 'modalCtrl',\r\n null,\r\n scope.device,\r\n scope.options,\r\n scope.onClosed || null\r\n );\r\n };\r\n }\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .directive('openCmsModal', function (ModalService) {\r\n return {\r\n restrict: 'A',\r\n transclude: true,\r\n replace: true,\r\n template: '{{name}}',\r\n scope: {\r\n openCmsModal: '@',\r\n class: '@',\r\n autoScroll: '@?',\r\n title: '@?',\r\n ctrl: '@?',\r\n size: '@?',\r\n device: ' {\r\n scope.open = () => {\r\n ModalService.close();\r\n ModalService.show(\r\n '/Template/Modal/ModalCms',\r\n {\r\n url: `/page-cms/${scope.openCmsModal}`\r\n },\r\n scope.size || null,\r\n scope.ctrl || 'modalCtrl',\r\n null,\r\n scope.device,\r\n {\r\n modalTitle: scope.title || '',\r\n modalAutoScroll: scope.autoScroll ? true : false\r\n }\r\n );\r\n };\r\n }\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .directive('modalAutoScroll', function ($timeout) {\r\n return {\r\n restrict: 'A',\r\n link: (scope, element, attrs) => {\r\n if (!scope.$eval(attrs.modalAutoScroll)) return;\r\n\r\n resize();\r\n // $timeout(resize, 3000);\r\n\r\n function resize() {\r\n $timeout(() => {\r\n const $modalDialog = element.closest('.modal-dialog');\r\n const $scrollContainer = element.find('.scroll-container');\r\n let maxHeight = 0;\r\n\r\n maxHeight += parseInt($modalDialog.css('margin-top')) + parseInt($modalDialog.css('margin-bottom'));\r\n maxHeight += $modalDialog.find('.modal-header').outerHeight();\r\n if ($modalDialog.find('.modal-footer').length) {\r\n maxHeight += $modalDialog.find('.modal-footer').outerHeight();\r\n }\r\n maxHeight += parseInt(element.css('padding-top')) + parseInt(element.css('padding-bottom'));\r\n\r\n if ($scrollContainer.position()) {\r\n maxHeight += $scrollContainer.position().top;\r\n }\r\n maxHeight += 2;\r\n\r\n $scrollContainer.css({\r\n 'overflow-x': 'hidden',\r\n 'overflow-y': 'auto',\r\n 'max-height': `calc(100vh - ${maxHeight}px)`\r\n });\r\n });\r\n }\r\n }\r\n };\r\n });\r\n","/* eslint-disable no-undef */\r\n\r\n(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('module.netwave', [])\r\n\r\n .constant('wsbZonePrefix', 'wsbPZ_')\r\n\r\n /* @ngInject */\r\n .factory('NetwaveService', function ($rootScope, HttpService, RoutesService) {\r\n window.NetwaveService = this;\r\n let netwaveInfos;\r\n\r\n const initializeNetWaveInfo = async function () {\r\n if (!netwaveInfos) {\r\n netwaveInfos = await getNetWaveInfo();\r\n }\r\n };\r\n\r\n const isNetwaveEnable = async function () {\r\n await initializeNetWaveInfo();\r\n return netwaveInfos === null ? false : netwaveInfos.netwaveEnable;\r\n };\r\n\r\n const getNetWaveInfo = async function () {\r\n const url = RoutesService.getUrlByName('GetNetWaveInfo');\r\n let netInfos;\r\n await HttpService.get({\r\n url,\r\n cache: true\r\n })\r\n .then(response => { netInfos = response; })\r\n .catch(function (error) {\r\n console.error(error);\r\n });\r\n return netInfos;\r\n };\r\n\r\n const getIdProduct = function (product) {\r\n if (product && product.hasOwnProperty('IDProduct')) {\r\n return product.IDProduct;\r\n } else if (product && product.hasOwnProperty('idProduct')) {\r\n return product.idProduct;\r\n }\r\n return null;\r\n };\r\n\r\n /*\r\n * TODO delete this function when it will be possible to get a price on the product object\r\n * calculate product price\r\n */\r\n const getPrice = function (product) {\r\n let price = 0;\r\n if (product.IsKit && product.KitUnitTTCPrice && product.KitUnitTTCPrice > 0) {\r\n price = Math.round(product.KitUnitTTCPrice * 100) / 100;\r\n } else if (product.Product?.IsKit && product.TTCAmount > 0) {\r\n price = Math.round(product.TTCAmount / product.Quantity * 100) / 100;\r\n } else if (product.step && product.Price.qty) {\r\n price = Math.round(product.Price.TTCDiscountedPrice * product.Price.qty * 100) / 100;\r\n } else if (product.Price?.TTCDiscountedPrice > 0) {\r\n price = product.Price.TTCDiscountedPrice;\r\n } else if (product.Price?.TTCPrice > 0 && product.quantity) {\r\n price = Math.round(product.Price?.TTCPrice / product.quantity * 100) / 100;\r\n } else {\r\n price = (product.Price.TTCDiscountedPrice === null ? 0 : product.Price.TTCDiscountedPrice) + (product.costTTC === undefined ? 0 : product.costTTC);\r\n }\r\n return price;\r\n };\r\n\r\n this.trigger = function (data) {\r\n $rootScope.$broadcast('netwaveUpdate', data);\r\n };\r\n this.getProducts = async function (products) {\r\n return HttpService.post({\r\n url: '/GetProducts',\r\n data: {\r\n ProductsIds: products\r\n }\r\n })\r\n .then(response => response.products\r\n )\r\n .catch(function (error) {\r\n throw error;\r\n });\r\n };\r\n this.updateFilters = function (ctrl) {\r\n const filters = {};\r\n ctrl.BrandsSelected?.forEach(function () {\r\n const filterBrandsSelected = ctrl.filters.brands.find(item => item.Id);\r\n if (filterBrandsSelected) {\r\n filters.brands = filters.brands || [];\r\n filters.brands.push(filterBrandsSelected.Name);\r\n }\r\n });\r\n ctrl.ReviewsSelected?.forEach(function () {\r\n const filterReviewsSelected = ctrl.filters.reviews.find(item => item.Id);\r\n if (filterReviewsSelected) {\r\n filters.reviews = filters.reviews || [];\r\n filters.reviews.push(filterReviewsSelected.Name);\r\n }\r\n });\r\n ctrl.ProductTypesSelected?.forEach(function () {\r\n const filterProductTypesSelected = ctrl.filters.types.find(item => item.Id);\r\n if (filterProductTypesSelected) {\r\n filters.types = filters.types || [];\r\n filters.types.push(filterProductTypesSelected.Name);\r\n }\r\n });\r\n\r\n ctrl.words?.forEach(function () {\r\n filters.search = filters.search || [];\r\n filters.search.push(item);\r\n });\r\n\r\n if (ctrl.PriceRange) {\r\n filters.prices = [ctrl.PriceRange];\r\n }\r\n\r\n const facets = ctrl.FacetsSelected.filter(item => item.Values.length);\r\n\r\n isScriptLoaded().then(filter);\r\n\r\n /**\r\n * Generate a script that retrieves filter information for category and list pages\r\n * where it is embedded and then sends it to Netwave.\r\n * */\r\n function filter() {\r\n const wsbProperties = window.wsbProperties || {};\r\n facets.forEach(function (filterFacet) {\r\n wsbProperties.filter = {\r\n categoryId: ctrl.categoryCtrl.idCategory,\r\n name: (filterFacet.Name).toLowerCase(),\r\n values: filterFacet.Values\r\n };\r\n });\r\n }\r\n };\r\n\r\n /*\r\n * Send delete commands to netwave for all products\r\n */\r\n this.emptyCart = async function (products) {\r\n if (!(await isNetwaveEnable())) return;\r\n\r\n for (const product of products) {\r\n await window.NetwaveService.removeArticleFromCart(product, product.Quantity);\r\n }\r\n };\r\n\r\n /*\r\n * Send delete command to netwave for a product and a quantity\r\n */\r\n this.removeArticleFromCart = async function (product, quantity) {\r\n if (!(await isNetwaveEnable())) return;\r\n\r\n async function removeArticle(pdt, qty) {\r\n await window.wsb.removeArticleFromCart(String(pdt.idCategory), String(getIdProduct(pdt)), qty, getPrice(pdt));\r\n }\r\n\r\n if (!product.idCategory) {\r\n const idCategory = await window.NetwaveService.getCategory(getIdProduct(product));\r\n product.idCategory = idCategory;\r\n await removeArticle(product, quantity);\r\n } else {\r\n await removeArticle(product, quantity);\r\n }\r\n };\r\n\r\n /*\r\n * Send add command to netwave for a product and a quantity\r\n */\r\n this.addArticleToCart = async function (product, quantity) {\r\n if (!(await isNetwaveEnable())) return;\r\n\r\n async function addArticle(pdt, qty) {\r\n await window.wsb.addArticleToCart(String(pdt.idCategory), String(getIdProduct(pdt)), qty, getPrice(pdt));\r\n }\r\n\r\n if (!product.idCategory) {\r\n const idCategory = await window.NetwaveService.getCategory(getIdProduct(product));\r\n product.idCategory = idCategory;\r\n await addArticle(product, quantity);\r\n } else {\r\n await addArticle(product, quantity);\r\n }\r\n };\r\n\r\n /*\r\n * Get product category\r\n */\r\n this.getCategory = async function (productId) {\r\n return HttpService.post({\r\n url: `/GetCategoryProduct/${productId}`,\r\n cache: true\r\n })\r\n .then(getCategoryResponse => getCategoryResponse.idCategory)\r\n .catch(function (error) {\r\n console.error(error);\r\n });\r\n };\r\n\r\n /*\r\n * Send delete commands to netwave for all products in the wishList\r\n */\r\n this.emptyWishList = async function (lines) {\r\n if (!(await isNetwaveEnable())) return;\r\n if (lines !== null) {\r\n lines.forEach(function (line) {\r\n window.NetwaveService.updateWishList(line.Product.IDProduct, false);\r\n });\r\n }\r\n };\r\n\r\n /*\r\n * Send add/delete commands to netwave for a product\r\n */\r\n this.updateWishList = async function (productId, addToWishList) {\r\n if (!(await isNetwaveEnable())) return;\r\n window.NetwaveService.getCategory(productId).then(function (idCategory) {\r\n if (addToWishList) {\r\n window.wsbProperties.addToWishlist = {\r\n categoryId: idCategory,\r\n productId\r\n };\r\n } else {\r\n window.wsbProperties.removeFromWishlist = {\r\n categoryId: idCategory,\r\n productId\r\n };\r\n }\r\n });\r\n };\r\n\r\n /**\r\n * Wait for the netwave script to load to override the function\r\n * */\r\n const isScriptLoaded = async function () {\r\n while (!window.wsbProperties) {\r\n await new Promise(resolve => requestAnimationFrame(resolve));\r\n }\r\n };\r\n\r\n return {\r\n getProducts: this.getProducts,\r\n updateFilters: this.updateFilters,\r\n emptyCart: this.emptyCart,\r\n getCategory: this.getCategory,\r\n updateWishList: this.updateWishList,\r\n emptyWishList: this.emptyWishList,\r\n removeArticleFromCart: this.removeArticleFromCart,\r\n addArticleToCart: this.addArticleToCart\r\n };\r\n })\r\n\r\n\r\n /* @ngInject */\r\n .directive('netWaveTabs', function () {\r\n return {\r\n restrict: 'A',\r\n scope: true,\r\n controllerAs: 'netwaveTabsCtrl',\r\n controller: function () { }\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .directive('netWave', function () {\r\n return {\r\n restrict: 'A',\r\n require: {\r\n productCtrl: '?^^productDetail',\r\n tabsCtrl: '?^^netWaveTabs'\r\n },\r\n scope: true,\r\n bindToController: {\r\n id: '@'\r\n },\r\n controllerAs: 'netwaveCtrl',\r\n /* @ngInject */\r\n controller: function ($rootScope, $element, $scope, $timeout, NetwaveService, AppService, AvailabilityService, PriceService) {\r\n const ctrl = this;\r\n\r\n // exemple of code zone : wsbPZ_ZH2. We keep ZH2\r\n ctrl.$onInit = function () {\r\n ctrl.zone = ctrl.id.split('_');\r\n ctrl.zone = ctrl.zone[1];\r\n };\r\n\r\n const unwatch = $scope.$on('netwaveUpdate', async function (event, publishingZones) {\r\n unwatch();\r\n const publishingZone = _.find(publishingZones, { publishingZoneId: ctrl.zone });\r\n if (publishingZone) {\r\n if (ctrl.tabsCtrl) {\r\n ctrl.tabsCtrl.active = true;\r\n }\r\n const sortedZones = _.sortBy(\r\n _.filter(publishingZones, function (o) {\r\n if (o.json.products === undefined) {\r\n return 0;\r\n }\r\n return o.json.products.length;\r\n }),\r\n ['publishingZoneId']\r\n );\r\n const index = _.findIndex(sortedZones, { publishingZoneId: ctrl.zone });\r\n ctrl.isOpen = index === 0;\r\n ctrl.catchphrase = publishingZone.json.catchphrase;\r\n ctrl.bannerName = publishingZone.json['Banner name'];\r\n ctrl.bannerUrl = publishingZone.json['Banner url'];\r\n ctrl.bannerLink = publishingZone.json.Link;\r\n const imgWsbPublishingZone = angular.element(document.querySelectorAll('.imgWsbPublishingZone'));\r\n const linkWsbPublishingZone = angular.element(document.querySelectorAll('.linkWsbPublishingZone'));\r\n imgWsbPublishingZone.attr('src', ctrl.bannerUrl);\r\n linkWsbPublishingZone.attr('href', ctrl.bannerLink);\r\n if (publishingZone.json.products) {\r\n await getProducts(publishingZone.json.products);\r\n }\r\n }\r\n });\r\n\r\n ctrl.$onDestroy = function () {\r\n unwatch();\r\n };\r\n\r\n ctrl.init = function (id) {\r\n setTimeout(function () {\r\n const element = document.getElementById(id);\r\n element.classList.add('wsbRecommendation');\r\n });\r\n };\r\n\r\n ctrl.loaded = function () {\r\n $scope.$broadcast('netwave-loaded');\r\n $scope.netwaveLoaded = true;\r\n };\r\n\r\n async function getProducts(products) {\r\n try {\r\n const response = await NetwaveService.getProducts(products);\r\n\r\n if (!response || !response.length) return;\r\n\r\n ctrl.products = response.filter(p => p.IDProduct !== 0);\r\n\r\n await Promise.all(ctrl.products.map(async function (product) {\r\n product.ReviewsInfo = product.ReviewsInfo ? { Count: product.ReviewsInfo.Count, Average: Math.floor(product.ReviewsInfo.Average) } : null;\r\n product.domId = `wsbR_${product.IDProduct}@${ctrl.zone}`;\r\n product.isComparable = product.Themes.some(th => th.KeyTheme === 'Comparateur');\r\n product.Pictogrammes = product.Themes?.filter(th => th.KeyRegrouping === 'Pictogrammes')?.map(th => ({\r\n IDTheme: th.IDTheme,\r\n IDPicture: th.IDPicture,\r\n Designation: th.Designation,\r\n Key: th.KeyTheme,\r\n Background: th.Text1,\r\n Color: th.Text2\r\n }));\r\n\r\n if (product.Availability) {\r\n product.Availability = product.Availability;\r\n const { Site } = await AppService.getParams();\r\n\r\n if (Site.DisplayAvailabilityOnListPage && Site.IsOmnichannelOrder) {\r\n await AvailabilityService.formatMessage(product.Availability.Detail, 'Delivery');\r\n await AvailabilityService.formatMessage(product.Availability.Detail, 'PickUp');\r\n product.Availability.Detail.modalData = {\r\n idProduct: product.IDProduct,\r\n action: $rootScope.forceReload,\r\n quantity: product.MinSaleQuantity !== 0 ? product.MinSaleQuantity : 1\r\n };\r\n }\r\n }\r\n product.htmlPrice = await PriceService.get(product);\r\n }));\r\n\r\n $timeout(function () {\r\n ctrl.active = true;\r\n });\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n }\r\n };\r\n })\r\n\r\n /**\r\n *Netwave tags for each page\r\n * */\r\n /* @ngInject */\r\n .directive('netwaveTags', function (wsbZonePrefix) {\r\n return {\r\n restrict: 'A',\r\n scope: {\r\n tags: '=tags'\r\n },\r\n link: function (scope) {\r\n if (scope.tags) {\r\n isScriptLoaded().then(init);\r\n }\r\n function init() {\r\n overrideDisplay();\r\n setupNetwaveGlobalParameters(\r\n scope.tags.Langage,\r\n scope.tags.StateLoggedIn,\r\n scope.tags.ClientId,\r\n scope.tags.StockLocation,\r\n scope.tags.DataPage,\r\n scope.tags.CategoryId,\r\n scope.tags.ProductId,\r\n scope.tags.SearchRequestArray,\r\n scope.tags.OrderId,\r\n scope.tags.CustomerId,\r\n scope.tags.Total,\r\n scope.tags.Articles);\r\n\r\n if (scope.tags.DataPage !== 'order' && window.wsb._getMessageQueue().length < 1) {\r\n window.wsb._addMessage('setDataPage', window.wsb._currentPage, 0);\r\n }\r\n }\r\n\r\n /**\r\n * Wait for the netwave script to load to override the function\r\n * */\r\n async function isScriptLoaded() {\r\n while (!window.wsbDisplay) {\r\n await new Promise(resolve => requestAnimationFrame(resolve));\r\n }\r\n }\r\n\r\n /**\r\n * Override of wsbDisplay.display function of the Netwave script in order to manage the recovery of products\r\n * And populates an array (recoElements) with zone product HTML content to send to Netwave.\r\n * */\r\n function overrideDisplay() {\r\n wsbCustomTemplating((publishingZones) => {\r\n if (window.NetwaveService) {\r\n window.NetwaveService.trigger(publishingZones);\r\n }\r\n publishingZones.forEach((recommendations) => {\r\n const zoneId = recommendations.publishingZoneId;\r\n launchNetWaveCallBack(zoneId);\r\n });\r\n });\r\n }\r\n\r\n /**\r\n * Iteratively, using a promise to check if a zone is currently in the DOM.\r\n * requestAnimationFrame is exactly the same as setTimeOut only a little more performant\r\n * Check the status each time the DOM is refreshed\r\n * @param {any} zone\r\n */\r\n async function isZoneExistInDom(zone) {\r\n while (document.querySelectorAll(`[id$= '@${zone}'][class$='wsbRecommendation']`).length === 0) {\r\n await new Promise(resolve => requestAnimationFrame(resolve));\r\n }\r\n }\r\n /*\r\n * Wait until product dom is built, before launch a callback to netwave indicate that a zone is ready\r\n *\r\n */\r\n async function launchNetWaveCallBack(zoneId) {\r\n await isZoneExistInDom(zoneId);\r\n wsbPublishCustomTemplating(wsbZonePrefix + zoneId);\r\n }\r\n\r\n /**\r\n * Generate a script that retrieves specific information from each page\r\n * where it is embedded and then sends it to Netwave.\r\n * @param {!string} Langage the current language of your website for the user\r\n * @param {!boolean} StateLoggedIn boolean that matches the current user logging state\r\n * @param {!string} ClientId customer id value for the current user\r\n * @param {?string} StockLocation the current stock location the user is on\r\n * @param {?string} DataPage the current page being browsed\r\n * @param {?number[20]} CategoryId id category for product, category and search page. Also can be an array of multiple categories for search page.\r\n * @param {?string[30]} ProductId id produit for product or search page\r\n * @param {?string[]} SearchRequestArray search of the user\r\n * @param {?string} OrderId Unique order identifier (empty string if unknown) for confirmation page\r\n * @param {?number} CustomerId Unique customer identifier for confirmation page\r\n * @param {?number} Total Amount for order (tax,port, discount inclusive) for confirmation page\r\n * @param {?Object} Articles List of ArticleAddToCart, articles ordered\r\n */\r\n function setupNetwaveGlobalParameters(langage, stateLoggedIn, clientId,\r\n stockLocation, dataPage, categoryId, productId, searchRequestArray, orderId, customerId, total, articles) {\r\n\r\n const wsbProperties = window.wsbProperties || {};\r\n window.wsbProperties.reset = true;\r\n wsbProperties.language = langage;\r\n wsbProperties.loggedIn = stateLoggedIn;\r\n wsbProperties.clientId = clientId;\r\n wsbProperties.stockLocation = stockLocation;\r\n\r\n\r\n if (dataPage === 'product') {\r\n wsbProperties[`${dataPage}Page`] = {\r\n categoryId,\r\n productId\r\n };\r\n } else if (dataPage === 'category') {\r\n wsbProperties[`${dataPage}Page`] = categoryId;\r\n } else if (dataPage === 'search') {\r\n let searchRequest = '';\r\n for (let i = 0; i < searchRequestArray.length; i++) {\r\n searchRequest += `${searchRequestArray[i]} `;\r\n }\r\n wsbProperties[`${dataPage}Page`] = {\r\n productId,\r\n categoryId,\r\n searchRequest\r\n };\r\n } else if (dataPage === 'order') {\r\n // Changed property naming to match Netwave naming which is in Camel Case\r\n articles.forEach(function (article) {\r\n Object.keys(article).forEach(function (key) {\r\n if (key !== camelize(key)) {\r\n Object.defineProperty(article, camelize(key),\r\n Object.getOwnPropertyDescriptor(article, key));\r\n delete article[key];\r\n }\r\n });\r\n });\r\n\r\n wsbProperties[`${dataPage}`] = {\r\n articles,\r\n orderId,\r\n customerId,\r\n total\r\n };\r\n } else {\r\n wsbProperties[`${dataPage}Page`] = true;\r\n }\r\n }\r\n\r\n /**\r\n * To change a string into Camel Case\r\n *\r\n * */\r\n function camelize(str) {\r\n return str.replace(/(?:^\\w|[A-Z]|\\b\\w)/g, function (word, index) {\r\n return index === 0 ? word.toLowerCase() : word.toUpperCase();\r\n });\r\n }\r\n }\r\n };\r\n });\r\n\r\n})();\r\n","import 'import/js/plugins/jquery.equalheights.js';\r\n\r\nexport default angular\r\n .module('module.products.grid', [])\r\n\r\n /* @ngInject */\r\n .directive('productsGrid', function (WindowEventsService, ProductsGridService) {\r\n return {\r\n restrict: 'A',\r\n link: linkFunction\r\n };\r\n\r\n // Fonction de liaison\r\n function linkFunction(scope, element) {\r\n // Sélectionne les éléments enfants avec la classe 'row'\r\n const rowElements = element.children('.row');\r\n // Si aucun élément 'row' n'est trouvé, quitte la fonction\r\n if (!rowElements.length) {\r\n return;\r\n }\r\n\r\n // Génère un ID temporaire en utilisant l'ID existant ou en créant un nouveau\r\n const tmpId = element.attr('id') || generateUniqueId();\r\n element.attr('id', tmpId);\r\n\r\n // Configure les écouteurs d'événements\r\n setupEventListeners();\r\n\r\n // Nettoie l'écouteur d'événement lorsque la portée (scope) est détruite\r\n scope.$on('$destroy', () => {\r\n WindowEventsService.listen(false, 'resize', onResize);\r\n });\r\n\r\n // Réagit à l'événement 'updateVisitorContext' en appelant la fonction onResize\r\n scope.$on('updateVisitorContext', onResize);\r\n // Appelle la fonction onResize une fois au chargement initial de la directive\r\n onResize();\r\n\r\n // Configure les écouteurs d'événements pour les redimensionnements\r\n function setupEventListeners() {\r\n // Active l'écouteur d'événement 'resize' avec un délai de 500 ms\r\n WindowEventsService.listen(true, 'resize', onResize, 500);\r\n }\r\n\r\n // Fonction appelée lors d'un redimensionnement\r\n function onResize() {\r\n // Utilise setTimeout pour exécuter le redimensionnement de manière asynchrone\r\n setTimeout(() => {\r\n ProductsGridService.resizeGrid(tmpId, scope.device.size, false);\r\n });\r\n }\r\n\r\n // Génère un ID unique pour l'élément si nécessaire\r\n function generateUniqueId() {\r\n return `pg_${ProductsGridService.getId()}`;\r\n }\r\n }\r\n })\r\n\r\n // Service pour gérer le redimensionnement et l'ajustement des hauteurs des éléments dans une grille de produits\r\n .service('ProductsGridService', function () {\r\n const MAX_COLUMN_CLASS = 12;\r\n\r\n // Générer et retourner une fonction pour générer des IDs uniques\r\n this.getId = () => {\r\n let tmpId = 0;\r\n return () => tmpId++;\r\n };\r\n\r\n // Redimensionner la grille des produits en ajustant les hauteurs\r\n this.resizeGrid = (elemId, size, lazy, sizes) => {\r\n const $elem = $(`#${elemId}`);\r\n const $divs = $elem.children('.row').children('.grid:visible');\r\n\r\n // Vérifier s'il y a suffisamment d'éléments pour ajuster\r\n if ($divs.length < 2) return;\r\n\r\n // Réinitialiser la hauteur initiale si nécessaire\r\n if (!lazy) {\r\n resetInitialHeight($divs);\r\n }\r\n\r\n // Calculer le nombre de colonnes en fonction de la taille de l'écran\r\n const nb = calculateColumnCount($divs, size, sizes);\r\n if (nb === 1) return;\r\n\r\n // Ajuster les hauteurs des éléments de la grille\r\n adjustHeights($divs, nb);\r\n };\r\n\r\n // Réinitialiser la hauteur initiale des éléments\r\n function resetInitialHeight($divs) {\r\n $divs.children().addClass('init').find('.content').children().height('');\r\n }\r\n\r\n // Calculer le nombre de colonnes en fonction de la taille de l'écran\r\n function calculateColumnCount($divs, size, sizes) {\r\n const colClass = $divs.eq(0).attr('class').split(`col-${size}-`)[1];\r\n if (!colClass) {\r\n return;\r\n }\r\n\r\n let nb;\r\n if (!sizes) {\r\n nb = MAX_COLUMN_CLASS / colClass.split(' ')[0];\r\n } else {\r\n const width = document.body.clientWidth;\r\n nb = sizes.reduce((acc, o) => (width < o.breakpoint ? o.nb : acc), 0);\r\n }\r\n return nb;\r\n }\r\n\r\n // Ajuster les hauteurs des éléments dans chaque section de la grille\r\n function adjustHeights($divs, nb) {\r\n const productItems = $divs.find('.product-item');\r\n\r\n for (let i = 0; i < productItems.length; i += nb) {\r\n const $itemsSlice = $divs.slice(i, i + nb);\r\n const targ = $itemsSlice\r\n .children('.init')\r\n .removeClass('init')\r\n .find('.content');\r\n const comp = $itemsSlice.find('.compare');\r\n\r\n // Ajuster les hauteurs des éléments dans la section actuelle\r\n const contentChildren = targ.eq(0).children();\r\n for (let j = 0; j < contentChildren.length; j++) {\r\n const $child = $(contentChildren.eq(j));\r\n const className = $child.attr('class').split(' ')[0];\r\n targ.find(`.${className}`).equalHeights();\r\n }\r\n\r\n // Ajouter une classe si la section a des éléments de comparaison\r\n if (comp.children().length) {\r\n comp.addClass('has-compare');\r\n }\r\n }\r\n }\r\n });\r\n","/**\r\n * angular-spinner version 0.8.1\r\n * https://github.com/urish/angular-spinner\r\n */\r\nimport { Spinner } from 'import/js/plugins/spin.js';\r\n\r\nexport default angular\r\n .module('module.spinner', [])\r\n\r\n .provider('usSpinnerConfig', function () {\r\n let _config = {};\r\n const _themes = {};\r\n let _delay = 0;\r\n\r\n return {\r\n setDefaults: config => {\r\n _config = config || _config;\r\n },\r\n setTheme: (name, config) => {\r\n _themes[name] = config;\r\n },\r\n setDelay: delay => {\r\n _delay = delay;\r\n },\r\n $get: () => ({\r\n config: _config,\r\n themes: _themes,\r\n delay: _delay\r\n })\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .directive('usSpinner', function (usSpinnerConfig) {\r\n return {\r\n scope: true,\r\n link: (scope, element, attr) => {\r\n let timeout;\r\n scope.spinner = null;\r\n\r\n function stopSpinner() {\r\n if (scope.spinner) {\r\n element.children().removeClass('in').addClass('out');\r\n clearTimeout(timeout);\r\n timeout = setTimeout(() => {\r\n if (scope.spinner) {\r\n scope.spinner.stop();\r\n }\r\n element.children('.overlay').remove();\r\n }, scope.delay);\r\n }\r\n }\r\n\r\n scope.spin = () => {\r\n if (scope.spinner) {\r\n element.children().removeClass('out');\r\n scope.spinner.spin(element[0]);\r\n clearTimeout(timeout);\r\n timeout = setTimeout(() => {\r\n element.children().addClass('in');\r\n });\r\n }\r\n $('
').appendTo(element);\r\n };\r\n\r\n scope.stop = () => {\r\n stopSpinner();\r\n };\r\n\r\n const options = angular.extend({}, usSpinnerConfig.config, usSpinnerConfig.themes[attr.spinnerTheme]);\r\n scope.delay = usSpinnerConfig.delay;\r\n scope.spinner = new Spinner(options);\r\n if (!scope.key && !attr.spinnerOn) {\r\n scope.spinner.spin(element[0]);\r\n }\r\n\r\n scope.$watch(attr.spinnerOn, spin => {\r\n if (spin) {\r\n scope.spin();\r\n } else {\r\n scope.stop();\r\n }\r\n });\r\n\r\n scope.$on('$destroy', () => {\r\n scope.stop();\r\n scope.spinner = null;\r\n });\r\n }\r\n };\r\n });\r\n","import { inRange } from 'lodash-es';\r\nimport cartPostProcess from 'import/js/services/cart.postprocess.js';\r\n\r\nexport default angular\r\n .module('service.app', [])\r\n .factory('AppService', AppService);\r\n\r\nAppService.$inject = ['$q', '$rootScope', '$templateCache', 'HttpService', 'ModalService', 'RoutesService'];\r\n\r\nfunction AppService($q, $rootScope, $templateCache, HttpService, ModalService, RoutesService) {\r\n let appPromise;\r\n let translate;\r\n let MobilityVisitorContext;\r\n let allParams;\r\n\r\n const service = {\r\n getParams,\r\n resetParams,\r\n updateParams,\r\n getTranslate,\r\n getProductPrice,\r\n updateStore,\r\n updateKey,\r\n emailExists,\r\n updateSecurityToken,\r\n getAllParams\r\n };\r\n\r\n return service;\r\n\r\n // Cette fonction est utilisée pour récupérer les paramètres \"statiques\" du site web, à ne pas utiliser pour des paramètres dynamiques (ex: Cart)\r\n // Elle permet également de récupérer un paramètre spécifique.\r\n async function getAllParams(searchedParameter = '') {\r\n try {\r\n // Si les paramètres ne sont pas encore récupérés, effectue un appel HTTP pour les obtenir.\r\n if (!allParams) {\r\n allParams = await HttpService.get({\r\n url: RoutesService.getUrlByName('AppParams'),\r\n cache: true\r\n });\r\n }\r\n\r\n // Si aucun paramètre spécifique n'est fourni, retourne l'ensemble des paramètres.\r\n if (searchedParameter === '') {\r\n return allParams;\r\n }\r\n\r\n // Recherche le paramètre spécifique parmi les paramètres récupérés. Si ce dernier est identifié dans l'une des structures imbriquées, retourne la valeur correspondante ; sinon, renvoie null.\r\n const findParam = (obj, paramName) => {\r\n for (const key in obj) {\r\n if (obj.hasOwnProperty(key)) {\r\n if (angular.isObject(obj[key])) {\r\n const result = findParam(obj[key], paramName);\r\n if (result !== null) {\r\n return result;\r\n }\r\n } else if (key === paramName) {\r\n return obj[key];\r\n }\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n return findParam(allParams, searchedParameter);\r\n } catch (error) {\r\n // En cas d'erreur, affiche l'erreur dans la console et la propage.\r\n console.error(error);\r\n throw error;\r\n }\r\n }\r\n\r\n /**\r\n * Obtient les paramètres de l'application, en utilisant une promesse pour gérer les appels asynchrones.\r\n * @param {boolean} refresh - Indique si un rafraîchissement forcé est nécessaire.\r\n * @returns {Promise} Une promesse qui se résout avec les données de l'application.\r\n */\r\n async function getParams(refresh) {\r\n // Vérifie si un rafraîchissement est nécessaire et si la promesse existe déjà.\r\n if (!refresh && !angular.isUndefined(appPromise)) {\r\n return appPromise;\r\n }\r\n\r\n // Si appPromise n'est pas définie, cela signifie que la fonction est appelée pour la première fois,\r\n // donc nous effectuons une récupération complète des données en définissant refresh sur true.\r\n refresh = angular.isUndefined(appPromise) ? true : refresh;\r\n\r\n try {\r\n const timestamp = refresh ? `?${new Date().getTime()}&refresh=true` : '';\r\n const response = await HttpService.get({\r\n // Crée une URL avec un timestamp unique pour contourner les mécanismes de mise en cache des navigateurs (IE11).\r\n url: `/App${timestamp}`,\r\n keepDataObject: true\r\n });\r\n\r\n // Diffuse des événements pour mettre à jour le contexte du visiteur.\r\n $rootScope.$broadcast('updateVisitorContext', response.data.VisitorContext);\r\n $rootScope.$broadcast('getParams', response.data.VisitorContext.IsLogged);\r\n\r\n // Copie les données du contexte du visiteur et effectue des transformations nécessaires.\r\n const data = { ...angular.copy(response.data.VisitorContext), Mobility: response.data.MTYVisitorContext };\r\n data.Cart = cartPostProcess(data.Cart);\r\n\r\n // Efface le cache du modèle en fonction du rafraîchissement.\r\n clearTemplateCache(refresh);\r\n\r\n // Résout la promesse avec les données.\r\n appPromise = $q.resolve(data);\r\n return appPromise;\r\n } catch (error) {\r\n throw error;\r\n }\r\n }\r\n\r\n function resetParams() {\r\n appPromise = undefined;\r\n }\r\n\r\n // Fonction asynchrone pour mettre à jour les paramètres\r\n function updateParams(data, noevent) {\r\n // Effectue un post-traitement sur la propriété Cart\r\n data.Cart = cartPostProcess(data.Cart);\r\n\r\n // Si la mobilité n'est pas définie dans les données et que MobilityVisitorContext existe, utilisez MobilityVisitorContext\r\n if (!data.Mobility && MobilityVisitorContext) {\r\n data.Mobility = MobilityVisitorContext;\r\n }\r\n\r\n // Crée une promesse résolue avec les données\r\n appPromise = $q.resolve(data);\r\n\r\n // Si noevent est vrai, retourne immédiatement sans déclencher d'événements\r\n if (noevent) return;\r\n\r\n // Diffuse un événement 'cartUpdate'\r\n $rootScope.$broadcast('cartUpdate');\r\n\r\n // Si la propriété 'Store' existe dans les données, diffuse un événement 'storeUpdate'\r\n if (data.Store) {\r\n $rootScope.$broadcast('storeUpdate', null, { VisitorContext: data });\r\n }\r\n }\r\n\r\n function updateSecurityToken(data, token, name = 'securitytoken') {\r\n if (token) {\r\n if (data) {\r\n data.Token = token;\r\n }\r\n const hSecurityToken = $(`input:hidden[name=\\\"${name}\\\"]`);\r\n\r\n if (hSecurityToken) {\r\n hSecurityToken.val(token);\r\n }\r\n }\r\n }\r\n\r\n async function getTranslate() {\r\n if (angular.isUndefined(translate)) {\r\n try {\r\n const { data } = await HttpService.get({\r\n url: '/Template/Translate/Translate',\r\n keepDataObject: true\r\n });\r\n translate = data;\r\n } catch (error) {\r\n throw error;\r\n }\r\n }\r\n return translate;\r\n }\r\n\r\n function getProductPrice(priceObj, qty) {\r\n if (!priceObj.prices) {\r\n const prices = [\r\n {\r\n qty: 1,\r\n range: [0],\r\n HasDiscount: priceObj.HasDiscount,\r\n Discount: priceObj.Discount,\r\n HTDiscountedPrice: priceObj.HTDiscountedPrice,\r\n TTCDiscountedPrice: priceObj.TTCDiscountedPrice,\r\n HTPrice: priceObj.HTPrice,\r\n TTCPrice: priceObj.TTCPrice,\r\n DegressivePrice: priceObj.DegressivePrice\r\n }\r\n ];\r\n if (Object.entries(priceObj.DegressivePrice).length) {\r\n let i = 0;\r\n Object.entries(priceObj.DegressivePrice).forEach(([key]) => {\r\n const item = priceObj.DegressivePrice[key];\r\n prices[i].range.push(Number(key));\r\n\r\n prices.push({\r\n qty: Number(key),\r\n range: [Number(key)],\r\n HasDiscount: item.HasDiscount,\r\n Discount: item.Discount,\r\n HTDiscountedPrice: item.HTDiscountedPrice,\r\n TTCDiscountedPrice: item.TTCDiscountedPrice,\r\n HTPrice: item.HTPrice,\r\n TTCPrice: item.TTCPrice\r\n });\r\n\r\n i++;\r\n });\r\n }\r\n priceObj.prices = prices;\r\n }\r\n\r\n let current = {};\r\n priceObj.prices.forEach(price => {\r\n if (price.range && inRange(qty, price.range[0], price.range[1] || 10000)) {\r\n current = price;\r\n return false;\r\n }\r\n });\r\n return current;\r\n }\r\n\r\n function updateStore(visitorContext) {\r\n appPromise.$$state.value.Store = visitorContext.Store;\r\n appPromise.$$state.value.Visitor.Store = visitorContext.Visitor.Store;\r\n }\r\n\r\n function updateKey(key, object) {\r\n appPromise.$$state.value[key] = object;\r\n }\r\n\r\n async function emailExists({ email, openModal, action }) {\r\n const { IsLogged } = await getParams();\r\n if (!IsLogged) {\r\n try {\r\n const { status, errors } = await HttpService.post({\r\n url: '/TestMailExist',\r\n data: {\r\n Email: email\r\n }\r\n });\r\n if (status === 'ERROR') {\r\n const errorKey = Object.keys(errors).find(key => key === 'Global' && errors[key].Errors[0].ErrorMessage === 'AccountExist');\r\n if (errorKey !== undefined) {\r\n if (openModal) {\r\n ModalService.close();\r\n const options = {\r\n mailRecognized: email\r\n };\r\n if (action) {\r\n options.action = action;\r\n }\r\n ModalService.show('/Template/Authentication/ModalAuthentication', options, null, 'loginModalCtrl');\r\n }\r\n\r\n return {\r\n exists: true,\r\n errors: errors[errorKey].Errors\r\n };\r\n }\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n return {\r\n exists: false\r\n };\r\n }\r\n\r\n // Private\r\n function clearTemplateCache(refresh) {\r\n if (!refresh) return;\r\n\r\n const keys = [...$templateCache.getKeys()];\r\n keys.forEach(key => {\r\n if (key.indexOf('/') === 0 && !key.includes('ModalAddToCart')) {\r\n $templateCache.remove(key);\r\n }\r\n });\r\n }\r\n}\r\n","(function () {\r\n 'use strict';\r\n\r\n angular\r\n .module('service.ga4', [])\r\n\r\n /* @ngInject */\r\n .factory('GA4Service', function (AppService) {\r\n\r\n const ga4Enable = async function () {\r\n const ga4 = await AppService.getAllParams('GA4_Enable');\r\n return ga4;\r\n };\r\n\r\n // Récupérer un item\r\n const getItem = function (product, categories, affiliation, coupon) {\r\n if (!product) return;\r\n let parentProduct = null;\r\n if (product.hasOwnProperty('Product') && product.Product) {\r\n parentProduct = product;\r\n product = product.Product;\r\n }\r\n const item = {\r\n item_id: getReference(product, parentProduct),\r\n item_name: getDesignation(product, parentProduct),\r\n affiliation,\r\n coupon,\r\n discount: product.Price ? Math.round((product?.Price?.TTCPrice - product?.Price?.TTCDiscountedPrice) * 100) / 100 : null,\r\n item_brand: getBrand(product, parentProduct),\r\n price: product.Price ? product.Price.TTCPrice : null,\r\n quantity: Math.abs(getQuantity(product, parentProduct)),\r\n item_category: categories && categories.length > 0 ? categories[categories.length - 1] : null,\r\n item_category2: categories && categories.length > 1 ? categories[categories.length - 2] : null,\r\n item_category3: categories && categories.length > 2 ? categories[categories.length - 3] : null,\r\n item_category4: categories && categories.length > 3 ? categories[categories.length - 4] : null,\r\n item_category5: categories && categories.length > 4 ? categories[categories.length - 5] : null,\r\n item_variant: product.hasOwnProperty('IDGroupingProduct') ? product.IDGroupingProduct : null\r\n };\r\n const properties = Object.entries(item);\r\n for (let i = 0; i < properties.length; i++) {\r\n if (typeof properties[i][1] === 'undefined' || properties[i][1] === null) {\r\n delete item[properties[i][0]];\r\n }\r\n }\r\n return item;\r\n };\r\n\r\n const getQuantity = function (product, parentProduct) {\r\n if (product && product.hasOwnProperty('Quantity')) {\r\n return product.Quantity;\r\n } else if (product && product.hasOwnProperty('quantity')) {\r\n return product.quantity;\r\n } else if (parentProduct && parentProduct.hasOwnProperty('Quantity')) {\r\n return parentProduct.Quantity;\r\n }\r\n\r\n return null;\r\n };\r\n\r\n const getDesignation = function (product, parentProduct) {\r\n if (product && product.hasOwnProperty('Designation')) {\r\n return product.Designation;\r\n } else if (product && product.hasOwnProperty('designation')) {\r\n return product.designation;\r\n } else if (parentProduct && parentProduct.hasOwnProperty('Designation')) {\r\n return parentProduct.Designation;\r\n }\r\n\r\n return null;\r\n };\r\n\r\n const getBrand = function (product) {\r\n if (product && product.hasOwnProperty('Brand') && product.Brand.hasOwnProperty('Designation')) {\r\n return product.Brand.Designation;\r\n } else if (product && product.hasOwnProperty('brand')) {\r\n return product.brand;\r\n }\r\n\r\n return null;\r\n };\r\n\r\n const getReference = function (product, parentProduct) {\r\n if (product && product.hasOwnProperty('Reference')) {\r\n return product.Reference;\r\n } else if (product && product.hasOwnProperty('reference')) {\r\n return product.reference;\r\n } else if (parentProduct && parentProduct.hasOwnProperty('Reference')) {\r\n return parentProduct.Reference;\r\n }\r\n return null;\r\n };\r\n\r\n const getSumOfPriceProducts = function (products) {\r\n return products\r\n .map(function (product) {\r\n return (Math.round(product?.Price?.TTCDiscountedPrice * 100) / 100) * Math.abs(getQuantity(product));\r\n })\r\n .reduce((previousValue, currentValue) => previousValue + currentValue, 0);\r\n };\r\n\r\n const pushToDataLayer = function (object) {\r\n dataLayer.push({ ecommerce: null });\r\n dataLayer.push(object);\r\n };\r\n\r\n /// GA4\r\n\r\n // Choix du paiement\r\n this.addPaymentInfo = async function (cart) {\r\n if (!(await ga4Enable())) return;\r\n const coupon = cart && cart.TradeActions.length > 0 ? cart.TradeActions[0].TradeActionPromoCode : null;\r\n const items = cart.Products.map(function (product) {\r\n const categories = [];\r\n return getItem(product, categories);\r\n });\r\n\r\n const addPaymentInfo = {\r\n event: 'add_payment_info',\r\n ecommerce: {\r\n currency: 'EUR',\r\n value: cart.ProductTotalTTC,\r\n coupon,\r\n payment_type: cart.PaymentMethod.Designation,\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(addPaymentInfo);\r\n };\r\n\r\n // Choix de la livraison\r\n this.addShippingInfo = async function (cart) {\r\n if (!(await ga4Enable())) return;\r\n const coupon = cart && cart.TradeActions.length > 0 ? cart.TradeActions[0].TradeActionPromoCode : null;\r\n const items = cart.Products.map(function (product) {\r\n return getItem(product);\r\n });\r\n\r\n const addShippingInfo = {\r\n event: 'add_shipping_info',\r\n ecommerce: {\r\n currency: 'EUR',\r\n value: cart.ProductTotalTTC,\r\n coupon,\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(addShippingInfo);\r\n };\r\n\r\n // Visualiser un article\r\n this.viewItem = async function (product, affiliation) {\r\n if (!(await ga4Enable())) return;\r\n const categories = product.parents.map(function (parent) {\r\n return parent.Designation;\r\n });\r\n\r\n const items = [];\r\n items.push(getItem(product, categories, affiliation));\r\n\r\n const viewItem = {\r\n event: 'view_item',\r\n ecommerce: {\r\n currency: 'EUR',\r\n value: product.Price.TTCDiscountedPrice,\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(viewItem);\r\n };\r\n\r\n // Visualiser une catégorie\r\n this.viewItemList = async function (products, parents, affiliation) {\r\n if (!(await ga4Enable())) return;\r\n let categories = [];\r\n if (parents) {\r\n categories = parents.map(function (parent) {\r\n return parent.Designation;\r\n });\r\n }\r\n const items = products.map(function (product) {\r\n return getItem(product, categories, affiliation);\r\n });\r\n\r\n const viewItemList = {\r\n event: 'view_item_list',\r\n ecommerce: {\r\n item_list_name: categories[0],\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(viewItemList);\r\n };\r\n\r\n // Ajout au panier\r\n this.addToCart = async function (tradeActions, products, currency, affiliation) {\r\n if (!(await ga4Enable())) return;\r\n const coupon = tradeActions.length > 0 && tradeActions[0].hasOwnProperty('TradeActionPromoCode') ? tradeActions[0].TradeActionPromoCode : null;\r\n const items = products.map(function (product) {\r\n let categories = [];\r\n if (product.parents) {\r\n categories = product.parents.map(function (parent) {\r\n return parent.Designation;\r\n });\r\n }\r\n return getItem(product, categories, affiliation, coupon);\r\n });\r\n // On calcule la somme des articles ajoutés au panier\r\n const totalTTC = getSumOfPriceProducts(products);\r\n const addToCart = {\r\n event: 'add_to_cart',\r\n ecommerce: {\r\n currency,\r\n value: totalTTC,\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(addToCart);\r\n };\r\n\r\n // Supprimer un article du panier\r\n this.removeFromCart = async function (tradeActions, products, currency, affiliation) {\r\n if (!(await ga4Enable())) return;\r\n if (products.length < 1) return;\r\n const coupon = tradeActions.length > 0 && tradeActions[0].hasOwnProperty('TradeActionPromoCode') ? tradeActions[0].TradeActionPromoCode : null;\r\n const items = products.map(function (product) {\r\n return getItem(product, null, affiliation, coupon);\r\n });\r\n // On calcule la somme des articles supprimés du panier\r\n const totalTTC = getSumOfPriceProducts(products);\r\n const removeFromCart = {\r\n event: 'remove_from_cart',\r\n ecommerce: {\r\n currency,\r\n value: totalTTC,\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(removeFromCart);\r\n };\r\n\r\n // Search\r\n this.search = async function (searchTerm, products, affiliation) {\r\n if (!(await ga4Enable())) return;\r\n const items = products.map(function (product) {\r\n return getItem(product, null, affiliation);\r\n });\r\n\r\n const viewItemList = {\r\n event: 'search',\r\n ecommerce: {\r\n search_term: searchTerm,\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(viewItemList);\r\n };\r\n\r\n this.viewCart = async function (cart, currency, affiliation) {\r\n if (!(await ga4Enable())) return;\r\n const categories = [];\r\n const items = cart.Products.map(function (product) {\r\n return getItem(product, categories, affiliation);\r\n });\r\n\r\n const viewCart = {\r\n event: 'view_cart',\r\n ecommerce: {\r\n currency,\r\n value: cart.NetToPay,\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(viewCart);\r\n };\r\n\r\n this.beginCheckout = async function (cart, currency, affiliation) {\r\n if (!(await ga4Enable())) return;\r\n const categories = [];\r\n const items = cart.Products.map(function (product) {\r\n return getItem(product, categories, affiliation);\r\n });\r\n const beginCheckout = {\r\n event: 'begin_checkout',\r\n ecommerce: {\r\n currency,\r\n value: cart.NetToPay,\r\n coupon: null,\r\n items\r\n }\r\n };\r\n\r\n pushToDataLayer(beginCheckout);\r\n };\r\n /* Purchase is done in back at GTMService */\r\n this.purchase = async function (cart, currency) {\r\n if (!(await ga4Enable())) return;\r\n const purchase = {\r\n event: 'purchase',\r\n ecommerce: {\r\n transaction_id: null,\r\n value: cart.NetToPay,\r\n tax: null,\r\n shipping: null,\r\n currency,\r\n coupon: null,\r\n items: null\r\n }\r\n };\r\n\r\n pushToDataLayer(purchase);\r\n };\r\n\r\n return {\r\n addPaymentInfo: this.addPaymentInfo,\r\n addShippingInfo: this.addShippingInfo,\r\n viewItem: this.viewItem,\r\n viewItemList: this.viewItemList,\r\n addToCart: this.addToCart,\r\n removeFromCart: this.removeFromCart,\r\n viewCart: this.viewCart,\r\n beginCheckout: this.beginCheckout,\r\n search: this.search\r\n };\r\n });\r\n})();\r\n","angular\r\n .module('account-check.directive', [])\r\n /* Utilisation de https://regexlib.com/ et https://rgxdb.com/ */\r\n /* @ngInject */\r\n .directive('accountPhone', function ($timeout, $parse) {\r\n return {\r\n restrict: 'A',\r\n require: 'ngModel',\r\n link: function (scope, element, attrs, modelCtrl) {\r\n const std = /^(?:\\+\\d{1,3}\\s?)?(?:\\d{1,3}|\\d{1,4})\\s?\\d{1,4}\\s?\\d{1,9}$/; // N'importe quel numéro de téléphone\r\n let regexPhone = std;\r\n const spe = {\r\n 1089: /^(?:0)\\s*[1-9](?:[\\s.-]*\\d{2}){4}$/,\r\n 1199: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/, // La Réunion,\r\n 1159: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/, // Mayotte\r\n 1211: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/, // Saint - Pierre - et - Miquelon\r\n 1100: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/, // Guadeloupe, Saint-Martin et Saint-Barthélemy\r\n 1108: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/, // French Guiana(Guyane)\r\n 1156: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/, // Martinique\r\n 1256: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/, // Wallis-et-Futuna\r\n 1178: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/, // Nouvelle - Calédonie\r\n 1195: /^(?:(?:\\+|00|0)((262|692)|(263|693)|508|(5|6)90|(5|6)94|(5|6|7)96|681|687|689))(?:[\\s.-]*\\d{2}){3,4}$/ // French Polynesia\r\n };\r\n const stdPhoneMessage = 'Le numéro de téléphone renseigné ne correspond pas à un numéro de téléphone fixe'; // France métropolitaine\r\n const spePhoneMessages = {\r\n 27: 'Le numéro de téléphone renseigné ne correspond pas à un numéro de téléphone fixe belge', // 27 => Belgique\r\n 8: 'Die eingegebene Telefonnummer entspricht keiner Festnetznummer', // 8 => Allemagne\r\n 114: 'Il numero di telefono inserito non corrisponde a un numero di rete fissa', // 114 => Italie\r\n 72: 'El número de teléfono introducido no corresponde a un número de teléfono fijo', // 72 => Espagne\r\n 215: 'Le numéro de téléphone renseigné ne correspond pas à un numéro de téléphone fixe', // 215 => Suisse\r\n 189: 'The telephone number entered does not correspond to a landline number' // 189 => Royaume-Uni\r\n };\r\n\r\n const watcher = scope.$watch(attrs.accountPhone, function (idCountry) {\r\n regexPhone = (idCountry in spe) ? spe[idCountry] : std;\r\n refreshField(idCountry);\r\n if (attrs.ngModel) {\r\n const val = modelCtrl.$viewValue;\r\n $parse(attrs.ngModel).assign(scope, val);\r\n }\r\n });\r\n\r\n scope.$on('$destroy', function () {\r\n watcher();\r\n });\r\n\r\n modelCtrl.$validators.phone = phoneValidator;\r\n\r\n function phoneValidator(modelValue) {\r\n if (!modelValue) {\r\n return true;\r\n }\r\n\r\n return regexPhone.test(modelValue);\r\n }\r\n\r\n function refreshField(country) {\r\n modelCtrl.$setValidity('phone', true);\r\n $timeout(function () {\r\n scope.$apply(function () {\r\n const message = (country in spePhoneMessages) ? spePhoneMessages[country] : stdPhoneMessage;\r\n attrs.$set('phone-notification', message);\r\n modelCtrl.$validate();\r\n });\r\n });\r\n }\r\n }\r\n };\r\n })\r\n //Regex mobile par pays\r\n // /^(\\+33|0033|\\(\\+33\\)|0)(6|7)( ?\\d){8}$/ // France\r\n // /^(?:\\+324|04)( ?\\d){8}$/, // 27 => Belgique\r\n // /^((01[0-9])\\d{9}$|(1[0-9])\\d{9}$|((00\\d{5,6}|\\+\\d{4,6}|\\+[(]\\d{1,3}[)]\\d{3}))(|[-\\/])\\d{8}$)/, // 8 => Allemagne\r\n // /^([+]39)?((38[{8,9}|0])|(34[{7-9}|0])|(36[6|8|0])|(33[{3-9}|0])|(32[{8,9}]))([\\d]{7})$/, // 114 => Italie\r\n // /^34\\s?(?:6[0-9]|7[1-9])[0-9]\\s?[0-9]{3}\\s?[0-9]{3}$/, // 72 => Espagne\r\n // /^(((\\+41)(\\s?)(\\-?))|(0))(7)(\\d{1})(\\s?)(\\-?)(\\d{3})(\\s?)(\\-?)(\\d{2})(\\s?)(\\-?)(\\d{2})/, // 215 => Suisse\r\n // /^(\\+44\\s?7\\d{3}|\\(?07\\d{3}\\)?)\\s?\\d{3}\\s?\\d{3}$/ // 189 => Royaume-Uni\r\n /* @ngInject */\r\n .directive('accountMobile', function ($timeout, $parse) {\r\n return {\r\n restrict: 'A',\r\n require: 'ngModel',\r\n link: function (scope, element, attrs, modelCtrl) {\r\n const std = /^(?:\\+\\d{1,3}\\s?)?(?:\\d{1,3}|\\d{1,4})\\s?\\d{1,4}\\s?\\d{1,9}$/; // N'importe quel numéro de téléphone voici l'équivalent non échappé: /^(?:+\\d{1,3})?(?:\\d1,3\\d1,3|\\d{1,4})\\d{1,4}\\d{1,9}$/\r\n let regexMobile = std;\r\n const regexByCountryId = {\r\n //Je double les échappements (anti-slash) car c'est désormais une chaine de caractère qu'on fourni à RegExp\r\n 1: /^(?:\\+\\d{1,3}\\s?)?(?:\\d{1,3}|\\d{1,4})\\s?\\d{1,4}\\s?\\d{1,9}$/, // France métropolitaine voici l'équivalent non échappé: /^(?:+\\d{1,3})?(?:\\d1,3\\d1,3|\\d{1,4})\\d{1,4}\\d{1,9}$/\r\n 26: /^(?:\\+\\d{1,3}\\s?)?(?:\\d{1,3}|\\d{1,4})\\s?\\d{1,4}\\s?\\d{1,9}$/ //Belgique voici l'équivalent non échappé: /^(?:+\\d{1,3})?(?:\\d1,3\\d1,3|\\d{1,4})\\d{1,4}\\d{1,9}$/\r\n };\r\n const stdMobileMessage = 'Le numéro de téléphone renseigné ne correspond pas à un numéro de téléphone portable'; // France métropolitaine\r\n\r\n const speMobileMessage = {\r\n 27: 'Le numéro de téléphone renseigné ne correspond pas à un numéro de téléphone portable', // 27 => Belgique\r\n 8: 'Die eingegebene Telefonnummer entspricht keiner Mobiltelefonnummer', // 8 => Allemagne\r\n 114: 'Il numero di telefono inserito non corrisponde a un numero di cellulare', // 114 => Italie\r\n 72: 'El número de teléfono introducido no corresponde a un número de teléfono móvil', // 72 => Espagne\r\n 215: 'Le numéro de téléphone renseigné ne correspond pas à un numéro de téléphone portable', // 215 => Suisse\r\n 189: 'The telephone number entered does not correspond to a mobile telephone number' // 189 => Royaume-Uni\r\n };\r\n\r\n const countryCodeAndIdMapping =\r\n {\r\n 'FR': 1,\r\n 'BE': 26\r\n };\r\n\r\n const watcher = scope.$watchGroup([attrs.accountMobile, attrs.shippingMobile], mobileChanged);\r\n\r\n scope.$on('$destroy', function () {\r\n watcher();\r\n });\r\n\r\n modelCtrl.$validators.mobile = mobileValidator;\r\n\r\n function mobileChanged(newValues) {\r\n\r\n const visitorCountryId = newValues[0];\r\n const shippingCountryCode = newValues[1];\r\n\r\n /* If\r\n Add new shipping address\r\n Or create account\r\n */\r\n if (!shippingCountryCode) {\r\n regexMobile = (visitorCountryId in regexByCountryId) ? new RegExp(regexByCountryId[visitorCountryId]) : std;\r\n } else if (visitorCountryId && shippingCountryCode) { /* Else If Fill a phone number from shipping list */\r\n const shippingCountryId = (shippingCountryCode in countryCodeAndIdMapping) ? countryCodeAndIdMapping[shippingCountryCode] : null;\r\n regexMobile = '^';\r\n if (shippingCountryId) {\r\n regexMobile += regexByCountryId[visitorCountryId];\r\n if (visitorCountryId !== shippingCountryId) {\r\n regexMobile += '|'.concat(regexByCountryId[shippingCountryId]);\r\n }\r\n }\r\n regexMobile += '$';\r\n regexMobile = new RegExp(regexMobile);\r\n } else {\r\n regexMobile = std;\r\n }\r\n\r\n refreshField(visitorCountryId);\r\n\r\n if (attrs.ngModel) {\r\n const val = modelCtrl.$viewValue;\r\n $parse(attrs.ngModel).assign(scope, val);\r\n }\r\n }\r\n\r\n function mobileValidator(modelValue) {\r\n if (!modelValue) {\r\n return true;\r\n }\r\n\r\n return regexMobile.test(modelValue);\r\n }\r\n\r\n function refreshField(country) {\r\n modelCtrl.$setValidity('mobile', true);\r\n $timeout(function () {\r\n scope.$apply(function () {\r\n const message = (country in speMobileMessage) ? speMobileMessage[country] : stdMobileMessage;\r\n attrs.$set('mobile-notification', message);\r\n modelCtrl.$validate();\r\n });\r\n });\r\n }\r\n }\r\n };\r\n })\r\n /* @ngInject */\r\n .directive('disallowSpaces', function () {\r\n return {\r\n restrict: 'A',\r\n\r\n link: function ($scope, $element) {\r\n $element.bind('input', function () {\r\n $(this).val($(this).val().replace(/ /g, ''));\r\n });\r\n }\r\n };\r\n })\r\n /* @ngInject */\r\n .directive('accountPostcode', function ($timeout, $parse) {\r\n return {\r\n restrict: 'A',\r\n require: 'ngModel',\r\n link: function (scope, element, attrs, modelCtrl) {\r\n const std = /^(.*)$/; //Par défaut pas de regex: on accepte tout\r\n let regexPostcode = std;\r\n const spe = {\r\n 1: /^(0[1-9]|[1-8][0-9]|9[0-8])\\d{3}$/, // France métropolitaine\r\n 27: /^\\d{4}$/, // 27 => Belgique\r\n 8: /^\\d{5}$/, // 8 => Allemagne\r\n 114: /^\\d{5}$/, // 114 => Italie\r\n 72: /^(0[1-9]|[1-4]\\d|5[0-2])\\d{3}$/, // 72 => Espagne\r\n 215: /^\\d{4}$/, // 215 => Suisse\r\n 189: /^(GIR\\s?0AA|[A-PR-UWYZ](\\d{1,2}|([A-HK-Y]\\d|[A-HK-Y]\\d([A-Z])?)|[A-HK-Y]\\d(\\d([A-Z])?)?)\\s?\\d[ABD-HJLN-UW-Z]{2})$/ // 189 => Royaume-Uni\r\n };\r\n const stdPostcodeMessage = 'Le code postal renseigné est invalide'; // France métropolitaine\r\n const spePostcodeMessage = {\r\n 27: 'Le code postal renseigné est invalide', // 27 => Belgique\r\n 8: 'Die eingegebene Postleitzahl ist ungültig', // 8 => Allemagne\r\n 114: 'Il codice postale inserito non è valido', // 114 => Italie\r\n 72: 'El código postal ingresado no es válido', // 72 => Espagne\r\n 215: 'Le code postal renseigné est invalide', // 215 => Suisse\r\n 189: 'The postal code entered is invalid' // 189 => Royaume-Uni\r\n };\r\n\r\n const watcher = scope.$watch(attrs.accountPostcode, function (value) {\r\n regexPostcode = (value in spe) ? spe[value] : std;\r\n refreshField(value);\r\n if (attrs.ngModel) {\r\n const val = modelCtrl.$viewValue;\r\n $parse(attrs.ngModel).assign(scope, val);\r\n }\r\n });\r\n\r\n scope.$on('$destroy', function () {\r\n watcher();\r\n });\r\n\r\n modelCtrl.$validators.postcode = postcodeValidator;\r\n\r\n function postcodeValidator(modelValue) {\r\n if (!modelValue) {\r\n return true;\r\n }\r\n\r\n return regexPostcode.test(modelValue);\r\n }\r\n\r\n function refreshField(country) {\r\n modelCtrl.$setValidity('postcode', true);\r\n $timeout(function () {\r\n scope.$apply(function () {\r\n const message = (country in spePostcodeMessage) ? spePostcodeMessage[country] : stdPostcodeMessage;\r\n attrs.$set('postcode-notification', message);\r\n modelCtrl.$validate();\r\n });\r\n });\r\n }\r\n }\r\n };\r\n });\r\n","var _module_exports = \"
\";;\nvar path = 'Modules/Shared/Autocomplete/import/autocomplete.product.tpl';\nwindow.angular.module('ng').run(['$templateCache', function(c) { c.put(path, _module_exports) }]);\nmodule.exports = path;","export default angular\r\n .module('controller.newsletter', [])\r\n\r\n /* @ngInject */\r\n .controller('newsletterController', function (\r\n $rootScope,\r\n $element,\r\n $timeout,\r\n HttpService,\r\n AppService,\r\n LogService,\r\n ModalService,\r\n toastr\r\n ) {\r\n const ctrl = this;\r\n\r\n ctrl.formData = {};\r\n\r\n ctrl.submit = async () => {\r\n ctrl.loading = true;\r\n\r\n try {\r\n // Obtenir le token de sécurité des formulaires\r\n ctrl.formData.Token = $(\"input:hidden[name='securitytoken_newsletter']\").val();\r\n\r\n const response = await HttpService.post({\r\n url: '/Newsletter/Subscribe',\r\n data: ctrl.formData\r\n });\r\n\r\n const { messages, errors } = await AppService.getTranslate();\r\n\r\n // Gérer la réponse en fonction du statut\r\n if (response.status === 'OK') {\r\n // Marquer le formulaire comme soumis avec succès\r\n ctrl.submitted = true;\r\n\r\n // Afficher un message de succès\r\n toastr.success('', messages.NewsletterOK, {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n\r\n // Réinitialiser le formulaire après un délai\r\n $timeout(() => {\r\n ctrl.form.$hideValidation();\r\n $element.find('.form-control').blur();\r\n ctrl.formData.Email = '';\r\n ctrl.form.$resetValidation();\r\n }, 2000);\r\n } else if (response.status === 'ERROR_CONNECTION_EXPECTED') {\r\n // Rediriger vers l'authentification en cas d'erreur de connexion\r\n LogService.redirect = { url: null };\r\n ModalService.show(\r\n '/Template/Authentication/ModalAuthentication',\r\n {\r\n newsletterConnect: true,\r\n mailRecognized: ctrl.formData.Email\r\n },\r\n null,\r\n 'loginModalCtrl'\r\n );\r\n } else if (response.status === 'REGISTRATION_ALREADY_EXISTS') {\r\n // Afficher un message de réussite si l'utilisateur est déjà inscrit\r\n toastr.success('', messages.NewsletterDejaOK, {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n } else {\r\n // Afficher les erreurs de validation\r\n Object.keys(response.errors).forEach(key => {\r\n let msg = response.errors[key].Errors[0].ErrorMessage;\r\n if (errors[msg] !== undefined) {\r\n msg = errors[msg];\r\n }\r\n toastr.warning(msg, errors.ErrorHasOccurred, {\r\n allowHtml: true,\r\n extraData: {\r\n template: 'import/js/libs/angular-toastr/toast_message.tpl'\r\n }\r\n });\r\n });\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n } finally {\r\n // Désactiver le chargement\r\n ctrl.loading = false;\r\n\r\n !$rootScope.$$phase && $rootScope.$digest();\r\n }\r\n };\r\n });\r\n","import hoverintent from 'hoverintent';\r\nimport 'Modules/Shared/Menu/import/menu.js';\r\n\r\nexport default angular\r\n .module('directive.nav', ['menu.service'])\r\n\r\n .directive('rbMainNav', function () {\r\n return {\r\n restrict: 'A',\r\n bindToController: true,\r\n controllerAs: 'mainNavCtrl',\r\n /* @ngInject */\r\n controller: function ($rootScope, $scope, $element, $timeout, WindowEventsService, MenuService) {\r\n const ctrl = this;\r\n const hoverListeners = [];\r\n\r\n ctrl.open = false;\r\n ctrl.children = [];\r\n\r\n ctrl.toggle = () => {\r\n ctrl.open = !ctrl.open;\r\n let i;\r\n const len = ctrl.children.length;\r\n for (i = 0; i < len; i++) {\r\n ctrl.children[i].open = false;\r\n }\r\n };\r\n\r\n ctrl.nicescrollOptions = {\r\n horizrailenabled: false,\r\n autohidemode: 'scroll',\r\n cursorwidth: '6px',\r\n cursorcolor: '#999',\r\n cursorborder: '1px solid #999',\r\n cursorborderradius: '4px',\r\n railpadding: { top: 5, right: 0, left: 0, bottom: 5 },\r\n zindex: 1000000\r\n };\r\n\r\n ctrl.getNicescrollOptionsByStep = (alignLeft = false) => ({\r\n horizrailenabled: false,\r\n autohidemode: 'leave',\r\n railalign: alignLeft ? 'left' : 'right',\r\n cursorwidth: '4px',\r\n cursorcolor: '#DDDDDD',\r\n cursorborder: '1px solid #D9D9D9',\r\n cursorborderradius: '2px',\r\n railpadding: { top: 5, right: 0, left: 0, bottom: 5 },\r\n zindex: 1000000\r\n });\r\n\r\n const $nav = $element.children('.nav');\r\n let size = parseFloat($nav.css('font-size'));\r\n let padding = parseFloat($nav.children().eq(0).children('span').css('padding-left'));\r\n const origSize = size;\r\n ctrl.style = '';\r\n ctrl.menuStyle = '';\r\n resizeMenus();\r\n\r\n // Events\r\n\r\n WindowEventsService.listen(true, 'resize', resize, 500);\r\n\r\n $scope.$on('$destroy', () => {\r\n WindowEventsService.listen(false, 'resize', resize);\r\n });\r\n\r\n $rootScope.$on('toggleNav', () => {\r\n ctrl.toggle();\r\n });\r\n\r\n // Functions\r\n\r\n function resize() {\r\n ctrl.style = '';\r\n ctrl.menuStyle = '';\r\n $timeout(() => {\r\n size = parseFloat($nav.css('font-size'));\r\n padding = parseFloat($nav.children().eq(0).children('span').css('padding-left'));\r\n ctrl.active = false;\r\n size = origSize;\r\n $timeout(resizeMenus);\r\n });\r\n }\r\n\r\n function resizeMenus() {\r\n if ($scope.device.desktop) {\r\n if ($nav.width() > $element.width()) {\r\n if (padding > 5) {\r\n padding -= 1;\r\n ctrl.menuStyle = { 'padding-left': `${padding}px`, 'padding-right': `${padding}px` };\r\n } else {\r\n size -= 0.5;\r\n ctrl.style = { 'font-size': `${size}px` };\r\n }\r\n $timeout(resizeMenus);\r\n } else {\r\n ctrl.active = true;\r\n }\r\n } else {\r\n ctrl.style = '';\r\n ctrl.menuStyle = '';\r\n ctrl.active = true;\r\n }\r\n }\r\n\r\n ctrl.showDefaultSubmenu = false;\r\n ctrl.navMenu = null;\r\n\r\n $scope.initDesktopNavBySteps = showDefaultSubmenu => {\r\n ctrl.showDefaultSubmenu = showDefaultSubmenu;\r\n\r\n const $menuItems = $element.find('.menu-item.level1');\r\n ctrl.navMenu = $element.find('#navMenu.hidden');\r\n if (ctrl.navMenu) {\r\n ctrl.navMenu.removeClass('hidden');\r\n }\r\n $menuItems.each((key, elmt) => {\r\n const $menuItem = $(elmt);\r\n const $menus = $menuItem\r\n .filter((index, element) => $(element).find('.menu').length > 0)\r\n .children('.menu')\r\n .children('.menu-by-step')\r\n .children('.menu-item.level2');\r\n const $menuHover = $menuItem.children('.menu-hover');\r\n\r\n $menus.each((index, element) => {\r\n const listener = hoverintent(\r\n element,\r\n function () {\r\n $element.find('.menu-item.level2').children('.is-active').removeClass('is-active');\r\n $(this).children('.menu-item-link').addClass('is-active');\r\n\r\n const $subMenuHover = $(this).children('.submenu-hover');\r\n MenuService.showMenuHover($menuHover, $subMenuHover, $(this).parent().parent().height());\r\n },\r\n function () { }\r\n ).options({\r\n timeout: 100,\r\n interval: 100\r\n });\r\n hoverListeners.push(listener);\r\n });\r\n });\r\n\r\n document.addEventListener(\r\n 'scroll',\r\n event => {\r\n const subMenuHovers = ctrl.navMenu.find('.submenu-hover.is-active');\r\n if (subMenuHovers.length > 0) {\r\n subMenuHovers.each((index, subMenuHover) => {\r\n const menu = $(subMenuHover).parent().parent().parent();\r\n if (menu) {\r\n MenuService.setSubMenuHoverPosition($(subMenuHover), menu);\r\n }\r\n });\r\n }\r\n },\r\n { passive: true }\r\n );\r\n };\r\n }\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .directive('rbNav', function ($document, $animate) {\r\n return {\r\n restrict: 'A',\r\n scope: {\r\n psOpen: '=?'\r\n },\r\n link: (scope, element) => {\r\n element.addClass('ng-pageslide');\r\n\r\n const body = document.body;\r\n const $body = $(body);\r\n const $mainNav = $('#main-nav');\r\n const $navMenu = $('#navMenu.mobile');\r\n const slider = element[0];\r\n\r\n function onBodyClick(e) {\r\n if (scope.psOpen && !slider.contains(e.target)) {\r\n scope.$apply(() => {\r\n scope.psOpen = false;\r\n });\r\n }\r\n }\r\n\r\n $body.addClass('offcanvas');\r\n\r\n if (slider.children.length === 0) {\r\n throw new Error('You need to have content inside the ');\r\n }\r\n\r\n // Closed\r\n function psClose() {\r\n if ($body.hasClass('offcanvas-left')) {\r\n $('.move-out').removeClass('move-out'); // TODO\r\n $animate.removeClass(body, 'offcanvas-left').then(closeDone);\r\n $document.off('click', onBodyClick);\r\n }\r\n }\r\n function closeDone() {\r\n scope.psOpen = false;\r\n }\r\n // Open\r\n function psOpen() {\r\n if (!$body.hasClass('offcanvas-left')) {\r\n $navMenu.css('top', $mainNav.position().top + $mainNav.height() - $(window).scrollTop());\r\n $animate.addClass(body, 'offcanvas-left').then(openDone);\r\n $document.on('click', onBodyClick);\r\n }\r\n }\r\n function openDone() {\r\n scope.psOpen = true;\r\n }\r\n\r\n // Watchers\r\n\r\n scope.$watch('psOpen', value => {\r\n if (!!value) {\r\n psOpen();\r\n } else {\r\n psClose();\r\n }\r\n });\r\n\r\n // Events\r\n\r\n scope.$on('$destroy', () => {\r\n if (slider.parentNode === body) {\r\n $document.off('click', onBodyClick);\r\n }\r\n });\r\n\r\n scope.$on('$locationChangeStart', () => {\r\n psClose();\r\n });\r\n }\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .directive('rbMenu', function ($animate, $injector, $location, $document) {\r\n const $animateCss = $injector.has('$animateCss') ? $injector.get('$animateCss') : null;\r\n return {\r\n restrict: 'A',\r\n scope: true,\r\n link: (scope, element) => {\r\n scope.mainNavCtrl.children.push(scope);\r\n //\r\n scope.open = false;\r\n scope.element = element;\r\n\r\n initMenu();\r\n initLevelsLinks();\r\n\r\n scope.expandMenu = () => {\r\n const $menu = element.addClass('in').children('.menu');\r\n const $nicescrollbar = $document.find('.nicescroll-rails'); // Permet de cibler la barre de défillement de type \"nicescroll\" du menu.\r\n $nicescrollbar.css({ visibility: 'hidden' }); // Lors du déploiement du menu, ajoute à la barre \"nicescroll\" le paramètre CSS \"visibility:\" à \"hidden\" afin de corriger le bug d’apparition succincte de la barre de défilement \"nicescroll\" dû au fait que le menu est en cours de déploiement.\r\n element.children('a').addClass('in');\r\n\r\n $menu\r\n .addClass('collapsing')\r\n .attr('aria-expanded', true)\r\n .attr('aria-hidden', false)\r\n .css({ overflow: 'hidden' }); // Permet de corriger le bug d’apparition succincte de la barre de défilement native du navigateur dû au fait que le menu est en cours de déploiement.\r\n\r\n if (scope.$parent.device.isTouch) {\r\n $('#main-nav').addClass('in');\r\n $menu.after('
');\r\n element.children('.backdrop').on('click', function () {\r\n $(this).remove();\r\n scope.reduceMenu();\r\n });\r\n }\r\n\r\n function expandDone() {\r\n $menu.removeClass('collapsing').css({ height: 'auto', overflow: '' }); // Suppression du paramètre CSS \"overflow:\" à la fin du déploiement du menu afin de resetter la correction du bug d’apparition succincte de la barre de défilement native du navigateur.\r\n setTimeout(() => { // Suppression du paramètre CSS \"visibility:\" à la fin du déploiement du menu afin de resetter la correction du bug d’apparition succincte de la barre de défilement \"nicescroll\".\r\n $nicescrollbar.css({ visibility: '' });\r\n }, 350);\r\n }\r\n\r\n if ($animateCss) {\r\n $animateCss($menu, {\r\n addClass: 'in',\r\n easing: 'ease',\r\n to: { height: `${$menu.length > 0 ? $menu[0].scrollHeight : 0}px` }\r\n })\r\n .start()\r\n .finally(expandDone);\r\n } else {\r\n $animate\r\n .addClass($menu, 'in', {\r\n to: { height: `${$menu.length > 0 ? $menu[0].scrollHeight : 0}px` }\r\n })\r\n .then(expandDone);\r\n }\r\n\r\n setTimeout(() => {\r\n $(window).trigger('scroll');\r\n }, 350);\r\n };\r\n\r\n scope.reduceMenu = () => {\r\n const $menu = element.removeClass('in').children('.menu');\r\n if (!$menu.length) return;\r\n\r\n element.children('a').removeClass('in');\r\n element.children('.backdrop').remove();\r\n $('#main-nav').removeClass('in');\r\n\r\n $menu\r\n .css({ height: `${$menu.length > 0 ? $menu[0].scrollHeight : 0}px`, overflow: 'hidden' }) // \"overflow: 'hidden'\" permet de corriger le bug d’apparition succincte de la barre de défilement native du navigateur dû au fait que le menu est en cours de réduction.\r\n .addClass('collapsing')\r\n .attr('aria-expanded', false)\r\n .attr('aria-hidden', true);\r\n\r\n function collapseDone() {\r\n $menu.css({ height: '0', overflow: '' }).removeClass('collapsing'); // Suppression du paramètre CSS \"overflow:\" à la fin de la réduction du menu afin de resetter la correction du bug d’apparition succincte de la barre de défilement native du navigateur.\r\n }\r\n\r\n if ($animateCss) {\r\n $animateCss($menu, {\r\n removeClass: 'in',\r\n to: { height: '0' }\r\n })\r\n .start()\r\n .finally(collapseDone);\r\n } else {\r\n $animate\r\n .removeClass($menu, 'in', {\r\n to: { height: '0' }\r\n })\r\n .then(collapseDone);\r\n }\r\n };\r\n\r\n scope.openMenu = event => {\r\n if (window.isBot || window.isCache) return;\r\n event.preventDefault();\r\n if (!scope.$parent.device.desktop) {\r\n scope.open = !scope.open;\r\n element.siblings().addClass('move-out').end().closest('.nav').scrollTop(0);\r\n } else {\r\n if (scope.$parent.device.isTouch && element.hasClass('level1')) {\r\n const $menu = element.children('.menu');\r\n if (!$menu.hasClass('collapsing') && !$menu.hasClass('in')) {\r\n const ctrl = scope.mainNavCtrl;\r\n let i;\r\n const len = ctrl.children.length;\r\n for (i = 0; i < len; i++) {\r\n if (ctrl.children[i].element !== element && ctrl.children[i].element.children('.menu.in').length) {\r\n ctrl.children[i].reduceMenu();\r\n }\r\n }\r\n scope.expandMenu();\r\n }\r\n return;\r\n }\r\n // Si l'url en entrée dans le href est absolue, alors on la transforme en relative\r\n let href = element.children('a').attr('href');\r\n if (!/^\\//.test(href)) {\r\n const url = new URL(href);\r\n href = url.pathname + url.search;\r\n }\r\n\r\n $location.path(href);\r\n }\r\n };\r\n\r\n scope.backMenu = event => {\r\n event.preventDefault();\r\n scope.open = !scope.open;\r\n element.siblings().removeClass('move-out');\r\n };\r\n\r\n scope.closeMenu = () => {\r\n scope.mainNavCtrl.open = false;\r\n };\r\n\r\n // Functions\r\n\r\n function initMenu() {\r\n if (scope.$parent.device.isTouch || !scope.$parent.device.desktop || !element.hasClass('level1')) return;\r\n\r\n hoverintent(\r\n element[0],\r\n () => {\r\n scope.expandMenu();\r\n },\r\n () => {\r\n scope.reduceMenu();\r\n }\r\n ).options({\r\n timeout: 200,\r\n interval: 100\r\n });\r\n }\r\n\r\n function initLevelsLinks() {\r\n element.find('.menu-list').on('click', 'a', event => {\r\n if (scope.device.desktop) {\r\n scope.reduceMenu();\r\n }\r\n });\r\n }\r\n }\r\n };\r\n })\r\n\r\n /* @ngInject */\r\n .directive('rbMenuByStep', function ($animate, $injector, $location, MenuService) {\r\n const $animateCss = $injector.has('$animateCss') ? $injector.get('$animateCss') : null;\r\n const menuHeight = 400;\r\n\r\n return {\r\n restrict: 'A',\r\n scope: true,\r\n link: (scope, element) => {\r\n scope.mainNavCtrl.children.push(scope);\r\n //\r\n scope.open = false;\r\n scope.element = element;\r\n\r\n scope.expandMenu = () => {\r\n const $menu = element.addClass('is-active').children('.menu');\r\n element.children('a').addClass('is-active');\r\n const $menuHover = element.children('.menu-hover');\r\n let subMenuHover = null;\r\n if (scope.mainNavCtrl.showDefaultSubmenu) {\r\n subMenuHover = element.find('.submenu-hover').first();\r\n }\r\n\r\n $menu.addClass('collapsing').addClass('is-active').attr('aria-expanded', true).attr('aria-hidden', false);\r\n\r\n if (scope.$parent.device.isTouch) {\r\n $('#main-nav').addClass('is-active');\r\n $menu.after('
');\r\n element.children('.backdrop').on('click', function () {\r\n $(this).remove();\r\n scope.reduceMenu();\r\n });\r\n }\r\n\r\n function expandDone() {\r\n MenuService.showMenuHover($menuHover, subMenuHover, $menu.height());\r\n $menu.removeClass('collapsing').addClass('expanded');\r\n }\r\n\r\n const menuOffsetTop = $menu[0].getBoundingClientRect().top; // Permet de récupérer la position du haut du menu en fonctione des hauteurs du bandeau commercial, du header et du menu principal.\r\n const child = $menu.children().first(); // Ciblage de la balise
du menu de la colonne de gauche.\r\n const subChild = child.children(); // Ciblage des balises
enfants de la balise
.\r\n let subChildTotalHeight = 0; // Initialisation de la hauteur totale des balises
(subChild).\r\n\r\n // Calcul de la hauteur totale des balises
(subChild).\r\n for (let i = 0; i < subChild.length; i++) {\r\n const subChildHeight = subChild[i].offsetHeight; // Récupération de la hauteur de chaque balise
.\r\n\r\n subChildTotalHeight += subChildHeight;\r\n }\r\n\r\n let childHeight = 0;\r\n if (child) {\r\n childHeight = Math.max(menuHeight, subChildTotalHeight, child.scrollTop());\r\n }\r\n\r\n if ($animateCss) {\r\n $animateCss($menu, {\r\n addClass: 'is-active',\r\n easing: 'ease',\r\n to: { height: `${childHeight}px`, maxHeight: `calc(90vh - ${menuOffsetTop}px)` }\r\n })\r\n .start()\r\n .finally(expandDone);\r\n } else {\r\n $animate\r\n .addClass($menu, 'is-active', {\r\n to: { height: `${childHeight}px`, maxHeight: `calc(90vh - ${menuOffsetTop}px)` }\r\n })\r\n .then(expandDone);\r\n }\r\n\r\n setTimeout(() => {\r\n $(window).trigger('scroll');\r\n }, 350);\r\n };\r\n\r\n scope.reduceMenu = () => {\r\n // wait reducing menu before open an another menu\r\n element.css('pointer-events', 'none');\r\n const $menu = element.children('.menu');\r\n if (!$menu.length) return;\r\n\r\n element.children('.backdrop').remove();\r\n $menu.children('.menu-by-step').removeClass('is-active');\r\n $menu.find('.submenu-hover.is-active').removeClass('is-active');\r\n $menu.next('.menu-hover').removeClass('is-active');\r\n\r\n const child = $menu.children().first();\r\n let childHeight = 0;\r\n if (child) {\r\n childHeight = Math.max(menuHeight, child.scrollTop());\r\n }\r\n\r\n $menu\r\n .css({ height: `${childHeight}px` })\r\n .addClass('collapsing')\r\n .attr('aria-expanded', false)\r\n .attr('aria-hidden', true)\r\n .removeClass('expanded');\r\n\r\n function collapseDone() {\r\n $menu.css({ height: '0' }).removeClass('collapsing').removeClass('is-active');\r\n element.removeClass('is-active');\r\n element.children('a').removeClass('is-active');\r\n $('#main-nav').removeClass('is-active');\r\n if (child) {\r\n child.removeClass('is-active');\r\n }\r\n element.css('pointer-events', 'auto');\r\n }\r\n\r\n if ($animateCss) {\r\n $animateCss($menu, {\r\n to: { height: '0' }\r\n })\r\n .start()\r\n .finally(collapseDone);\r\n } else {\r\n $animate\r\n .removeClass($menu, '', {\r\n to: { height: '0' }\r\n })\r\n .then(collapseDone);\r\n }\r\n };\r\n\r\n scope.openMenu = event => {\r\n if (window.isBot || window.isCache) return;\r\n event.preventDefault();\r\n if (!scope.$parent.device.desktop) {\r\n scope.open = !scope.open;\r\n element.siblings().addClass('move-out').end().closest('.nav').scrollTop(0);\r\n } else {\r\n if (scope.$parent.device.isTouch && element.hasClass('level1')) {\r\n const $menu = element.children('.menu');\r\n if (!$menu.hasClass('collapsing') && !$menu.hasClass('is-active')) {\r\n const ctrl = scope.mainNavCtrl;\r\n let i;\r\n const len = ctrl.children.length;\r\n for (i = 0; i < len; i++) {\r\n if (ctrl.children[i].element !== element && ctrl.children[i].element.children('.menu.is-active').length) {\r\n ctrl.children[i].reduceMenu();\r\n }\r\n }\r\n scope.expandMenu();\r\n }\r\n return;\r\n }\r\n $location.path(element.children('a').attr('href'));\r\n }\r\n };\r\n\r\n scope.backMenu = event => {\r\n event.preventDefault();\r\n scope.open = !scope.open;\r\n element.siblings().removeClass('move-out');\r\n };\r\n\r\n scope.closeMenu = () => {\r\n scope.mainNavCtrl.open = false;\r\n };\r\n\r\n initMenu();\r\n initLevelsLinks();\r\n\r\n function initMenu() {\r\n if (scope.$parent.device.isTouch || !scope.$parent.device.desktop || !element.hasClass('level1')) return;\r\n\r\n // La transition css a besoin d'une valeur de depart\r\n element.find('.menu').css('height', 0);\r\n\r\n hoverintent(\r\n element[0],\r\n () => {\r\n scope.expandMenu();\r\n },\r\n () => {\r\n scope.reduceMenu();\r\n }\r\n ).options({\r\n timeout: 0,\r\n interval: 200,\r\n sensitivity: 1\r\n });\r\n }\r\n\r\n function initLevelsLinks() {\r\n element.find('.menu-list').on('click', 'a', event => {\r\n if (scope.device.desktop) {\r\n scope.reduceMenu();\r\n }\r\n });\r\n }\r\n }\r\n };\r\n });\r\n","export default angular\r\n .module('menu.service', [])\r\n\r\n /* @ngInject */\r\n .factory('MenuService', function () {\r\n const service = {\r\n showMenuHover,\r\n setSubMenuHoverPosition\r\n };\r\n return service;\r\n\r\n function showMenuHover(menuHover, subMenuHover, fullHeight) {\r\n const menuByStep = menuHover.prev().children().first();\r\n const menuByStepHeight = menuByStep.outerHeight();\r\n const menuByStepMargins = menuByStepHeight - menuByStep.height();\r\n const hoverMargins = menuHover.outerHeight() - menuHover.height();\r\n menuByStep.height(fullHeight - menuByStepMargins);\r\n if (menuByStep.height() !== 0) menuHover.height(fullHeight - hoverMargins).addClass('is-active');\r\n\r\n if (subMenuHover && subMenuHover.length > 0) {\r\n const subMenuHoverMargins = subMenuHover.outerHeight() - subMenuHover.height();\r\n setSubMenuHoverPosition(subMenuHover, menuHover, true);\r\n subMenuHover\r\n .height(fullHeight - subMenuHoverMargins - 4)\r\n .width(menuHover.width())\r\n .addClass('is-active');\r\n\r\n menuHover.removeClass('is-active');\r\n }\r\n }\r\n\r\n function setSubMenuHoverPosition(subMenuHover, menuHover, forceLeftPosition = false) {\r\n const left = forceLeftPosition ? menuHover.offset().left : subMenuHover.css('left');\r\n subMenuHover.css({ top: menuHover.offset().top + 4 - $(window).scrollTop(), left });\r\n }\r\n });\r\n","var _module_exports = \"