@ikas/popup-renderer 0.0.1

package/build-cjs/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-cjs/popup-renderer/models/modal/close-settings/index.js

@@ -0,0 +1 @@
+"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

@@ -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-cjs/popup-renderer/models/modal/index.js

@@ -0,0 +1 @@
+"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;

package/build-cjs/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-cjs/popup-renderer/models/modal/step/elements/base/index.js

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

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

@@ -0,0 +1,20 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+import { ButtonBorderStyle } from "../../../background-settings";
+export declare class ButtonElement extends BaseElement {
+    text: string;
+    type: PopupElementTypeEnum;
+    color: string;
+    buttonBgColor: string;
+    bgColor: string;
+    fontFamily: string;
+    fontSize: number;
+    fontWeight: number;
+    borderRadius: number;
+    borderColor: string;
+    borderStyle: ButtonBorderStyle;
+    borderWidth: number;
+    link: string | null;
+    verticalPadding: number;
+    horizontalPadding: number;
+    constructor(data: Partial<ButtonElement>);
+}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),r=require("../base/index.js"),l=require("../../../background-settings/index.js"),t=function(t){function i(e){var i,n,d,b,a,u,s,v,g=this;return(g=t.call(this,e)||this).text=e.text||"Button Text",g.type=r.PopupElementTypeEnum.BUTTON,g.color=e.color||"#FFFFFF",g.buttonBgColor=e.buttonBgColor||"#000000",g.bgColor=e.bgColor||"",g.fontFamily=e.fontFamily||"Arial",g.fontSize=null!==(i=e.fontSize)&&void 0!==i?i:16,g.fontWeight=null!==(n=e.fontWeight)&&void 0!==n?n:400,g.borderRadius=null!==(d=e.borderRadius)&&void 0!==d?d:4,g.borderColor=e.borderColor||"#000000",g.borderStyle=e.borderStyle||l.ButtonBorderStyle.SOLID,g.borderWidth=null!==(b=e.borderWidth)&&void 0!==b?b:0,g.link=e.link||null,g.verticalPadding=null!==(a=e.verticalPadding)&&void 0!==a?a:12,g.horizontalPadding=null!==(u=e.horizontalPadding)&&void 0!==u?u:12,g.outerVerticalPadding=null!==(s=e.outerVerticalPadding)&&void 0!==s?s:12,g.outerHorizontalPadding=null!==(v=e.outerHorizontalPadding)&&void 0!==v?v:12,o.makeObservable(g,{text:o.observable,color:o.observable,buttonBgColor:o.observable,bgColor:o.observable,fontFamily:o.observable,fontSize:o.observable,fontWeight:o.observable,borderRadius:o.observable,borderColor:o.observable,borderStyle:o.observable,borderWidth:o.observable,link:o.observable}),g}return e.__extends(i,t),i}(r.default);exports.ButtonElement=t;

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

@@ -0,0 +1,13 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+import { ButtonBorderStyle } from "../../../background-settings";
+export default class DividerElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    bgColor: string;
+    borderWidth: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    borderRadius: number;
+    borderColor: string;
+    borderStyle: ButtonBorderStyle;
+    constructor(data?: Partial<DividerElement>);
+}

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

@@ -0,0 +1 @@
+"use strict";var e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),r=require("mobx"),o=require("../base/index.js"),d=require("../../../background-settings/index.js"),l=function(l){function i(e){void 0===e&&(e={});var i,b,t,s,n=this;return(n=l.call(this,e)||this).type=o.PopupElementTypeEnum.DIVIDER,n.bgColor=e.bgColor||"#FFFFFF",n.borderWidth=null!==(i=e.borderWidth)&&void 0!==i?i:1,n.borderRadius=null!==(b=e.borderRadius)&&void 0!==b?b:0,n.borderColor=e.borderColor||"#E3E8EF",n.borderStyle=e.borderStyle||d.ButtonBorderStyle.SOLID,n.verticalPadding=null!==(t=e.verticalPadding)&&void 0!==t?t:24,n.horizontalPadding=null!==(s=e.horizontalPadding)&&void 0!==s?s:24,r.makeObservable(n,{bgColor:r.observable,borderWidth:r.observable,borderRadius:r.observable,borderColor:r.observable,borderStyle:r.observable}),n}return e.__extends(i,l),i}(o.default);module.exports=l;

package/build-cjs/popup-renderer/models/modal/step/elements/form/checkbox/index.d.ts

@@ -0,0 +1,19 @@
+import { FormItemTypeEnum, RequiredInput } from "..";
+export default class CheckboxFormItem {
+    type: FormItemTypeEnum;
+    isChecked: boolean;
+    text: string;
+    contactPermission: ContactPermission | null;
+    showInCheckedStatus: boolean;
+    requiredToBeChecked: RequiredInput | null;
+    constructor(data?: Partial<CheckboxFormItem>);
+}
+export declare enum ContactPermissionTypeEnum {
+    SMS = "SMS",
+    EMAIL = "EMAIL",
+    GENERAL = "GENERAL"
+}
+export declare class ContactPermission {
+    type: ContactPermissionTypeEnum;
+    constructor(data?: Partial<ContactPermission>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/checkbox/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),s=require("../index.js"),o=function(e){void 0===e&&(e={}),this.type=s.FormItemTypeEnum.CHECKBOX_FORM_ITEM,this.isChecked=e.isChecked||!1,this.text=e.text||"I agree to the terms and conditions",this.contactPermission=e.contactPermission?new i(e.contactPermission):null,this.showInCheckedStatus=e.showInCheckedStatus||!1,this.requiredToBeChecked=e.requiredToBeChecked||null,t.makeObservable(this,{type:t.observable,text:t.observable,isChecked:t.observable,contactPermission:t.observable,showInCheckedStatus:t.observable,requiredToBeChecked:t.observable})};exports.ContactPermissionTypeEnum=void 0,(e=exports.ContactPermissionTypeEnum||(exports.ContactPermissionTypeEnum={})).SMS="SMS",e.EMAIL="EMAIL",e.GENERAL="GENERAL";var i=function(e){void 0===e&&(e={}),this.type=e.type||exports.ContactPermissionTypeEnum.GENERAL,t.makeObservable(this,{type:t.observable})};exports.ContactPermission=i,exports.default=o;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-attribute/index.d.ts

@@ -0,0 +1,18 @@
+import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
+export declare enum CustomerAttributeTypeEnum {
+    BOOLEAN = "BOOLEAN",
+    CHOICE = "CHOICE",
+    DATETIME = "DATETIME",
+    MULTIPLE_CHOICE = "MULTIPLE_CHOICE",
+    NUMERIC = "NUMERIC",
+    TEXT = "TEXT"
+}
+export default class CustomerAttributeFormItem {
+    type: FormItemTypeEnum;
+    placeholder: string;
+    inputLabel: InputLabel | null;
+    required: RequiredInput | null;
+    updateCurrentInfo: boolean;
+    customerAttributeId: string;
+    constructor(data?: Partial<CustomerAttributeFormItem>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-attribute/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),r=require("../index.js");exports.CustomerAttributeTypeEnum=void 0,(e=exports.CustomerAttributeTypeEnum||(exports.CustomerAttributeTypeEnum={})).BOOLEAN="BOOLEAN",e.CHOICE="CHOICE",e.DATETIME="DATETIME",e.MULTIPLE_CHOICE="MULTIPLE_CHOICE",e.NUMERIC="NUMERIC",e.TEXT="TEXT";var u=function(e){void 0===e&&(e={}),this.type=r.FormItemTypeEnum.CUSTOMER_ATTRIBUTE,this.placeholder=e.placeholder||"",this.inputLabel=e.inputLabel?new r.InputLabel(e.inputLabel):null,this.required=e.required?new r.RequiredInput(e.required):null,this.updateCurrentInfo=e.updateCurrentInfo||!1,this.customerAttributeId=e.customerAttributeId||"",t.makeObservable(this,{type:t.observable,placeholder:t.observable,inputLabel:t.observable,required:t.observable,updateCurrentInfo:t.observable,customerAttributeId:t.observable})};exports.default=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-birthday/index.d.ts

@@ -0,0 +1,10 @@
+import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
+export default class CustomerBirthdayFormItem {
+    type: FormItemTypeEnum;
+    value: string | null;
+    placeholder: string;
+    inputLabel: InputLabel | null;
+    required: RequiredInput | null;
+    updateCurrentInfo: boolean;
+    constructor(data?: Partial<CustomerBirthdayFormItem>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-birthday/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_BIRTHDAY,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your birthday",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-email/index.d.ts

@@ -0,0 +1,10 @@
+import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
+export default class CustomerEmailFormItem {
+    type: FormItemTypeEnum;
+    value: string | null;
+    placeholder: string;
+    inputLabel: InputLabel | null;
+    required: RequiredInput | null;
+    updateCurrentInfo: boolean;
+    constructor(data?: Partial<CustomerEmailFormItem>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-email/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_EMAIL,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your email",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-gender/index.d.ts

@@ -0,0 +1,10 @@
+import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
+export default class CustomerGenderFormItem {
+    type: FormItemTypeEnum;
+    value: string | null;
+    placeholder: string;
+    inputLabel: InputLabel | null;
+    required: RequiredInput | null;
+    updateCurrentInfo: boolean;
+    constructor(data?: Partial<CustomerGenderFormItem>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-gender/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_GENDER,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your gender",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-name/index.d.ts

@@ -0,0 +1,10 @@
+import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
+export default class CustomerNameFormItem {
+    type: FormItemTypeEnum;
+    value: string | null;
+    placeholder: string;
+    inputLabel: InputLabel | null;
+    required: RequiredInput | null;
+    updateCurrentInfo: boolean;
+    constructor(data?: Partial<CustomerNameFormItem>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-name/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_NAME,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your name",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-phone/index.d.ts

@@ -0,0 +1,11 @@
+import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
+export default class CustomerPhoneFormItem {
+    type: FormItemTypeEnum;
+    value: string | null;
+    placeholder: string;
+    inputLabel: InputLabel | null;
+    required: RequiredInput | null;
+    addCountryCode: boolean;
+    updateCurrentInfo: boolean;
+    constructor(data?: Partial<CustomerPhoneFormItem>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-phone/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_PHONE,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your phone",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.addCountryCode=u.addCountryCode||!1,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,addCountryCode:e.observable,updateCurrentInfo:e.observable})};module.exports=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-surname/index.d.ts

@@ -0,0 +1,10 @@
+import { FormItemTypeEnum, InputLabel, RequiredInput } from "..";
+export default class CustomerSurnameFormItem {
+    type: FormItemTypeEnum;
+    value: string | null;
+    placeholder: string;
+    inputLabel: InputLabel | null;
+    required: RequiredInput | null;
+    updateCurrentInfo: boolean;
+    constructor(data?: Partial<CustomerSurnameFormItem>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/customer-surname/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("mobx"),r=require("../index.js"),u=function(u){void 0===u&&(u={}),this.type=r.FormItemTypeEnum.CUSTOMER_SURNAME,this.value=u.value||null,this.placeholder=u.placeholder||"Enter your surname",this.inputLabel=u.inputLabel?new r.InputLabel(u.inputLabel):null,this.required=u.required?new r.RequiredInput(u.required):null,this.updateCurrentInfo=u.updateCurrentInfo||!1,e.makeObservable(this,{value:e.observable,type:e.observable,placeholder:e.observable,inputLabel:e.observable,required:e.observable,updateCurrentInfo:e.observable})};module.exports=u;

package/build-cjs/popup-renderer/models/modal/step/elements/form/form-settings/index.d.ts

@@ -0,0 +1,16 @@
+export default class FormSettings {
+    formInputSettings: FormInputSettings;
+    gapBetweenItems: number;
+    fontFamily: string;
+    fontSize: number;
+    constructor(data?: Partial<FormSettings>);
+}
+export declare class FormInputSettings {
+    bgColor: string;
+    borderWidth: number;
+    borderRadius: number;
+    borderColor: string | null;
+    focusBorderColor: string | null;
+    height: number;
+    constructor(data?: Partial<FormInputSettings>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/form/form-settings/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("mobx"),o=function(o){var t,i;void 0===o&&(o={}),this.formInputSettings=o.formInputSettings?new r(o.formInputSettings):new r,this.gapBetweenItems=null!==(t=o.gapBetweenItems)&&void 0!==t?t:12,this.fontFamily=o.fontFamily||"Arial",this.fontSize=null!==(i=o.fontSize)&&void 0!==i?i:14,e.makeObservable(this,{formInputSettings:e.observable,gapBetweenItems:e.observable,fontFamily:e.observable,fontSize:e.observable})},r=function(o){var r,t,i;void 0===o&&(o={}),this.bgColor=o.bgColor||"#FFFFFF",this.borderWidth=null!==(r=o.borderWidth)&&void 0!==r?r:1,this.borderRadius=null!==(t=o.borderRadius)&&void 0!==t?t:4,this.borderColor=o.borderColor||"#E3E8EF",this.focusBorderColor=o.focusBorderColor||"#000000",this.height=null!==(i=o.height)&&void 0!==i?i:40,e.makeObservable(this,{bgColor:e.observable,borderWidth:e.observable,borderRadius:e.observable,borderColor:e.observable,focusBorderColor:e.observable,height:e.observable})};exports.FormInputSettings=r,exports.default=o;

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

@@ -0,0 +1,56 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+import { ButtonElement } from "../button";
+import FormSettings from "./form-settings";
+import CustomerNameFormItem from "./customer-name";
+import CustomerSurnameFormItem from "./customer-surname";
+import CustomerEmailFormItem from "./customer-email";
+import CustomerPhoneFormItem from "./customer-phone";
+import CustomerBirthdayFormItem from "./customer-birthday";
+import CustomerGenderFormItem from "./customer-gender";
+import CheckboxFormItem from "./checkbox";
+import CustomerAttributeFormItem from "./customer-attribute";
+export declare enum FormItemTypeEnum {
+    CUSTOMER_NAME = "CUSTOMER_NAME",
+    CUSTOMER_SURNAME = "CUSTOMER_SURNAME",
+    CUSTOMER_EMAIL = "CUSTOMER_EMAIL",
+    CUSTOMER_PHONE = "CUSTOMER_PHONE",
+    CUSTOMER_BIRTHDAY = "CUSTOMER_BIRTHDAY",
+    CUSTOMER_GENDER = "CUSTOMER_GENDER",
+    CHECKBOX_FORM_ITEM = "CHECKBOX_FORM_ITEM",
+    CUSTOMER_ATTRIBUTE = "CUSTOMER_ATTRIBUTE"
+}
+export type FormItem = CustomerNameFormItem | CustomerSurnameFormItem | CustomerEmailFormItem | CustomerPhoneFormItem | CustomerBirthdayFormItem | CustomerGenderFormItem | CheckboxFormItem | CustomerAttributeFormItem;
+export default class FormElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    rows: FormRow[];
+    formSettings: FormSettings;
+    buttonSettings: ButtonElement;
+    bgColor: string;
+    constructor(data?: Partial<FormElement>);
+    addNewElement(type: FormItemTypeEnum): void;
+}
+export declare class FormRow {
+    id: string;
+    order: number;
+    columns: FormColumn[];
+    constructor(data?: Partial<FormRow>);
+    addNewElement(type: FormItemTypeEnum): void;
+    changeColumnSort(): void;
+}
+export declare class FormColumn {
+    id: string;
+    order: number;
+    formItem: FormItem;
+    type: FormItemTypeEnum;
+    constructor(data?: Partial<FormColumn>);
+    setFormItems(item?: FormItem): CustomerNameFormItem | CustomerSurnameFormItem | CustomerEmailFormItem | CustomerPhoneFormItem | CustomerBirthdayFormItem | CustomerGenderFormItem | CheckboxFormItem | CustomerAttributeFormItem;
+}
+export declare class InputLabel {
+    text: string;
+    constructor(data?: Partial<InputLabel>);
+}
+export declare class RequiredInput {
+    validationErrorMessage: string;
+    hasError: boolean;
+    constructor(data?: Partial<RequiredInput>);
+}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),t=require("mobx"),o=require("uuid"),n=require("../base/index.js"),s=require("../button/index.js"),i=require("./form-settings/index.js"),u=require("./customer-name/index.js"),m=require("./customer-surname/index.js"),a=require("./customer-email/index.js"),d=require("./customer-phone/index.js"),E=require("./customer-birthday/index.js"),l=require("./customer-gender/index.js"),b=require("./checkbox/index.js"),p=require("./customer-attribute/index.js");exports.FormItemTypeEnum=void 0,(e=exports.FormItemTypeEnum||(exports.FormItemTypeEnum={})).CUSTOMER_NAME="CUSTOMER_NAME",e.CUSTOMER_SURNAME="CUSTOMER_SURNAME",e.CUSTOMER_EMAIL="CUSTOMER_EMAIL",e.CUSTOMER_PHONE="CUSTOMER_PHONE",e.CUSTOMER_BIRTHDAY="CUSTOMER_BIRTHDAY",e.CUSTOMER_GENDER="CUSTOMER_GENDER",e.CHECKBOX_FORM_ITEM="CHECKBOX_FORM_ITEM",e.CUSTOMER_ATTRIBUTE="CUSTOMER_ATTRIBUTE";var c=function(e){function o(r){void 0===r&&(r={});var o,u,m=this;return(m=e.call(this,r)||this).type=n.PopupElementTypeEnum.FORM,m.rows=r.rows?r.rows.map((function(e){return new T(e)})):[],m.formSettings=r.formSettings||new i.default,m.buttonSettings=r.buttonSettings||new s.ButtonElement({outerHorizontalPadding:0,outerVerticalPadding:0}),m.bgColor=r.bgColor||"#FFFFFF",m.verticalPadding=null!==(o=r.verticalPadding)&&void 0!==o?o:12,m.horizontalPadding=null!==(u=r.horizontalPadding)&&void 0!==u?u:12,t.makeObservable(m,{rows:t.observable,formSettings:t.observable,buttonSettings:t.observable,bgColor:t.observable,addNewElement:t.action.bound}),0===m.rows.length&&m.addNewElement(exports.FormItemTypeEnum.CUSTOMER_EMAIL),m}return r.__extends(o,e),o.prototype.addNewElement=function(e){var r=new T({order:this.rows.length,columns:[new _({type:e,order:0})]});this.rows.push(r)},o}(n.default),T=function(){function e(e){void 0===e&&(e={}),this.id=e.id||o.v4(),this.order=e.order||0,this.columns=e.columns?e.columns.map((function(e){return new _(e)})):[],t.makeObservable(this,{id:t.observable,order:t.observable,columns:t.observable,addNewElement:t.action.bound,changeColumnSort:t.action.bound})}return e.prototype.addNewElement=function(e){this.columns.push(new _({type:e,order:this.columns.length}))},e.prototype.changeColumnSort=function(){this.columns.forEach((function(e,r){0===r?e.order=e.order+1:1===r&&(e.order=e.order-1)})),this.columns=this.columns.sort((function(e,r){return e.order-r.order}))},e}(),_=function(){function e(e){void 0===e&&(e={}),this.id=e.id||o.v4(),this.order=e.order||0,this.type=e.type||exports.FormItemTypeEnum.CUSTOMER_NAME,this.formItem=this.setFormItems(e.formItem),t.makeObservable(this,{id:t.observable,order:t.observable,type:t.observable,formItem:t.observable,setFormItems:t.action.bound})}return e.prototype.setFormItems=function(e){switch(this.type){case exports.FormItemTypeEnum.CUSTOMER_NAME:return new u(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_SURNAME:return new m(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_EMAIL:return new a(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_PHONE:return new d(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_BIRTHDAY:return new E(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_GENDER:return new l(r.__assign({},e));case exports.FormItemTypeEnum.CHECKBOX_FORM_ITEM:return new b.default(r.__assign({},e));case exports.FormItemTypeEnum.CUSTOMER_ATTRIBUTE:return new p.default(r.__assign({},e))}},e}(),M=function(e){void 0===e&&(e={}),this.text=e.text||"Input Label",t.makeObservable(this,{text:t.observable})},h=function(e){void 0===e&&(e={}),this.validationErrorMessage=e.validationErrorMessage||"It's required to fill this field",this.hasError=e.hasError||!1,t.makeObservable(this,{validationErrorMessage:t.observable,hasError:t.observable})};exports.FormColumn=_,exports.FormRow=T,exports.InputLabel=M,exports.RequiredInput=h,exports.default=c;

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

@@ -0,0 +1,22 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+export declare const IMAGE_SIZE = 1080;
+export declare enum ImagePositionEnum {
+    FLOAT_LEFT = "FLOAT_LEFT",
+    FLOAT_RIGHT = "FLOAT_RIGHT",
+    DISABLE_FLOAT = "DISABLE_FLOAT"
+}
+export declare class ImageElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    imagePosition: ImagePositionEnum;
+    imageId: string | null;
+    bgColor: string;
+    link: string | null;
+    maxWidth: number;
+    cdnURL: string | null;
+    merchantId: string | null;
+    verticalPadding: number;
+    horizontalPadding: number;
+    borderRadius: number;
+    constructor(data: Partial<ImageElement>);
+    get src(): string | undefined;
+}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),o=require("mobx"),t=require("../base/index.js");exports.ImagePositionEnum=void 0,(e=exports.ImagePositionEnum||(exports.ImagePositionEnum={})).FLOAT_LEFT="FLOAT_LEFT",e.FLOAT_RIGHT="FLOAT_RIGHT",e.DISABLE_FLOAT="DISABLE_FLOAT";var n=function(e){function n(i){var n,r,a,s,l=this;return(l=e.call(this,i)||this).type=t.PopupElementTypeEnum.IMAGE,l.imagePosition=i.imagePosition||exports.ImagePositionEnum.DISABLE_FLOAT,l.imageId=i.imageId||null,l.bgColor=i.bgColor||"#FFFFFF",l.cdnURL=null,l.merchantId=null,l.link=i.link||null,l.maxWidth=null!==(n=i.maxWidth)&&void 0!==n?n:100,l.verticalPadding=null!==(r=i.verticalPadding)&&void 0!==r?r:24,l.horizontalPadding=null!==(a=i.horizontalPadding)&&void 0!==a?a:24,l.borderRadius=null!==(s=i.borderRadius)&&void 0!==s?s:0,o.makeObservable(l,{imagePosition:o.observable,imageId:o.observable,bgColor:o.observable,cdnURL:o.observable,merchantId:o.observable,link:o.observable,maxWidth:o.observable,borderRadius:o.observable,src:o.computed}),l}return i.__extends(n,e),Object.defineProperty(n.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(1080,".jpeg"):void 0},enumerable:!1,configurable:!0}),n}(t.default);exports.IMAGE_SIZE=1080,exports.ImageElement=n;

package/build-cjs/popup-renderer/models/modal/step/elements/image-column/index.d.ts

@@ -0,0 +1,15 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+export declare enum ImageColumnPositionEnum {
+    LEFT_ALIGN = "LEFT_ALIGN",
+    RIGTH_ALIGN = "RIGTH_ALIGN"
+}
+export declare class ImageColumnElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    imagePosition: ImageColumnPositionEnum;
+    imageId: string | null;
+    link: string | null;
+    cdnURL: string | null;
+    merchantId: string | null;
+    constructor(data: Partial<ImageColumnElement>);
+    get src(): string | undefined;
+}

package/build-cjs/popup-renderer/models/modal/step/elements/image-column/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,i=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),n=require("mobx"),o=require("../base/index.js"),t=require("../image/index.js");exports.ImageColumnPositionEnum=void 0,(e=exports.ImageColumnPositionEnum||(exports.ImageColumnPositionEnum={})).LEFT_ALIGN="LEFT_ALIGN",e.RIGTH_ALIGN="RIGTH_ALIGN";var a=function(e){function a(i){var t,a,r=this;return(r=e.call(this,i)||this).type=o.PopupElementTypeEnum.IMAGE_COLUMN,r.imagePosition=i.imagePosition||exports.ImageColumnPositionEnum.RIGTH_ALIGN,r.imageId=i.imageId||null,r.cdnURL=null,r.merchantId=null,r.link=i.link||null,r.verticalPadding=null!==(t=i.verticalPadding)&&void 0!==t?t:24,r.horizontalPadding=null!==(a=i.horizontalPadding)&&void 0!==a?a:24,n.makeObservable(r,{imagePosition:n.observable,imageId:n.observable,cdnURL:n.observable,merchantId:n.observable,link:n.observable,src:n.computed}),r}return i.__extends(a,e),Object.defineProperty(a.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(t.IMAGE_SIZE,".jpeg"):void 0},enumerable:!1,configurable:!0}),a}(o.default);exports.ImageColumnElement=a;

package/build-cjs/popup-renderer/models/modal/step/elements/product/detail-settings/index.d.ts

@@ -0,0 +1,32 @@
+import { TextElement } from "../../text";
+export default class ProductDetailSettings {
+    image: ProductImageSettings | null;
+    name: TextElement | null;
+    discountRatio: TextElement | null;
+    originalPrice: TextElement | null;
+    finalPrice: TextElement | null;
+    button: ProductButtonSettings | null;
+    constructor(data?: Partial<ProductDetailSettings>);
+}
+export declare class ProductImageSettings {
+    bgColor: string;
+    maxWidth: number;
+    borderRadius: number;
+    constructor(data: Partial<ProductImageSettings>);
+}
+export declare class ProductDiscountRatioSettings {
+    color: string;
+    bgColor: string;
+    fontFamily: string;
+    fontSize: number;
+    constructor(data?: Partial<ProductDiscountRatioSettings>);
+}
+export declare enum ProductActionTypeEnum {
+    ADD_TO_CART = "ADD_TO_CART",
+    NAVIGATE_TO_PRODUCT_DETAIL = "NAVIGATE_TO_PRODUCT_DETAIL"
+}
+export declare class ProductButtonSettings {
+    text: string;
+    action: ProductActionTypeEnum;
+    constructor(data?: Partial<ProductButtonSettings>);
+}

package/build-cjs/popup-renderer/models/modal/step/elements/product/detail-settings/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("mobx"),o=require("../../text/index.js"),i=function(e){void 0===e&&(e={}),this.image=e.image?new n(e.image):new n({}),this.name=e.name?new o.TextElement(e.name):new o.TextElement({horizontalPadding:0,verticalPadding:6}),this.discountRatio=e.discountRatio?new o.TextElement(e.discountRatio):new o.TextElement({horizontalPadding:0,verticalPadding:8}),this.originalPrice=e.originalPrice?new o.TextElement(e.originalPrice):new o.TextElement({horizontalPadding:0,verticalPadding:2,fontSize:14,color:"#697586"}),this.finalPrice=e.finalPrice?new o.TextElement(e.finalPrice):new o.TextElement({horizontalPadding:0,verticalPadding:2}),this.button=e.button?new a(e.button):new a({}),t.makeObservable(this,{image:t.observable,name:t.observable,discountRatio:t.observable,originalPrice:t.observable,finalPrice:t.observable,button:t.observable})},n=function(e){var o,i;this.bgColor=e.bgColor||"#FFFFFF",this.maxWidth=null!==(o=e.maxWidth)&&void 0!==o?o:100,this.borderRadius=null!==(i=e.borderRadius)&&void 0!==i?i:0,t.makeObservable(this,{bgColor:t.observable,maxWidth:t.observable,borderRadius:t.observable})},r=function(e){var o;void 0===e&&(e={}),this.color=e.color||"#000000",this.bgColor=e.bgColor||"#FFFFFF",this.fontFamily=e.fontFamily||"Arial",this.fontSize=null!==(o=e.fontSize)&&void 0!==o?o:24,t.makeObservable(this,{color:t.observable,bgColor:t.observable,fontFamily:t.observable,fontSize:t.observable})};exports.ProductActionTypeEnum=void 0,(e=exports.ProductActionTypeEnum||(exports.ProductActionTypeEnum={})).ADD_TO_CART="ADD_TO_CART",e.NAVIGATE_TO_PRODUCT_DETAIL="NAVIGATE_TO_PRODUCT_DETAIL";var a=function(e){void 0===e&&(e={}),this.text=e.text||"Button Text",this.action=e.action||exports.ProductActionTypeEnum.ADD_TO_CART,t.makeObservable(this,{text:t.observable,action:t.observable})};exports.ProductButtonSettings=a,exports.ProductDiscountRatioSettings=r,exports.ProductImageSettings=n,exports.default=i;

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

@@ -0,0 +1,67 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+import ProductDetailSettings from "./detail-settings";
+import { ButtonElement } from "../button";
+export declare enum ProductListSortTypeEnum {
+    ASC_AVERAGE_RATING = "ASC_AVERAGE_RATING",
+    DESC_AVERAGE_RATING = "DESC_AVERAGE_RATING",
+    ASC_CREATED_AT = "ASC_CREATED_AT",
+    DESC_CREATED_AT = "DESC_CREATED_AT",
+    ASC_DISCOUNT_RATIO = "ASC_DISCOUNT_RATIO",
+    DESC_DISCOUNT_RATIO = "DESC_DISCOUNT_RATIO",
+    ASC_NAME = "ASC_NAME",
+    DESC_NAME = "DESC_NAME",
+    ASC_PRICE = "ASC_PRICE",
+    DESC_PRICE = "DESC_PRICE",
+    ASC_REVIEW_COUNT = "ASC_REVIEW_COUNT",
+    DESC_REVIEW_COUNT = "DESC_REVIEW_COUNT",
+    ASC_SALE_COUNT = "ASC_SALE_COUNT",
+    DESC_SALE_COUNT = "DESC_SALE_COUNT"
+}
+export declare enum ProductListTypeEnum {
+    ALL = "ALL",
+    SPECIFIC = "SPECIFIC",
+    CATEGORY = "CATEGORY",
+    LAST_VIEWED = "LAST_VIEWED"
+}
+export declare enum ProductListLayoutEnum {
+    ONE_COLUMN = "ONE_COLUMN",
+    TWO_COLUMN = "TWO_COLUMN",
+    THREE_COLUMN = "THREE_COLUMN"
+}
+export declare const MAX_PRODUCT_COUNT = 10;
+export default class ProductListElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    listType: ProductListTypeEnum;
+    sortType: ProductListSortTypeEnum;
+    maxProductsToShow: number;
+    categoryId: string | null;
+    variantPairs: PopupVariantPair[] | null;
+    layout: ProductListLayoutEnum;
+    productDetailSettings: ProductDetailSettings;
+    buttonSettings: ButtonElement;
+    productBgColor: string;
+    gapBetweenProductElements: number;
+    gapBetweenProducts: number;
+    constructor(data?: Partial<ProductListElement>);
+}
+export declare class PopupVariantPair {
+    productId: string;
+    variantId: string;
+    order: number;
+    productListElementId: string;
+    constructor(data: PopupVariantPair);
+}
+export declare class PopupProduct {
+    productId: string;
+    variantId: string;
+    name: string;
+    price: number;
+    discountPrice: number | null;
+    imageURL: string | null;
+    currencySymbol: string | null;
+    url: string | null;
+    constructor(data?: Partial<PopupProduct>);
+    get $price(): string;
+    get $discountPrice(): string | null;
+    get $discountRatio(): string | null;
+}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r,o=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),n=require("uuid"),u=require("../base/index.js"),s=require("./detail-settings/index.js"),a=require("../button/index.js");exports.ProductListSortTypeEnum=void 0,(e=exports.ProductListSortTypeEnum||(exports.ProductListSortTypeEnum={})).ASC_AVERAGE_RATING="ASC_AVERAGE_RATING",e.DESC_AVERAGE_RATING="DESC_AVERAGE_RATING",e.ASC_CREATED_AT="ASC_CREATED_AT",e.DESC_CREATED_AT="DESC_CREATED_AT",e.ASC_DISCOUNT_RATIO="ASC_DISCOUNT_RATIO",e.DESC_DISCOUNT_RATIO="DESC_DISCOUNT_RATIO",e.ASC_NAME="ASC_NAME",e.DESC_NAME="DESC_NAME",e.ASC_PRICE="ASC_PRICE",e.DESC_PRICE="DESC_PRICE",e.ASC_REVIEW_COUNT="ASC_REVIEW_COUNT",e.DESC_REVIEW_COUNT="DESC_REVIEW_COUNT",e.ASC_SALE_COUNT="ASC_SALE_COUNT",e.DESC_SALE_COUNT="DESC_SALE_COUNT",exports.ProductListTypeEnum=void 0,(t=exports.ProductListTypeEnum||(exports.ProductListTypeEnum={})).ALL="ALL",t.SPECIFIC="SPECIFIC",t.CATEGORY="CATEGORY",t.LAST_VIEWED="LAST_VIEWED",exports.ProductListLayoutEnum=void 0,(r=exports.ProductListLayoutEnum||(exports.ProductListLayoutEnum={})).ONE_COLUMN="ONE_COLUMN",r.TWO_COLUMN="TWO_COLUMN",r.THREE_COLUMN="THREE_COLUMN";var l=function(e){function t(t){void 0===t&&(t={});var r,o,n,l,d,c,E,p,b=this;return(b=e.call(this,t)||this).type=u.PopupElementTypeEnum.PRODUCT_LIST,b.listType=t.listType||exports.ProductListTypeEnum.ALL,b.sortType=t.sortType||exports.ProductListSortTypeEnum.ASC_CREATED_AT,b.maxProductsToShow=null!==(r=t.maxProductsToShow)&&void 0!==r?r:10,b.categoryId=null!==(o=t.categoryId)&&void 0!==o?o:null,b.variantPairs=null!==(n=t.variantPairs)&&void 0!==n?n:null,b.layout=null!==(l=t.layout)&&void 0!==l?l:exports.ProductListLayoutEnum.TWO_COLUMN,b.productDetailSettings=t.productDetailSettings?new s.default(t.productDetailSettings):new s.default,b.buttonSettings=t.buttonSettings?new a.ButtonElement(t.buttonSettings):new a.ButtonElement({outerHorizontalPadding:0}),b.productBgColor=t.productBgColor||"#FFFFFF",b.gapBetweenProductElements=null!==(d=t.gapBetweenProductElements)&&void 0!==d?d:12,b.gapBetweenProducts=null!==(c=t.gapBetweenProducts)&&void 0!==c?c:12,b.verticalPadding=null!==(E=t.verticalPadding)&&void 0!==E?E:12,b.horizontalPadding=null!==(p=t.horizontalPadding)&&void 0!==p?p:12,i.makeObservable(b,{type:i.observable,listType:i.observable,sortType:i.observable,maxProductsToShow:i.observable,categoryId:i.observable,variantPairs:i.observable,layout:i.observable,productDetailSettings:i.observable,buttonSettings:i.observable,productBgColor:i.observable,gapBetweenProductElements:i.observable,gapBetweenProducts:i.observable}),b}return o.__extends(t,e),t}(u.default),d=function(e){var t;this.productId=e.productId,this.variantId=e.variantId,this.order=null!==(t=e.order)&&void 0!==t?t:0,this.productListElementId=e.productListElementId,i.makeObservable(this,{productId:i.observable,variantId:i.observable,order:i.observable,productListElementId:i.observable})},c=function(){function e(e){void 0===e&&(e={}),this.productId=e.productId||n.v4(),this.variantId=e.variantId||n.v4(),this.name=e.name||"",this.price=e.price||0,this.discountPrice=e.discountPrice||null,this.imageURL=e.imageURL?"".concat(e.imageURL,"/image_").concat(1080,".jpeg"):null,this.currencySymbol=e.currencySymbol||null,this.url=e.url||null,i.makeObservable(this,{productId:i.observable,variantId:i.observable,name:i.observable,price:i.observable,discountPrice:i.observable,imageURL:i.observable,currencySymbol:i.observable,url:i.observable,$price:i.computed,$discountPrice:i.computed})}return Object.defineProperty(e.prototype,"$price",{get:function(){return this.currencySymbol+new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}).format(this.price)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"$discountPrice",{get:function(){return this.discountPrice?this.currencySymbol+new Intl.NumberFormat(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}).format(this.discountPrice):null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"$discountRatio",{get:function(){return this.discountPrice?"%"+((this.price-this.discountPrice)/this.price*100).toFixed(2):null},enumerable:!1,configurable:!0}),e}();exports.MAX_PRODUCT_COUNT=10,exports.PopupProduct=c,exports.PopupVariantPair=d,exports.default=l;

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

@@ -0,0 +1,30 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+export default class SocialMediaElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    logoColor: string;
+    borderRadius: number;
+    bgColor: string;
+    socialMediaLinks: SocialMediaLink[];
+    gapBetweenLogos: number;
+    verticalPadding: number;
+    horizontalPadding: number;
+    constructor(data?: Partial<SocialMediaElement>);
+    updateIconLinks(): void;
+}
+export declare class SocialMediaLink {
+    id: string | null;
+    icon: string | null;
+    link: string | null;
+    order: number;
+    type: SocialMediaTypeEnum;
+    constructor(data?: Partial<SocialMediaLink>);
+    get iconUrlWithoutHash(): string | undefined;
+}
+export declare enum SocialMediaTypeEnum {
+    FACEBOOK = "FACEBOOK",
+    TWITTER = "TWITTER",
+    INSTAGRAM = "INSTAGRAM",
+    YOUTUBE = "YOUTUBE",
+    TIKTOK = "TIKTOK",
+    LINKEDIN = "LINKEDIN"
+}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,e=require('./../../../../../../ext/tslib/tslib.es6.mjs.js'),i=require("mobx"),a=require("uuid"),n=require("../base/index.js"),r=function(o){function a(e){void 0===e&&(e={});var a,r,c,l,s,d=this;return(d=o.call(this,e)||this).type=n.PopupElementTypeEnum.SOCIAL_MEDIA,d.logoColor=e.logoColor||"#000000",d.borderRadius=null!==(a=e.borderRadius)&&void 0!==a?a:0,d.bgColor=e.bgColor||"#ffffff",d.gapBetweenLogos=null!==(r=e.gapBetweenLogos)&&void 0!==r?r:8,d.verticalPadding=null!==(c=e.verticalPadding)&&void 0!==c?c:24,d.horizontalPadding=null!==(l=e.horizontalPadding)&&void 0!==l?l:24,d.socialMediaLinks=(null===(s=e.socialMediaLinks)||void 0===s?void 0:s.length)?e.socialMediaLinks.map((function(o){return new t(o)})):[new t({type:exports.SocialMediaTypeEnum.FACEBOOK,order:0,icon:"https://cdn.myikas.dev/social/facebook/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.TWITTER,order:1,icon:"https://cdn.myikas.dev/social/x/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.INSTAGRAM,order:2,icon:"https://cdn.myikas.dev/social/instagram/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.YOUTUBE,order:3,icon:"https://cdn.myikas.dev/social/youtube/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.TIKTOK,order:4,icon:"https://cdn.myikas.dev/social/tiktok/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)}),new t({type:exports.SocialMediaTypeEnum.LINKEDIN,order:4,icon:"https://cdn.myikas.dev/social/linkedin/1080/".concat(d.borderRadius,"/").concat(d.bgColor,"/").concat(d.logoColor)})],i.makeObservable(d,{logoColor:i.observable,borderRadius:i.observable,bgColor:i.observable,socialMediaLinks:i.observable,gapBetweenLogos:i.observable,updateIconLinks:i.action.bound}),d}return e.__extends(a,o),a.prototype.updateIconLinks=function(){var o=this;this.socialMediaLinks.forEach((function(e){e.icon="https://cdn.myikas.dev/social/".concat(e.type.toLowerCase(),"/1080/").concat(o.borderRadius,"/").concat(o.bgColor,"/").concat(o.logoColor)}))},a}(n.default),t=function(){function o(o){var e;void 0===o&&(o={}),this.id=o.id||a.v4(),this.icon=o.icon||null,this.link=o.link||null,this.order=null!==(e=o.order)&&void 0!==e?e:0,this.type=o.type||exports.SocialMediaTypeEnum.FACEBOOK,i.makeObservable(this,{icon:i.observable,link:i.observable,order:i.observable,type:i.observable,iconUrlWithoutHash:i.computed})}return Object.defineProperty(o.prototype,"iconUrlWithoutHash",{get:function(){var o;return null===(o=this.icon)||void 0===o?void 0:o.replace(/#/g,"")},enumerable:!1,configurable:!0}),o}();exports.SocialMediaTypeEnum=void 0,(o=exports.SocialMediaTypeEnum||(exports.SocialMediaTypeEnum={})).FACEBOOK="FACEBOOK",o.TWITTER="TWITTER",o.INSTAGRAM="INSTAGRAM",o.YOUTUBE="YOUTUBE",o.TIKTOK="TIKTOK",o.LINKEDIN="LINKEDIN",exports.SocialMediaLink=t,exports.default=r;