@ikas/popup-renderer 1.0.29 → 1.0.31

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import{PopupElementTypeEnum as r,ComponentHorizontalAlignmentEnum as t}from"../models/modal/step/elements/base/index.js";var a=function(t){var a=[];return t.modal.steps.forEach((function(t){t.elements.forEach((function(t){if(t.type===r.PRODUCT_LIST){var s=t.variantPairs;s&&(a=e(e([],a,!0),s,!0))}}))})),{variantPairs:a}},s=function(e){var r="";switch(e){case t.LEFT:r="flex-start";break;case t.CENTER:r="center";break;case t.RIGHT:r="flex-end"}return r};export{s as getHorizontalAlignment,a as getPopupDynamicData};
+import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import{PopupElementTypeEnum as t,ComponentHorizontalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";var n=function(a){var n=[];return a.modal.steps.forEach((function(a){a.elements.forEach((function(a){if(a.type===t.PRODUCT_LIST){var r=a.variantPairs;r&&(n=e(e([],n,!0),r,!0))}}))})),{variantPairs:n}},r=function(e){var t="";switch(e){case a.LEFT:t="flex-start";break;case a.CENTER:t="center";break;case a.RIGHT:t="flex-end"}return t},i=function(e){if(e.name){var t=e.name.replace(/ /g,"+"),a="";if(e.variants){a+=":";var n=e.variants.some((function(e){return"italic"===e}));if(n&&(a+="ital,"),a+="wght@",n){var r=new RegExp("italic","i");a+=e.variants.reduce((function(e,t){return r.test(t)?e:e+"0,".concat(t.replace("regular","400"),";")}),""),a+=e.variants.reduce((function(e,t){return r.test(t)?e+"1,".concat("italic"===t?"400":t.replace("italic",""),";"):e}),"")}else a+=e.variants.reduce((function(e,t){return e+"".concat(t.replace("regular","400"),";")}),"");a=a.substring(0,a.length-1),a+="&display=swap"}return"https://fonts.googleapis.com/css2?family=".concat(t).concat(a)}},s=function(e){var t="'".concat(e.name,'\', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');if(document.getElementById("ikas-popup-font-".concat(e.name)))return t;var a=i(e);if(a){var n=document.createElement("link");return n.setAttribute("id","ikas-popup-font-".concat(e.name)),n.setAttribute("rel","stylesheet"),n.setAttribute("href",a),document.getElementsByTagName("head")[0].appendChild(n),t}};export{i as getGoogleFontHref,r as getHorizontalAlignment,n as getPopupDynamicData,s as injectFontScript};

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

@@ -19,6 +19,10 @@ export declare enum PopupElementTypeEnum {
     DIVIDER = "DIVIDER",
     SPACE = "SPACE"
 }
+export type IkasPopupRendererFontFamily = {
+    name: string;
+    variants: string[] | null;
+};
 export declare class BaseElement {
     id: string;
     order: number;

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

@@ -1,4 +1,4 @@
-import { BaseElement, PopupElementTypeEnum } from "../base";
+import { BaseElement, IkasPopupRendererFontFamily, PopupElementTypeEnum } from "../base";
 import { ButtonBorderStyle } from "../../../background-settings";
 export declare class ButtonElement extends BaseElement {
     text: string;
@@ -6,7 +6,7 @@ export declare class ButtonElement extends BaseElement {
     color: string;
     buttonBgColor: string;
     bgColor: string;
-    fontFamily: string;
+    fontFamily: IkasPopupRendererFontFamily;
     fontSize: number;
     fontWeight: number;
     borderRadius: number;

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

@@ -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,BaseElement as l}from"../base/index.js";import{ButtonBorderStyle as n}from"../../../background-settings/index.js";var d=function(l){function d(o){var d,e,a,u,b,g,s,f,m=this;return(m=l.call(this,o)||this).text=o.text||"Button Text",m.type=i.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,l),d}(l);export{d as ButtonElement};
+import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as t}from"mobx";import{PopupElementTypeEnum as i,BaseElement as l}from"../base/index.js";import{ButtonBorderStyle as n}from"../../../background-settings/index.js";var d=function(l){function d(o){var d,e,a,u,b,g,s,f,m=this;return(m=l.call(this,o)||this).text=o.text||"Button Text",m.type=i.BUTTON,m.color=o.color||"#FFFFFF",m.buttonBgColor=o.buttonBgColor||"#000000",m.bgColor=o.bgColor||"",m.fontFamily=o.fontFamily||{name:"Arial",variants:null},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,l),d}(l);export{d as ButtonElement};

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

@@ -1,7 +1,8 @@
+import { IkasPopupRendererFontFamily } from "../../base";
 export declare class FormSettings {
     formInputSettings: FormInputSettings;
     gapBetweenItems: number;
-    fontFamily: string;
+    fontFamily: IkasPopupRendererFontFamily;
     fontSize: number;
     constructor(data?: Partial<FormSettings>);
 }

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

@@ -1 +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 FormSettings};
+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||{name:"Arial",variants:null},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 FormSettings};

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

@@ -1,4 +1,5 @@
 import { TextElement } from "../../text";
+import { IkasPopupRendererFontFamily } from "../../base";
 export declare class ProductDetailSettings {
     image: ProductImageSettings | null;
     name: TextElement | null;
@@ -17,7 +18,7 @@ export declare class ProductImageSettings {
 export declare class ProductDiscountRatioSettings {
     color: string;
     bgColor: string;
-    fontFamily: string;
+    fontFamily: IkasPopupRendererFontFamily;
     fontSize: number;
     constructor(data?: Partial<ProductDiscountRatioSettings>);
 }

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

@@ -1 +1 @@
-import{makeObservable as i,observable as o}from"mobx";import{TextElement as t}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 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 d(n.button):new d({}),i(this,{image:o,name:o,discountRatio:o,originalPrice:o,finalPrice:o,button:o})},e=function(t){var n,a;this.bgColor=t.bgColor||"#FFFFFF",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})},r=function(t){var n;void 0===t&&(t={}),this.color=t.color||"#000000",this.bgColor=t.bgColor||"#FFFFFF",this.fontFamily=t.fontFamily||"Arial",this.fontSize=null!==(n=t.fontSize)&&void 0!==n?n: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"}(n||(n={}));var d=function(t){void 0===t&&(t={}),this.text=t.text||"Button Text",this.action=t.action||n.ADD_TO_CART,i(this,{text:o,action:o})};export{n as ProductActionTypeEnum,d as ProductButtonSettings,a as ProductDetailSettings,r as ProductDiscountRatioSettings,e as ProductImageSettings};
+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 l(n.button):new l({}),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||{name:"Arial",variants:null},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 l=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,l as ProductButtonSettings,a as ProductDetailSettings,r as ProductDiscountRatioSettings,e as ProductImageSettings};

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

@@ -1,11 +1,11 @@
-import { BaseElement, PopupElementTypeEnum } from "../base";
+import { BaseElement, IkasPopupRendererFontFamily, PopupElementTypeEnum } from "../base";
 import { ButtonBorderStyle } from "../../../background-settings";
 export declare class TextElement extends BaseElement {
     type: PopupElementTypeEnum;
     text: string;
     color: string;
     bgColor: string;
-    fontFamily: string;
+    fontFamily: IkasPopupRendererFontFamily;
     fontSize: number;
     fontWeight: number;
     borderRadius: number;

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

@@ -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,ComponentHorizontalAlignmentEnum as l,BaseElement as d}from"../base/index.js";import{ButtonBorderStyle as e}from"../../../background-settings/index.js";var n=function(d){function n(o){var n,a,u,b,s,g,m,f,h=this;return(h=d.call(this,o)||this).type=t.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||l.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,d),n}(d);export{n as TextElement};
+import{__extends as o}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as r,observable as i}from"mobx";import{PopupElementTypeEnum as t,ComponentHorizontalAlignmentEnum as l,BaseElement as n}from"../base/index.js";import{ButtonBorderStyle as d}from"../../../background-settings/index.js";var e=function(n){function e(o){var e,a,u,b,s,g,m,f,h=this;return(h=n.call(this,o)||this).type=t.TEXT,h.text=o.text||"This is a text",h.color=o.color||"#000000",h.bgColor=o.bgColor||"",h.fontFamily=o.fontFamily||{name:"Arial",variants:null},h.fontSize=null!==(e=o.fontSize)&&void 0!==e?e: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||d.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||l.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(e,n),e}(n);export{e as TextElement};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/popup-renderer",
-  "version": "1.0.29",
+  "version": "1.0.31",
   "description": "",
   "author": "ucy",
   "license": "ISC",