@ikas/popup-renderer 1.0.224 → 1.0.226

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

@@ -1 +1 @@
-import{__spreadArray as t,__assign as e,__awaiter as o,__generator as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import i from"react";import{observer as l}from"mobx-react";import{getHorizontalAlignment as r,injectFontScript as d}from"../../helpers/index.js";import{ProductListTypeEnum as a,ProductListLayoutEnum as c}from"../../models/modal/step/elements/product/index.js";import u from"../button-element-renderer/index.js";import{Navigation as s,Scrollbar as m}from"swiper/modules";import{Swiper as v,SwiperSlide as p}from"swiper/react";import g from"../../assets/left-arrow.js";import f from"../../assets/right-arrow.js";import{ProductActionTypeEnum as b}from"../../models/modal/step/elements/product/detail-settings/index.js";import{ComponentHorizontalAlignmentEnum as h}from"../../models/modal/step/elements/base/index.js";var x=l((function(l){var x,y=l.element,E=l.products,C=l.popup,P=l.editModeChildren,w=l.isPreviewMode,S=l.sfProps,R=l.onClose,z=i.useState(null),j=z[0],D=z[1],I=i.useState(!1),W=I[0],A=I[1],F=i.useState(!1),k=F[0],T=F[1],_=y,B=[];if(E&&(B=_.listType===a.SPECIFIC?(null===(x=_.variantPairs)||void 0===x?void 0:x.length)?E.slice().sort((function(t,e){return _.variantPairs.findIndex((function(e){return e.variantId===t.variantId}))-_.variantPairs.findIndex((function(t){return t.variantId===e.variantId}))})):[]:t([],E,!0)),B.length>_.maxProductsToShow&&(B.length=_.maxProductsToShow),!(B&&B.length||!C.isPreviewMode)&&P)return P;if(!B||!B.length)return null;_.gapBetweenProductElements;var L=_.productDetailSettings.image,M=_.productDetailSettings.button,N=_.buttonSettings,O=_.productDetailSettings.discountRatio,U=_.productDetailSettings.finalPrice,H=_.productDetailSettings.originalPrice,V=_.productDetailSettings.name,$=r(_.horizontalAlignment),q=1;_.layout===c.ONE_COLUMN?q=1:_.layout===c.TWO_COLUMN?q=2:_.layout===c.THREE_COLUMN&&(q=3);var G={padding:"".concat(_.outerVerticalPadding,"px ").concat(_.outerHorizontalPadding,"px"),backgroundColor:_.productBgColor,width:"100%",height:"max-content"},J={display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",height:"100%",cursor:"pointer"},K={display:"flex",justifyContent:$,alignItems:"center",width:"100%",backgroundColor:null==L?void 0:L.bgColor,borderRadius:(null==L?void 0:L.borderRadius)?"".concat(L.borderRadius,"px"):void 0},Q={width:"".concat(null==L?void 0:L.maxWidth,"%"),objectFit:"contain",borderRadius:(null==L?void 0:L.borderRadius)?"".concat(L.borderRadius,"px"):void 0},X={display:"flex",flexDirection:"column",width:"100%"},Y={display:"flex",flexDirection:"column"},Z={backgroundColor:null==V?void 0:V.bgColor,color:null==V?void 0:V.color,fontFamily:V?d(V.fontFamily):void 0,fontSize:null==V?void 0:V.fontSize,fontWeight:null==V?void 0:V.fontWeight,padding:"".concat(null==V?void 0:V.verticalPadding,"px ").concat(null==V?void 0:V.horizontalPadding,"px"),width:"100%",textAlign:null==V?void 0:V.horizontalAlignment,border:"".concat(null==V?void 0:V.borderWidth,"px ").concat(null==V?void 0:V.borderStyle," ").concat(null==V?void 0:V.borderColor),borderRadius:null==V?void 0:V.borderRadius},tt={backgroundColor:null==O?void 0:O.bgColor,color:null==O?void 0:O.color,fontFamily:O?d(O.fontFamily):void 0,fontSize:null==O?void 0:O.fontSize,fontWeight:null==O?void 0:O.fontWeight,padding:"".concat(null==O?void 0:O.verticalPadding,"px ").concat(null==O?void 0:O.horizontalPadding,"px"),width:"fit-content !important",border:"".concat(null==O?void 0:O.borderWidth,"px ").concat(null==O?void 0:O.borderStyle," ").concat(null==O?void 0:O.borderColor),borderRadius:null==O?void 0:O.borderRadius},et={textDecoration:"line-through",backgroundColor:null==H?void 0:H.bgColor,color:null==H?void 0:H.color,fontFamily:H?d(H.fontFamily):void 0,fontSize:null==H?void 0:H.fontSize,fontWeight:null==H?void 0:H.fontWeight,padding:"".concat(null==H?void 0:H.verticalPadding,"px ").concat(null==H?void 0:H.horizontalPadding,"px"),width:"100%",textAlign:null==H?void 0:H.horizontalAlignment,border:"".concat(null==H?void 0:H.borderWidth,"px ").concat(null==H?void 0:H.borderStyle," ").concat(null==H?void 0:H.borderColor),borderRadius:null==H?void 0:H.borderRadius},ot={backgroundColor:null==U?void 0:U.bgColor,color:null==U?void 0:U.color,fontFamily:U?d(U.fontFamily):void 0,fontSize:null==U?void 0:U.fontSize,fontWeight:null==U?void 0:U.fontWeight,padding:"".concat(null==U?void 0:U.verticalPadding,"px ").concat(null==U?void 0:U.horizontalPadding,"px"),width:"100%",textAlign:null==U?void 0:U.horizontalAlignment,border:"".concat(null==U?void 0:U.borderWidth,"px ").concat(null==U?void 0:U.borderStyle," ").concat(null==U?void 0:U.borderColor),borderRadius:null==U?void 0:U.borderRadius},nt={width:"".concat(N.width,"%"),minWidth:"fit-content"},it=e({display:"flex",justifyContent:"center",width:"100%",gap:"10px"},1===q?{position:"absolute",top:"calc(50% - 25px)",alignItems:"center",justifyContent:"space-between",zIndex:10}:void 0),lt={padding:10,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100%",border:"1px solid #EEF2F6",cursor:"pointer"};return i.createElement("div",{style:G},i.createElement(v,{onSwiper:D,modules:[s,m],spaceBetween:_.gapBetweenProducts,slidesPerView:q,navigation:{nextEl:".custom-next-button",prevEl:".custom-prev-button"},scrollbar:void 0},B.map((function(t,e){return i.createElement(p,{style:{height:"auto"},key:t.variantId},i.createElement("div",{style:J,onClick:function(){return function(t){return o(void 0,void 0,void 0,(function(){var e,o;return n(this,(function(n){switch(n.label){case 0:return w||!t.url?[3,4]:(null===(o=_.productDetailSettings.button)||void 0===o?void 0:o.action)===b.ADD_TO_CART&&S?[4,S.addProductToCart(t)]:[3,2];case 1:return n.sent()&&((e=document.createElement("a")).href="".concat(C.storeUrl,"/cart"),e.target="_self",e.click()),[3,3];case 2:(e=document.createElement("a")).href=t.url,e.target="_self",e.click(),n.label=3;case 3:R(!0),n.label=4;case 4:return[2]}}))}))}(t)}},i.createElement("div",{style:X},!!L&&t.imageURL&&i.createElement("div",{style:K},i.createElement("img",{src:t.imageURL||void 0,alt:t.name||void 0,style:Q})),!!V&&i.createElement("div",{style:Y},!!V&&i.createElement("div",{style:Z},t.name)),(!!H||!!U||!!O)&&i.createElement("div",{style:{display:"flex",flexDirection:"column",gap:2}},!!O&&!!t.discountPrice&&i.createElement("div",{style:{padding:"".concat(O.outerVerticalPadding,"px ").concat(O.outerHorizontalPadding,"px"),width:"100% !important",display:"flex",justifyContent:r(O.horizontalAlignment),alignItems:"center"}},i.createElement("div",{style:tt},function(t){return t.$discountRatio?_.productDetailSettings.discountRatioText?"".concat(t.$discountRatio," ").concat(_.productDetailSettings.discountRatioText):t.$discountRatio:null}(t))),i.createElement("div",{style:{display:"flex",gap:4,flexWrap:"wrap",overflow:"hidden",width:"100%",justifyContent:r((null==H?void 0:H.horizontalAlignment)||(null==U?void 0:U.horizontalAlignment)||h.LEFT),alignItems:"center"}},!!H&&!!t.discountPrice&&i.createElement("div",{style:{padding:"".concat(H.outerVerticalPadding,"px ").concat(H.outerHorizontalPadding,"px")}},i.createElement("div",{style:et},t.price)),!!U&&i.createElement("div",{style:{padding:"".concat(U.outerVerticalPadding,"px ").concat(U.outerHorizontalPadding,"px")}},i.createElement("div",{style:ot},t.discountPrice||t.price))))),!!M&&i.createElement("div",{style:nt},i.createElement(u,{disableButtonAction:!0,element:N}))))})),B.length>1&&i.createElement("div",{style:it},i.createElement("div",{className:"custom-prev-button",style:e(e({},lt),W?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){j&&(T(j.isEnd),A(j.isBeginning))}},i.createElement(g,null)),i.createElement("div",{className:"custom-next-button",style:e(e({},lt),k?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){j&&(T(j.isEnd),A(j.isBeginning))}},i.createElement(f,null)))))}));export{x as default};
+import{__spreadArray as t,__assign as e,__awaiter as o,__generator as n}from'./../../../ext/tslib/tslib.es6.mjs.js';import i from"react";import{observer as l}from"mobx-react";import{getHorizontalAlignment as r,injectFontScript as d}from"../../helpers/index.js";import{ProductListTypeEnum as a,ProductListLayoutEnum as c}from"../../models/modal/step/elements/product/index.js";import u from"../button-element-renderer/index.js";import{Navigation as s,Scrollbar as p}from"swiper/modules";import{Swiper as m,SwiperSlide as g}from"swiper/react";import v from"../../assets/left-arrow.js";import f from"../../assets/right-arrow.js";import{ProductActionTypeEnum as b}from"../../models/modal/step/elements/product/detail-settings/index.js";import{ComponentHorizontalAlignmentEnum as h}from"../../models/modal/step/elements/base/index.js";var x=l((function(l){var x,y=l.element,w=l.products,C=l.popup,P=l.editModeChildren,E=l.isPreviewMode,S=l.sfProps,R=l.onClose,z=i.useState(null),k=z[0],j=z[1],D=i.useState(!1),I=D[0],W=D[1],A=i.useState(!1),F=A[0],T=A[1],L=y,U=[];if(w&&(U=L.listType===a.SPECIFIC?(null===(x=L.variantPairs)||void 0===x?void 0:x.length)?w.slice().sort((function(t,e){return L.variantPairs.findIndex((function(e){return e.variantId===t.variantId}))-L.variantPairs.findIndex((function(t){return t.variantId===e.variantId}))})):[]:t([],w,!0)),U.length>L.maxProductsToShow&&(U.length=L.maxProductsToShow),!(U&&U.length||!C.isPreviewMode)&&P)return P;if(!U||!U.length)return null;L.gapBetweenProductElements;var _=L.productDetailSettings.image,B=L.productDetailSettings.button,M=L.buttonSettings,N=L.productDetailSettings.discountRatio,O=L.productDetailSettings.finalPrice,H=L.productDetailSettings.originalPrice,V=L.productDetailSettings.name,$=r(L.horizontalAlignment),q=1;L.layout===c.ONE_COLUMN?q=1:L.layout===c.TWO_COLUMN?q=2:L.layout===c.THREE_COLUMN&&(q=3);var G={padding:"".concat(L.outerVerticalPadding,"px ").concat(L.outerHorizontalPadding,"px"),backgroundColor:L.productBgColor,width:"100%",height:"max-content"},J={display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center",height:"100%",cursor:"pointer"},K={display:"flex",justifyContent:$,alignItems:"center",width:"100%",backgroundColor:null==_?void 0:_.bgColor,borderRadius:(null==_?void 0:_.borderRadius)?"".concat(_.borderRadius,"px"):void 0},Q={width:"".concat(null==_?void 0:_.maxWidth,"%"),objectFit:"contain",borderRadius:(null==_?void 0:_.borderRadius)?"".concat(_.borderRadius,"px"):void 0},X={display:"flex",flexDirection:"column",width:"100%"},Y={display:"flex",flexDirection:"column"},Z={backgroundColor:null==V?void 0:V.bgColor,color:null==V?void 0:V.color,fontFamily:V?d(V.fontFamily):void 0,fontSize:null==V?void 0:V.fontSize,fontWeight:null==V?void 0:V.fontWeight,padding:"".concat(null==V?void 0:V.verticalPadding,"px ").concat(null==V?void 0:V.horizontalPadding,"px"),width:"100%",textAlign:null==V?void 0:V.horizontalAlignment,border:"".concat(null==V?void 0:V.borderWidth,"px ").concat(null==V?void 0:V.borderStyle," ").concat(null==V?void 0:V.borderColor),borderRadius:null==V?void 0:V.borderRadius},tt={backgroundColor:null==N?void 0:N.bgColor,color:null==N?void 0:N.color,fontFamily:N?d(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:"fit-content !important",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},et={textDecoration:"line-through",backgroundColor:null==H?void 0:H.bgColor,color:null==H?void 0:H.color,fontFamily:H?d(H.fontFamily):void 0,fontSize:null==H?void 0:H.fontSize,fontWeight:null==H?void 0:H.fontWeight,padding:"".concat(null==H?void 0:H.verticalPadding,"px ").concat(null==H?void 0:H.horizontalPadding,"px"),width:"100%",textAlign:null==H?void 0:H.horizontalAlignment,border:"".concat(null==H?void 0:H.borderWidth,"px ").concat(null==H?void 0:H.borderStyle," ").concat(null==H?void 0:H.borderColor),borderRadius:null==H?void 0:H.borderRadius},ot={backgroundColor:null==O?void 0:O.bgColor,color:null==O?void 0:O.color,fontFamily:O?d(O.fontFamily):void 0,fontSize:null==O?void 0:O.fontSize,fontWeight:null==O?void 0:O.fontWeight,padding:"".concat(null==O?void 0:O.verticalPadding,"px ").concat(null==O?void 0:O.horizontalPadding,"px"),width:"100%",textAlign:null==O?void 0:O.horizontalAlignment,border:"".concat(null==O?void 0:O.borderWidth,"px ").concat(null==O?void 0:O.borderStyle," ").concat(null==O?void 0:O.borderColor),borderRadius:null==O?void 0:O.borderRadius},nt={width:"".concat(M.width,"%"),minWidth:"fit-content"},it=e({display:"flex",justifyContent:"center",width:"100%",gap:"10px"},1===q?{position:"absolute",top:"calc(50% - 25px)",alignItems:"center",justifyContent:"space-between",zIndex:10}:void 0),lt={padding:10,display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100%",border:"1px solid #EEF2F6",cursor:"pointer"};return i.createElement("div",{style:G},i.createElement(m,{onSwiper:j,modules:[s,p],spaceBetween:L.gapBetweenProducts,slidesPerView:q,navigation:{nextEl:".custom-next-button",prevEl:".custom-prev-button"},scrollbar:void 0},U.map((function(t,e){return i.createElement(g,{style:{height:"auto"},key:t.variantId},i.createElement("div",{style:J,onClick:function(){return function(t){return o(void 0,void 0,void 0,(function(){var e,o,i,l;return n(this,(function(n){switch(n.label){case 0:return E||!t.url?[3,4]:(null===(l=L.productDetailSettings.button)||void 0===l?void 0:l.action)===b.ADD_TO_CART&&S?[4,S.addProductToCart(t)]:[3,2];case 1:return e=n.sent(),o="","ikasPopupConfig"in window&&window.ikasPopupConfig&&"object"==typeof window.ikasPopupConfig&&window.ikasPopupConfig&&"cartURL"in window.ikasPopupConfig&&"string"==typeof window.ikasPopupConfig.cartURL&&(o=window.ikasPopupConfig.cartURL),e&&((i=document.createElement("a")).href=o,i.target="_self",i.click()),[3,3];case 2:(i=document.createElement("a")).href=t.url,i.target="_self",i.click(),n.label=3;case 3:R(!0),n.label=4;case 4:return[2]}}))}))}(t)}},i.createElement("div",{style:X},!!_&&t.imageURL&&i.createElement("div",{style:K},i.createElement("img",{src:t.imageURL||void 0,alt:t.name||void 0,style:Q})),!!V&&i.createElement("div",{style:Y},!!V&&i.createElement("div",{style:Z},t.name)),(!!H||!!O||!!N)&&i.createElement("div",{style:{display:"flex",flexDirection:"column",gap:2}},!!N&&!!t.discountPrice&&i.createElement("div",{style:{padding:"".concat(N.outerVerticalPadding,"px ").concat(N.outerHorizontalPadding,"px"),width:"100% !important",display:"flex",justifyContent:r(N.horizontalAlignment),alignItems:"center"}},i.createElement("div",{style:tt},function(t){return t.$discountRatio?L.productDetailSettings.discountRatioText?"".concat(t.$discountRatio," ").concat(L.productDetailSettings.discountRatioText):t.$discountRatio:null}(t))),i.createElement("div",{style:{display:"flex",gap:4,flexWrap:"wrap",overflow:"hidden",width:"100%",justifyContent:r((null==H?void 0:H.horizontalAlignment)||(null==O?void 0:O.horizontalAlignment)||h.LEFT),alignItems:"center"}},!!H&&!!t.discountPrice&&i.createElement("div",{style:{padding:"".concat(H.outerVerticalPadding,"px ").concat(H.outerHorizontalPadding,"px")}},i.createElement("div",{style:et},t.price)),!!O&&i.createElement("div",{style:{padding:"".concat(O.outerVerticalPadding,"px ").concat(O.outerHorizontalPadding,"px")}},i.createElement("div",{style:ot},t.discountPrice||t.price))))),!!B&&i.createElement("div",{style:nt},i.createElement(u,{disableButtonAction:!0,element:M}))))})),U.length>1&&i.createElement("div",{style:it},i.createElement("div",{className:"custom-prev-button",style:e(e({},lt),I?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){k&&(T(k.isEnd),W(k.isBeginning))}},i.createElement(v,null)),i.createElement("div",{className:"custom-next-button",style:e(e({},lt),F?{opacity:.5,cursor:"not-allowed"}:{}),onClick:function(){k&&(T(k.isEnd),W(k.isBeginning))}},i.createElement(f,null)))))}));export{x as default};

package/package.json

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