@ikas/popup-renderer 1.0.88 → 1.0.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/popup-renderer/models/index.d.ts +1 -0
- package/build/popup-renderer/models/index.js +1 -1
- package/build/popup-renderer/models/modal/index.js +1 -1
- package/build/popup-renderer/models/modal/step/elements/button/index.js +1 -1
- package/build/popup-renderer/models/modal/step/elements/form/checkbox/index.js +1 -1
- package/build/popup-renderer/models/modal/step/elements/form/index.js +1 -1
- package/build/popup-renderer/models/modal/step/elements/product/detail-settings/index.js +1 -1
- package/build/popup-renderer/models/modal/step/elements/text/index.js +1 -1
- package/build/popup-renderer/models/modal/teaser/index.js +1 -1
- package/package.json +1 -1
|
@@ -26,6 +26,7 @@ export declare class Popup {
|
|
|
26
26
|
storeUrl: string;
|
|
27
27
|
marketingPopupViewModel?: IMarketingPopupViewModel;
|
|
28
28
|
private products;
|
|
29
|
+
static t: any;
|
|
29
30
|
constructor(data: Partial<Popup>, cdnURL: string, merchantId: string);
|
|
30
31
|
set $products(products: PopupProduct[]);
|
|
31
32
|
get $products(): PopupProduct[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeObservable as e,observable as
|
|
1
|
+
import{makeObservable as e,observable as t,computed as i}from"mobx";import{PopupSettings as o}from"./settings/index.js";import{Modal as a}from"./modal/index.js";var l;!function(e){e.DESKTOP="DESKTOP",e.MOBILE="MOBILE"}(l||(l={}));var r=468,n=function(){function r(n,u,s){var p,d;this.id=n.id||Date.now().toString(),this.settings=new o(n.settings||{}),this.modal=new a(n.modal||{}),this.pagePreviewType=n.pagePreviewType||l.DESKTOP,this.cdnURL=u,this.merchantId=s,this.storeUrl=n.storeUrl||"",this.products=[],this.marketingPopupViewModel=n.marketingPopupViewModel||void 0,r.t=(null===(p=this.marketingPopupViewModel)||void 0===p?void 0:p.t)||function(){},console.log("this.marketingPopupViewModel?.t",null===(d=this.marketingPopupViewModel)||void 0===d?void 0:d.t),console.log("Popup.t",r.t),e(this,{id:t,settings:t,modal:t,pagePreviewType:t,cdnURL:t,merchantId:t,storeUrl:t,products:t,marketingPopupViewModel:t,isPreviewMode:i})}return Object.defineProperty(r.prototype,"$products",{get:function(){return this.products},set:function(e){this.products=e},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"isPreviewMode",{get:function(){return!!this.marketingPopupViewModel},enumerable:!1,configurable:!0}),r.fontFamilyOptions=function(){return[{value:"Arial",label:"Arial"},{value:"Helvetica",label:"Helvetica"},{value:"Times New Roman",label:"Times New Roman"},{value:"Courier",label:"Courier"},{value:"Verdana",label:"Verdana"},{value:"Georgia",label:"Georgia"},{value:"Palatino",label:"Palatino"},{value:"Garamond",label:"Garamond"},{value:"Bookman",label:"Bookman"},{value:"Comic Sans MS",label:"Comic Sans MS"},{value:"Trebuchet MS",label:"Trebuchet MS"},{value:"Arial Black",label:"Arial Black"},{value:"Impact",label:"Impact"}]},r}();export{r as MOBILE_SCREEN_SIZE,n as Popup,l as PreviewType};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeObservable as t,observable as i,computed as e,action as P}from"mobx";import{PopupStep as n}from"./step/index.js";import{Teaser as s}from"./teaser/index.js";import{WindowSettings as o}from"./window-settings/index.js";import{Border as O,BackgroundSettings as T}from"./background-settings/index.js";import{CloseSettings as _}from"./close-settings/index.js";var
|
|
1
|
+
import{makeObservable as t,observable as i,computed as e,action as P}from"mobx";import{PopupStep as n}from"./step/index.js";import{Teaser as s}from"./teaser/index.js";import{WindowSettings as o}from"./window-settings/index.js";import{Border as O,BackgroundSettings as T}from"./background-settings/index.js";import{CloseSettings as _}from"./close-settings/index.js";import{Popup as r}from"../index.js";var a,I;!function(t){t.POPUP="POPUP",t.NOTIFICATION_BAR="NOTIFICATION_BAR",t.DRAWER="DRAWER"}(a||(a={})),function(t){t.POPUP_TOP_LEFT="POPUP_TOP_LEFT",t.POPUP_TOP_CENTER="POPUP_TOP_CENTER",t.POPUP_TOP_RIGHT="POPUP_TOP_RIGHT",t.POPUP_MIDDLE_LEFT="POPUP_MIDDLE_LEFT",t.POPUP_MIDDLE_CENTER="POPUP_MIDDLE_CENTER",t.POPUP_MIDDLE_RIGHT="POPUP_MIDDLE_RIGHT",t.POPUP_BOTTOM_LEFT="POPUP_BOTTOM_LEFT",t.POPUP_BOTTOM_CENTER="POPUP_BOTTOM_CENTER",t.POPUP_BOTTOM_RIGHT="POPUP_BOTTOM_RIGHT",t.NOTIFICATION_BAR_UP="NOTIFICATION_BAR_UP",t.NOTIFICATION_BAR_DOWN="NOTIFICATION_BAR_DOWN",t.DRAWER_RIGHT="DRAWER_RIGHT",t.DRAWER_LEFT="DRAWER_LEFT"}(I||(I={}));var R=function(){function R(O){this.type=O.type||a.POPUP,this.teaser=O.teaser?new s(O.teaser):new s({backgroundSettings:new T({allowScrollingWhenPopupOpen:!0})}),this.windowSettings=O.windowSettings?new o(O.windowSettings):new o({borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),this.backgroundSettings=new T(O.backgroundSettings||{}),this.closeSettings=new _(O.closeSettings||{}),this.steps=O.steps&&O.steps.length?O.steps.map((function(t){return new n(t)})):[new n({stepNumber:1,name:r.t("popup:initialClassTranslations.welcome"),isThankYouStep:!1})],this.isVisible=!1,this.selectedStep=this.steps[0],this.position=O.position?O.position:I.POPUP_MIDDLE_CENTER,t(this,{isVisible:i,type:i,position:i,teaser:i,windowSettings:i,backgroundSettings:i,closeSettings:i,steps:i,selectedStep:i,availablePositions:e,setInitialSettings:P.bound,setInitialPosition:P.bound,setInitialWindowSettings:P.bound})}return R.prototype.setInitialSettings=function(t){void 0===t&&(t=!1),this.setInitialPosition(t),this.setInitialWindowSettings(t)},R.prototype.setInitialPosition=function(t){switch(this.type){case a.POPUP:this.position=t?I.POPUP_BOTTOM_RIGHT:I.POPUP_MIDDLE_CENTER;break;case a.NOTIFICATION_BAR:this.position=I.NOTIFICATION_BAR_UP;break;case a.DRAWER:this.position=I.DRAWER_RIGHT}},R.prototype.setInitialWindowSettings=function(t){switch(this.type){case a.POPUP:this.windowSettings=new o({borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),t&&(this.backgroundSettings.allowScrollingWhenPopupOpen=!0,this.backgroundSettings.overlay=null,this.backgroundSettings.border=new O({borderWidth:1,borderColor:"#E3E8EF"}));break;case a.NOTIFICATION_BAR:this.windowSettings=new o({outerHorizontalPadding:0,outerVerticalPadding:0,borderRadius:4,takeFullWidth:!0});break;case a.DRAWER:this.windowSettings=new o({borderRadius:4,outerHorizontalPadding:0,outerVerticalPadding:0,takeFullHeight:!0})}},Object.defineProperty(R.prototype,"availablePositions",{get:function(){var t;return(t={})[a.POPUP]=[I.POPUP_TOP_LEFT,I.POPUP_TOP_CENTER,I.POPUP_TOP_RIGHT,I.POPUP_MIDDLE_LEFT,I.POPUP_MIDDLE_CENTER,I.POPUP_MIDDLE_RIGHT,I.POPUP_BOTTOM_LEFT,I.POPUP_BOTTOM_CENTER,I.POPUP_BOTTOM_RIGHT],t[a.NOTIFICATION_BAR]=[I.NOTIFICATION_BAR_UP,I.NOTIFICATION_BAR_DOWN],t[a.DRAWER]=[I.DRAWER_RIGHT,I.DRAWER_LEFT],t},enumerable:!1,configurable:!0}),R}();export{R as Modal,I as PopupPositonEnum,a as PopupTypeEnum};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as t}from"mobx";import{PopupElementTypeEnum as i,IkasPopupRendererFontFamily as l,BaseElement as n}from"../base/index.js";import{ButtonBorderStyle as d}from"../../../background-settings/index.js";var
|
|
1
|
+
import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as t}from"mobx";import{PopupElementTypeEnum as i,IkasPopupRendererFontFamily as l,BaseElement as n}from"../base/index.js";import{ButtonBorderStyle as d}from"../../../background-settings/index.js";import{Popup as e}from"../../../../index.js";var a=function(n){function a(o){var a,u,b,s,g,f,m,v,c=this;return(c=n.call(this,o)||this).text=o.text||e.t("popup:initialClassTranslations.buttonText"),c.type=i.BUTTON,c.color=o.color||"#FFFFFF",c.buttonBgColor=o.buttonBgColor||"",c.bgColor=o.bgColor||"",c.fontFamily=new l(o.fontFamily),c.fontSize=null!==(a=o.fontSize)&&void 0!==a?a:16,c.fontWeight=null!==(u=o.fontWeight)&&void 0!==u?u:400,c.borderRadius=null!==(b=o.borderRadius)&&void 0!==b?b:4,c.borderColor=o.borderColor||"",c.borderStyle=o.borderStyle||d.SOLID,c.borderWidth=null!==(s=o.borderWidth)&&void 0!==s?s:0,c.link=o.link||null,c.verticalPadding=null!==(g=o.verticalPadding)&&void 0!==g?g:12,c.horizontalPadding=null!==(f=o.horizontalPadding)&&void 0!==f?f:12,c.outerVerticalPadding=null!==(m=o.outerVerticalPadding)&&void 0!==m?m:12,c.outerHorizontalPadding=null!==(v=o.outerHorizontalPadding)&&void 0!==v?v:12,r(c,{text:t,color:t,buttonBgColor:t,bgColor:t,fontFamily:t,fontSize:t,fontWeight:t,borderRadius:t,borderColor:t,borderStyle:t,borderWidth:t,link:t}),c}return o(a,n),a}(n);export{a as ButtonElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as i}from"../index.js";var
|
|
1
|
+
import{makeObservable as e,observable as t}from"mobx";import{FormItemTypeEnum as i}from"../index.js";import{Popup as s}from"../../../../../index.js";var o,n=function(o){void 0===o&&(o={}),this.type=i.CHECKBOX_FORM_ITEM,this.isChecked=o.isChecked||!1,this.text=o.text||s.t("popup:initialClassTranslations.agreeTermsAndConditions"),this.contactPermission=o.contactPermission?new r(o.contactPermission):null,this.showInCheckedStatus=o.showInCheckedStatus||!1,this.requiredToBeChecked=o.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"}(o||(o={}));var r=function(i){void 0===i&&(i={}),this.type=i.type||o.GENERAL,e(this,{type:t})};export{n as CheckboxFormItem,r as ContactPermission,o as ContactPermissionTypeEnum};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__extends as t,__assign as
|
|
1
|
+
import{__extends as t,__assign as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as e,observable as r,action as n}from"mobx";import{PopupElementTypeEnum as i,BaseElement as s}from"../base/index.js";import{ButtonElement as a}from"../button/index.js";import{FormSettings as u}from"./form-settings/index.js";import{CustomerNameFormItem as l}from"./customer-name/index.js";import{CustomerSurnameFormItem as d}from"./customer-surname/index.js";import{CustomerEmailFormItem as m}from"./customer-email/index.js";import{CustomerPhoneFormItem as p}from"./customer-phone/index.js";import{CustomerBirthdayFormItem as E}from"./customer-birthday/index.js";import{CustomerGenderFormItem as c}from"./customer-gender/index.js";import{CheckboxFormItem as h}from"./checkbox/index.js";import{CustomerAttributeFormItem as T}from"./customer-attribute/index.js";import{Popup as C}from"../../../../index.js";var M;!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"}(M||(M={}));var f=function(o){function s(t,s){void 0===t&&(t={});var l,d,m=this;return(m=o.call(this,t)||this).type=i.FORM,m.rows=t.rows?t.rows.map((function(t){return new R(t)})):[],m.formSettings=t.formSettings||new u,m.buttonSettings=t.buttonSettings||new a({outerHorizontalPadding:0,outerVerticalPadding:0,buttonBgColor:"#000000",borderColor:"#000000"}),m.bgColor=t.bgColor||"",m.verticalPadding=null!==(l=t.verticalPadding)&&void 0!==l?l:12,m.horizontalPadding=null!==(d=t.horizontalPadding)&&void 0!==d?d:12,e(m,{rows:r,formSettings:r,buttonSettings:r,bgColor:r,addNewElement:n.bound}),0===m.rows.length&&1===s&&m.addNewElement(M.CUSTOMER_EMAIL),m}return t(s,o),s.prototype.addNewElement=function(t){var o=new R({order:this.rows.length,columns:[new w({type:t,order:0})]});this.rows.push(o)},s}(s),R=function(){function t(t){var o;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(o=t.order)&&void 0!==o?o:0,this.columns=t.columns?t.columns.map((function(t){return new w(t)})):[],e(this,{id:r,order:r,columns:r,addNewElement:n.bound,changeColumnSort:n.bound})}return t.prototype.addNewElement=function(t){this.columns.push(new w({type:t,order:this.columns.length}))},t.prototype.changeColumnSort=function(){this.columns.forEach((function(t,o){0===o?t.order=t.order+1:1===o&&(t.order=t.order-1)})),this.columns=this.columns.sort((function(t,o){return t.order-o.order}))},t}(),w=function(){function t(t){var o;void 0===t&&(t={}),this.id=t.id||Date.now().toString(),this.order=null!==(o=t.order)&&void 0!==o?o:0,this.type=t.type||M.CUSTOMER_NAME,this.formItem=this.setFormItems(t.formItem),e(this,{id:r,order:r,type:r,formItem:r,setFormItems:n.bound})}return t.prototype.setFormItems=function(t){switch(this.type){case M.CUSTOMER_NAME:return new l(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.firstName")})});case M.CUSTOMER_SURNAME:return new d(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.lastName")})});case M.CUSTOMER_EMAIL:return new m(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.email")})});case M.CUSTOMER_PHONE:return new p(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.phone")})});case M.CUSTOMER_BIRTHDAY:return new E(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.birthday")})});case M.CUSTOMER_GENDER:return new c(t?o({},t):{inputLabel:new S({text:C.t("popup:initialClassTranslations.gender")})});case M.CHECKBOX_FORM_ITEM:return new h(o({},t));case M.CUSTOMER_ATTRIBUTE:return new T(o({},t))}},t}(),S=function(t){void 0===t&&(t={}),this.text=t.text||C.t("popup:initialClassTranslations.inputLabel"),e(this,{text:r})},O=function(t){void 0===t&&(t={}),this.validationErrorMessage=t.validationErrorMessage||C.t("popup:initialClassTranslations.requiredFieldErrorMessage"),this.hasError=t.hasError||!1,e(this,{validationErrorMessage:r,hasError:r})},g=function(t){void 0===t&&(t={}),this.text=t.text||C.t("popup:initialClassTranslations.placeholder"),e(this,{text:r})};export{w as FormColumn,f as FormElement,M as FormItemTypeEnum,R as FormRow,S as InputLabel,g as InputPlaceholder,O as RequiredInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeObservable as i,observable as o}from"mobx";import{TextElement as t}from"../../text/index.js";import{IkasPopupRendererFontFamily as n}from"../../base/index.js";var
|
|
1
|
+
import{makeObservable as i,observable as o}from"mobx";import{TextElement as t}from"../../text/index.js";import{IkasPopupRendererFontFamily as n}from"../../base/index.js";import{Popup as a}from"../../../../../index.js";var e,r=function(n){void 0===n&&(n={}),this.image=n.image?new d(n.image):new d({}),this.name=n.name?new t(n.name):new t({horizontalPadding:0,verticalPadding:6}),this.discountRatio=n.discountRatio?new t(n.discountRatio):new t({horizontalPadding:0,verticalPadding:8}),this.originalPrice=n.originalPrice?new t(n.originalPrice):new t({horizontalPadding:0,verticalPadding:2,fontSize:14,color:"#697586"}),this.finalPrice=n.finalPrice?new t(n.finalPrice):new t({horizontalPadding:0,verticalPadding:2}),this.button=n.button?new s(n.button):new s({}),i(this,{image:o,name:o,discountRatio:o,originalPrice:o,finalPrice:o,button:o})},d=function(t){var n,a;this.bgColor=t.bgColor||"",this.maxWidth=null!==(n=t.maxWidth)&&void 0!==n?n:100,this.borderRadius=null!==(a=t.borderRadius)&&void 0!==a?a:0,i(this,{bgColor:o,maxWidth:o,borderRadius:o})},l=function(t){var a;void 0===t&&(t={}),this.color=t.color||"#000000",this.bgColor=t.bgColor||"",this.fontFamily=new n(t.fontFamily),this.fontSize=null!==(a=t.fontSize)&&void 0!==a?a:24,i(this,{color:o,bgColor:o,fontFamily:o,fontSize:o})};!function(i){i.ADD_TO_CART="ADD_TO_CART",i.NAVIGATE_TO_PRODUCT_DETAIL="NAVIGATE_TO_PRODUCT_DETAIL"}(e||(e={}));var s=function(t){void 0===t&&(t={}),this.text=t.text||a.t("popup:initialClassTranslations.buttonText"),this.action=t.action||e.ADD_TO_CART,i(this,{text:o,action:o})};export{e as ProductActionTypeEnum,s as ProductButtonSettings,r as ProductDetailSettings,l as ProductDiscountRatioSettings,d as ProductImageSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as i}from"mobx";import{PopupElementTypeEnum as t,IkasPopupRendererFontFamily as l,ComponentHorizontalAlignmentEnum as
|
|
1
|
+
import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as i}from"mobx";import{PopupElementTypeEnum as t,IkasPopupRendererFontFamily as l,ComponentHorizontalAlignmentEnum as n,BaseElement as d}from"../base/index.js";import{ButtonBorderStyle as e}from"../../../background-settings/index.js";import{Popup as a}from"../../../../index.js";var s=function(d){function s(o){var s,u,b,g,m,f,h,v,c=this;return(c=d.call(this,o)||this).type=t.TEXT,c.text=o.text||a.t("popup:initialClassTranslations.text"),c.color=o.color||"#000000",c.bgColor=o.bgColor||"",c.fontFamily=new l(o.fontFamily),c.fontSize=null!==(s=o.fontSize)&&void 0!==s?s:16,c.fontWeight=null!==(u=o.fontWeight)&&void 0!==u?u:400,c.borderRadius=null!==(b=o.borderRadius)&&void 0!==b?b:4,c.borderColor=o.borderColor||"#000000",c.borderStyle=o.borderStyle||e.SOLID,c.borderWidth=null!==(g=o.borderWidth)&&void 0!==g?g:0,c.verticalPadding=null!==(m=o.verticalPadding)&&void 0!==m?m:12,c.horizontalPadding=null!==(f=o.horizontalPadding)&&void 0!==f?f:12,c.outerHorizontalPadding=null!==(h=o.outerHorizontalPadding)&&void 0!==h?h:0,c.outerVerticalPadding=null!==(v=o.outerVerticalPadding)&&void 0!==v?v:0,c.horizontalAlignment=o.horizontalAlignment||n.LEFT,r(c,{text:i,color:i,bgColor:i,fontFamily:i,fontSize:i,fontWeight:i,borderRadius:i,borderColor:i,borderStyle:i,borderWidth:i}),c}return o(s,d),s}(d);export{s as TextElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeObservable as i,observable as t}from"mobx";import{WindowSettings as s}from"../window-settings/index.js";import{BackgroundSettings as
|
|
1
|
+
import{makeObservable as i,observable as t}from"mobx";import{WindowSettings as s}from"../window-settings/index.js";import{BackgroundSettings as n}from"../background-settings/index.js";import{CloseSettings as e}from"../close-settings/index.js";import{PopupStep as o}from"../step/index.js";import{PopupPositonEnum as r}from"../index.js";import{Popup 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 d=function(d){this.isActive=d.isActive||null,this.step=d.step?new o(d.step):new o({isTeaser:!0,stepNumber:1,name:_.t("popup:initialClassTranslations.teaser")}),this.windowSettings=new s(d.windowSettings||{minHeight:150,maxWidth:350,borderRadius:4,outerVerticalPadding:12,outerHorizontalPadding:12}),this.backgroundSettings=new n(d.backgroundSettings||{}),this.closeSettings=new e(d.closeSettings||{}),this.visibleCondition=d.visibleCondition||T.VISIBLE_AT_FIRST_AND_AT_THE_END,this.position=d.position||r.POPUP_BOTTOM_RIGHT,i(this,{isActive:t,step:t,windowSettings:t,backgroundSettings:t,closeSettings:t,visibleCondition:t,position:t})};export{d as Teaser,T as VisibilityConditionEnum};
|