');\r\n if (that.getType()) that.$root.addClass(`mb2ls-conf-btn--${that.getType()}`);\r\n that.$root.addClass(`mb2ls-conf-btn--icon-position-${that.getIconPosition()}`);\r\n that.$root.addClass(`mb2ls-conf-btn--style--${that.getStyle()}`);\r\n that.$title = $('
').appendTo(that.$root);\r\n that.setTitle(that.recipe.buttonText);\r\n const icon = that.getIcon();\r\n if (icon)\r\n {\r\n that.$icon =\r\n $(icon)\r\n .addClass('mb2ls-conf-btn__icon')\r\n .appendTo(that.$root);\r\n }\r\n that.$root.click(function (e)\r\n {\r\n that.onClick(e);\r\n that.$root.trigger('mb2lsClick');\r\n });\r\n that.afterRootInit();\r\n }\r\n\r\n setTitle(title)\r\n {\r\n const that = this;\r\n that.$title.html(title);\r\n }\r\n\r\n getType()\r\n {\r\n return 'default';\r\n }\r\n\r\n getIconPosition()\r\n {\r\n const that = this;\r\n return that.recipe.iconPosition ? that.recipe.iconPosition : 'right';\r\n }\r\n\r\n onClick(e)\r\n {\r\n\r\n }\r\n\r\n getStyle()\r\n {\r\n const that = this;\r\n return that.recipe.style ? that.recipe.style : 'default';\r\n }\r\n\r\n getIcon()\r\n {\r\n const that = this;\r\n return that.recipe.icon ? that.recipe.icon : null;\r\n }\r\n}\r\n\r\nmodule.exports = Button;\n\n\n// WEBPACK FOOTER //\n// ./_frontend/public/modules/configurator/elements/button/button.js","var hasOwnProperty = {}.hasOwnProperty;\nmodule.exports = function (it, key) {\n return hasOwnProperty.call(it, key);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_has.js\n// module id = 18\n// module chunks = 2","var global = require('./_global');\nvar core = require('./_core');\nvar ctx = require('./_ctx');\nvar hide = require('./_hide');\nvar has = require('./_has');\nvar PROTOTYPE = 'prototype';\n\nvar $export = function (type, name, source) {\n var IS_FORCED = type & $export.F;\n var IS_GLOBAL = type & $export.G;\n var IS_STATIC = type & $export.S;\n var IS_PROTO = type & $export.P;\n var IS_BIND = type & $export.B;\n var IS_WRAP = type & $export.W;\n var exports = IS_GLOBAL ? core : core[name] || (core[name] = {});\n var expProto = exports[PROTOTYPE];\n var target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE];\n var key, own, out;\n if (IS_GLOBAL) source = name;\n for (key in source) {\n // contains in native\n own = !IS_FORCED && target && target[key] !== undefined;\n if (own && has(exports, key)) continue;\n // export native or passed\n out = own ? target[key] : source[key];\n // prevent global pollution for namespaces\n exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]\n // bind timers to global for call from export context\n : IS_BIND && own ? ctx(out, global)\n // wrap global constructors for prevent change them in library\n : IS_WRAP && target[key] == out ? (function (C) {\n var F = function (a, b, c) {\n if (this instanceof C) {\n switch (arguments.length) {\n case 0: return new C();\n case 1: return new C(a);\n case 2: return new C(a, b);\n } return new C(a, b, c);\n } return C.apply(this, arguments);\n };\n F[PROTOTYPE] = C[PROTOTYPE];\n return F;\n // make static versions for prototype methods\n })(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;\n // export proto methods to core.%CONSTRUCTOR%.methods.%NAME%\n if (IS_PROTO) {\n (exports.virtual || (exports.virtual = {}))[key] = out;\n // export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%\n if (type & $export.R && expProto && !expProto[key]) hide(expProto, key, out);\n }\n }\n};\n// type bitmap\n$export.F = 1; // forced\n$export.G = 2; // global\n$export.S = 4; // static\n$export.P = 8; // proto\n$export.B = 16; // bind\n$export.W = 32; // wrap\n$export.U = 64; // safe\n$export.R = 128; // real proto method for `library`\nmodule.exports = $export;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_export.js\n// module id = 19\n// module chunks = 2","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n anObject(O);\n P = toPrimitive(P, true);\n anObject(Attributes);\n if (IE8_DOM_DEFINE) try {\n return dP(O, P, Attributes);\n } catch (e) { /* empty */ }\n if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n if ('value' in Attributes) O[P] = Attributes.value;\n return O;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_object-dp.js\n// module id = 20\n// module chunks = 2","var dP = require('./_object-dp');\nvar createDesc = require('./_property-desc');\nmodule.exports = require('./_descriptors') ? function (object, key, value) {\n return dP.f(object, key, createDesc(1, value));\n} : function (object, key, value) {\n object[key] = value;\n return object;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_hide.js\n// module id = 21\n// module chunks = 2","module.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_is-object.js\n// module id = 22\n// module chunks = 2","var store = require('./_shared')('wks');\nvar uid = require('./_uid');\nvar Symbol = require('./_global').Symbol;\nvar USE_SYMBOL = typeof Symbol == 'function';\n\nvar $exports = module.exports = function (name) {\n return store[name] || (store[name] =\n USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));\n};\n\n$exports.store = store;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_wks.js\n// module id = 23\n// module chunks = 2","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n if (!isObject(it)) throw TypeError(it + ' is not an object!');\n return it;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_an-object.js\n// module id = 24\n// module chunks = 2","module.exports = function (exec) {\n try {\n return !!exec();\n } catch (e) {\n return true;\n }\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_fails.js\n// module id = 25\n// module chunks = 2","\"use strict\";\n\nexports.__esModule = true;\n\nvar _iterator = require(\"../core-js/symbol/iterator\");\n\nvar _iterator2 = _interopRequireDefault(_iterator);\n\nvar _symbol = require(\"../core-js/symbol\");\n\nvar _symbol2 = _interopRequireDefault(_symbol);\n\nvar _typeof = typeof _symbol2.default === \"function\" && typeof _iterator2.default === \"symbol\" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof _symbol2.default === \"function\" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? \"symbol\" : typeof obj; };\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = typeof _symbol2.default === \"function\" && _typeof(_iterator2.default) === \"symbol\" ? function (obj) {\n return typeof obj === \"undefined\" ? \"undefined\" : _typeof(obj);\n} : function (obj) {\n return obj && typeof _symbol2.default === \"function\" && obj.constructor === _symbol2.default && obj !== _symbol2.default.prototype ? \"symbol\" : typeof obj === \"undefined\" ? \"undefined\" : _typeof(obj);\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/babel-runtime/helpers/typeof.js\n// module id = 26\n// module chunks = 2","// 19.1.2.14 / 15.2.3.14 Object.keys(O)\nvar $keys = require('./_object-keys-internal');\nvar enumBugKeys = require('./_enum-bug-keys');\n\nmodule.exports = Object.keys || function keys(O) {\n return $keys(O, enumBugKeys);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_object-keys.js\n// module id = 27\n// module chunks = 2","// 7.1.13 ToObject(argument)\nvar defined = require('./_defined');\nmodule.exports = function (it) {\n return Object(defined(it));\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_to-object.js\n// module id = 28\n// module chunks = 2","module.exports = true;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_library.js\n// module id = 29\n// module chunks = 2","var id = 0;\nvar px = Math.random();\nmodule.exports = function (key) {\n return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_uid.js\n// module id = 30\n// module chunks = 2","module.exports = function (bitmap, value) {\n return {\n enumerable: !(bitmap & 1),\n configurable: !(bitmap & 2),\n writable: !(bitmap & 4),\n value: value\n };\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_property-desc.js\n// module id = 31\n// module chunks = 2","exports.f = {}.propertyIsEnumerable;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_object-pie.js\n// module id = 32\n// module chunks = 2","// 7.2.1 RequireObjectCoercible(argument)\nmodule.exports = function (it) {\n if (it == undefined) throw TypeError(\"Can't call method on \" + it);\n return it;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_defined.js\n// module id = 33\n// module chunks = 2","var shared = require('./_shared')('keys');\nvar uid = require('./_uid');\nmodule.exports = function (key) {\n return shared[key] || (shared[key] = uid(key));\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_shared-key.js\n// module id = 34\n// module chunks = 2","var core = require('./_core');\nvar global = require('./_global');\nvar SHARED = '__core-js_shared__';\nvar store = global[SHARED] || (global[SHARED] = {});\n\n(module.exports = function (key, value) {\n return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: core.version,\n mode: require('./_library') ? 'pure' : 'global',\n copyright: '© 2020 Denis Pushkarev (zloirock.ru)'\n});\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_shared.js\n// module id = 35\n// module chunks = 2","// most Object methods by ES6 should accept primitives\nvar $export = require('./_export');\nvar core = require('./_core');\nvar fails = require('./_fails');\nmodule.exports = function (KEY, exec) {\n var fn = (core.Object || {})[KEY] || Object[KEY];\n var exp = {};\n exp[KEY] = exec(fn);\n $export($export.S + $export.F * fails(function () { fn(1); }), 'Object', exp);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_object-sap.js\n// module id = 36\n// module chunks = 2","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n if (!isObject(it)) return it;\n var fn, val;\n if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n throw TypeError(\"Can't convert object to primitive value\");\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_to-primitive.js\n// module id = 37\n// module chunks = 2","// 7.1.4 ToInteger\nvar ceil = Math.ceil;\nvar floor = Math.floor;\nmodule.exports = function (it) {\n return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_to-integer.js\n// module id = 38\n// module chunks = 2","module.exports = {};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_iterators.js\n// module id = 39\n// module chunks = 2","// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])\nvar anObject = require('./_an-object');\nvar dPs = require('./_object-dps');\nvar enumBugKeys = require('./_enum-bug-keys');\nvar IE_PROTO = require('./_shared-key')('IE_PROTO');\nvar Empty = function () { /* empty */ };\nvar PROTOTYPE = 'prototype';\n\n// Create object with fake `null` prototype: use iframe Object with cleared prototype\nvar createDict = function () {\n // Thrash, waste and sodomy: IE GC bug\n var iframe = require('./_dom-create')('iframe');\n var i = enumBugKeys.length;\n var lt = '<';\n var gt = '>';\n var iframeDocument;\n iframe.style.display = 'none';\n require('./_html').appendChild(iframe);\n iframe.src = 'javascript:'; // eslint-disable-line no-script-url\n // createDict = iframe.contentWindow.Object;\n // html.removeChild(iframe);\n iframeDocument = iframe.contentWindow.document;\n iframeDocument.open();\n iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);\n iframeDocument.close();\n createDict = iframeDocument.F;\n while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];\n return createDict();\n};\n\nmodule.exports = Object.create || function create(O, Properties) {\n var result;\n if (O !== null) {\n Empty[PROTOTYPE] = anObject(O);\n result = new Empty();\n Empty[PROTOTYPE] = null;\n // add \"__proto__\" for Object.getPrototypeOf polyfill\n result[IE_PROTO] = O;\n } else result = createDict();\n return Properties === undefined ? result : dPs(result, Properties);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_object-create.js\n// module id = 40\n// module chunks = 2","// IE 8- don't enum bug keys\nmodule.exports = (\n 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'\n).split(',');\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_enum-bug-keys.js\n// module id = 41\n// module chunks = 2","var def = require('./_object-dp').f;\nvar has = require('./_has');\nvar TAG = require('./_wks')('toStringTag');\n\nmodule.exports = function (it, tag, stat) {\n if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_set-to-string-tag.js\n// module id = 42\n// module chunks = 2","exports.f = require('./_wks');\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_wks-ext.js\n// module id = 43\n// module chunks = 2","var global = require('./_global');\nvar core = require('./_core');\nvar LIBRARY = require('./_library');\nvar wksExt = require('./_wks-ext');\nvar defineProperty = require('./_object-dp').f;\nmodule.exports = function (name) {\n var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});\n if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: wksExt.f(name) });\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_wks-define.js\n// module id = 44\n// module chunks = 2","var pIE = require('./_object-pie');\nvar createDesc = require('./_property-desc');\nvar toIObject = require('./_to-iobject');\nvar toPrimitive = require('./_to-primitive');\nvar has = require('./_has');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar gOPD = Object.getOwnPropertyDescriptor;\n\nexports.f = require('./_descriptors') ? gOPD : function getOwnPropertyDescriptor(O, P) {\n O = toIObject(O);\n P = toPrimitive(P, true);\n if (IE8_DOM_DEFINE) try {\n return gOPD(O, P);\n } catch (e) { /* empty */ }\n if (has(O, P)) return createDesc(!pIE.f.call(O, P), O[P]);\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/core-js/library/modules/_object-gopd.js\n// module id = 45\n// module chunks = 2","require('./configurator.scss');\r\n\r\nconst utils = require('public/utils.js');\r\nconst TooltipManager = require('./tooltip/tooltip.js');\r\nconst Popup = require('public/modules/popup/popup.js');\r\nconst Restrictions = require('./restrictions.js');\r\nconst StepsManager = require('./steps-manager.js');\r\nconst Summary = require('./summary.js');\r\nconst Watchdog = require('./watchdog.js');\r\n\r\nconst fields = {\r\n WC_Slider_Range: require('./elements/fields/slider-range/slider-range.js'),\r\n WC_Checkbox: require('./elements/fields/checkbox/checkbox.js'),\r\n WC_Radio_Options: require('./elements/fields/radio-options/radio-options-custom.js'),\r\n WC_Radio_Switch: require('./elements/fields/radio-options/radio-options-switch.js'),\r\n WC_Radio_Switch_Compact: require('./elements/fields/radio-options/radio-options-switch-compact.js'),\r\n WC_Radio_Checkbox: require('./elements/fields/radio-options/radio-options-classic.js'),\r\n WC_Dropdown: require('./elements/fields/dropdown/dropdown.js'),\r\n WC_Text_Input: require('./elements/fields/text-input/text-input.js'),\r\n WC_Calendly: require('./elements/fields/calendly/calendly.js'),\r\n WC_Textarea: require('./elements/fields/textarea/textarea.js'),\r\n WC_Uploader: require('./elements/fields/uploader/uploader.js'),\r\n WC_Parent: require('./elements/fields/parent/parent.js'),\r\n};\r\n\r\nconst elements = {\r\n Accordion: require('./elements/accordion/accordion.js'),\r\n AccordionSection: require('./elements/accordion/accordionSection.js'),\r\n Row: require('./elements/row/row.js'),\r\n Column: require('./elements/column/column.js'),\r\n Html: require('./elements/html/html.js'),\r\n ErrorBox: require('./elements/error-box/error-box.js'),\r\n NoticeBox: require('./elements/notice-box/notice-box.js'),\r\n LinkButton: require('./elements/link-button/link-button.js'),\r\n Button: require('./elements/button/button.js'),\r\n PopupButton: require('./elements/popup-button/popup-button.js'),\r\n PreviousStepButton: require('./elements/previous-step-button/previous-step-button.js'),\r\n InstantiateButton: require('./elements/instantiate-button/instantiate-button.js'),\r\n SubmitButton: require('./elements/submit-button/submit-button.js'),\r\n NextStepButton: require('./elements/next-step-button/next-step-button.js'),\r\n StepsProgress: require('./elements/steps-progress/steps-progress.js'),\r\n StepItem: require('./elements/step-item/step-item.js'),\r\n Instantiator: require('./elements/instantiator/instantiator.js'),\r\n ProductFrame: require('./elements/product-frame/product-frame.js'),\r\n RightStickyPanel: require('./elements/right-sticky-panel/right-sticky-panel.js'),\r\n LeftStickyPanel: require('./elements/left-sticky-panel/left-sticky-panel.js'),\r\n BottomStickyPanel: require('./elements/bottom-sticky-panel/bottom-sticky-panel.js'),\r\n SummaryCart: require('./elements/cart/summary/summary-cart.js'),\r\n HolderCart: require('./elements/cart/holder/holder-cart.js'),\r\n ProductSummary: require('./elements/product-summary/product-summary.js'),\r\n Screen: require('./elements/screen/screen.js'),\r\n Extractor: require('./elements/extractor/extractor.js'),\r\n Mailchimp: require('./elements/mailchimp/mailchimp.js'),\r\n};\r\n\r\n/**\r\n * @property {Array.
} fields\r\n * @property {Array.} unsortedElements\r\n *\r\n * @property {StepsManager} elements.stepsManager\r\n * @property {Instantiator} elements.instantiator\r\n * @property {instantiatorHolder} elements.instantiatorHolder\r\n * @property {Array.} elements.submitButtons\r\n * @property {StepsProgress} elements.stepsProgress\r\n * @property {ProductFrame} elements.productFrame\r\n * @property {Array.} elements.instantiateButtons\r\n *\r\n * @property {Array.} elements.errorsBoxes\r\n * @property {Array.} elements.noticesBoxes\r\n * @property {Array.} elements.htmls\r\n * @property {Array.} elements.stepsItems\r\n * @property {Array.} elements.nextStepButtons\r\n * @property {Array.} elements.mailchimp\r\n * @property {Configurator} parent\r\n * @property {CartsManager} cartsManager\r\n * @property {Summary} summary\r\n * @property {Watchdog} watchdog\r\n */\r\nclass Configurator {\r\n constructor(args)\r\n {\r\n const that = this;\r\n that.insertedToDom = false;\r\n that.calledMaybeUpdateCriticalHtml = false;\r\n that.$document = $(document);\r\n that.$window = $(window);\r\n that.$body = $('body');\r\n that.debug = {\r\n restrictions: false,\r\n };\r\n that.id = utils.generateId('configurator');\r\n that.eId = utils.generateEventId();\r\n that.options = args.options;\r\n that.parent = args.parent ? args.parent : null;\r\n that.recipe = args.recipe;\r\n that.hasError = false;\r\n that.processedRestrictionsTimeout = null;\r\n that.updateCriticalHtmlXhr = null;\r\n window.mb2ls.summary = that.summary = new Summary({configurator: that});\r\n that.onSubmit = args.onSubmit;\r\n\r\n if (!that.parent) window.mb2ls.configurator = that;\r\n if (that.recipe.error_message)\r\n {\r\n console.error(`The system got the error whilte getting the recipe: \\r\\n ${that.recipe.error_message}`);\r\n\r\n //Output only a first line of the message\r\n alert(that.recipe.error_message.split('\\n')[0]);\r\n\r\n that.hasError = true;\r\n return;\r\n }\r\n that.fields = [];\r\n that.hiddenAttributes = that.prepareHiddenAttributes(that.recipe.product.Hidden_Attributes_JSON__c);\r\n that.templatesData = {\r\n hiddenAttributes: that.hiddenAttributes,\r\n\r\n //Use in restrictions\r\n isAdmin: that.recipe.isAdmin ? 'yes' : 'no',\r\n isProduct: that.recipe.product.WC_Product_Id__c,\r\n post: that.recipe.post,\r\n };\r\n that.elements = {\r\n noticesBoxes: [],\r\n errorsBoxes: [],\r\n };\r\n that.unsortedElements = [];\r\n\r\n that.$root = $('');\r\n that.$root.attr('data-id', that.id);\r\n that.$content = $('
');\r\n\r\n if (!that.parent)\r\n {\r\n that.$loading = $(`
`);\r\n that.$loading.appendTo(that.$root);\r\n }\r\n\r\n that.restrictions = new Restrictions({\r\n recipe: that.recipe.restrictions,\r\n });\r\n that.updatingVisibility = false;\r\n\r\n //Root keys only\r\n that.templatesDataReserved = [\r\n 'isAdmin',\r\n 'isProduct',\r\n 'hiddenAttributes',\r\n 'post',\r\n ];\r\n\r\n that.popup = new Popup();\r\n that.tooltipManager = new TooltipManager({\r\n $container: that.$root,\r\n manualOpen: true,\r\n });\r\n\r\n that.renderElements(that.recipe.template.Accordion_Items_JSON__c__a, that.$content);\r\n that.$root.trigger(`mb2lsRenderedElements`);\r\n that.stepsManager = new StepsManager({\r\n configurator: that,\r\n stepsItems: that.elements.stepsItems,\r\n stepsProgress: that.elements.stepsProgress,\r\n submitButtons: that.elements.submitButtons,\r\n nextStepButtons: that.elements.nextStepButtons,\r\n previousStepButtons: that.elements.previousStepButtons,\r\n });\r\n\r\n that.$content.appendTo(that.$root);\r\n\r\n if (that.elements.submitButtons)\r\n {\r\n that.elements.submitButtons.forEach(function (submitButton)\r\n {\r\n //\"off\" deosn't required, because we remove the element\r\n submitButton.$root.on('mb2lsClick', function ()\r\n {\r\n if (typeof args.onSubmit !== \"function\") return;\r\n if (!that.isValid(that.fields)) return;\r\n\r\n args.onSubmit(submitButton);\r\n });\r\n });\r\n }\r\n\r\n that.tooltipManager.addElements(that.$root.find('[data-mb2ls-tip]'));\r\n\r\n that.watchdog = new Watchdog({\r\n configurator: that\r\n });\r\n\r\n if (!that.parent)\r\n {\r\n that.$root.one(\r\n 'mb2ls.processedRestrictions',\r\n function ()\r\n {\r\n setTimeout(function ()\r\n {\r\n if (that.insertedToDom)\r\n {\r\n that.maybeUpdateCriticalHtml();\r\n } else\r\n {\r\n that.$root.on('mb2ls.onRootHtmlInserted', function ()\r\n {\r\n that.maybeUpdateCriticalHtml();\r\n });\r\n }\r\n }, 1000);\r\n }\r\n );\r\n }\r\n\r\n }\r\n\r\n getCriticalHtmlArguments()\r\n {\r\n const that = this;\r\n return {\r\n postId: that.recipe.post.id,\r\n device: utils.isDesktop() ? 'desktop' : 'mobile',\r\n criticalHtml: that.getCriticalHtml(),\r\n }\r\n }\r\n\r\n removeCriticalHtml()\r\n {\r\n const that = this;\r\n }\r\n\r\n maybeUpdateCriticalHtml()\r\n {\r\n const that = this;\r\n if (!that.parent && that.recipe.isAdmin && that.recipe.post.id)\r\n {\r\n that.updateCriticalHtmlXhr = utils.rest(\r\n 'POST',\r\n 'configurator/critical-html',\r\n that.getCriticalHtmlArguments(),\r\n function ()\r\n {\r\n\r\n },\r\n function (message, response)\r\n {\r\n that.setErrorBoxesMessage(message);\r\n }\r\n );\r\n }\r\n that.calledMaybeUpdateCriticalHtml = true;\r\n }\r\n\r\n getCriticalHtml()\r\n {\r\n const that = this;\r\n const $newRoot = $('
');\r\n const $content = that.$root.find('>.mb2ls-conf_content');\r\n\r\n $content.find(':hidden').addClass('mb2ls-tmp-hidden');\r\n const $clonnedContent = $content.clone();\r\n\r\n $content.find('.mb2ls-tmp-hidden').removeClass('mb2ls-tmp-hidden');\r\n $clonnedContent.find('.mb2ls-tmp-hidden').remove();\r\n $clonnedContent.find('.mb2ls-conf-extractor').remove();\r\n\r\n $clonnedContent.find('*').each(function ()\r\n {\r\n const $subItem = $(this);\r\n $subItem\r\n .removeAttr('data-mb2ls-tip')\r\n .removeAttr('data-key')\r\n .removeAttr('data-json-key')\r\n .removeAttr('data-template-id')\r\n .removeAttr('data-object-name')\r\n .removeAttr('data-id');\r\n if ($subItem.attr('sizes')) $subItem.attr('sizes', '50px');\r\n });\r\n $clonnedContent.appendTo($newRoot);\r\n return {\r\n configurator: $newRoot.get(0).outerHTML,\r\n };\r\n }\r\n\r\n onRootHtmlInserted()\r\n {\r\n const that = this;\r\n if (!that.parent) that.removeCriticalHtml();\r\n that.$root.trigger('mb2ls.onRootHtmlInserted', that);\r\n that.$body.trigger('mb2ls.configurator.onRootHtmlInserted', that);\r\n that.insertedToDom = true;\r\n }\r\n\r\n getMedia(id, humanSize)\r\n {\r\n const that = this;\r\n const humanToMediaSize = that.recipe.human_to_media_size_relations;\r\n\r\n //TODO: use the image from the utils.\r\n const blankImage = utils.getBlankImageSrc();\r\n\r\n if (that.recipe.media[id] === undefined)\r\n {\r\n console.warn(`Can't find the media (${id}).`);\r\n return [blankImage, 1, 1, true];\r\n }\r\n\r\n //TODO: these lines are not actual now, remove them\r\n //Adapt to the new thumb size\r\n if (humanSize === 'thumb' && that.recipe.media[id]['srcs'][humanToMediaSize['mb2ls_300']])\r\n {\r\n humanSize = 'mb2ls_300';\r\n }\r\n\r\n let media = that.recipe.media[id]['srcs'][humanToMediaSize[humanSize]];\r\n if (!media) media = that.recipe.media[id]['srcs'][humanToMediaSize['thumb']];\r\n if (!media)\r\n {\r\n console.warn(`Can't find the media (${id}, ${humanToMediaSize['thumb']}).`);\r\n return [blankImage, 1, 1, true];\r\n }\r\n return media;\r\n }\r\n\r\n getMediaAttributes(id)\r\n {\r\n const that = this;\r\n let mediaItems;\r\n let srcset = [];\r\n if (that.recipe.media[id] && that.recipe.media[id]['srcs']) mediaItems = Object.values(that.recipe.media[id]['srcs']);\r\n else\r\n {\r\n console.warn(`Can't find the media (${id}).`);\r\n mediaItems = [[utils.getBlankImageSrc(), 1, 1, true]];\r\n }\r\n mediaItems.sort(function (a, b)\r\n {\r\n return a[1] - b[1];\r\n });\r\n for (let key in mediaItems)\r\n {\r\n const mediaItem = mediaItems[key];\r\n const src = `${mediaItem[0]} ${mediaItem[1]}w`;\r\n if (!srcset.includes(src)) srcset.push(src);\r\n }\r\n return {\r\n id: id,\r\n src: mediaItems[0][0],\r\n srcset: srcset.join(','),\r\n\r\n //For proportions only (prevent a jumping)\r\n width: mediaItems[0][1],\r\n height: mediaItems[0][2],\r\n };\r\n }\r\n\r\n destroy()\r\n {\r\n const that = this;\r\n\r\n if (that.parent && that.parent.cartsManager)\r\n {\r\n that.parent.cartsManager.detouchFieldsByFields(that.fields);\r\n }\r\n that.updateCriticalHtmlXhr && that.updateCriticalHtmlXhr.abort();\r\n that.watchdog.destroy();\r\n if (that.processedRestrictionsTimeout) clearTimeout(that.processedRestrictionsTimeout);\r\n that.summary.destroy();\r\n that.fields.forEach(function (field)\r\n {\r\n field.destroy();\r\n });\r\n\r\n that.unsortedElements.forEach(function (element)\r\n {\r\n element.destroy();\r\n });\r\n\r\n delete that.fields;\r\n delete that.unsortedElements;\r\n utils.deepRemove(that.$root);\r\n }\r\n\r\n /**\r\n * @param parentField {Field}\r\n */\r\n addParentField(parentField)\r\n {\r\n const that = this;\r\n that.fields.push(new fields.WC_Parent({\r\n parentField: parentField,\r\n field: parentField.field,\r\n fieldContent: parentField.fieldContent,\r\n recipe: parentField.recipe,\r\n templateItemRecipe: parentField.templateItemRecipe,\r\n restrictions: [],\r\n configurator: that,\r\n $destination: null,\r\n onChange: function ()\r\n {\r\n that.onChangeField(...arguments);\r\n }\r\n }));\r\n }\r\n\r\n /**\r\n * @param {Array.
} fields\r\n */\r\n isValid(fields)\r\n {\r\n const that = this;\r\n const $errors = $('');\r\n let valid = true;\r\n fields.forEach(function (field)\r\n {\r\n if (!field.isEnabledValidator()) return true;\r\n if (field.isValid()) return true;\r\n\r\n field.$globalValidatorErrors.appendTo($errors);\r\n valid = false;\r\n })\r\n that.setErrorBoxesMessage($errors.html());\r\n return valid;\r\n }\r\n\r\n renderElements(recipe, $destination)\r\n {\r\n const that = this;\r\n if (Array.isArray(recipe))\r\n {\r\n for (const key in recipe)\r\n {\r\n that.renderElements(recipe[key], $destination);\r\n }\r\n } else if (recipe.type === 'field')\r\n {\r\n const $content = that.getTemplateContentField(recipe, $destination);\r\n if (!$content)\r\n {\r\n console.warn(`getTemplateContentField(recipe) returned false`, recipe);\r\n return;\r\n }\r\n $content.appendTo($destination);\r\n } else if (typeof recipe.type === 'string')\r\n {\r\n const type = utils.ucfirst(recipe.type);\r\n if (!Object.keys(elements).includes(type))\r\n {\r\n console.warn(`Requested element type (${type}) isn't available.`);\r\n return;\r\n }\r\n const element = new elements[type](recipe, $destination, that);\r\n\r\n //Skip Instantiator for child configurators\r\n if (that.parent && element.constructor.name === 'Instantiator')\r\n {\r\n console.warn(`Instantiator should be inside child configurator.`);\r\n return;\r\n }\r\n\r\n element.$root.appendTo($destination);\r\n\r\n const publicElementsSingle = [\r\n 'productFrame',\r\n 'duplicator',\r\n 'stepsProgress',\r\n 'instantiator',\r\n 'mailchimp',\r\n ];\r\n const publicElementsMultiple = {\r\n stepItem: 'stepsItems',\r\n html: 'htmls',\r\n noticeBoxes: 'noticesBoxes',\r\n errorBox: 'errorsBoxes',\r\n previousStepButton: 'previousStepButtons',\r\n nextStepButton: 'nextStepButtons',\r\n instantiateButton: 'instantiateButtons',\r\n //instantiatorHolder: 'instantiatorHolders',\r\n submitButton: 'submitButtons',\r\n summaryCart: 'summaryCarts',\r\n holderCart: 'holderCarts',\r\n productSummary: 'productSummaries',\r\n };\r\n if (publicElementsSingle.includes(recipe.type))\r\n {\r\n that.elements[recipe.type] = element;\r\n } else if (Object.keys(publicElementsMultiple).includes(recipe.type))\r\n {\r\n const keyName = publicElementsMultiple[recipe.type];\r\n if (that.elements[keyName] === undefined) that.elements[keyName] = [];\r\n that.elements[keyName].push(element);\r\n }\r\n that.unsortedElements.push(element);\r\n\r\n that.$root.trigger(`onAddedElement${type}`, element);\r\n if (recipe.content !== undefined)\r\n {\r\n that.renderElements(recipe.content, element.$body ? element.$body : element.$root);\r\n }\r\n }\r\n }\r\n\r\n initialUpdate(skipProductFrameProductSelector)\r\n {\r\n const that = this;\r\n that.updateTemplatesData();\r\n that.updateHtmlElementsTemplates();\r\n that.updateVisibility();\r\n\r\n that.fields.forEach(function (field)\r\n {\r\n if (!skipProductFrameProductSelector && field.templateItemRecipe.productFrameProductSelector)\r\n {\r\n const value = field.getData().value;\r\n if (value) that.elements.productFrame.setProduct(value);\r\n }\r\n });\r\n }\r\n\r\n toggleProcessing(processing)\r\n {\r\n const that = this;\r\n }\r\n\r\n updateQuantity()\r\n {\r\n const that = this;\r\n that.templatesData.quantity = that.$quantityInput.val();\r\n }\r\n\r\n getTemplateContentField(recipe, $destination)\r\n {\r\n const that = this;\r\n for (let key in that.recipe.fields_content)\r\n {\r\n const fieldContent = that.recipe.fields_content[key];\r\n if (fieldContent.WC_Template_ID__c !== recipe.itemName) continue;\r\n if (fieldContent.WC_Product__c !== that.recipe.product.Id) continue;\r\n\r\n if (!that.recipe.fields[fieldContent.WC_Product_Field__c])\r\n {\r\n console.warn(`Can't find the field by id (${fieldContent.WC_Product_Field__c})`);\r\n return false;\r\n }\r\n const field = that.recipe.fields[fieldContent.WC_Product_Field__c];\r\n if (fields[field.Name] === undefined)\r\n {\r\n console.warn(`Requested field type (${field.Name}) isn't available. `);\r\n return false;\r\n }\r\n const fieldObj = new fields[field.Name]({\r\n configurator: that,\r\n fieldContent: fieldContent,\r\n field: field,\r\n recipe: that.recipe,\r\n templateItemRecipe: recipe,\r\n restrictions: that.restrictions,\r\n $destination: $destination,\r\n onChange: function (field)\r\n {\r\n that.onChangeField(...arguments);\r\n }\r\n });\r\n if (!fieldObj)\r\n {\r\n console.warn(`!fieldObj`);\r\n return false;\r\n }\r\n that.fields.push(fieldObj);\r\n return fieldObj.$root;\r\n }\r\n return false;\r\n }\r\n\r\n onChangedField()\r\n {\r\n const that = this;\r\n that.updateHtmlElementsTemplates();\r\n that.updateVisibility();\r\n }\r\n\r\n /**\r\n *\r\n * @param {Field} field\r\n */\r\n onChangeField(field)\r\n {\r\n const that = this;\r\n\r\n if (field.templateItemRecipe.productFrameProductSelector)\r\n {\r\n that.elements.productFrame.setProduct(field.getData().value);\r\n }\r\n\r\n if (field.getNewVisible())\r\n {\r\n const data = field.getData();\r\n const templateFields = field.getTemplateFields();\r\n if (Object.keys(templateFields).length)\r\n {\r\n $.extend(data, templateFields);\r\n }\r\n that.templatesData[field.getKey()] = data;\r\n } else\r\n {\r\n delete that.templatesData[field.getKey()];\r\n }\r\n if (!that.updatingVisibility) that.onChangedField();\r\n\r\n\r\n\r\n // if (\r\n // field.templateItemRecipe.productFrameField &&\r\n // that.elements.productFrame &&\r\n // that.elements.productFrame.productFrameConfigurator\r\n // )\r\n // {\r\n // that.elements.productFrame.productFrameConfigurator.onChangeField(...arguments);\r\n // }\r\n }\r\n\r\n getTemplateData(templateId)\r\n {\r\n const that = this;\r\n for (let key in that.templatesData)\r\n {\r\n const templateData = that.templatesData[key];\r\n if (templateData && templateData.templateId === templateId) return templateData;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * @param {string} templateId\r\n * @returns {Field}\r\n * templateId === itemName inside templates\r\n */\r\n getFieldByTemplateId(templateId)\r\n {\r\n const that = this;\r\n for (let key in that.fields)\r\n {\r\n const field = that.fields[key];\r\n if (field.getTemplateId() === templateId) return field;\r\n }\r\n return false;\r\n }\r\n\r\n /**\r\n * @param {string} fieldKey\r\n * @returns {Field}\r\n * templateId === itemName inside templates\r\n */\r\n getFieldByKey(fieldKey)\r\n {\r\n const that = this;\r\n for (let key in that.fields)\r\n {\r\n const field = that.fields[key];\r\n if (field.getKey() === fieldKey) return field;\r\n }\r\n return false;\r\n }\r\n\r\n getElementByTemplateId(templateId)\r\n {\r\n const that = this;\r\n for (let key in that.unsortedElements)\r\n {\r\n const element = that.unsortedElements[key];\r\n if (element.getTemplateId() === templateId) return element;\r\n }\r\n return false;\r\n }\r\n\r\n onUpdateVisibilityHasChanges()\r\n {\r\n const that = this;\r\n that.updateHtmlElementsTemplates();\r\n }\r\n\r\n updateVisibility(silent = false)\r\n {\r\n const that = this;\r\n\r\n that.updatingVisibility = true;\r\n let watchdogCounter = 20;\r\n let prevFieldsDataJson = JSON.stringify(that.getFieldsData());\r\n let hasChanges = false;\r\n\r\n if (that.watchdog.wasUserInputRecently())\r\n {\r\n console.warn(`Called updateVisibility without any actions while ${that.watchdog.timeout} ms. That's strange... `, that);\r\n }\r\n\r\n while (watchdogCounter--)\r\n {\r\n that.unsortedElements.forEach(function (element)\r\n {\r\n element.toggleNewVisibility(true);\r\n });\r\n that.fields.forEach(function (field)\r\n {\r\n field.toggleNewVisibility(true);\r\n });\r\n\r\n for (let restrictionKey in that.recipe.restrictions)\r\n {\r\n const restriction = that.recipe.restrictions[restrictionKey];\r\n let sourceValue = null;\r\n if (!restriction.Source_Accourdion_Element_Name__c)\r\n {\r\n if (!restriction.Active_for_role__c && !restriction.Active_for_products__c) continue;\r\n } else\r\n {\r\n const sourceFieldData = that.getTemplateData(restriction.Source_Accourdion_Element_Name__c);\r\n\r\n //In case if in use regular template data (https://s.bavi.dev/wicO0/QUdaXamA20.jpg)\r\n if (sourceFieldData)\r\n {\r\n sourceValue = sourceFieldData.value;\r\n } else//In case if in use simplified template data, eg. \"isAdmin\" (https://s.bavi.dev/wicO0/rosIzaKU44.jpg)\r\n {\r\n const templateData = that.templatesData[restriction.Source_Accourdion_Element_Name__c];\r\n if (['number', 'string'].includes(typeof templateData))\r\n {\r\n sourceValue = templateData;\r\n }\r\n }\r\n if (sourceValue === null) continue;\r\n\r\n // if (\r\n // // restriction.Source_Accourdion_Element_Name__c === 'Modell' &&\r\n // restriction.Sink_Accordion_Element_Name_s__c === \"Height.value\"// &&\r\n // // that.parent\r\n // )\r\n // {\r\n // console.log(\r\n // 'restriction',\r\n // utils.split(restriction.Source_Element_Value_s__c),\r\n // sourceValue,\r\n // utils.split(restriction.Source_Element_Value_s__c).includes(sourceValue),\r\n // restriction,\r\n // element\r\n // );\r\n // }\r\n\r\n //TODO: execute utils.split only once\r\n if (!utils.split(restriction.Source_Element_Value_s__c).includes(sourceValue)) continue;\r\n }\r\n\r\n\r\n //TODO: execute utils.split only once\r\n const sinkTemplatesIds = utils.split(restriction.Sink_Accordion_Element_Name_s__c);\r\n\r\n for (let sinkTemplateIdKey in sinkTemplatesIds)\r\n {\r\n const sinkTemplateId = sinkTemplatesIds[sinkTemplateIdKey];\r\n const field = that.getFieldByTemplateId(sinkTemplateId);\r\n if (field)\r\n {\r\n field.enqueueRestriction(restriction);\r\n } else\r\n {\r\n const element = that.getElementByTemplateId(sinkTemplateId);\r\n if (element) element.enqueueRestriction(restriction);\r\n }\r\n }\r\n }\r\n\r\n that.unsortedElements.forEach(function (element)\r\n {\r\n element.processRestrictions();\r\n element.cleanRestrictions();\r\n element.renderVisibility(silent);\r\n });\r\n\r\n that.fields.forEach(function (field)\r\n {\r\n field.processRestrictions();\r\n field.cleanRestrictions();\r\n field.renderVisibility(silent);\r\n });\r\n\r\n let newFieldsDataJson = JSON.stringify(that.getFieldsData());\r\n if (prevFieldsDataJson !== newFieldsDataJson)\r\n {\r\n prevFieldsDataJson = newFieldsDataJson;\r\n hasChanges = true;\r\n }\r\n }\r\n if (!watchdogCounter) console.warn('Triggered watchdogCounter...');\r\n if (hasChanges && !silent) that.onUpdateVisibilityHasChanges();\r\n that.updatingVisibility = false;\r\n\r\n if (!silent)\r\n {\r\n if (that.processedRestrictionsTimeout !== null) clearTimeout(that.processedRestrictionsTimeout);\r\n\r\n //\"clearTimeout\" is in \"destroy\"\r\n that.processedRestrictionsTimeout = setTimeout(function ()\r\n {\r\n that.$root.trigger('mb2ls.processedRestrictions', that);\r\n that.$body.trigger('mb2ls.processedRestrictions', that);\r\n }, 500);\r\n }\r\n }\r\n\r\n /**\r\n * @return {Array.
}\r\n */\r\n getErrorsBoxes()\r\n {\r\n const that = this;\r\n if (that.elements.errorsBoxes.length) return that.elements.errorsBoxes;\r\n if (that.parent && that.parent.elements.errorsBoxes.length) return that.parent.elements.errorsBoxes;\r\n return [];\r\n }\r\n\r\n /**\r\n * @return {Array.}\r\n */\r\n getNoticeBoxes()\r\n {\r\n const that = this;\r\n if (that.elements.noticesBoxes.length) return that.elements.noticesBoxes;\r\n if (that.parent && that.parent.elements.noticesBoxes.length) return that.parent.elements.noticesBoxes;\r\n return [];\r\n }\r\n\r\n setErrorBoxesMessage(message)\r\n {\r\n const that = this;\r\n if (that.parent)\r\n {\r\n that.setErrorBoxesMessage(message);\r\n return;\r\n }\r\n const errorBoxes = that.getErrorsBoxes();\r\n errorBoxes.forEach(function (errorBox)\r\n {\r\n errorBox.setText(message);\r\n });\r\n if (!errorBoxes.length && message) alert(message);\r\n return !!errorBoxes.length;\r\n }\r\n\r\n setNoticeBoxesMessage(message)\r\n {\r\n const that = this;\r\n if (that.parent)\r\n {\r\n that.parent.setNoticeBoxesMessage(message);\r\n return;\r\n }\r\n const noticeBoxes = that.getNoticeBoxes();\r\n noticeBoxes.forEach(function (noticeBox)\r\n {\r\n noticeBox.setText(message);\r\n });\r\n if (!noticeBoxes.length && message) alert(message);\r\n return !!noticeBoxes.length;\r\n }\r\n\r\n cleanUnreservedTemplatesData()\r\n {\r\n const that = this;\r\n for (let key in that.templatesData)\r\n {\r\n if ($.inArray(key, that.templatesDataReserved) === -1)\r\n {\r\n delete that.templatesData[key];\r\n }\r\n }\r\n }\r\n\r\n onUpdatedTemplatesData()\r\n {\r\n const that = this;\r\n }\r\n\r\n updateTemplatesData()\r\n {\r\n const that = this;\r\n that.cleanUnreservedTemplatesData();\r\n $.extend(true, that.templatesData, that.getFieldsData());\r\n that.onUpdatedTemplatesData();\r\n }\r\n\r\n formatTemplateOutput(name, value)\r\n {\r\n return value;\r\n }\r\n\r\n getTemplateValue(inputValue, keyParts, index)\r\n {\r\n const that = this;\r\n let value = $.extend(true, {}, inputValue);\r\n if (typeof value === 'object') value = value[keyParts[index]];\r\n if (value === undefined) return '';\r\n if (typeof value === 'object') return that.getTemplateValue(value, keyParts, index + 1);\r\n return value;\r\n }\r\n\r\n updateHtmlElementsTemplates()\r\n {\r\n const that = this;\r\n for (let key in that.elements.htmls)\r\n {\r\n const htmlElement = that.elements.htmls[key];\r\n const newHtml = htmlElement.template.replace(/{{([^{{}}]+)}}/g, function (keyExpr, key)\r\n {\r\n return that.formatTemplateOutput(\r\n key,\r\n that.getTemplateValue(that.templatesData, key.split('.'), 0)\r\n );\r\n });\r\n if (htmlElement.html !== newHtml) htmlElement.set(newHtml);\r\n }\r\n }\r\n\r\n /**\r\n * @param {Object} fieldsData\r\n * @return {string}\r\n */\r\n getPriceAdditionObjects(fieldsData)\r\n {\r\n const that = this;\r\n let additionalObjectsArray = [];\r\n for (let key in fieldsData)\r\n {\r\n const fieldData = fieldsData[key];\r\n if (fieldData.priceAdditionObjects.length)\r\n {\r\n additionalObjectsArray = additionalObjectsArray.concat(fieldData.priceAdditionObjects);\r\n }\r\n }\r\n return additionalObjectsArray.join(';');\r\n }\r\n\r\n /**\r\n * @param {Object} fieldsData\r\n * @return {Object}\r\n */\r\n removePriceAdditionObjects(fieldsData)\r\n {\r\n const fieldsDataNew = $.extend(true, {}, fieldsData);\r\n for (let key in fieldsDataNew)\r\n {\r\n delete fieldsDataNew[key].priceAdditionObjects;\r\n }\r\n return fieldsDataNew;\r\n }\r\n\r\n getComplexData(source = null)\r\n {\r\n const that = this;\r\n const complexData = {\r\n fields: that.getFieldsData(true, source),\r\n hiddenAttributes: that.hiddenAttributes,\r\n };\r\n\r\n //TODO: make sure this element is needed in form, if no - remove it from here\r\n if (source !== 'price') complexData.summaryItems = that.summary.getUiItems();\r\n\r\n if (that.elements.instantiator && !that.parent)\r\n {\r\n that.elements.instantiator.collectInstanceData();\r\n complexData[that.elements.instantiator.jsonKey] = that.elements.instantiator.getInstancesData();\r\n }\r\n if (that.elements.mailchimp && !that.parent && that.elements.mailchimp.getAudienceName())\r\n {\r\n const mailchimp = that.elements.mailchimp;\r\n complexData.mailchimp = {\r\n tags: mailchimp.getTags(),\r\n audienceName: mailchimp.getAudienceName(),\r\n };\r\n }\r\n return complexData;\r\n }\r\n\r\n getCartData()\r\n {\r\n const data = $.extend(true, {}, this.getComplexData());\r\n data.productName = this.recipe.product.Name;\r\n data.sfProductId = this.recipe.product.Product__c;\r\n data.pricebookId = this.recipe.product.Price_Book__c;\r\n data.pricebookEntryId = this.recipe.product.PricebookEntryId__c;\r\n return data;\r\n }\r\n\r\n prepareHiddenAttributes(hiddenAttributesJson)\r\n {\r\n return hiddenAttributesJson ? JSON.parse(hiddenAttributesJson) : {};\r\n }\r\n\r\n //Only for product objects\r\n getProductAttributes(key)\r\n {\r\n const that = this;\r\n if (!that.recipe.depandencies['WC_Product__c']) return null;\r\n const productDependency = that.recipe.depandencies['WC_Product__c'][key];\r\n\r\n return {\r\n productName: productDependency.Name,\r\n hiddenAttributes: that.prepareHiddenAttributes(productDependency.Hidden_Attributes_JSON__c),\r\n pricebookId: productDependency.Price_Book__c,\r\n pricebookEntryId: productDependency.PricebookEntryId__c,\r\n product2Id: productDependency.Product__c,\r\n uniZwoProductId: productDependency.WC_Product_Id__c ? productDependency.WC_Product_Id__c : null,\r\n }\r\n }\r\n\r\n getFieldsData(skipInsideInstantiator = false, source = null)\r\n {\r\n const that = this;\r\n const data = {};\r\n that.fields.forEach(function (field)\r\n {\r\n if (skipInsideInstantiator && field.insideInstantiator) return true;\r\n if (field.getNewVisible() || (source === 'price' && field.isForcedUsingForPriceApi()))\r\n {\r\n data[field.getKey()] = field.getData();\r\n }\r\n });\r\n return data;\r\n }\r\n\r\n /**\r\n * @return {Array.}\r\n */\r\n getVisibleRadioFields()\r\n {\r\n const that = this;\r\n const fields = [];\r\n that.fields.forEach(function (field)\r\n {\r\n if (['RatioOptionsClassic', 'RatioOptionsCustom'].includes(field.constructor.name) && field.newVisible)\r\n {\r\n fields.push(field);\r\n }\r\n });\r\n return fields;\r\n }\r\n\r\n toggleActionsOpportunity(allowed)\r\n {\r\n const that = this;\r\n if (that.parent)\r\n {\r\n that.parent.toggleActionsOpportunity(allowed);\r\n return;\r\n }\r\n that.$root.toggleClass('mb2ls-conf--actions-disallowed', !allowed);\r\n\r\n // const elementsNames = [\r\n // 'nextStepButtons',\r\n // 'instantiateButtons',\r\n // 'submitButtons',\r\n // 'previousStepButtons',\r\n // ];\r\n // elementsNames.forEach(function (elementName)\r\n // {\r\n // if (!that.elements[elementName]) return;\r\n // let elements = that.elements[elementName];\r\n // if (!Array.isArray(elements)) elements = [elements];\r\n // elements.forEach(function (element)\r\n // {\r\n // element.toggleActionsOppartunity(allowed);\r\n // });\r\n // });\r\n //\r\n // that.fields.forEach(function (field)\r\n // {\r\n // if (field.templateItemRecipe.productFrameField)\r\n // {\r\n // field.toggleActionsOppartunity(allowed);\r\n // }\r\n // });\r\n }\r\n\r\n getProductName()\r\n {\r\n const that = this;\r\n return that.recipe.product.Name;\r\n }\r\n}\r\n\r\nmodule.exports = Configurator;\r\n\n\n\n// WEBPACK FOOTER //\n// ./_frontend/public/modules/configurator/configurator.js","module.exports = { \"default\": require(\"core-js/library/fn/object/keys\"), __esModule: true };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/babel-runtime/core-js/object/keys.js\n// module id = 47\n// module chunks = 2","module.exports = { \"default\": require(\"core-js/library/fn/object/values\"), __esModule: true };\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/babel-runtime/core-js/object/values.js\n// module id = 48\n// module chunks = 2","require('./radio-options.scss');\r\nconst Field = require('../field.js');\r\nconst utils = require('public/utils.js');\r\n\r\n/**\r\n * @property {Array.} options\r\n */\r\nclass RadioOptions extends Field {\r\n constructor(args)\r\n {\r\n super(args);\r\n const that = this;\r\n that.type = that.getType();\r\n that.optionsValues = utils.split(that.fieldContent.WC_Variation_Values__c);\r\n that.optionsUiValues = utils.split(that.fieldContent.WC_Variation_UI_Values__c);\r\n that.multiple = that.fieldContent.WC_Multiple__c;\r\n that.maxSelection = that.fieldContent.WC_Radio_Options_Max_Selection__c;\r\n\r\n //Get values that aren't available insider field data but is available inside restriction\r\n that.restrictedOptionsValues = that.restrictions.getSinkPossibleValuesBySinkTemplate(\r\n that.fieldContent.WC_Template_ID__c, 'Enable Elements'\r\n );\r\n\r\n //Add restricted options only if it's unique\r\n that.restrictedOptionsValues.forEach(function (value)\r\n {\r\n if (!that.optionsValues.includes(value)) that.optionsValues.push(value);\r\n });\r\n\r\n that.$options = $();\r\n that.options = [];\r\n\r\n that.optionsValues.forEach(function (key, index)\r\n {\r\n let uiValue = that.optionsUiValues[index];\r\n if(uiValue === undefined)uiValue = key;\r\n const option = that.createNewOption(key, uiValue);\r\n if (!option) return;\r\n\r\n option.$root.appendTo(that.$content);\r\n that.$options = that.$options.add(option.$root);\r\n that.options.push(option);\r\n\r\n if (utils.isDebugMode()) option.$root.attr('data-object-name', that.fieldContent.WC_Object_Name__c);\r\n });\r\n that.resetValue();\r\n }\r\n\r\n getStyle()\r\n {\r\n const that = this;\r\n return that.templateItemRecipe.style ? utils.lcfirst(that.templateItemRecipe.style) : null;\r\n }\r\n\r\n getType()\r\n {\r\n return 'classic';\r\n }\r\n\r\n resetValue()\r\n {\r\n const that = this;\r\n if (that.setValue(that.defaultValue)) return;\r\n if (that.templateItemRecipe.noChoiceDefault) return;\r\n\r\n const option = that.getFirstVisibleOption();\r\n if (option) option.setActive();\r\n }\r\n\r\n getFirstVisibleOption()\r\n {\r\n const that = this;\r\n for (let key in that.options)\r\n {\r\n const option = that.options[key];\r\n if (option.newVisible) return option;\r\n }\r\n return false;\r\n }\r\n\r\n hasImage()\r\n {\r\n return false;\r\n }\r\n\r\n getName()\r\n {\r\n return 'radio-options';\r\n }\r\n\r\n /**\r\n *\r\n * @returns Array.\r\n */\r\n getActiveOptions()\r\n {\r\n const that = this;\r\n const options = [];\r\n const $options = that.$root.find('.mb2ls-conf-field-radio-options__option--active');\r\n $options.each(function ()\r\n {\r\n const option = $(this).data('mb2lsOption');\r\n if (!option)\r\n {\r\n console.warn(`The $(this).data('mb2lsOption') is undefined. `, option, $(this), that.configurator);\r\n return true;\r\n }\r\n if (option.newVisible) options.push(option);\r\n });\r\n return options;\r\n }\r\n\r\n getDepName()\r\n {\r\n const that = this;\r\n const options = that.getActiveOptions();\r\n if (!options.length) return null;\r\n\r\n return options[0].getDepName();\r\n }\r\n\r\n getValue(raw = false)\r\n {\r\n const that = this;\r\n const options = that.getActiveOptions();\r\n if (!options.length) return null;\r\n\r\n const values = [];\r\n options.forEach(function (option)\r\n {\r\n values.push(option.getValue(raw));\r\n });\r\n return values.join(';');\r\n }\r\n\r\n //For mb2ls.configurator.templatesData\r\n getTemplateFields()\r\n {\r\n const that = this;\r\n const options = that.getActiveOptions();\r\n if (!options.length) return {};\r\n\r\n return options[0].getTemplateFields();\r\n }\r\n\r\n getUiValue()\r\n {\r\n const that = this;\r\n const options = that.getActiveOptions();\r\n if (!options.length) return null;\r\n\r\n const values = [];\r\n options.forEach(function (option)\r\n {\r\n values.push(option.getUiValue());\r\n });\r\n return values.join(', ');\r\n }\r\n\r\n getPriceAdditionObjects()\r\n {\r\n const that = this;\r\n const options = that.getActiveOptions();\r\n if (!options.length) return [];\r\n\r\n let priceAdditionObjects = [];\r\n options.forEach(function (option)\r\n {\r\n priceAdditionObjects = priceAdditionObjects.concat(option.getPriceAdditionObjects());\r\n });\r\n return priceAdditionObjects;\r\n }\r\n\r\n /**\r\n * @param value\r\n * @return {RadioOption}\r\n */\r\n getOption(value)\r\n {\r\n const that = this;\r\n for (let key in that.options)\r\n {\r\n /**\r\n * @type {RadioOptionCustom}\r\n */\r\n const option = that.options[key];\r\n\r\n //To compatibility with old data to prevent problems with loading old defaults values\r\n if (!option.$root) continue;\r\n if (value === option.$root.attr('data-key')) return option;\r\n\r\n if (value === option.getValue()) return option;\r\n }\r\n return undefined;\r\n }\r\n\r\n setValue(key, force = false)\r\n {\r\n const that = this;\r\n if (!force && !utils.isValidStr(that.defaultValue)) return false;\r\n\r\n const option = that.getOption(key);\r\n if (option && (option.newVisible || force))\r\n {\r\n option.setActive();\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n //Hide/show options depending on restrictions\r\n processRestrictions()\r\n {\r\n const that = this;\r\n super.processRestrictions();\r\n\r\n //In Summary we simulate \"isAdmin = false\" to get the same result for admins and visitors,\r\n //but we should ignore the simulations for options, otherwise the admin won't be able to select admins options\r\n if (that.configurator.summary.simulatingNonAdmin) return;\r\n\r\n let enabledOptionsValues = [];\r\n let allowedOptionsValues = [];\r\n let disabledOptionsValues = [];\r\n\r\n that.options.forEach(function (option)\r\n {\r\n option.toggleNewVisibility(true);\r\n });\r\n\r\n that.restrItems.forEach(function (restriction)\r\n {\r\n const possibleValues = utils.split(restriction.Sink_Possible_Value_s__c);\r\n switch (restriction.Sink_Action__c)\r\n {\r\n case 'Allow Elements':\r\n allowedOptionsValues = allowedOptionsValues.concat(possibleValues);\r\n break;\r\n case 'Enable Elements':\r\n enabledOptionsValues = enabledOptionsValues.concat(possibleValues);\r\n break;\r\n case 'Disable Elements':\r\n disabledOptionsValues = disabledOptionsValues.concat(possibleValues);\r\n break;\r\n default:\r\n console.warn('Unsupported Sink_Action__c:', restriction.Sink_Action__c, restriction);\r\n }\r\n });\r\n\r\n // if (that.getTemplateId() === 'Kante')\r\n // {\r\n // console.group('EckradiusAuswahl');\r\n // console.log('that.restrItems', that.restrItems);\r\n // console.log('allowedOptionsValues', allowedOptionsValues);\r\n // console.log('enabledOptionsValues', enabledOptionsValues);\r\n // console.log('disabledOptionsValues', disabledOptionsValues);\r\n // console.groupEnd();\r\n // }\r\n\r\n if (allowedOptionsValues.length)\r\n {\r\n that.options.forEach(function (option)\r\n {\r\n if (!allowedOptionsValues.includes(option.key))\r\n {\r\n option.toggleNewVisibility(false);\r\n }\r\n });\r\n }\r\n\r\n //Hide restriced options they don't available inside muched restrictions\r\n that.restrictedOptionsValues.forEach(function (restrictedOptionValue)\r\n {\r\n const option = that.getOption(restrictedOptionValue);\r\n if (option === undefined)\r\n {\r\n //console.warn('There is no option for restrictedOptionValue', restrictedOptionValue, that);\r\n return true;\r\n }\r\n option.toggleNewVisibility(enabledOptionsValues.includes(restrictedOptionValue));\r\n });\r\n\r\n if (disabledOptionsValues.length)\r\n {\r\n that.options.forEach(function (option)\r\n {\r\n if (disabledOptionsValues.includes(option.key))\r\n {\r\n option.toggleNewVisibility(false);\r\n }\r\n });\r\n }\r\n\r\n if (!that.getActiveOptions().length) that.resetValue();\r\n\r\n //Hide the field if it doesn't contain any visible options\r\n if (!that.getFirstVisibleOption()) that.toggleNewVisibility(false);\r\n }\r\n\r\n renderVisibility(silent = false)\r\n {\r\n const that = this;\r\n\r\n //In Summary we simulate \"isAdmin = false\" to get the same result for admins and visitors,\r\n //but we should ignore the simulations for options, otherwise the admin won't be able to select admins options\r\n if (!that.configurator.summary.simulatingNonAdmin)\r\n {\r\n that.options.forEach(function (option)\r\n {\r\n option.renderVisibility(silent);\r\n });\r\n }\r\n\r\n super.renderVisibility(silent);\r\n }\r\n}\r\n\r\nmodule.exports = RadioOptions;\n\n\n// WEBPACK FOOTER //\n// ./_frontend/public/modules/configurator/elements/fields/radio-options/radio-options.js","const utils = require('public/utils.js');\r\n\r\n/**\r\n * @property {RadioOptions} field\r\n */\r\nclass RadioOption {\r\n constructor(args)\r\n {\r\n const that = this;\r\n that.args = args;\r\n that.field = args.field;\r\n that.newVisible = true;\r\n that.visible = true;\r\n that.key = args.key;\r\n that.multiple = args.multiple;\r\n that.uiValue = args.uiValue;\r\n }\r\n\r\n getTitle()\r\n {\r\n const that = this;\r\n return that.getUiValue();\r\n }\r\n\r\n isTooltipEnabled()\r\n {\r\n const that = this;\r\n if (!utils.isDesktop()) return false;\r\n\r\n if (that.field.templateItemRecipe.optionsTooltipsEnabled !== undefined)\r\n {\r\n return that.field.templateItemRecipe.optionsTooltipsEnabled;\r\n }\r\n return true;\r\n }\r\n\r\n getValue()\r\n {\r\n const that = this;\r\n return that.args.key;\r\n }\r\n\r\n //For mb2ls.configurator.templatesData\r\n getTemplateFields()\r\n {\r\n const that = this;\r\n const fields = {};\r\n if (!that.depOption) return {};\r\n\r\n for (let key in that.depOption)\r\n {\r\n const value = that.depOption[key];\r\n const templateFieldKey = utils.lcfirst(key.replace(/__c$/, '').replace(/^Template_Field_/, ''));\r\n if (/^Template_Field_/.test(key)) fields[templateFieldKey] = value;\r\n }\r\n return fields;\r\n }\r\n\r\n getPriceAdditionObjects()\r\n {\r\n const that = this;\r\n if (that.depOption && utils.isValidStr(that.depOption.Price_Addition_Object_Names__c)) return that.depOption.Price_Addition_Object_Names__c.split(';');\r\n return [];\r\n }\r\n\r\n getDepName()\r\n {\r\n const that = this;\r\n return that.args.key;\r\n }\r\n\r\n getUiValue()\r\n {\r\n const that = this;\r\n return that.uiValue !== undefined ? that.uiValue : that.getValue();\r\n }\r\n\r\n setActive()\r\n {\r\n const that = this;\r\n that.toggle(true);\r\n }\r\n\r\n isActive()\r\n {\r\n const that = this;\r\n\r\n //TODO: use a property instead of hasClass\r\n return that.$root.hasClass(that.getActiveClass().split(' ')[0]);\r\n }\r\n\r\n toggle(active)\r\n {\r\n const that = this;\r\n if (!that.multiple && active)\r\n {\r\n //TODO: use \"toggle\" instead of removeClass\r\n that.field.$options.removeClass(that.getActiveClass());\r\n }\r\n that.$root.toggleClass(that.getActiveClass(), active);\r\n }\r\n\r\n getActiveClass()\r\n {\r\n return 'mb2ls-conf-field-radio-options__option--active';\r\n }\r\n\r\n toggleNewVisibility(visible)\r\n {\r\n const that = this;\r\n that.newVisible = visible;\r\n }\r\n\r\n renderVisibility(silent = false)\r\n {\r\n const that = this;\r\n if (that.newVisible === that.visible) return;\r\n\r\n that.visible = that.newVisible;\r\n that.$root.css('display', that.visible ? '' : 'none');\r\n if (!that.visible) that.$root.removeClass(that.getActiveClass());\r\n if (!silent) that.field.onChange();\r\n }\r\n\r\n getImageId()\r\n {\r\n const that = this;\r\n if (that.depOption.Image_URL_Wordpress__c) return that.depOption.Image_URL_Wordpress__c;\r\n if (that.depOption.Default_Images__c)\r\n {\r\n return utils.split(that.depOption.Default_Images__c)[0];\r\n }\r\n return null;\r\n }\r\n}\r\n\r\nmodule.exports = RadioOption;\n\n\n// WEBPACK FOOTER //\n// ./_frontend/public/modules/configurator/elements/fields/radio-options/radio-option.js","require('./sticky-panel.scss');\r\nconst Element = require('../element.js');\r\n\r\nclass StickyPanel extends Element {\r\n constructor()\r\n {\r\n super(...arguments);\r\n const that = this;\r\n that.$root = $(``);\r\n that.$body = $(`
`);\r\n that.$body.appendTo(that.$root);\r\n that.afterRootInit();\r\n }\r\n\r\n getPosition()\r\n {\r\n return '';\r\n }\r\n}\r\n\r\nmodule.exports = StickyPanel;\n\n\n// WEBPACK FOOTER //\n// ./_frontend/public/modules/configurator/elements/sticky-panel/sticky-panel.js","require('./cart.scss');\r\nconst utils = require('public/utils.js');\r\nconst Element = require('../element.js');\r\n\r\n/**\r\n * @property {Array.
} cartItems\r\n * @property {Configurator} configurator\r\n * @property {CartsManger} cartsManager\r\n */\r\nclass Cart extends Element {\r\n constructor()\r\n {\r\n super(...arguments);\r\n\r\n const that = this;\r\n that.$root = $('');\r\n that.$content = $('
');\r\n that.$footer = $('
![](\"${window.mb2ls.phpVars.plugin_root_url}/assets/images/loading.gif\")
` +\r\n `