@ikas/popup-renderer 0.0.1

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

@@ -0,0 +1 @@
+import"./useObserver.js";process.env.NODE_ENV;

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

@@ -0,0 +1 @@
+import"./utils/assertEnvironment.js";import{unstable_batchedUpdates as r}from"react-dom";import{observerBatching as e}from"./utils/observerBatching.js";export{observerBatching}from"./utils/observerBatching.js";import"./useObserver.js";import{observerFinalizationRegistry as o}from"./utils/observerFinalizationRegistry.js";export{observer}from"./observer.js";import"./ObserverComponent.js";import"mobx";import"react";import"./useAsObservableSource.js";e(r),o.finalizeAllImmediately;

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

@@ -0,0 +1 @@
+import{forwardRef as e,memo as r}from"react";import{useObserver as o}from"./useObserver.js";var t=!0,n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.forward_ref"):"function"==typeof e&&e((function(e){return null})).$$typeof,f=n?Symbol.for("react.memo"):"function"==typeof r&&r((function(e){return null})).$$typeof;function c(n,c){var i;if("production"!==process.env.NODE_ENV&&t&&c&&(t=!1,console.warn("[mobx-react-lite] `observer(fn, { forwardRef: true })` is deprecated, use `observer(React.forwardRef(fn))`")),f&&n.$$typeof===f)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 s=null!==(i=null==c?void 0:c.forwardRef)&&void 0!==i&&i,y=n,u=n.displayName||n.name;if(a&&n.$$typeof===a&&(s=!0,"function"!=typeof(y=n.render)))throw new Error("[mobx-react-lite] `render` property of ForwardRef was not a function");var m,l,d=function(e,r){return o((function(){return y(e,r)}),u)};return""!==u&&(d.displayName=u),n.contextTypes&&(d.contextTypes=n.contextTypes),s&&(d=e(d)),d=r(d),m=n,l=d,Object.keys(m).forEach((function(e){p[e]||Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(m,e))})),"production"!==process.env.NODE_ENV&&Object.defineProperty(d,"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`."))}}),d}var p={$$typeof:!0,render:!0,compare:!0,type:!0,displayName:!0};export{c as observer};

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

@@ -0,0 +1 @@
+import"mobx";import"react";

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

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

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

@@ -0,0 +1 @@
+var e=1e4,t=1e4,i=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}(),r="undefined"!=typeof FinalizationRegistry?FinalizationRegistry:i;export{e as REGISTRY_FINALIZE_AFTER,t as REGISTRY_SWEEP_INTERVAL,i as TimerBasedFinalizationRegistry,r as UniversalFinalizationRegistry};

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

@@ -0,0 +1 @@
+import{makeObservable as r}from"mobx";import{useState as o}from"react";if(!o)throw new Error("mobx-react-lite requires React with Hooks support");if(!r)throw new Error("mobx-react-lite@3 requires mobx at least version 6 to be available");

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

@@ -0,0 +1 @@
+import{configure as o}from"mobx";function e(o){o()}function t(t){t||(t=e,"production"!==process.env.NODE_ENV&&console.warn("[MobX] Failed to get unstable_batched updates from react-dom / react-native")),o({reactionScheduler:t})}export{e as defaultNoopBatch,t as observerBatching};

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

@@ -0,0 +1 @@
+import{UniversalFinalizationRegistry as i}from"./UniversalFinalizationRegistry.js";var n=new i((function(i){var n;null===(n=i.reaction)||void 0===n||n.dispose(),i.reaction=null}));export{n as observerFinalizationRegistry};

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

@@ -0,0 +1 @@
+import{getDependencyTree as o}from"mobx";function r(r){return o(r)}export{r as printDebugValue};

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

@@ -0,0 +1 @@
+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)};function r(r,o){if("function"!=typeof o&&null!==o)throw new TypeError("Class extends value "+String(o)+" is not a constructor or null");function n(){this.constructor=r}t(r,o),r.prototype=null===o?Object.create(o):(n.prototype=o.prototype,new n)}var o=function(){return o=Object.assign||function(t){for(var r,o=1,n=arguments.length;o<n;o++)for(var e in r=arguments[o])Object.prototype.hasOwnProperty.call(r,e)&&(t[e]=r[e]);return t},o.apply(this,arguments)};function n(t,r,o){if(o||2===arguments.length)for(var n,e=0,c=r.length;e<c;e++)!n&&e in r||(n||(n=Array.prototype.slice.call(r,0,e)),n[e]=r[e]);return t.concat(n||Array.prototype.slice.call(r))}"function"==typeof SuppressedError&&SuppressedError;export{o as __assign,r as __extends,n as __spreadArray};

package/build/index.d.ts

@@ -0,0 +1,33 @@
+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/index.js

@@ -0,0 +1 @@
+export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";import"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormItemTypeEnum,FormRow,InputLabel,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";import"mobx";export{FormInputSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";

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

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

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

@@ -0,0 +1 @@
+import e from"react";var t=function(t){var r=t.className,o=t.style;return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",style:o,className:"icon "+(r||"")},e.createElement("path",{d:"M11.25 13.5L6.75 9L11.25 4.5",stroke:"#697586","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"}))};export{t as default};

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

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

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

@@ -0,0 +1 @@
+import e from"react";var t=function(t){var r=t.className,o=t.style;return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",style:o,className:"icon "+(r||"")},e.createElement("path",{d:"M6.75 13.5L11.25 9L6.75 4.5",stroke:"#697586","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"}))};export{t as default};

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

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

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

@@ -0,0 +1 @@
+import e from"react";var t=function(t){var r=t.className,o=t.style;return e.createElement("svg",{className:"icon "+(r||""),width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:o},e.createElement("path",{d:"M15 4.99998L5 15M5 4.99998L15 15",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}))};export{t as default};

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

@@ -0,0 +1,7 @@
+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/popup-renderer/components/button-element-renderer/index.js

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

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

@@ -0,0 +1,7 @@
+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/popup-renderer/components/divider-element-renderer/index.js

@@ -0,0 +1 @@
+import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{getHorizontalAlignment as o}from"../../helpers/index.js";import{observer as t}from'./../../../ext/mobx-react-lite/es/observer.js';var r=t((function(t){var r=t.element,d={display:"flex",alignItems:"center",justifyContent:o(r.horizontalAlignment),padding:"".concat(r.verticalPadding,"px ").concat(r.horizontalPadding,"px"),backgroundColor:r.bgColor,width:"100%"},i={backgroundColor:r.borderColor,width:"".concat(r.width,"%"),height:"".concat(r.borderWidth,"px"),borderRadius:"".concat(r.borderRadius,"px")};return e.createElement("div",{style:d},e.createElement("div",{style:i}))}));export{r as default};

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

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

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

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

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

@@ -0,0 +1,7 @@
+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/popup-renderer/components/form-element-renderer/index.js

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

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

@@ -0,0 +1,14 @@
+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/popup-renderer/components/form-element-renderer/input-item-view/index.js

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

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

@@ -0,0 +1,10 @@
+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/popup-renderer/components/image-column-element-renderer/index.js

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

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

@@ -0,0 +1,10 @@
+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/popup-renderer/components/image-element-renderer/index.js

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

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

@@ -0,0 +1,13 @@
+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/popup-renderer/components/index.js

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+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/popup-renderer/components/social-element-renderer/index.js

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

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

@@ -0,0 +1,7 @@
+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/popup-renderer/components/space-element-renderer/index.js

@@ -0,0 +1 @@
+import e from"react";import'./../../../ext/mobx-react-lite/es/index.js';import{observer as o}from'./../../../ext/mobx-react-lite/es/observer.js';var t=o((function(o){var t=o.element,r={backgroundColor:t.bgColor,padding:"".concat(t.verticalPadding,"px ").concat(t.horizontalPadding,"px"),height:t.height,width:"100%"};return e.createElement("div",{style:r})}));export{t as default};

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

@@ -0,0 +1,7 @@
+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/popup-renderer/components/text-element-renderer/index.js

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

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

@@ -0,0 +1,7 @@
+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/popup-renderer/helpers/index.js

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

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

@@ -0,0 +1,47 @@
+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/popup-renderer/models/index.js

@@ -0,0 +1 @@
+import{v4 as e}from"uuid";import{makeObservable as a,observable as i,computed as t}from"mobx";import{PopupSettings as r}from"./settings/index.js";import{Modal as o}from"./modal/index.js";var l;!function(e){e.DESKTOP="DESKTOP",e.MOBILE="MOBILE"}(l||(l={}));var n=468,u=function(){function n(n,u,s){this.id=n.id||e(),this.settings=new r(n.settings||{}),this.modal=new o(n.modal||{}),this.pagePreviewType=n.pagePreviewType||l.DESKTOP,this.cdnURL=u,this.merchantId=s,this.storeUrl=n.storeUrl||"",this.products=[],this.marketingPopupViewModel=n.marketingPopupViewModel||void 0,a(this,{id:i,settings:i,modal:i,pagePreviewType:i,cdnURL:i,merchantId:i,storeUrl:i,products:i,marketingPopupViewModel:i,isPreviewMode:t})}return Object.defineProperty(n.prototype,"$products",{get:function(){return this.products},set:function(e){this.products=e},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"isPreviewMode",{get:function(){return!!this.marketingPopupViewModel},enumerable:!1,configurable:!0}),n.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"}]},n}();export{n as MOBILE_SCREEN_SIZE,u as Popup,l as PreviewType};

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

@@ -0,0 +1,29 @@
+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/popup-renderer/models/modal/background-settings/index.js

@@ -0,0 +1 @@
+import{makeObservable as o,observable as r}from"mobx";var t,l=function(t){this.bgColor=t.bgColor||"#FFFFFF",this.overlay=t.overlay?new i(t.overlay):new i({}),this.shadow=t.shadow?new e(t.shadow):null,this.border=t.border?new h(t.border):null,this.allowScrollingWhenPopupOpen=t.allowScrollingWhenPopupOpen||!1,o(this,{bgColor:r,overlay:r,shadow:r,border:r,allowScrollingWhenPopupOpen:r})},i=function(t){this.bgColor=t.bgColor||"#364152",this.bgOpacity=t.bgOpacity||40,o(this,{bgOpacity:r,bgColor:r})},e=function(t){this.color=t.color||"#364152",this.bgOpacity=t.bgOpacity||100,o(this,{bgOpacity:r,color:r})};!function(o){o.SOLID="solid",o.DASHED="dashed",o.DOTTED="dotted"}(t||(t={}));var h=function(l){this.borderColor=l.borderColor||"#E3E8EF",this.borderWidth=l.borderWidth||1,this.borderStyle=l.borderStyle||t.SOLID,o(this,{borderColor:r,borderWidth:r,borderStyle:r})};export{l as BackgroundSettings,h as Border,t as ButtonBorderStyle,i as Overlay,e as Shadow};

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

@@ -0,0 +1,25 @@
+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/popup-renderer/models/modal/close-settings/index.js

@@ -0,0 +1 @@
+import{makeObservable as o,observable as t}from"mobx";var n,i;!function(o){o.ALWAYS_VISIBLE="ALWAYS_VISIBLE",o.ALWAYS_HIDDEN="ALWAYS_HIDDEN",o.VISIBLE_ON_HOVER="VISIBLE_ON_HOVER"}(n||(n={})),function(o){o.SHOW_ON_CONTENT="SHOW_ON_CONTENT",o.TAKE_SPACE="TAKE_SPACE"}(i||(i={}));var s,e=function(s){this.closeButtonPositionType=s.closeButtonPositionType||i.SHOW_ON_CONTENT,this.closeButtonDisplayType=s.closeButtonDisplayType||n.ALWAYS_VISIBLE,this.iconSettings=s.iconSettings?new T(s.iconSettings):new T({}),o(this,{closeButtonPositionType:t,closeButtonDisplayType:t,iconSettings:t})};!function(o){o.WITH_BORDER="WITH_BORDER",o.WITHOUT_BORDER="WITHOUT_BORDER"}(s||(s={}));var T=function(n){this.type=n.type||s.WITHOUT_BORDER,this.color=n.color||"#697586",this.backgroundColor=n.backgroundColor||"#FFFFFF",o(this,{type:t,color:t,backgroundColor:t})};export{n as CloseButtonDisplayTypeEnum,i as CloseButtonPositionTypeEnum,T as CloseIconSettings,s as CloseIconTypeEnum,e as CloseSettings};

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

@@ -0,0 +1,44 @@
+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/popup-renderer/models/modal/index.js

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

package/build/popup-renderer/models/modal/step/elements/base/index.d.ts

@@ -0,0 +1,33 @@
+export declare enum ComponentHorizontalAlignmentEnum {
+    LEFT = "LEFT",
+    CENTER = "CENTER",
+    RIGHT = "RIGHT"
+}
+export declare enum ComponentVerticalAlignmentEnum {
+    TOP = "TOP",
+    MIDDLE = "MIDDLE",
+    BOTTOM = "BOTTOM"
+}
+export declare enum PopupElementTypeEnum {
+    TEXT = "TEXT",
+    FORM = "FORM",
+    IMAGE = "IMAGE",
+    IMAGE_COLUMN = "IMAGE_COLUMN",
+    PRODUCT_LIST = "PRODUCT_LIST",
+    BUTTON = "BUTTON",
+    SOCIAL_MEDIA = "SOCIAL_MEDIA",
+    DIVIDER = "DIVIDER",
+    SPACE = "SPACE"
+}
+export default class BaseElement {
+    id: string;
+    order: number;
+    width: string | null;
+    verticalPadding: number;
+    horizontalPadding: number;
+    outerVerticalPadding: number;
+    outerHorizontalPadding: number;
+    horizontalAlignment: ComponentHorizontalAlignmentEnum;
+    verticalAlignment: ComponentVerticalAlignmentEnum;
+    constructor(data?: Partial<BaseElement>);
+}

package/build/popup-renderer/models/modal/step/elements/base/index.js

@@ -0,0 +1 @@
+import{makeObservable as i,observable as t}from"mobx";import{v4 as n}from"uuid";var o,d,r;!function(i){i.LEFT="LEFT",i.CENTER="CENTER",i.RIGHT="RIGHT"}(o||(o={})),function(i){i.TOP="TOP",i.MIDDLE="MIDDLE",i.BOTTOM="BOTTOM"}(d||(d={})),function(i){i.TEXT="TEXT",i.FORM="FORM",i.IMAGE="IMAGE",i.IMAGE_COLUMN="IMAGE_COLUMN",i.PRODUCT_LIST="PRODUCT_LIST",i.BUTTON="BUTTON",i.SOCIAL_MEDIA="SOCIAL_MEDIA",i.DIVIDER="DIVIDER",i.SPACE="SPACE"}(r||(r={}));var a=function(r){var a,l,e,T,E;void 0===r&&(r={}),this.id=r.id||n(),this.order=r.order||0,this.width=null!==(a=r.width)&&void 0!==a?a:"100",this.verticalPadding=null!==(l=r.verticalPadding)&&void 0!==l?l:24,this.horizontalPadding=null!==(e=r.horizontalPadding)&&void 0!==e?e:24,this.outerVerticalPadding=null!==(T=r.outerVerticalPadding)&&void 0!==T?T:0,this.outerHorizontalPadding=null!==(E=r.outerHorizontalPadding)&&void 0!==E?E:0,this.horizontalAlignment=r.horizontalAlignment||o.CENTER,this.verticalAlignment=r.verticalAlignment||d.TOP,i(this,{id:t,order:t,width:t,verticalPadding:t,horizontalPadding:t,outerVerticalPadding:t,outerHorizontalPadding:t,horizontalAlignment:t,verticalAlignment:t})};export{o as ComponentHorizontalAlignmentEnum,d as ComponentVerticalAlignmentEnum,r as PopupElementTypeEnum,a as default};