@ikas/popup-renderer 0.0.1

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as r,InputLabel as u,RequiredInput as i}from"../index.js";var n;!function(e){e.BOOLEAN="BOOLEAN",e.CHOICE="CHOICE",e.DATETIME="DATETIME",e.MULTIPLE_CHOICE="MULTIPLE_CHOICE",e.NUMERIC="NUMERIC",e.TEXT="TEXT"}(n||(n={}));var o=function(n){void 0===n&&(n={}),this.type=r.CUSTOMER_ATTRIBUTE,this.placeholder=n.placeholder||"",this.inputLabel=n.inputLabel?new u(n.inputLabel):null,this.required=n.required?new i(n.required):null,this.updateCurrentInfo=n.updateCurrentInfo||!1,this.customerAttributeId=n.customerAttributeId||"",e(this,{type:t,placeholder:t,inputLabel:t,required:t,updateCurrentInfo:t,customerAttributeId:t})};export{n as CustomerAttributeTypeEnum,o as default};

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

@@ -0,0 +1 @@
+import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as i}from"../index.js";var l=function(l){void 0===l&&(l={}),this.type=t.CUSTOMER_BIRTHDAY,this.value=l.value||null,this.placeholder=l.placeholder||"Enter your birthday",this.inputLabel=l.inputLabel?new u(l.inputLabel):null,this.required=l.required?new i(l.required):null,this.updateCurrentInfo=l.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{l as default};

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

@@ -0,0 +1 @@
+import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as i}from"../index.js";var l=function(l){void 0===l&&(l={}),this.type=t.CUSTOMER_EMAIL,this.value=l.value||null,this.placeholder=l.placeholder||"Enter your email",this.inputLabel=l.inputLabel?new u(l.inputLabel):null,this.required=l.required?new i(l.required):null,this.updateCurrentInfo=l.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{l as default};

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

@@ -0,0 +1 @@
+import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as i}from"../index.js";var l=function(l){void 0===l&&(l={}),this.type=t.CUSTOMER_GENDER,this.value=l.value||null,this.placeholder=l.placeholder||"Enter your gender",this.inputLabel=l.inputLabel?new u(l.inputLabel):null,this.required=l.required?new i(l.required):null,this.updateCurrentInfo=l.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{l as default};

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

@@ -0,0 +1 @@
+import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as i}from"../index.js";var l=function(l){void 0===l&&(l={}),this.type=t.CUSTOMER_NAME,this.value=l.value||null,this.placeholder=l.placeholder||"Enter your name",this.inputLabel=l.inputLabel?new u(l.inputLabel):null,this.required=l.required?new i(l.required):null,this.updateCurrentInfo=l.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{l as default};

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

@@ -0,0 +1 @@
+import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as r,InputLabel as u,RequiredInput as n}from"../index.js";var d=function(d){void 0===d&&(d={}),this.type=r.CUSTOMER_PHONE,this.value=d.value||null,this.placeholder=d.placeholder||"Enter your phone",this.inputLabel=d.inputLabel?new u(d.inputLabel):null,this.required=d.required?new n(d.required):null,this.addCountryCode=d.addCountryCode||!1,this.updateCurrentInfo=d.updateCurrentInfo||!1,e(this,{value:t,type:t,placeholder:t,inputLabel:t,required:t,addCountryCode:t,updateCurrentInfo:t})};export{d as default};

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

@@ -0,0 +1 @@
+import{makeObservable as e,observable as r}from"mobx";import{FormItemTypeEnum as t,InputLabel as u,RequiredInput as i}from"../index.js";var l=function(l){void 0===l&&(l={}),this.type=t.CUSTOMER_SURNAME,this.value=l.value||null,this.placeholder=l.placeholder||"Enter your surname",this.inputLabel=l.inputLabel?new u(l.inputLabel):null,this.required=l.required?new i(l.required):null,this.updateCurrentInfo=l.updateCurrentInfo||!1,e(this,{value:r,type:r,placeholder:r,inputLabel:r,required:r,updateCurrentInfo:r})};export{l as default};

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

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

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

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

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

@@ -0,0 +1 @@
+import{__extends as i}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as n,observable as o,computed as t}from"mobx";import e,{PopupElementTypeEnum as a}from"../base/index.js";var d,r=1080;!function(i){i.FLOAT_LEFT="FLOAT_LEFT",i.FLOAT_RIGHT="FLOAT_RIGHT",i.DISABLE_FLOAT="DISABLE_FLOAT"}(d||(d={}));var l=function(e){function r(i){var r,l,m,c,s=this;return(s=e.call(this,i)||this).type=a.IMAGE,s.imagePosition=i.imagePosition||d.DISABLE_FLOAT,s.imageId=i.imageId||null,s.bgColor=i.bgColor||"#FFFFFF",s.cdnURL=null,s.merchantId=null,s.link=i.link||null,s.maxWidth=null!==(r=i.maxWidth)&&void 0!==r?r:100,s.verticalPadding=null!==(l=i.verticalPadding)&&void 0!==l?l:24,s.horizontalPadding=null!==(m=i.horizontalPadding)&&void 0!==m?m:24,s.borderRadius=null!==(c=i.borderRadius)&&void 0!==c?c:0,n(s,{imagePosition:o,imageId:o,bgColor:o,cdnURL:o,merchantId:o,link:o,maxWidth:o,borderRadius:o,src:t}),s}return i(r,e),Object.defineProperty(r.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}),r}(e);export{r as IMAGE_SIZE,l as ImageElement,d as ImagePositionEnum};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import BaseElement, { PopupElementTypeEnum } from "../base";
+export declare class SpaceElement extends BaseElement {
+    type: PopupElementTypeEnum;
+    bgColor: string;
+    height: number;
+    constructor(data: Partial<SpaceElement>);
+}

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

@@ -0,0 +1 @@
+import{__extends as i}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as o,observable as t}from"mobx";import r,{PopupElementTypeEnum as l}from"../base/index.js";var n=function(r){function n(i){var n,d,e,a=this;return(a=r.call(this,i)||this).type=l.SPACE,a.bgColor=i.bgColor||"#FFFFFF",a.height=null!==(n=i.height)&&void 0!==n?n:24,a.horizontalPadding=null!==(d=i.horizontalPadding)&&void 0!==d?d:0,a.verticalPadding=null!==(e=i.verticalPadding)&&void 0!==e?e:0,o(a,{bgColor:t,height:t}),a}return i(n,r),n}(r);export{n as SpaceElement};

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

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

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

@@ -0,0 +1 @@
+import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as i}from"mobx";import t,{PopupElementTypeEnum as l,ComponentHorizontalAlignmentEnum as d}from"../base/index.js";import{ButtonBorderStyle as e}from"../../../background-settings/index.js";var n=function(t){function n(o){var n,a,u,b,s,g,m,f,h=this;return(h=t.call(this,o)||this).type=l.TEXT,h.text=o.text||"This is a text",h.color=o.color||"#000000",h.bgColor=o.bgColor||"",h.fontFamily=o.fontFamily||"Arial",h.fontSize=null!==(n=o.fontSize)&&void 0!==n?n:16,h.fontWeight=null!==(a=o.fontWeight)&&void 0!==a?a:400,h.borderRadius=null!==(u=o.borderRadius)&&void 0!==u?u:4,h.borderColor=o.borderColor||"#000000",h.borderStyle=o.borderStyle||e.SOLID,h.borderWidth=null!==(b=o.borderWidth)&&void 0!==b?b:0,h.verticalPadding=null!==(s=o.verticalPadding)&&void 0!==s?s:12,h.horizontalPadding=null!==(g=o.horizontalPadding)&&void 0!==g?g:12,h.outerHorizontalPadding=null!==(m=o.outerHorizontalPadding)&&void 0!==m?m:0,h.outerVerticalPadding=null!==(f=o.outerVerticalPadding)&&void 0!==f?f:0,h.horizontalAlignment=o.horizontalAlignment||d.LEFT,r(h,{text:i,color:i,bgColor:i,fontFamily:i,fontSize:i,fontWeight:i,borderRadius:i,borderColor:i,borderStyle:i,borderWidth:i}),h}return o(n,t),n}(t);export{n as TextElement};

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

@@ -0,0 +1,22 @@
+import { TextElement } from "./elements/text";
+import FormElement from "./elements/form";
+import { ImageElement } from "./elements/image";
+import ProductListElement from "./elements/product";
+import { ButtonElement } from "./elements/button";
+import SocialMediaElement from "./elements/social";
+import DividerElement from "./elements/divider";
+import { SpaceElement } from "./elements/space";
+import { PopupElementTypeEnum } from "./elements/base";
+import { ImageColumnElement } from "./elements/image-column";
+export type ElementType = TextElement | FormElement | ImageElement | ImageColumnElement | ProductListElement | ButtonElement | SocialMediaElement | DividerElement | SpaceElement;
+export declare class PopupStep {
+    id: string;
+    stepNumber: number;
+    name: string;
+    isThankYouStep: boolean;
+    isTeaser: boolean;
+    elements: ElementType[];
+    constructor(data: Partial<PopupStep>);
+    setContent(content: ElementType): TextElement | FormElement | ImageElement | ImageColumnElement | ProductListElement | ButtonElement | SocialMediaElement | DividerElement | SpaceElement;
+    addNewElement(type: PopupElementTypeEnum): void;
+}

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

@@ -0,0 +1 @@
+import{makeObservable as e,observable as t,action as s}from"mobx";import{v4 as n}from"uuid";import{TextElement as r}from"./elements/text/index.js";import i from"./elements/form/index.js";import{ImageElement as m}from"./elements/image/index.js";import o from"./elements/product/index.js";import{ButtonElement as a}from"./elements/button/index.js";import h from"./elements/social/index.js";import u from"./elements/divider/index.js";import{SpaceElement as p}from"./elements/space/index.js";import{PopupElementTypeEnum as l}from"./elements/base/index.js";import{ImageColumnElement as d}from"./elements/image-column/index.js";var c=function(){function c(i){var m=this;this.id=i.id||n(),this.stepNumber=i.stepNumber||0,this.name=i.name||"",this.isThankYouStep=i.isThankYouStep||!1,this.isTeaser=i.isTeaser||!1,this.elements=i.elements&&i.elements.length?i.elements.map((function(e){return m.setContent(e)})):[],this.isTeaser&&!this.elements.length&&this.elements.push(new r({order:0})),e(this,{stepNumber:t,name:t,isThankYouStep:t,isTeaser:t,elements:t,setContent:s.bound,addNewElement:s.bound})}return c.prototype.setContent=function(e){switch(e.type){case l.TEXT:return new r(e||{});case l.FORM:return new i(e||{});case l.IMAGE:return new m(e||{});case l.IMAGE_COLUMN:return new d(e||{});case l.PRODUCT_LIST:return new o(e||{});case l.BUTTON:return new a(e||{});case l.SOCIAL_MEDIA:return new h(e||{});case l.DIVIDER:return new u(e||{});case l.SPACE:return new p(e||{})}},c.prototype.addNewElement=function(e){var t=this.elements.length;switch(e){case l.TEXT:this.elements.push(new r({order:t}));break;case l.FORM:this.elements.push(new i({order:t}));break;case l.IMAGE:this.elements.push(new m({order:t}));break;case l.IMAGE_COLUMN:this.elements.push(new d({order:t}));break;case l.PRODUCT_LIST:this.elements.push(new o({order:t}));break;case l.BUTTON:this.elements.push(new a({order:t}));break;case l.SOCIAL_MEDIA:this.elements.push(new h({order:t}));break;case l.DIVIDER:this.elements.push(new u({order:t}));break;case l.SPACE:this.elements.push(new p({order:t}))}},c}();export{c as PopupStep};

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

@@ -0,0 +1,20 @@
+import { WindowSettings } from "../window-settings";
+import { BackgroundSettings } from "../background-settings";
+import { CloseSettings } from "../close-settings";
+import { PopupStep } from "../step";
+import { PopupPositonEnum } from "..";
+export declare enum VisibilityConditionEnum {
+    VISIBLE_AT_FIRST_AND_AT_THE_END = "VISIBLE_AT_FIRST_AND_AT_THE_END",
+    VISIBLE_AT_FIRST = "VISIBLE_AT_FIRST",
+    VISIBLE_AT_THE_END = "VISIBLE_AT_THE_END"
+}
+export declare class Teaser {
+    isActive: boolean | null;
+    step: PopupStep;
+    windowSettings: WindowSettings;
+    backgroundSettings: BackgroundSettings;
+    closeSettings: CloseSettings;
+    visibleCondition: VisibilityConditionEnum;
+    position: PopupPositonEnum;
+    constructor(data: Partial<Teaser>);
+}

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

@@ -0,0 +1 @@
+import{makeObservable as i,observable as t}from"mobx";import{WindowSettings as s}from"../window-settings/index.js";import{BackgroundSettings as e}from"../background-settings/index.js";import{CloseSettings as n}from"../close-settings/index.js";import{PopupStep as o}from"../step/index.js";import{PopupPositonEnum as _}from"../index.js";var T;!function(i){i.VISIBLE_AT_FIRST_AND_AT_THE_END="VISIBLE_AT_FIRST_AND_AT_THE_END",i.VISIBLE_AT_FIRST="VISIBLE_AT_FIRST",i.VISIBLE_AT_THE_END="VISIBLE_AT_THE_END"}(T||(T={}));var r=function(r){this.isActive=r.isActive||null,this.step=r.step?new o(r.step):new o({isTeaser:!0,stepNumber:1,name:"Teaser"}),this.windowSettings=new s(r.windowSettings||{maxHeight:150,maxWidth:350}),this.backgroundSettings=new e(r.backgroundSettings||{}),this.closeSettings=new n(r.closeSettings||{}),this.visibleCondition=r.visibleCondition||T.VISIBLE_AT_FIRST_AND_AT_THE_END,this.position=r.position||_.POPUP_BOTTOM_RIGHT,i(this,{isActive:t,step:t,windowSettings:t,backgroundSettings:t,closeSettings:t,visibleCondition:t,position:t})};export{r as Teaser,T as VisibilityConditionEnum};

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

@@ -0,0 +1,10 @@
+export declare class WindowSettings {
+    maxHeight: number | null;
+    maxWidth: number | null;
+    borderRadius: number;
+    outerVerticalPadding: number;
+    outerHorizontalPadding: number;
+    takeFullWidth: boolean;
+    takeFullHeight: boolean;
+    constructor(data: Partial<WindowSettings>);
+}

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

@@ -0,0 +1 @@
+import{makeObservable as t,observable as i}from"mobx";var a=function(a){this.maxHeight=a.maxHeight||435,this.maxWidth=a.maxWidth||400,this.borderRadius=a.borderRadius||4,this.outerVerticalPadding=a.outerVerticalPadding||12,this.outerHorizontalPadding=a.outerHorizontalPadding||12,this.takeFullHeight=a.takeFullHeight||!1,this.takeFullWidth=a.takeFullWidth||!1,t(this,{maxHeight:i,maxWidth:i,borderRadius:i,outerVerticalPadding:i,outerHorizontalPadding:i,takeFullHeight:i,takeFullWidth:i})};export{a as WindowSettings};

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

@@ -0,0 +1,17 @@
+import { VisibilityCondition } from "./visibility-condition";
+import { VisibilityTime } from "./visibility-time";
+export declare enum DeviceTypeEnum {
+    DESKTOP = "DESKTOP",
+    MOBILE = "MOBILE",
+    DESKTOP_AND_MOBILE = "DESKTOP_AND_MOBILE"
+}
+export declare class PopupSettings {
+    redirect: string | null;
+    language: string | null;
+    visibleDevice: DeviceTypeEnum;
+    visiblePages: string[];
+    visibilityCondition: VisibilityCondition | null;
+    hideIfModalClosed: boolean;
+    time: VisibilityTime | null;
+    constructor(data: Partial<PopupSettings>);
+}