@ikas/popup-renderer 1.0.28 → 1.0.29

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}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};

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:null==B?void 0:B.fontFamily,fontSize:null==B?void 0:B.fontSize,fontWeight:null==B?void 0:B.fontWeight,padding:"".concat(null==B?void 0:B.verticalPadding,"px ").concat(null==B?void 0:B.horizontalPadding,"px"),width:"100%",textAlign:null==B?void 0:B.horizontalAlignment,border:"".concat(null==B?void 0:B.borderWidth,"px ").concat(null==B?void 0:B.borderStyle," ").concat(null==B?void 0:B.borderColor),borderRadius:null==B?void 0:B.borderRadius},q={backgroundColor:null==D?void 0:D.bgColor,color:null==D?void 0:D.color,fontFamily:null==D?void 0:D.fontFamily,fontSize:null==D?void 0:D.fontSize,fontWeight:null==D?void 0:D.fontWeight,padding:"".concat(null==D?void 0:D.verticalPadding,"px ").concat(null==D?void 0:D.horizontalPadding,"px"),width:"100%",textAlign:null==D?void 0:D.horizontalAlignment,border:"".concat(null==D?void 0:D.borderWidth,"px ").concat(null==D?void 0:D.borderStyle," ").concat(null==D?void 0:D.borderColor),borderRadius:null==D?void 0:D.borderRadius},G={textDecoration:"line-through",backgroundColor:null==N?void 0:N.bgColor,color:null==N?void 0:N.color,fontFamily:null==N?void 0:N.fontFamily,fontSize:null==N?void 0:N.fontSize,fontWeight:null==N?void 0:N.fontWeight,padding:"".concat(null==N?void 0:N.verticalPadding,"px ").concat(null==N?void 0:N.horizontalPadding,"px"),width:"100%",textAlign:null==N?void 0:N.horizontalAlignment,border:"".concat(null==N?void 0:N.borderWidth,"px ").concat(null==N?void 0:N.borderStyle," ").concat(null==N?void 0:N.borderColor),borderRadius:null==N?void 0:N.borderRadius},J={backgroundColor:null==A?void 0:A.bgColor,color:null==A?void 0:A.color,fontFamily:null==A?void 0:A.fontFamily,fontSize:null==A?void 0:A.fontSize,fontWeight:null==A?void 0:A.fontWeight,padding:"".concat(null==A?void 0:A.verticalPadding,"px ").concat(null==A?void 0:A.horizontalPadding,"px"),width:"100%",textAlign:null==A?void 0:A.horizontalAlignment,border:"".concat(null==A?void 0:A.borderWidth,"px ").concat(null==A?void 0:A.borderStyle," ").concat(null==A?void 0:A.borderColor),borderRadius:null==A?void 0:A.borderRadius},K={width:"".concat(k.width,"%"),minWidth:"fit-content"},Q=e({display:"flex",justifyContent:"center",width:"100%",gap:"10px"},1===L?{position:"absolute",top:0,left:0,right:0,bottom:0,alignItems:"center",justifyContent:"space-between",zIndex:10}:void 0),X={padding:10,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100%",border:"1px solid #EEF2F6",cursor:"pointer"};return o.createElement("div",{style:M},o.createElement(c,{onSwiper: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 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};

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{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};

package/package.json

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