@ikas/popup-renderer 0.0.7 → 0.0.8

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@ikas/popup-renderer",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "",
   "author": "ucy",
   "license": "ISC",
-  "main": "./build-cjs/index.js",
+  "main": "./build/index.js",
   "module": "./build/index.js",
   "sideEffects": false,
   "files": [

package/build-cjs/ext/mobx-react-lite/es/ObserverComponent.js

@@ -1 +0,0 @@
-"use strict";require("./useObserver.js"),process.env.NODE_ENV;

package/build-cjs/ext/mobx-react-lite/es/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("./utils/assertEnvironment.js");var e=require("react-dom"),r=require("./utils/observerBatching.js");require("./useObserver.js");var s=require("./utils/observerFinalizationRegistry.js"),i=require("./observer.js");require("./ObserverComponent.js"),require("mobx"),require("react"),require("./useAsObservableSource.js"),r.observerBatching(e.unstable_batchedUpdates),s.observerFinalizationRegistry.finalizeAllImmediately,exports.observerBatching=r.observerBatching,exports.observer=i.observer;

package/build-cjs/ext/mobx-react-lite/es/observer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./useObserver.js"),o=!0,t="function"==typeof Symbol&&Symbol.for,n=t?Symbol.for("react.forward_ref"):"function"==typeof e.forwardRef&&e.forwardRef((function(e){return null})).$$typeof,a=t?Symbol.for("react.memo"):"function"==typeof e.memo&&e.memo((function(e){return null})).$$typeof;var f={$$typeof:!0,render:!0,compare:!0,type:!0,displayName:!0};exports.observer=function(t,c){var i;if("production"!==process.env.NODE_ENV&&o&&c&&(o=!1,console.warn("[mobx-react-lite] `observer(fn, { forwardRef: true })` is deprecated, use `observer(React.forwardRef(fn))`")),a&&t.$$typeof===a)throw new Error("[mobx-react-lite] You are trying to use `observer` on a function component wrapped in either another `observer` or `React.memo`. The observer already applies 'React.memo' for you.");var p=null!==(i=null==c?void 0:c.forwardRef)&&void 0!==i&&i,s=t,u=t.displayName||t.name;if(n&&t.$$typeof===n&&(p=!0,"function"!=typeof(s=t.render)))throw new Error("[mobx-react-lite] `render` property of ForwardRef was not a function");var y,d,m=function(e,o){return r.useObserver((function(){return s(e,o)}),u)};return""!==u&&(m.displayName=u),t.contextTypes&&(m.contextTypes=t.contextTypes),p&&(m=e.forwardRef(m)),m=e.memo(m),y=t,d=m,Object.keys(y).forEach((function(e){f[e]||Object.defineProperty(d,e,Object.getOwnPropertyDescriptor(y,e))})),"production"!==process.env.NODE_ENV&&Object.defineProperty(m,"contextTypes",{set:function(){var e;throw new Error("[mobx-react-lite] `".concat(this.displayName||(null===(e=this.type)||void 0===e?void 0:e.displayName)||"Component",".contextTypes` must be set before applying `observer`."))}}),m};

package/build-cjs/ext/mobx-react-lite/es/useAsObservableSource.js

@@ -1 +0,0 @@
-"use strict";require("mobx"),require("react");

package/build-cjs/ext/mobx-react-lite/es/useObserver.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),r=require("react"),t=require("./utils/printDebugValue.js"),n=require("./utils/observerFinalizationRegistry.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(r),i=function(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var n,o,u=t.call(e),i=[];try{for(;(void 0===r||r-- >0)&&!(n=u.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(t=u.return)&&t.call(u)}finally{if(o)throw o.error}}return i};function a(e){return"observer".concat(e)}var c=function(){};function f(){return new c}exports.useObserver=function(r,o){void 0===o&&(o="observed");var c=i(u.default.useState(f),1)[0],l=i(u.default.useState(),2)[1],s=function(){return l([])},d=u.default.useRef(null);d.current||(d.current={reaction:null,mounted:!1,changedBeforeMount:!1});var v,b,g=d.current;if(g.reaction||(g.reaction=new e.Reaction(a(o),(function(){g.mounted?s():g.changedBeforeMount=!0})),n.observerFinalizationRegistry.register(c,g,g)),u.default.useDebugValue(g.reaction,t.printDebugValue),u.default.useEffect((function(){return n.observerFinalizationRegistry.unregister(g),g.mounted=!0,g.reaction?g.changedBeforeMount&&(g.changedBeforeMount=!1,s()):(g.reaction=new e.Reaction(a(o),(function(){s()})),s()),function(){g.reaction.dispose(),g.reaction=null,g.mounted=!1,g.changedBeforeMount=!1}}),[]),g.reaction.track((function(){try{v=r()}catch(e){b=e}})),b)throw b;return v};

package/build-cjs/ext/mobx-react-lite/es/utils/UniversalFinalizationRegistry.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(){function e(e){var t=this;Object.defineProperty(this,"finalize",{enumerable:!0,configurable:!0,writable:!0,value:e}),Object.defineProperty(this,"registrations",{enumerable:!0,configurable:!0,writable:!0,value:new Map}),Object.defineProperty(this,"sweepTimeout",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"sweep",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=1e4),clearTimeout(t.sweepTimeout),t.sweepTimeout=void 0;var i=Date.now();t.registrations.forEach((function(r,n){i-r.registeredAt>=e&&(t.finalize(r.value),t.registrations.delete(n))})),t.registrations.size>0&&t.scheduleSweep()}}),Object.defineProperty(this,"finalizeAllImmediately",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.sweep(0)}})}return Object.defineProperty(e.prototype,"register",{enumerable:!1,configurable:!0,writable:!0,value:function(e,t,i){this.registrations.set(i,{value:t,registeredAt:Date.now()}),this.scheduleSweep()}}),Object.defineProperty(e.prototype,"unregister",{enumerable:!1,configurable:!0,writable:!0,value:function(e){this.registrations.delete(e)}}),Object.defineProperty(e.prototype,"scheduleSweep",{enumerable:!1,configurable:!0,writable:!0,value:function(){void 0===this.sweepTimeout&&(this.sweepTimeout=setTimeout(this.sweep,1e4))}}),e}(),t="undefined"!=typeof FinalizationRegistry?FinalizationRegistry:e;exports.REGISTRY_FINALIZE_AFTER=1e4,exports.REGISTRY_SWEEP_INTERVAL=1e4,exports.TimerBasedFinalizationRegistry=e,exports.UniversalFinalizationRegistry=t;

package/build-cjs/ext/mobx-react-lite/es/utils/assertEnvironment.js

@@ -1 +0,0 @@
-"use strict";var e=require("mobx");if(!require("react").useState)throw new Error("mobx-react-lite requires React with Hooks support");if(!e.makeObservable)throw new Error("mobx-react-lite@3 requires mobx at least version 6 to be available");

package/build-cjs/ext/mobx-react-lite/es/utils/observerBatching.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx");function o(e){e()}exports.defaultNoopBatch=o,exports.observerBatching=function(t){t||(t=o,"production"!==process.env.NODE_ENV&&console.warn("[MobX] Failed to get unstable_batched updates from react-dom / react-native")),e.configure({reactionScheduler:t})};

package/build-cjs/ext/mobx-react-lite/es/utils/observerFinalizationRegistry.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=new(require("./UniversalFinalizationRegistry.js").UniversalFinalizationRegistry)((function(e){var i;null===(i=e.reaction)||void 0===i||i.dispose(),e.reaction=null}));exports.observerFinalizationRegistry=e;

package/build-cjs/ext/mobx-react-lite/es/utils/printDebugValue.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx");exports.printDebugValue=function(r){return e.getDependencyTree(r)};

package/build-cjs/ext/tslib/tslib.es6.mjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=function(r,o){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])},t(r,o)};exports.__assign=function(){return exports.__assign=Object.assign||function(t){for(var r,o=1,e=arguments.length;o<e;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n]);return t},exports.__assign.apply(this,arguments)},"function"==typeof SuppressedError&&SuppressedError,exports.__extends=function(r,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function e(){this.constructor=r}t(r,o),r.prototype=null===o?Object.create(o):(e.prototype=o.prototype,new e)},exports.__spreadArray=function(t,r,o){if(o||2===arguments.length)for(var e,n=0,s=r.length;n<s;n++)!e&&n in r||(e||(e=Array.prototype.slice.call(r,0,n)),e[n]=r[n]);return t.concat(e||Array.prototype.slice.call(r))};

package/build-cjs/index.d.ts

@@ -1,33 +0,0 @@
-export { default as PopupRenderer } from "./popup-renderer/components";
-export type { DynamicData } from "./popup-renderer/components";
-export * as PopupHelpers from "./popup-renderer/helpers";
-export * from "./popup-renderer/models";
-export * from "./popup-renderer/models/settings";
-export * from "./popup-renderer/models/settings/visibility-time";
-export * from "./popup-renderer/models/settings/visibility-condition";
-export * from "./popup-renderer/models/modal";
-export * from "./popup-renderer/models/modal/window-settings";
-export * from "./popup-renderer/models/modal/teaser";
-export * from "./popup-renderer/models/modal/step";
-export * from "./popup-renderer/models/modal/step/elements/base";
-export * from "./popup-renderer/models/modal/step/elements/button";
-export * from "./popup-renderer/models/modal/step/elements/divider";
-export * from "./popup-renderer/models/modal/step/elements/form";
-export * from "./popup-renderer/models/modal/step/elements/form/checkbox";
-export * from "./popup-renderer/models/modal/step/elements/form/customer-attribute";
-export * from "./popup-renderer/models/modal/step/elements/form/customer-birthday";
-export * from "./popup-renderer/models/modal/step/elements/form/customer-email";
-export * from "./popup-renderer/models/modal/step/elements/form/customer-gender";
-export * from "./popup-renderer/models/modal/step/elements/form/customer-name";
-export * from "./popup-renderer/models/modal/step/elements/form/customer-phone";
-export * from "./popup-renderer/models/modal/step/elements/form/customer-surname";
-export * from "./popup-renderer/models/modal/step/elements/form/form-settings";
-export * from "./popup-renderer/models/modal/step/elements/image";
-export * from "./popup-renderer/models/modal/step/elements/image-column";
-export * from "./popup-renderer/models/modal/step/elements/product";
-export * from "./popup-renderer/models/modal/step/elements/product/detail-settings";
-export * from "./popup-renderer/models/modal/step/elements/social";
-export * from "./popup-renderer/models/modal/step/elements/space";
-export * from "./popup-renderer/models/modal/step/elements/text";
-export * from "./popup-renderer/models/modal/background-settings";
-export * from "./popup-renderer/models/modal/close-settings";

package/build-cjs/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./popup-renderer/components/index.js"),t=require("./popup-renderer/helpers/index.js"),r=require("./popup-renderer/models/index.js"),o=require("./popup-renderer/models/settings/index.js"),n=require("./popup-renderer/models/settings/visibility-time/index.js"),p=require("./popup-renderer/models/settings/visibility-condition/index.js"),s=require("./popup-renderer/models/modal/index.js"),i=require("./popup-renderer/models/modal/window-settings/index.js"),m=require("./popup-renderer/models/modal/teaser/index.js"),u=require("./popup-renderer/models/modal/step/index.js"),d=require("./popup-renderer/models/modal/step/elements/base/index.js"),l=require("./popup-renderer/models/modal/step/elements/button/index.js"),a=require("./popup-renderer/models/modal/step/elements/divider/index.js"),c=require("./popup-renderer/models/modal/step/elements/form/index.js"),x=require("./popup-renderer/models/modal/step/elements/form/checkbox/index.js"),P=require("./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js"),E=require("./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js"),y=require("./popup-renderer/models/modal/step/elements/form/customer-email/index.js"),g=require("./popup-renderer/models/modal/step/elements/form/customer-gender/index.js"),b=require("./popup-renderer/models/modal/step/elements/form/customer-name/index.js"),f=require("./popup-renderer/models/modal/step/elements/form/customer-phone/index.js"),j=require("./popup-renderer/models/modal/step/elements/form/customer-surname/index.js"),C=require("./popup-renderer/models/modal/step/elements/form/form-settings/index.js"),I=require("./popup-renderer/models/modal/step/elements/image/index.js"),S=require("./popup-renderer/models/modal/step/elements/image-column/index.js"),T=require("./popup-renderer/models/modal/step/elements/product/index.js"),q=require("./popup-renderer/models/modal/step/elements/product/detail-settings/index.js"),O=require("./popup-renderer/models/modal/step/elements/social/index.js"),F=require("./popup-renderer/models/modal/step/elements/space/index.js"),B=require("./popup-renderer/models/modal/step/elements/text/index.js"),L=require("./popup-renderer/models/modal/background-settings/index.js"),M=require("./popup-renderer/models/modal/close-settings/index.js");exports.PopupRenderer=e,exports.PopupHelpers=t,exports.MOBILE_SCREEN_SIZE=r.MOBILE_SCREEN_SIZE,exports.Popup=r.Popup,Object.defineProperty(exports,"PreviewType",{enumerable:!0,get:function(){return r.PreviewType}}),Object.defineProperty(exports,"DeviceTypeEnum",{enumerable:!0,get:function(){return o.DeviceTypeEnum}}),exports.PopupSettings=o.PopupSettings,exports.VisibilityTime=n.VisibilityTime,exports.VisibilityCondition=p.VisibilityCondition,Object.defineProperty(exports,"VisibilityConditionTypeEnum",{enumerable:!0,get:function(){return p.VisibilityConditionTypeEnum}}),exports.Modal=s.Modal,Object.defineProperty(exports,"PopupPositonEnum",{enumerable:!0,get:function(){return s.PopupPositonEnum}}),Object.defineProperty(exports,"PopupTypeEnum",{enumerable:!0,get:function(){return s.PopupTypeEnum}}),exports.WindowSettings=i.WindowSettings,exports.Teaser=m.Teaser,Object.defineProperty(exports,"VisibilityConditionEnum",{enumerable:!0,get:function(){return m.VisibilityConditionEnum}}),exports.PopupStep=u.PopupStep,exports.BaseElement=d.BaseElement,Object.defineProperty(exports,"ComponentHorizontalAlignmentEnum",{enumerable:!0,get:function(){return d.ComponentHorizontalAlignmentEnum}}),Object.defineProperty(exports,"ComponentVerticalAlignmentEnum",{enumerable:!0,get:function(){return d.ComponentVerticalAlignmentEnum}}),Object.defineProperty(exports,"PopupElementTypeEnum",{enumerable:!0,get:function(){return d.PopupElementTypeEnum}}),exports.ButtonElement=l.ButtonElement,exports.DividerElement=a.DividerElement,exports.FormColumn=c.FormColumn,exports.FormElement=c.FormElement,Object.defineProperty(exports,"FormItemTypeEnum",{enumerable:!0,get:function(){return c.FormItemTypeEnum}}),exports.FormRow=c.FormRow,exports.InputLabel=c.InputLabel,exports.RequiredInput=c.RequiredInput,exports.CheckboxFormItem=x.CheckboxFormItem,exports.ContactPermission=x.ContactPermission,Object.defineProperty(exports,"ContactPermissionTypeEnum",{enumerable:!0,get:function(){return x.ContactPermissionTypeEnum}}),exports.CustomerAttributeFormItem=P.CustomerAttributeFormItem,Object.defineProperty(exports,"CustomerAttributeTypeEnum",{enumerable:!0,get:function(){return P.CustomerAttributeTypeEnum}}),exports.CustomerBirthdayFormItem=E.CustomerBirthdayFormItem,exports.CustomerEmailFormItem=y.CustomerEmailFormItem,exports.CustomerGenderFormItem=g.CustomerGenderFormItem,exports.CustomerNameFormItem=b.CustomerNameFormItem,exports.CustomerPhoneFormItem=f.CustomerPhoneFormItem,exports.CustomerSurnameFormItem=j.CustomerSurnameFormItem,exports.FormInputSettings=C.FormInputSettings,exports.FormSettings=C.FormSettings,exports.IMAGE_SIZE=I.IMAGE_SIZE,exports.ImageElement=I.ImageElement,Object.defineProperty(exports,"ImagePositionEnum",{enumerable:!0,get:function(){return I.ImagePositionEnum}}),exports.ImageColumnElement=S.ImageColumnElement,Object.defineProperty(exports,"ImageColumnPositionEnum",{enumerable:!0,get:function(){return S.ImageColumnPositionEnum}}),exports.MAX_PRODUCT_COUNT=T.MAX_PRODUCT_COUNT,exports.PopupProduct=T.PopupProduct,exports.PopupVariantPair=T.PopupVariantPair,exports.ProductListElement=T.ProductListElement,Object.defineProperty(exports,"ProductListLayoutEnum",{enumerable:!0,get:function(){return T.ProductListLayoutEnum}}),Object.defineProperty(exports,"ProductListSortTypeEnum",{enumerable:!0,get:function(){return T.ProductListSortTypeEnum}}),Object.defineProperty(exports,"ProductListTypeEnum",{enumerable:!0,get:function(){return T.ProductListTypeEnum}}),Object.defineProperty(exports,"ProductActionTypeEnum",{enumerable:!0,get:function(){return q.ProductActionTypeEnum}}),exports.ProductButtonSettings=q.ProductButtonSettings,exports.ProductDetailSettings=q.ProductDetailSettings,exports.ProductDiscountRatioSettings=q.ProductDiscountRatioSettings,exports.ProductImageSettings=q.ProductImageSettings,exports.SocialMediaElement=O.SocialMediaElement,exports.SocialMediaLink=O.SocialMediaLink,Object.defineProperty(exports,"SocialMediaTypeEnum",{enumerable:!0,get:function(){return O.SocialMediaTypeEnum}}),exports.SpaceElement=F.SpaceElement,exports.TextElement=B.TextElement,exports.BackgroundSettings=L.BackgroundSettings,exports.Border=L.Border,Object.defineProperty(exports,"ButtonBorderStyle",{enumerable:!0,get:function(){return L.ButtonBorderStyle}}),exports.Overlay=L.Overlay,exports.Shadow=L.Shadow,Object.defineProperty(exports,"CloseButtonDisplayTypeEnum",{enumerable:!0,get:function(){return M.CloseButtonDisplayTypeEnum}}),Object.defineProperty(exports,"CloseButtonPositionTypeEnum",{enumerable:!0,get:function(){return M.CloseButtonPositionTypeEnum}}),exports.CloseIconSettings=M.CloseIconSettings,Object.defineProperty(exports,"CloseIconTypeEnum",{enumerable:!0,get:function(){return M.CloseIconTypeEnum}}),exports.CloseSettings=M.CloseSettings;

package/build-cjs/popup-renderer/assets/left-arrow.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    className?: string;
-    style?: React.CSSProperties;
-};
-declare const LeftArrow: React.FC<Props>;
-export default LeftArrow;

package/build-cjs/popup-renderer/assets/left-arrow.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("react"));module.exports=function(e){var r=e.className,n=e.style;return t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",style:n,className:"icon "+(r||"")},t.default.createElement("path",{d:"M11.25 13.5L6.75 9L11.25 4.5",stroke:"#697586","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"}))};

package/build-cjs/popup-renderer/assets/right-arrow.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    className?: string;
-    style?: React.CSSProperties;
-};
-declare const RightArrow: React.FC<Props>;
-export default RightArrow;

package/build-cjs/popup-renderer/assets/right-arrow.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("react"));module.exports=function(e){var r=e.className,n=e.style;return t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",style:n,className:"icon "+(r||"")},t.default.createElement("path",{d:"M6.75 13.5L11.25 9L6.75 4.5",stroke:"#697586","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"}))};

package/build-cjs/popup-renderer/assets/x-close.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    className?: string;
-    style?: React.CSSProperties;
-};
-declare const XClose: React.FC<Props>;
-export default XClose;

package/build-cjs/popup-renderer/assets/x-close.js

@@ -1 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("react"));module.exports=function(e){var r=e.className,n=e.style;return t.default.createElement("svg",{className:"icon "+(r||""),width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:n},t.default.createElement("path",{d:"M15 4.99998L5 15M5 4.99998L15 15",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}))};

package/build-cjs/popup-renderer/components/button-element-renderer/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-type Props = {
-    element: ElementType;
-};
-declare const ButtonElementRenderer: React.FC<Props>;
-export default ButtonElementRenderer;

package/build-cjs/popup-renderer/components/button-element-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require('./../../../ext/tslib/tslib.es6.mjs.js'),t=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var o=require("../../helpers/index.js"),r=require('./../../../ext/mobx-react-lite/es/observer.js');function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(t),a=r.observer((function(t){var r=t.element,n={display:"flex",alignItems:"center",justifyContent:o.getHorizontalAlignment(r.horizontalAlignment),padding:"".concat(r.outerVerticalPadding,"px ").concat(r.outerHorizontalPadding,"px"),backgroundColor:r.bgColor},a={color:r.color,backgroundColor:r.buttonBgColor,fontSize:r.fontSize,fontWeight:r.fontWeight,fontFamily:r.fontFamily,textAlign:"center",border:"".concat(r.borderWidth,"px ").concat(r.borderStyle," ").concat(r.borderColor),borderRadius:r.borderRadius,padding:"".concat(r.verticalPadding,"px ").concat(r.horizontalPadding,"px")},l={width:"".concat(r.width,"%"),minWidth:"fit-content"};return i.default.createElement("div",{style:n},i.default.createElement("a",{href:r.link||"",style:l},i.default.createElement("div",{dangerouslySetInnerHTML:{__html:r.text},style:e.__assign({},a)})))}));module.exports=a;

package/build-cjs/popup-renderer/components/divider-element-renderer/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-type Props = {
-    element: ElementType;
-};
-declare const DividerElementRenderer: React.FC<Props>;
-export default DividerElementRenderer;

package/build-cjs/popup-renderer/components/divider-element-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var r=require("../../helpers/index.js"),t=require('./../../../ext/mobx-react-lite/es/observer.js');function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),i=t.observer((function(e){var t=e.element,o={display:"flex",alignItems:"center",justifyContent:r.getHorizontalAlignment(t.horizontalAlignment),padding:"".concat(t.verticalPadding,"px ").concat(t.horizontalPadding,"px"),backgroundColor:t.bgColor,width:"100%"},i={backgroundColor:t.borderColor,width:"".concat(t.width,"%"),height:"".concat(t.borderWidth,"px"),borderRadius:"".concat(t.borderRadius,"px")};return n.default.createElement("div",{style:o},n.default.createElement("div",{style:i}))}));module.exports=i;

package/build-cjs/popup-renderer/components/form-element-renderer/checkbox-item-view/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { CheckboxFormItem } from "../../../models/modal/step/elements/form/checkbox";
-type Props = {
-    checkboxItem: CheckboxFormItem;
-};
-export declare const CheckboxItemView: React.FC<Props>;
-export {};

package/build-cjs/popup-renderer/components/form-element-renderer/checkbox-item-view/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require('./../../../../ext/mobx-react-lite/es/index.js');var t=require('./../../../../ext/mobx-react-lite/es/observer.js');function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),a=t.observer((function(e){var t=e.checkboxItem;l.default.useEffect((function(){t.showInCheckedStatus?t.isChecked=!0:t.isChecked=!1}),[t.showInCheckedStatus]);var r=t.requiredToBeChecked;return l.default.createElement("div",{style:{width:"100%",display:"flex",gap:6,flexDirection:"column"}},l.default.createElement("div",{style:{width:"100%",display:"flex",gap:8,flexDirection:"row",alignItems:"center"}},l.default.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer"},type:"checkbox",checked:t.isChecked,onChange:function(){t.isChecked=!t.isChecked}}),l.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:4}},l.default.createElement("div",{dangerouslySetInnerHTML:{__html:t.text}}),!!r&&l.default.createElement("span",null,"*"))),!!r&&r.hasError&&l.default.createElement("div",{style:{color:"red",fontSize:"12px"}},r.validationErrorMessage))}));exports.CheckboxItemView=a;

package/build-cjs/popup-renderer/components/form-element-renderer/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-type Props = {
-    element: ElementType;
-};
-declare const FormElementRenderer: React.FC<Props>;
-export default FormElementRenderer;

package/build-cjs/popup-renderer/components/form-element-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var t=require("../../helpers/index.js"),n=require("../../models/modal/step/elements/form/index.js"),r=require("../button-element-renderer/index.js"),o=require("./input-item-view/index.js"),i=require("./checkbox-item-view/index.js"),a=require('./../../../ext/mobx-react-lite/es/observer.js');function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),m=a.observer((function(e){var a=e.element,l=a.rows.slice().sort((function(e,t){return e.order-t.order})),m=a.formSettings,c=a.buttonSettings,d=a.bgColor,s={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:t.getHorizontalAlignment(a.horizontalAlignment),gap:"".concat(m.gapBetweenItems,"px"),padding:"".concat(a.verticalPadding,"px ").concat(a.horizontalPadding,"px"),backgroundColor:d,width:"100%"},f={display:"flex",flexDirection:"row",width:"100%",gap:"".concat(m.gapBetweenItems,"px")},p={flex:1,display:"flex",alignItems:"flex-end"},E={width:"".concat(c.width,"%"),minWidth:"fit-content"};return u.default.createElement("div",{style:s},l.map((function(e,t){return u.default.createElement("div",{style:f,key:t},e.columns.slice().sort((function(e,t){return e.order-t.order})).map((function(e,t){return u.default.createElement("div",{style:p,key:t},function(e){switch(e.type){case n.FormItemTypeEnum.CUSTOMER_BIRTHDAY:case n.FormItemTypeEnum.CUSTOMER_EMAIL:case n.FormItemTypeEnum.CUSTOMER_GENDER:case n.FormItemTypeEnum.CUSTOMER_PHONE:case n.FormItemTypeEnum.CUSTOMER_NAME:case n.FormItemTypeEnum.CUSTOMER_SURNAME:var t=e.formItem;return u.default.createElement(o,{formInputSettings:m.formInputSettings,inputLabel:t.inputLabel,isRequired:t.required,onValueChange:function(e){return t.value=e},placeholder:t.placeholder,updateCurrentInfo:t.updateCurrentInfo,value:t.value||""});case n.FormItemTypeEnum.CHECKBOX_FORM_ITEM:return u.default.createElement(i.CheckboxItemView,{checkboxItem:e.formItem})}}(e))})))})),u.default.createElement("div",{style:E,onClick:function(){}},u.default.createElement(r,{element:c})," "))}));module.exports=m;

package/build-cjs/popup-renderer/components/form-element-renderer/input-item-view/index.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { InputLabel, RequiredInput } from "../../../models/modal/step/elements/form";
-import { FormInputSettings } from "../../../models/modal/step/elements/form/form-settings";
-type Props = {
-    placeholder: string;
-    isRequired?: RequiredInput | null;
-    inputLabel?: InputLabel | null;
-    updateCurrentInfo: boolean;
-    value: string | null;
-    formInputSettings: FormInputSettings;
-    onValueChange: (value: string) => void;
-};
-declare const InputItemView: React.FC<Props>;
-export default InputItemView;

package/build-cjs/popup-renderer/components/form-element-renderer/input-item-view/index.js

@@ -1 +0,0 @@
-"use strict";var e=require("react");require('./../../../../ext/mobx-react-lite/es/index.js');var t=require('./../../../../ext/mobx-react-lite/es/observer.js');function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e),l=t.observer((function(e){var t=o.default.useState(!1),r=t[0],l=t[1],a=e.placeholder,n=e.isRequired,i=e.inputLabel;e.updateCurrentInfo;var u=e.formInputSettings,d=e.value,c=e.onValueChange,s={width:"100%",backgroundColor:u.bgColor,border:"".concat(u.borderWidth,"px solid ").concat(r?u.focusBorderColor:u.borderColor),borderRadius:"".concat(u.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(u.height,"px")};return o.default.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(i||n)&&o.default.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},o.default.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},i&&o.default.createElement("label",{style:{color:"black",fontSize:"14px"}},i.text),n&&o.default.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),n&&n.hasError&&o.default.createElement("div",{style:{color:"red",fontSize:"12px"}},n.validationErrorMessage)),o.default.createElement("input",{type:"text",placeholder:a,value:d||"",onChange:function(e){return c(e.target.value)},style:s,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));module.exports=l;

package/build-cjs/popup-renderer/components/image-column-element-renderer/index.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-import { Popup } from "../../models";
-type Props = {
-    element: ElementType;
-    popup: Popup;
-    editModeChildren?: React.ReactElement;
-};
-declare const ImageColumnElementRenderer: React.FC<Props>;
-export default ImageColumnElementRenderer;

package/build-cjs/popup-renderer/components/image-column-element-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var t=require("../../models/modal/step/elements/image-column/index.js"),o=require('./../../../ext/mobx-react-lite/es/observer.js');function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=d(e),r=o.observer((function(e){var o=e.element,d=e.popup,r=e.editModeChildren,a=o;a.cdnURL||(a.cdnURL=d.cdnURL),a.merchantId||(a.merchantId=d.merchantId);var n=d.modal.windowSettings,s={width:n.takeFullWidth?"100%":n.maxWidth,height:"100%"};if(!a.src&&d.isPreviewMode&&r)return i.default.createElement("div",{style:s},r);var c=a.imagePosition===t.ImageColumnPositionEnum.LEFT_ALIGN,l={objectFit:"cover",height:"100%",borderTopRightRadius:c?void 0:"".concat(d.modal.windowSettings.borderRadius,"px"),borderBottomRightRadius:c?void 0:"".concat(d.modal.windowSettings.borderRadius,"px"),borderTopLeftRadius:c?"".concat(d.modal.windowSettings.borderRadius,"px"):void 0,borderBottomLeftRadius:c?"".concat(d.modal.windowSettings.borderRadius,"px"):void 0};return i.default.createElement("a",{href:a.link||void 0,style:s},a.src&&i.default.createElement("img",{src:a.src||void 0,width:"100% !important",style:l}))}));module.exports=r;

package/build-cjs/popup-renderer/components/image-element-renderer/index.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-import { Popup } from "../../models";
-type Props = {
-    element: ElementType;
-    popup: Popup;
-    editModeChildren?: React.ReactElement;
-};
-declare const ImageElementRenderer: React.FC<Props>;
-export default ImageElementRenderer;

package/build-cjs/popup-renderer/components/image-element-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require('./../../../ext/tslib/tslib.es6.mjs.js'),t=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var i=require("../../helpers/index.js"),n=require("../../models/modal/step/elements/image/index.js"),o=require('./../../../ext/mobx-react-lite/es/observer.js');function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),d=o.observer((function(t){var o=t.element,r=t.popup,d=t.editModeChildren,l=o;if(l.cdnURL||(l.cdnURL=r.cdnURL),l.merchantId||(l.merchantId=r.merchantId),!l.src&&r.isPreviewMode&&d)return d;var s={display:"flex",alignItems:"center",justifyContent:i.getHorizontalAlignment(l.horizontalAlignment),padding:"".concat(l.verticalPadding,"px ").concat(l.horizontalPadding,"px"),backgroundColor:l.bgColor,maxWidth:"100%"},c={borderRadius:"".concat(l.borderRadius,"px"),objectFit:"contain",width:"".concat(l.maxWidth,"%")};return l.imagePosition===n.ImagePositionEnum.DISABLE_FLOAT?a.default.createElement("a",{href:l.link||void 0,style:s},a.default.createElement("img",{src:l.src||void 0,width:100===l.maxWidth?"100% !important":void 0,style:c})):a.default.createElement("img",{src:l.src||void 0,width:100===l.maxWidth?"100% !important":void 0,style:e.__assign(e.__assign({},c),{padding:"".concat(l.verticalPadding,"px ").concat(l.horizontalPadding,"px"),backgroundColor:l.bgColor,float:l.imagePosition===n.ImagePositionEnum.FLOAT_LEFT?"left":"right"}),onClick:function(){l.link&&window.open(l.link,"_blank")}})}));module.exports=d;

package/build-cjs/popup-renderer/components/index.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { DashboardComponents, Popup, PopupProductDictionary } from "../models";
-import "../style.css";
-type Props = {
-    popup: Popup;
-    dynamicData: DynamicData;
-    dashboardComponents?: DashboardComponents;
-};
-export type DynamicData = {
-    products: PopupProductDictionary;
-};
-declare const PopupRenderer: React.FC<Props>;
-export default PopupRenderer;

package/build-cjs/popup-renderer/components/index.js

@@ -1 +0,0 @@
-"use strict";var e=require("react");require('./../../ext/mobx-react-lite/es/index.js');var t=require("../models/modal/index.js"),n=require("../assets/x-close.js"),o=require("../models/modal/close-settings/index.js"),r=require("../models/modal/step/elements/base/index.js"),i=require("./text-element-renderer/index.js"),l=require("./button-element-renderer/index.js"),u=require("./space-element-renderer/index.js"),s=require("./divider-element-renderer/index.js"),d=require("./social-element-renderer/index.js"),a=require("./image-element-renderer/index.js"),p=require("./image-column-element-renderer/index.js"),m=require("./product-list-renderer/index.js"),c=require("./form-element-renderer/index.js"),E=require("../models/modal/step/elements/image-column/index.js"),P=require('./../../ext/mobx-react-lite/es/observer.js');function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=f(e),x=P.observer((function(e){var P,f,x,y,g=e.popup,O=e.dynamicData,v=e.dashboardComponents,C=g.modal,I=C.teaser,_=!!C.selectedStep.isTeaser,b=C.selectedStep.elements.find((function(e){return e.type===r.PopupElementTypeEnum.IMAGE_COLUMN})),h=_?I.backgroundSettings:C.backgroundSettings,A=_?I.windowSettings:C.windowSettings,R=_?I.closeSettings:C.closeSettings,D=h.allowScrollingWhenPopupOpen;document.body.style.overflow=D?"auto":"hidden";var S=h.overlay,M=h.border,w="center",B="center";switch(_?t.PopupTypeEnum.POPUP:C.type){case t.PopupTypeEnum.POPUP:var j=_?I.position:C.position;j===t.PopupPositonEnum.POPUP_TOP_LEFT?(w="flex-start",B="flex-start"):j===t.PopupPositonEnum.POPUP_TOP_CENTER?(w="center",B="flex-start"):j===t.PopupPositonEnum.POPUP_TOP_RIGHT?(w="flex-end",B="flex-start"):j===t.PopupPositonEnum.POPUP_MIDDLE_LEFT?(w="flex-start",B="center"):j===t.PopupPositonEnum.POPUP_MIDDLE_CENTER?(w="center",B="center"):j===t.PopupPositonEnum.POPUP_MIDDLE_RIGHT?(w="flex-end",B="center"):j===t.PopupPositonEnum.POPUP_BOTTOM_LEFT?(w="flex-start",B="flex-end"):j===t.PopupPositonEnum.POPUP_BOTTOM_CENTER?(w="center",B="flex-end"):j===t.PopupPositonEnum.POPUP_BOTTOM_RIGHT&&(w="flex-end",B="flex-end");break;case t.PopupTypeEnum.DRAWER:C.position===t.PopupPositonEnum.DRAWER_LEFT?(w="flex-start",B="center"):C.position===t.PopupPositonEnum.DRAWER_RIGHT&&(w="flex-end",B="center");break;case t.PopupTypeEnum.NOTIFICATION_BAR:C.position===t.PopupPositonEnum.NOTIFICATION_BAR_UP?(w="center",B="flex-start"):C.position===t.PopupPositonEnum.NOTIFICATION_BAR_DOWN&&(w="center",B="flex-end")}var k={position:"fixed",display:"flex",justifyContent:w,alignItems:B,top:0,left:0,right:0,bottom:0,zIndex:1e3,overflow:"hidden",padding:"".concat(A.outerVerticalPadding,"px ").concat(A.outerHorizontalPadding,"px")},N={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:1001,backgroundColor:S?S.bgColor:"",opacity:S?(S.bgOpacity||100)/100:void 0},L={position:"relative",zIndex:1002,opacity:1,display:"flex",flexDirection:b?b.imagePosition===E.ImageColumnPositionEnum.LEFT_ALIGN?"row-reverse":"row":"column",backgroundColor:h.bgColor,border:M?"".concat(M.borderWidth,"px ").concat(M.borderStyle," ").concat(M.borderColor):"",borderRadius:"".concat(A.borderRadius,"px"),width:A.takeFullWidth?"100%":void 0,maxWidth:"100%",maxHeight:"100%",height:A.takeFullHeight?"100%":A.maxHeight,boxShadow:h.shadow?"0 0 10px ".concat(h.shadow.color):""},q="";switch(null==b?void 0:b.verticalAlignment){case r.ComponentVerticalAlignmentEnum.BOTTOM:q="flex-end";break;case r.ComponentVerticalAlignmentEnum.MIDDLE:q="center";break;case r.ComponentVerticalAlignmentEnum.TOP:q="flex-start"}var U={width:A.takeFullWidth?"100%":A.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",alignItems:q,borderRadius:"".concat(A.borderRadius,"px")},W={position:R.closeButtonPositionType===o.CloseButtonPositionTypeEnum.TAKE_SPACE?"relative":"absolute",float:R.closeButtonPositionType===o.CloseButtonPositionTypeEnum.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:1003},F={position:"sticky",padding:"6px",marginLeft:R.closeButtonPositionType===o.CloseButtonPositionTypeEnum.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(P=R.iconSettings)||void 0===P?void 0:P.type)===o.CloseIconTypeEnum.WITH_BORDER?"1px solid ".concat(null===(f=R.iconSettings)||void 0===f?void 0:f.color):"",borderRadius:"50%",backgroundColor:null===(x=R.iconSettings)||void 0===x?void 0:x.backgroundColor},H={color:null===(y=R.iconSettings)||void 0===y?void 0:y.color,cursor:"pointer"},V=function(e){var t=e.type,n=v&&v[t]&&v[t].length?v[t][0]:null,o=n&&g.marketingPopupViewModel?T.default.createElement(n,{element:e,marketingPopupViewModel:g.marketingPopupViewModel}):void 0;switch(t){case r.PopupElementTypeEnum.TEXT:return T.default.createElement(i,{element:e});case r.PopupElementTypeEnum.IMAGE:return T.default.createElement(a,{element:e,popup:g,editModeChildren:o});case r.PopupElementTypeEnum.IMAGE_COLUMN:return T.default.createElement(p,{element:e,popup:g,editModeChildren:o});case r.PopupElementTypeEnum.BUTTON:return T.default.createElement(l,{element:e});case r.PopupElementTypeEnum.DIVIDER:return T.default.createElement(s,{element:e});case r.PopupElementTypeEnum.FORM:return T.default.createElement(c,{element:e});case r.PopupElementTypeEnum.PRODUCT_LIST:return T.default.createElement(m,{element:e,products:O.products[e.id],popup:g,editModeChildren:o});case r.PopupElementTypeEnum.SOCIAL_MEDIA:return T.default.createElement(d,{element:e,popup:g,editModeChildren:o});case r.PopupElementTypeEnum.SPACE:return T.default.createElement(u,{element:e})}};return T.default.createElement("div",{className:"default-styles",id:"ikas-popup-container",style:k,onClick:function(e){_&&(C.selectedStep=C.steps[0])}},T.default.createElement("div",{style:L},R.closeButtonDisplayType!==o.CloseButtonDisplayTypeEnum.ALWAYS_HIDDEN&&T.default.createElement("div",{style:W},T.default.createElement("div",{style:F,className:R.closeButtonDisplayType===o.CloseButtonDisplayTypeEnum.VISIBLE_ON_HOVER?"visible-on-hover":""},T.default.createElement(n,{style:H}))),T.default.createElement("div",{style:U},C.selectedStep.elements.filter((function(e){return e.type!==r.PopupElementTypeEnum.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return V(e)}))),b&&V(b)),T.default.createElement("div",{style:N}))}));module.exports=x;

package/build-cjs/popup-renderer/components/product-list-renderer/index.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-import { PopupProduct } from "../../models/modal/step/elements/product";
-import { Popup } from "../../models";
-type Props = {
-    element: ElementType;
-    products: PopupProduct[];
-    editModeChildren?: React.ReactElement;
-    popup: Popup;
-};
-declare const ProductListElementRenderer: React.FC<Props>;
-export default ProductListElementRenderer;

package/build-cjs/popup-renderer/components/product-list-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require('./../../../ext/tslib/tslib.es6.mjs.js'),t=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var o=require("../../helpers/index.js"),n=require("../../models/modal/step/elements/product/index.js"),i=require("../button-element-renderer/index.js"),l=require("swiper/modules"),d=require("swiper/react"),r=require("../../assets/left-arrow.js"),a=require("../../assets/right-arrow.js"),u=require('./../../../ext/mobx-react-lite/es/observer.js');function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(t),v=u.observer((function(t){var u,c=t.element,v=t.products,g=t.popup,f=t.editModeChildren,m=s.default.useState(null),p=m[0],b=m[1],h=s.default.useState(!1),y=h[0],x=h[1],E=s.default.useState(!1),C=E[0],P=E[1],S=c,w=[];if(v&&(w=S.listType===n.ProductListTypeEnum.SPECIFIC?(null===(u=S.variantPairs)||void 0===u?void 0:u.length)?v.slice().sort((function(e,t){return S.variantPairs.findIndex((function(t){return t.variantId===e.variantId}))-S.variantPairs.findIndex((function(e){return e.variantId===t.variantId}))})):[]:e.__spreadArray([],v,!0)),w.length>S.maxProductsToShow&&(w.length=S.maxProductsToShow),!(w&&w.length||!g.isPreviewMode)&&f)return f;if(!w||!w.length)return null;S.gapBetweenProductElements;var z=S.productDetailSettings.image,R=S.productDetailSettings.button,_=S.buttonSettings,j=S.productDetailSettings.discountRatio,W=S.productDetailSettings.finalPrice,I=S.productDetailSettings.originalPrice,F=S.productDetailSettings.name,L=o.getHorizontalAlignment(S.horizontalAlignment),q=1;S.layout===n.ProductListLayoutEnum.ONE_COLUMN?q=1:S.layout===n.ProductListLayoutEnum.TWO_COLUMN?q=2:S.layout===n.ProductListLayoutEnum.THREE_COLUMN&&(q=3);var A={padding:"".concat(S.verticalPadding,"px ").concat(S.horizontalPadding,"px"),backgroundColor:S.productBgColor,width:"100%",height:"max-content"},k={display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",height:"100%"},D={display:"flex",justifyContent:L,alignItems:"center",width:"100%",backgroundColor:null==z?void 0:z.bgColor,borderRadius:(null==z?void 0:z.borderRadius)?"".concat(z.borderRadius,"px"):void 0},N={width:"".concat(null==z?void 0:z.maxWidth,"%"),objectFit:"contain",borderRadius:(null==z?void 0:z.borderRadius)?"".concat(z.borderRadius,"px"):void 0},B={display:"flex",flexDirection:"column",width:"100%"},T={display:"flex",flexDirection:"column"},M={backgroundColor:null==F?void 0:F.bgColor,color:null==F?void 0:F.color,fontFamily:null==F?void 0:F.fontFamily,fontSize:null==F?void 0:F.fontSize,fontWeight:null==F?void 0:F.fontWeight,padding:"".concat(null==F?void 0:F.verticalPadding,"px ").concat(null==F?void 0:F.horizontalPadding,"px"),width:"100%",textAlign:null==F?void 0:F.horizontalAlignment,border:"".concat(null==F?void 0:F.borderWidth,"px ").concat(null==F?void 0:F.borderStyle," ").concat(null==F?void 0:F.borderColor),borderRadius:null==F?void 0:F.borderRadius},O={backgroundColor:null==j?void 0:j.bgColor,color:null==j?void 0:j.color,fontFamily:null==j?void 0:j.fontFamily,fontSize:null==j?void 0:j.fontSize,fontWeight:null==j?void 0:j.fontWeight,padding:"".concat(null==j?void 0:j.verticalPadding,"px ").concat(null==j?void 0:j.horizontalPadding,"px"),width:"100%",textAlign:null==j?void 0:j.horizontalAlignment,border:"".concat(null==j?void 0:j.borderWidth,"px ").concat(null==j?void 0:j.borderStyle," ").concat(null==j?void 0:j.borderColor),borderRadius:null==j?void 0:j.borderRadius},U={textDecoration:"line-through",backgroundColor:null==I?void 0:I.bgColor,color:null==I?void 0:I.color,fontFamily:null==I?void 0:I.fontFamily,fontSize:null==I?void 0:I.fontSize,fontWeight:null==I?void 0:I.fontWeight,padding:"".concat(null==I?void 0:I.verticalPadding,"px ").concat(null==I?void 0:I.horizontalPadding,"px"),width:"100%",textAlign:null==I?void 0:I.horizontalAlignment,border:"".concat(null==I?void 0:I.borderWidth,"px ").concat(null==I?void 0:I.borderStyle," ").concat(null==I?void 0:I.borderColor),borderRadius:null==I?void 0:I.borderRadius},$={backgroundColor:null==W?void 0:W.bgColor,color:null==W?void 0:W.color,fontFamily:null==W?void 0:W.fontFamily,fontSize:null==W?void 0:W.fontSize,fontWeight:null==W?void 0:W.fontWeight,padding:"".concat(null==W?void 0:W.verticalPadding,"px ").concat(null==W?void 0:W.horizontalPadding,"px"),width:"100%",textAlign:null==W?void 0:W.horizontalAlignment,border:"".concat(null==W?void 0:W.borderWidth,"px ").concat(null==W?void 0:W.borderStyle," ").concat(null==W?void 0:W.borderColor),borderRadius:null==W?void 0:W.borderRadius},H={width:"".concat(_.width,"%"),minWidth:"fit-content"},V=e.__assign({display:"flex",justifyContent:"center",width:"100%",gap:"10px"},1===q?{position:"absolute",top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"space-between",zIndex:10}:void 0),G={padding:10,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100%",border:"1px solid #EEF2F6",cursor:"pointer"};return s.default.createElement("div",{style:A},s.default.createElement(d.Swiper,{onSwiper:b,modules:[l.Navigation,l.Scrollbar],spaceBetween:S.gapBetweenProducts,slidesPerView:q,navigation:{nextEl:".custom-next-button",prevEl:".custom-prev-button"},scrollbar:void 0},w.map((function(e,t){return s.default.createElement(d.SwiperSlide,{style:{height:"auto"},key:e.variantId},s.default.createElement("div",{style:k},s.default.createElement("div",{style:B},!!z&&e.imageURL&&s.default.createElement("div",{style:D},s.default.createElement("img",{src:e.imageURL||void 0,alt:e.name||void 0,style:N})),(!!F||!!j)&&s.default.createElement("div",{style:T},!!F&&s.default.createElement("div",{style:M},e.name),!!j&&!!e.discountPrice&&s.default.createElement("div",{style:O},e.$discountRatio)),(!!I||!!W)&&s.default.createElement("div",null,!!I&&!!e.discountPrice&&s.default.createElement("div",{style:U},e.$price),!!W&&s.default.createElement("div",{style:$},e.$discountPrice||e.$price))),!!R&&s.default.createElement("div",{style:H,onClick:function(){}}," ",s.default.createElement(i,{element:_})," ")))})),s.default.createElement("div",{style:V},s.default.createElement("div",{className:"custom-prev-button",style:e.__assign(e.__assign({},G),y?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){p&&(p.slidePrev(),P(p.isEnd),x(p.isBeginning))}},s.default.createElement(r,null)),s.default.createElement("div",{className:"custom-next-button",style:e.__assign(e.__assign({},G),C?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){p&&(p.slideNext(),P(p.isEnd),x(p.isBeginning))}},s.default.createElement(a,null)))))}));module.exports=v;

package/build-cjs/popup-renderer/components/social-element-renderer/index.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-import { Popup } from "../../models";
-type Props = {
-    element: ElementType;
-    popup: Popup;
-    editModeChildren?: React.ReactElement;
-};
-declare const SocialElementRenderer: React.FC<Props>;
-export default SocialElementRenderer;

package/build-cjs/popup-renderer/components/social-element-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var t=require("../../helpers/index.js"),r=require('./../../../ext/mobx-react-lite/es/observer.js');function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),o=r.observer((function(e){var r=e.element,n=r.socialMediaLinks.filter((function(e){return!!e.link})).sort((function(e,t){return e.order-t.order}));if(!n.length&&e.editModeChildren&&e.popup.isPreviewMode)return e.editModeChildren;var o={display:"flex",alignItems:"center",justifyContent:t.getHorizontalAlignment(r.horizontalAlignment),padding:"".concat(r.verticalPadding,"px ").concat(r.horizontalPadding,"px"),backgroundColor:r.bgColor,width:"100%"},l={display:"flex",alignItems:"center",gap:"".concat(r.gapBetweenLogos,"px")};return i.default.createElement("div",{style:o},i.default.createElement("div",{style:l},n.map((function(e,t){return i.default.createElement("a",{href:e.link||"",key:t},i.default.createElement("img",{src:e.iconUrlWithoutHash||"",width:24,height:24}))}))))}));module.exports=o;

package/build-cjs/popup-renderer/components/space-element-renderer/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-type Props = {
-    element: ElementType;
-};
-declare const SpaceElementRenderer: React.FC<Props>;
-export default SpaceElementRenderer;

package/build-cjs/popup-renderer/components/space-element-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var r=require('./../../../ext/mobx-react-lite/es/observer.js');function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e),a=r.observer((function(e){var r=e.element,t={backgroundColor:r.bgColor,padding:"".concat(r.verticalPadding,"px ").concat(r.horizontalPadding,"px"),height:r.height,width:"100%"};return o.default.createElement("div",{style:t})}));module.exports=a;

package/build-cjs/popup-renderer/components/text-element-renderer/index.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { ElementType } from "../../models/modal/step";
-type Props = {
-    element: ElementType;
-};
-declare const TextElementRenderer: React.FC<Props>;
-export default TextElementRenderer;

package/build-cjs/popup-renderer/components/text-element-renderer/index.js

@@ -1 +0,0 @@
-"use strict";var e=require('./../../../ext/tslib/tslib.es6.mjs.js'),t=require("react");require('./../../../ext/mobx-react-lite/es/index.js');var o=require('./../../../ext/mobx-react-lite/es/observer.js');function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),a=o.observer((function(t){var o=t.element,r=o,a={backgroundColor:r.bgColor,border:"".concat(r.borderWidth,"px ").concat(r.borderStyle," ").concat(r.borderColor),borderRadius:r.borderRadius,padding:"".concat(r.outerVerticalPadding,"px ").concat(r.outerHorizontalPadding,"px")},i={color:r.color,fontSize:r.fontSize,fontWeight:r.fontWeight,fontFamily:r.fontFamily,textAlign:r.horizontalAlignment,padding:"".concat(r.verticalPadding,"px ").concat(r.horizontalPadding,"px")};return n.default.createElement("div",{style:a},n.default.createElement("div",{dangerouslySetInnerHTML:{__html:o.text},style:e.__assign({},i)}))}));module.exports=a;

package/build-cjs/popup-renderer/helpers/index.d.ts

@@ -1,7 +0,0 @@
-import { Popup } from "../models";
-import { ComponentHorizontalAlignmentEnum } from "../models/modal/step/elements/base";
-import { PopupVariantPair } from "../models/modal/step/elements/product";
-export declare const getPopupDynamicData: (model: Popup) => {
-    variantPairs: PopupVariantPair[];
-};
-export declare const getHorizontalAlignment: (position: ComponentHorizontalAlignmentEnum) => string;

package/build-cjs/popup-renderer/helpers/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext/tslib/tslib.es6.mjs.js'),n=require("../models/modal/step/elements/base/index.js");exports.getHorizontalAlignment=function(e){var t="";switch(e){case n.ComponentHorizontalAlignmentEnum.LEFT:t="flex-start";break;case n.ComponentHorizontalAlignmentEnum.CENTER:t="center";break;case n.ComponentHorizontalAlignmentEnum.RIGHT:t="flex-end"}return t},exports.getPopupDynamicData=function(t){var r=[];return t.modal.steps.forEach((function(t){t.elements.forEach((function(t){if(t.type===n.PopupElementTypeEnum.PRODUCT_LIST){var a=t.variantPairs;a&&(r=e.__spreadArray(e.__spreadArray([],r,!0),a,!0))}}))})),{variantPairs:r}};

package/build-cjs/popup-renderer/models/index.d.ts

@@ -1,47 +0,0 @@
-import { PopupSettings } from "./settings";
-import { Modal } from "./modal";
-import { PopupProduct } from "./modal/step/elements/product";
-import { ComponentClass } from "react";
-import { ElementType } from "./modal/step";
-export declare enum PreviewType {
-    DESKTOP = "DESKTOP",
-    MOBILE = "MOBILE"
-}
-export declare const MOBILE_SCREEN_SIZE = 468;
-export type PopupProductDictionary = Record<string, PopupProduct[]>;
-export type DashboardComponentsProps = {
-    element: ElementType;
-    marketingPopupViewModel: IMarketingPopupViewModel;
-};
-export type DashboardComponents = {
-    [key: string]: ComponentClass<DashboardComponentsProps, any>[];
-};
-export declare class Popup {
-    id: string;
-    settings: PopupSettings;
-    modal: Modal;
-    pagePreviewType: PreviewType;
-    cdnURL: string;
-    merchantId: string;
-    storeUrl: string;
-    marketingPopupViewModel?: IMarketingPopupViewModel;
-    private products;
-    constructor(data: Partial<Popup>, cdnURL: string, merchantId: string);
-    set $products(products: PopupProduct[]);
-    get $products(): PopupProduct[];
-    get isPreviewMode(): boolean;
-    static fontFamilyOptions(): IOption[];
-}
-export interface IMarketingPopupViewModel {
-    popup: Popup;
-    pageFrameSize: number;
-    isTeaaserSelected: boolean;
-    activeElementPanelKeys: string[];
-    products: PopupProductDictionary;
-    t: any;
-}
-type IOption = {
-    value: string;
-    label: string;
-};
-export {};

package/build-cjs/popup-renderer/models/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=require("mobx"),r=require("./settings/index.js"),t=require("./modal/index.js");exports.PreviewType=void 0,(e=exports.PreviewType||(exports.PreviewType={})).DESKTOP="DESKTOP",e.MOBILE="MOBILE";var o=function(){function e(e,o,i){this.id=e.id||Date.now().toString(),this.settings=new r.PopupSettings(e.settings||{}),this.modal=new t.Modal(e.modal||{}),this.pagePreviewType=e.pagePreviewType||exports.PreviewType.DESKTOP,this.cdnURL=o,this.merchantId=i,this.storeUrl=e.storeUrl||"",this.products=[],this.marketingPopupViewModel=e.marketingPopupViewModel||void 0,a.makeObservable(this,{id:a.observable,settings:a.observable,modal:a.observable,pagePreviewType:a.observable,cdnURL:a.observable,merchantId:a.observable,storeUrl:a.observable,products:a.observable,marketingPopupViewModel:a.observable,isPreviewMode:a.computed})}return Object.defineProperty(e.prototype,"$products",{get:function(){return this.products},set:function(e){this.products=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isPreviewMode",{get:function(){return!!this.marketingPopupViewModel},enumerable:!1,configurable:!0}),e.fontFamilyOptions=function(){return[{value:"Arial",label:"Arial"},{value:"Helvetica",label:"Helvetica"},{value:"Times New Roman",label:"Times New Roman"},{value:"Courier",label:"Courier"},{value:"Verdana",label:"Verdana"},{value:"Georgia",label:"Georgia"},{value:"Palatino",label:"Palatino"},{value:"Garamond",label:"Garamond"},{value:"Bookman",label:"Bookman"},{value:"Comic Sans MS",label:"Comic Sans MS"},{value:"Trebuchet MS",label:"Trebuchet MS"},{value:"Arial Black",label:"Arial Black"},{value:"Impact",label:"Impact"}]},e}();exports.MOBILE_SCREEN_SIZE=468,exports.Popup=o;

package/build-cjs/popup-renderer/models/modal/background-settings/index.d.ts

@@ -1,29 +0,0 @@
-export declare class BackgroundSettings {
-    bgColor: string;
-    overlay: Overlay | null;
-    shadow: Shadow | null;
-    border: Border | null;
-    allowScrollingWhenPopupOpen: boolean;
-    constructor(data: Partial<BackgroundSettings>);
-}
-export declare class Overlay {
-    bgColor: string;
-    bgOpacity: number;
-    constructor(data: Partial<Overlay>);
-}
-export declare class Shadow {
-    color: string;
-    bgOpacity: number;
-    constructor(data: Partial<Shadow>);
-}
-export declare enum ButtonBorderStyle {
-    SOLID = "solid",
-    DASHED = "dashed",
-    DOTTED = "dotted"
-}
-export declare class Border {
-    borderColor: string;
-    borderWidth: number;
-    borderStyle: ButtonBorderStyle;
-    constructor(data: Partial<Border>);
-}

package/build-cjs/popup-renderer/models/modal/background-settings/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,o=require("mobx"),r=function(e){this.bgColor=e.bgColor||"#FFFFFF",this.overlay=e.overlay?new t(e.overlay):new t({}),this.shadow=e.shadow?new b(e.shadow):null,this.border=e.border?new l(e.border):null,this.allowScrollingWhenPopupOpen=e.allowScrollingWhenPopupOpen||!1,o.makeObservable(this,{bgColor:o.observable,overlay:o.observable,shadow:o.observable,border:o.observable,allowScrollingWhenPopupOpen:o.observable})},t=function(e){this.bgColor=e.bgColor||"#364152",this.bgOpacity=e.bgOpacity||40,o.makeObservable(this,{bgOpacity:o.observable,bgColor:o.observable})},b=function(e){this.color=e.color||"#364152",this.bgOpacity=e.bgOpacity||100,o.makeObservable(this,{bgOpacity:o.observable,color:o.observable})};exports.ButtonBorderStyle=void 0,(e=exports.ButtonBorderStyle||(exports.ButtonBorderStyle={})).SOLID="solid",e.DASHED="dashed",e.DOTTED="dotted";var l=function(e){this.borderColor=e.borderColor||"#E3E8EF",this.borderWidth=e.borderWidth||1,this.borderStyle=e.borderStyle||exports.ButtonBorderStyle.SOLID,o.makeObservable(this,{borderColor:o.observable,borderWidth:o.observable,borderStyle:o.observable})};exports.BackgroundSettings=r,exports.Border=l,exports.Overlay=t,exports.Shadow=b;

package/build-cjs/popup-renderer/models/modal/close-settings/index.d.ts

@@ -1,25 +0,0 @@
-export declare enum CloseButtonDisplayTypeEnum {
-    ALWAYS_VISIBLE = "ALWAYS_VISIBLE",
-    ALWAYS_HIDDEN = "ALWAYS_HIDDEN",
-    VISIBLE_ON_HOVER = "VISIBLE_ON_HOVER"
-}
-export declare enum CloseButtonPositionTypeEnum {
-    SHOW_ON_CONTENT = "SHOW_ON_CONTENT",
-    TAKE_SPACE = "TAKE_SPACE"
-}
-export declare class CloseSettings {
-    closeButtonPositionType: CloseButtonPositionTypeEnum;
-    closeButtonDisplayType: CloseButtonDisplayTypeEnum;
-    iconSettings: CloseIconSettings | null;
-    constructor(data: Partial<CloseSettings>);
-}
-export declare enum CloseIconTypeEnum {
-    WITH_BORDER = "WITH_BORDER",
-    WITHOUT_BORDER = "WITHOUT_BORDER"
-}
-export declare class CloseIconSettings {
-    type: CloseIconTypeEnum;
-    color: string;
-    backgroundColor: string;
-    constructor(data: Partial<CloseIconSettings>);
-}

package/build-cjs/popup-renderer/models/modal/close-settings/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,e,t=require("mobx");exports.CloseButtonDisplayTypeEnum=void 0,(o=exports.CloseButtonDisplayTypeEnum||(exports.CloseButtonDisplayTypeEnum={})).ALWAYS_VISIBLE="ALWAYS_VISIBLE",o.ALWAYS_HIDDEN="ALWAYS_HIDDEN",o.VISIBLE_ON_HOVER="VISIBLE_ON_HOVER",exports.CloseButtonPositionTypeEnum=void 0,(e=exports.CloseButtonPositionTypeEnum||(exports.CloseButtonPositionTypeEnum={})).SHOW_ON_CONTENT="SHOW_ON_CONTENT",e.TAKE_SPACE="TAKE_SPACE";var s,n=function(o){this.closeButtonPositionType=o.closeButtonPositionType||exports.CloseButtonPositionTypeEnum.SHOW_ON_CONTENT,this.closeButtonDisplayType=o.closeButtonDisplayType||exports.CloseButtonDisplayTypeEnum.ALWAYS_VISIBLE,this.iconSettings=o.iconSettings?new i(o.iconSettings):new i({}),t.makeObservable(this,{closeButtonPositionType:t.observable,closeButtonDisplayType:t.observable,iconSettings:t.observable})};exports.CloseIconTypeEnum=void 0,(s=exports.CloseIconTypeEnum||(exports.CloseIconTypeEnum={})).WITH_BORDER="WITH_BORDER",s.WITHOUT_BORDER="WITHOUT_BORDER";var i=function(o){this.type=o.type||exports.CloseIconTypeEnum.WITHOUT_BORDER,this.color=o.color||"#697586",this.backgroundColor=o.backgroundColor||"#FFFFFF",t.makeObservable(this,{type:t.observable,color:t.observable,backgroundColor:t.observable})};exports.CloseIconSettings=i,exports.CloseSettings=n;

package/build-cjs/popup-renderer/models/modal/index.d.ts

@@ -1,44 +0,0 @@
-import { PopupStep } from "./step";
-import { Teaser } from "./teaser";
-import { WindowSettings } from "./window-settings";
-import { BackgroundSettings } from "./background-settings";
-import { CloseSettings } from "./close-settings";
-export declare enum PopupTypeEnum {
-    POPUP = "POPUP",
-    NOTIFICATION_BAR = "NOTIFICATION_BAR",
-    DRAWER = "DRAWER"
-}
-export declare enum PopupPositonEnum {
-    POPUP_TOP_LEFT = "POPUP_TOP_LEFT",
-    POPUP_TOP_CENTER = "POPUP_TOP_CENTER",
-    POPUP_TOP_RIGHT = "POPUP_TOP_RIGHT",
-    POPUP_MIDDLE_LEFT = "POPUP_MIDDLE_LEFT",
-    POPUP_MIDDLE_CENTER = "POPUP_MIDDLE_CENTER",
-    POPUP_MIDDLE_RIGHT = "POPUP_MIDDLE_RIGHT",
-    POPUP_BOTTOM_LEFT = "POPUP_BOTTOM_LEFT",
-    POPUP_BOTTOM_CENTER = "POPUP_BOTTOM_CENTER",
-    POPUP_BOTTOM_RIGHT = "POPUP_BOTTOM_RIGHT",
-    NOTIFICATION_BAR_UP = "NOTIFICATION_BAR_UP",
-    NOTIFICATION_BAR_DOWN = "NOTIFICATION_BAR_DOWN",
-    DRAWER_RIGHT = "DRAWER_RIGHT",
-    DRAWER_LEFT = "DRAWER_LEFT"
-}
-export declare class Modal {
-    type: PopupTypeEnum;
-    position: PopupPositonEnum;
-    teaser: Teaser;
-    windowSettings: WindowSettings;
-    backgroundSettings: BackgroundSettings;
-    closeSettings: CloseSettings;
-    steps: PopupStep[];
-    selectedStep: PopupStep;
-    constructor(data: Partial<Modal>);
-    setInitialSettings(isNotificationPopup?: boolean): void;
-    private setInitialPosition;
-    private setInitialWindowSettings;
-    get availablePositions(): {
-        POPUP: PopupPositonEnum[];
-        NOTIFICATION_BAR: PopupPositonEnum[];
-        DRAWER: PopupPositonEnum[];
-    };
-}

package/build-cjs/popup-renderer/models/modal/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e,o=require("mobx"),n=require("./step/index.js"),s=require("./teaser/index.js"),P=require("./window-settings/index.js"),i=require("./background-settings/index.js"),p=require("./close-settings/index.js");exports.PopupTypeEnum=void 0,(t=exports.PopupTypeEnum||(exports.PopupTypeEnum={})).POPUP="POPUP",t.NOTIFICATION_BAR="NOTIFICATION_BAR",t.DRAWER="DRAWER",exports.PopupPositonEnum=void 0,(e=exports.PopupPositonEnum||(exports.PopupPositonEnum={})).POPUP_TOP_LEFT="POPUP_TOP_LEFT",e.POPUP_TOP_CENTER="POPUP_TOP_CENTER",e.POPUP_TOP_RIGHT="POPUP_TOP_RIGHT",e.POPUP_MIDDLE_LEFT="POPUP_MIDDLE_LEFT",e.POPUP_MIDDLE_CENTER="POPUP_MIDDLE_CENTER",e.POPUP_MIDDLE_RIGHT="POPUP_MIDDLE_RIGHT",e.POPUP_BOTTOM_LEFT="POPUP_BOTTOM_LEFT",e.POPUP_BOTTOM_CENTER="POPUP_BOTTOM_CENTER",e.POPUP_BOTTOM_RIGHT="POPUP_BOTTOM_RIGHT",e.NOTIFICATION_BAR_UP="NOTIFICATION_BAR_UP",e.NOTIFICATION_BAR_DOWN="NOTIFICATION_BAR_DOWN",e.DRAWER_RIGHT="DRAWER_RIGHT",e.DRAWER_LEFT="DRAWER_LEFT";var r=function(){function t(t){this.type=t.type||exports.PopupTypeEnum.POPUP,this.teaser=t.teaser?new s.Teaser(t.teaser):new s.Teaser({backgroundSettings:new i.BackgroundSettings({allowScrollingWhenPopupOpen:!0})}),this.windowSettings=t.windowSettings?new P.WindowSettings(t.windowSettings):new P.WindowSettings({}),this.backgroundSettings=new i.BackgroundSettings(t.backgroundSettings||{}),this.closeSettings=new p.CloseSettings(t.closeSettings||{}),this.steps=t.steps&&t.steps.length?t.steps.map((function(t){return new n.PopupStep(t)})):[new n.PopupStep({stepNumber:1,name:"TODO",isThankYouStep:!1})],this.selectedStep=this.steps[0],this.position=t.position?t.position:exports.PopupPositonEnum.POPUP_MIDDLE_CENTER,o.makeObservable(this,{type:o.observable,position:o.observable,teaser:o.observable,windowSettings:o.observable,backgroundSettings:o.observable,closeSettings:o.observable,steps:o.observable,selectedStep:o.observable,availablePositions:o.computed,setInitialSettings:o.action,setInitialPosition:o.action,setInitialWindowSettings:o.action})}return t.prototype.setInitialSettings=function(t){void 0===t&&(t=!1),this.setInitialPosition(t),this.setInitialWindowSettings(t)},t.prototype.setInitialPosition=function(t){switch(this.type){case exports.PopupTypeEnum.POPUP:this.position=t?exports.PopupPositonEnum.POPUP_BOTTOM_RIGHT:exports.PopupPositonEnum.POPUP_MIDDLE_CENTER;break;case exports.PopupTypeEnum.NOTIFICATION_BAR:this.position=exports.PopupPositonEnum.NOTIFICATION_BAR_UP;break;case exports.PopupTypeEnum.DRAWER:this.position=exports.PopupPositonEnum.DRAWER_RIGHT}},t.prototype.setInitialWindowSettings=function(t){switch(this.type){case exports.PopupTypeEnum.POPUP:this.windowSettings=new P.WindowSettings({}),t&&(this.backgroundSettings.allowScrollingWhenPopupOpen=!0,this.backgroundSettings.overlay=null,this.backgroundSettings.border=new i.Border({}));break;case exports.PopupTypeEnum.NOTIFICATION_BAR:this.windowSettings=new P.WindowSettings({outerHorizontalPadding:0,outerVerticalPadding:0,takeFullWidth:!0});break;case exports.PopupTypeEnum.DRAWER:this.windowSettings=new P.WindowSettings({outerHorizontalPadding:0,outerVerticalPadding:0,takeFullHeight:!0})}},Object.defineProperty(t.prototype,"availablePositions",{get:function(){var t;return(t={})[exports.PopupTypeEnum.POPUP]=[exports.PopupPositonEnum.POPUP_TOP_LEFT,exports.PopupPositonEnum.POPUP_TOP_CENTER,exports.PopupPositonEnum.POPUP_TOP_RIGHT,exports.PopupPositonEnum.POPUP_MIDDLE_LEFT,exports.PopupPositonEnum.POPUP_MIDDLE_CENTER,exports.PopupPositonEnum.POPUP_MIDDLE_RIGHT,exports.PopupPositonEnum.POPUP_BOTTOM_LEFT,exports.PopupPositonEnum.POPUP_BOTTOM_CENTER,exports.PopupPositonEnum.POPUP_BOTTOM_RIGHT],t[exports.PopupTypeEnum.NOTIFICATION_BAR]=[exports.PopupPositonEnum.NOTIFICATION_BAR_UP,exports.PopupPositonEnum.NOTIFICATION_BAR_DOWN],t[exports.PopupTypeEnum.DRAWER]=[exports.PopupPositonEnum.DRAWER_RIGHT,exports.PopupPositonEnum.DRAWER_LEFT],t},enumerable:!1,configurable:!0}),t}();exports.Modal=r;