@ikas/popup-renderer 1.0.140 → 1.0.142

package/build/popup-renderer/components/form-element-renderer/checkbox-item-view/index.js

@@ -1 +1 @@
-import e from"react";import{observer as r}from"mobx-react";var t=r((function(r){var t=r.checkboxItem;e.useEffect((function(){t.showInCheckedStatus?t.isChecked=!0:t.isChecked=!1}),[t.showInCheckedStatus]);var c=t.requiredToBeChecked;return e.createElement("div",{style:{width:"100%",display:"flex",gap:6,flexDirection:"column"}},e.createElement("div",{style:{width:"100%",display:"flex",gap:8,flexDirection:"row",alignItems:"baseline",wordBreak:"break-word"}},e.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer"},type:"checkbox",checked:t.isChecked,onChange:function(){t.isChecked=!t.isChecked,c&&c.hasError&&t.isChecked&&(c.hasError=!1)}}),e.createElement("div",{dangerouslySetInnerHTML:{__html:e.useCallback((function(){var e=/<pre[^>]*>([\s\S]*?)<\/pre>/.exec(t.text);return e?e[1]:t.text}),[])}})),!!c&&c.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},c.validationErrorMessage))}));export{t as CheckboxItemView};
+import e from"react";import{observer as r}from"mobx-react";var t=r((function(r){var t=r.checkboxItem;e.useEffect((function(){t.showInCheckedStatus?t.isChecked=!0:t.isChecked=!1}),[t.showInCheckedStatus]);var c=t.requiredToBeChecked,i=e.useCallback((function(){var e=/<pre[^>]*>([\s\S]*?)<\/pre>/.exec(t.text);return e?e[1]:t.text}),[]);return e.createElement("div",{style:{width:"100%",display:"flex",gap:6,flexDirection:"column"}},e.createElement("div",{style:{width:"100%",display:"flex",gap:8,flexDirection:"row",alignItems:"baseline",wordBreak:"break-word"}},e.createElement("input",{style:{width:"16px",height:"16px",cursor:"pointer"},type:"checkbox",checked:t.isChecked,onChange:function(){t.isChecked=!t.isChecked,c&&c.hasError&&t.isChecked&&(c.hasError=!1)}}),e.createElement("div",{dangerouslySetInnerHTML:{__html:i()}})),!!c&&c.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},c.validationErrorMessage))}));export{t as CheckboxItemView};

package/build/popup-renderer/components/image-column-element-renderer/index.d.ts

@@ -5,6 +5,7 @@ type Props = {
     element: ElementType;
     popup: Popup;
     editModeChildren?: React.ReactElement;
+    isMobile?: boolean;
 };
 declare const ImageColumnElementRenderer: React.FC<Props>;
 export default ImageColumnElementRenderer;

package/build/popup-renderer/components/image-column-element-renderer/index.js

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";import{ImageFitEnum as r}from"../../models/modal/step/elements/image/index.js";var a=t((function(t){var a=t.element,d=t.popup,i=t.editModeChildren,o=a;o.cdnURL||(o.cdnURL=d.cdnURL),o.merchantId||(o.merchantId=d.merchantId);var n=d.modal.windowSettings,c={width:n.takeFullWidth?"100%":n.maxWidth,backgroundColor:o.bgColor,padding:"".concat(o.verticalPadding,"px ").concat(o.horizontalPadding,"px"),borderRadius:o.borderRadius};if(!o.src&&d.isPreviewMode&&i)return e.createElement("div",{style:c},i);var m={objectFit:o.objectFit===r.CONTAIN?"contain":"cover",height:"100%"};return e.createElement("a",{href:o.link||void 0,style:c,target:"_blank"},o.src&&e.createElement("img",{src:o.src||void 0,width:"100% !important",style:m}))}));export{a as default};
+import e from"react";import{observer as t}from"mobx-react";import{ImageFitEnum as r}from"../../models/modal/step/elements/image/index.js";var i=t((function(t){var i=t.element,o=t.popup,a=t.editModeChildren,d=t.isMobile,n=i;n.cdnURL||(n.cdnURL=o.cdnURL),n.merchantId||(n.merchantId=o.merchantId);var c=o.modal.windowSettings,l={width:c.takeFullWidth||d?"100%":c.maxWidth,backgroundColor:n.bgColor,padding:"".concat(n.verticalPadding,"px ").concat(n.horizontalPadding,"px"),borderRadius:n.borderRadius};if(!n.src&&o.isPreviewMode&&a)return e.createElement("div",{style:l},a);var m={objectFit:n.objectFit===r.CONTAIN?"contain":"cover",height:"100%"};return e.createElement("a",{href:n.link||void 0,style:l,target:"_blank"},n.src&&e.createElement("img",{src:n.src||void 0,width:"100% !important",style:m}))}));export{i as default};

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

@@ -1 +1 @@
-import e from"react";import{observer as t}from"mobx-react";import{PopupTypeEnum as o,PopupPositonEnum as i}from"../models/modal/index.js";import n from"../assets/x-close.js";import{CloseButtonPositionTypeEnum as r,CloseIconTypeEnum as l,CloseButtonDisplayTypeEnum as s}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as d,ComponentVerticalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";import c from"./text-element-renderer/index.js";import p from"./button-element-renderer/index.js";import m from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import P from"./image-element-renderer/index.js";import x from"./image-column-element-renderer/index.js";import E from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as T}from"../models/modal/step/elements/image-column/index.js";var b=t((function(t){var b,y,O,I,_=t.popup,h=t.dynamicData,C=t.dashboardComponents,M=t.previewMode,w=t.sfProps,A=t.isMobile,D=_.modal,R=D.teaser,S=!!D.selectedStep.isTeaser,k=D.selectedStep.elements.find((function(e){return e.type===d.IMAGE_COLUMN})),N=S?R.backgroundSettings:D.backgroundSettings,L=S?R.windowSettings:D.windowSettings,j=S?R.closeSettings:D.closeSettings,U=N.allowScrollingWhenPopupOpen,B=_.isPreviewMode||M,H=!!B||D.isVisible;document.body.style.overflow=H&&!U?"hidden":"auto";var W=N.overlay,F=N.border,V="center",G="center";switch(S?o.POPUP:D.type){case o.POPUP:var z=S?R.position:D.position;z===i.POPUP_TOP_LEFT?(V="flex-start",G="flex-start"):z===i.POPUP_TOP_CENTER?(V="center",G="flex-start"):z===i.POPUP_TOP_RIGHT?(V="flex-end",G="flex-start"):z===i.POPUP_MIDDLE_LEFT?(V="flex-start",G="center"):z===i.POPUP_MIDDLE_CENTER?(V="center",G="center"):z===i.POPUP_MIDDLE_RIGHT?(V="flex-end",G="center"):z===i.POPUP_BOTTOM_LEFT?(V="flex-start",G="flex-end"):z===i.POPUP_BOTTOM_CENTER?(V="center",G="flex-end"):z===i.POPUP_BOTTOM_RIGHT&&(V="flex-end",G="flex-end");break;case o.DRAWER:D.position===i.DRAWER_LEFT?(V="flex-start",G="center"):D.position===i.DRAWER_RIGHT&&(V="flex-end",G="center");break;case o.NOTIFICATION_BAR:D.position===i.NOTIFICATION_BAR_UP?(V="center",G="flex-start"):D.position===i.NOTIFICATION_BAR_DOWN&&(V="center",G="flex-end")}var K={position:"fixed",display:"flex",justifyContent:V,alignItems:G,top:0,left:0,right:0,bottom:0,zIndex:9995,overflow:"hidden",padding:"".concat(L.outerVerticalPadding,"px ").concat(L.outerHorizontalPadding,"px"),opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},X={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9996,backgroundColor:W?W.bgColor:"",opacity:W?(W.bgOpacity||100)/100:void 0},Y={position:"relative",zIndex:9997,backgroundColor:N.bgColor,border:F?"".concat(F.borderWidth,"px ").concat(F.borderStyle," ").concat(F.borderColor):"",borderRadius:"".concat(L.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:L.takeFullWidth?"100%":void 0,minHeight:L.minHeight,height:L.takeFullHeight?"100%":void 0,boxShadow:N.shadow?"0 0 10px ".concat(N.shadow.color):"",overflow:"auto",opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},q="";switch(null==k?void 0:k.verticalAlignment){case a.BOTTOM:q="flex-end";break;case a.MIDDLE:q="center";break;case a.TOP:q="flex-start"}var J=k?k.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",Q=k?k.mobilePosition===T.TOP?"column-reverse":"column":"",Z={display:"flex",flexDirection:k?A?Q:J:"column"},$={width:L.takeFullWidth?"100%":L.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:q,padding:"".concat(L.innerVerticalPadding,"px ").concat(L.innerHorizontalPadding,"px")},ee={position:j.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:j.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:9998},te={position:"sticky",padding:"6px",marginLeft:j.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(b=j.iconSettings)||void 0===b?void 0:b.type)===l.WITH_BORDER?"1px solid ".concat(null===(y=j.iconSettings)||void 0===y?void 0:y.color):"",borderRadius:"50%",backgroundColor:null===(O=j.iconSettings)||void 0===O?void 0:O.backgroundColor},oe={color:null===(I=j.iconSettings)||void 0===I?void 0:I.color,cursor:"pointer"},ie=function(t){var o=t.type,i=C&&C[o]&&C[o].length?C[o][0]:null,n=i&&_.marketingPopupViewModel?e.createElement(i,{element:t,marketingPopupViewModel:_.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(P,{element:t,popup:_,editModeChildren:n});case d.IMAGE_COLUMN:return A&&k.mobilePosition===T.HIDE?null:e.createElement(x,{element:t,popup:_,editModeChildren:n});case d.BUTTON:return e.createElement(p,{element:t});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(v,{element:t,popup:_,isPreviewMode:!!B,sfProps:w});case d.PRODUCT_LIST:return e.createElement(E,{element:t,products:h.products[t.id],popup:_,editModeChildren:n,isPreviewMode:!!B,sfProps:w});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:_,editModeChildren:n});case d.SPACE:return e.createElement(m,{element:t})}},ne=function(){B||D.isVisible&&(D.isVisible=!1,w&&w.onModalClose())};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:K},e.createElement("div",{style:Y},j.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:ee,onClick:function(){return ne()}},e.createElement("div",{style:te,className:j.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(n,{style:oe}))),e.createElement("div",{style:Z,onClick:function(e){S&&(D.selectedStep=D.steps[0])}},e.createElement("div",{style:$},D.selectedStep.elements.filter((function(e){return e.type!==d.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return ie(e)}))),k&&ie(k))),e.createElement("div",{style:X,onClick:function(){return ne()}}))}));export{b as default};
+import e from"react";import{observer as t}from"mobx-react";import{PopupTypeEnum as o,PopupPositonEnum as i}from"../models/modal/index.js";import n from"../assets/x-close.js";import{CloseButtonPositionTypeEnum as r,CloseIconTypeEnum as l,CloseButtonDisplayTypeEnum as s}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as d,ComponentVerticalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";import c from"./text-element-renderer/index.js";import p from"./button-element-renderer/index.js";import m from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import P from"./image-element-renderer/index.js";import x from"./image-column-element-renderer/index.js";import E from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as T}from"../models/modal/step/elements/image-column/index.js";var b=t((function(t){var b,y,O,I,_=t.popup,h=t.dynamicData,C=t.dashboardComponents,M=t.previewMode,w=t.sfProps,A=t.isMobile,D=_.modal,R=D.teaser,S=!!D.selectedStep.isTeaser,k=D.selectedStep.elements.find((function(e){return e.type===d.IMAGE_COLUMN})),N=S?R.backgroundSettings:D.backgroundSettings,L=S?R.windowSettings:D.windowSettings,j=S?R.closeSettings:D.closeSettings,U=N.allowScrollingWhenPopupOpen,B=_.isPreviewMode||M,H=!!B||D.isVisible;document.body.style.overflow=H&&!U?"hidden":"auto";var W=N.overlay,F=N.border,V="center",G="center";switch(S?o.POPUP:D.type){case o.POPUP:var z=S?R.position:D.position;z===i.POPUP_TOP_LEFT?(V="flex-start",G="flex-start"):z===i.POPUP_TOP_CENTER?(V="center",G="flex-start"):z===i.POPUP_TOP_RIGHT?(V="flex-end",G="flex-start"):z===i.POPUP_MIDDLE_LEFT?(V="flex-start",G="center"):z===i.POPUP_MIDDLE_CENTER?(V="center",G="center"):z===i.POPUP_MIDDLE_RIGHT?(V="flex-end",G="center"):z===i.POPUP_BOTTOM_LEFT?(V="flex-start",G="flex-end"):z===i.POPUP_BOTTOM_CENTER?(V="center",G="flex-end"):z===i.POPUP_BOTTOM_RIGHT&&(V="flex-end",G="flex-end");break;case o.DRAWER:D.position===i.DRAWER_LEFT?(V="flex-start",G="center"):D.position===i.DRAWER_RIGHT&&(V="flex-end",G="center");break;case o.NOTIFICATION_BAR:D.position===i.NOTIFICATION_BAR_UP?(V="center",G="flex-start"):D.position===i.NOTIFICATION_BAR_DOWN&&(V="center",G="flex-end")}var K={position:"fixed",display:"flex",justifyContent:V,alignItems:G,top:0,left:0,right:0,bottom:0,zIndex:9995,overflow:"hidden",padding:"".concat(L.outerVerticalPadding,"px ").concat(L.outerHorizontalPadding,"px"),opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},X={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9996,backgroundColor:W?W.bgColor:"",opacity:W?(W.bgOpacity||100)/100:void 0},Y={position:"relative",zIndex:9997,backgroundColor:N.bgColor,border:F?"".concat(F.borderWidth,"px ").concat(F.borderStyle," ").concat(F.borderColor):"",borderRadius:"".concat(L.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:L.takeFullWidth?"100%":void 0,minHeight:L.minHeight,height:L.takeFullHeight?"100%":void 0,boxShadow:N.shadow?"0 0 10px ".concat(N.shadow.color):"",overflow:"auto",opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},q="";switch(null==k?void 0:k.verticalAlignment){case a.BOTTOM:q="flex-end";break;case a.MIDDLE:q="center";break;case a.TOP:q="flex-start"}var J=k?k.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",Q=k?k.mobilePosition===T.TOP?"column-reverse":"column":"",Z={display:"flex",flexDirection:k?A?Q:J:"column"},$={width:L.takeFullWidth?"100%":L.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:q,padding:"".concat(L.innerVerticalPadding,"px ").concat(L.innerHorizontalPadding,"px")},ee={position:j.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:j.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:9998},te={position:"sticky",padding:"6px",marginLeft:j.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(b=j.iconSettings)||void 0===b?void 0:b.type)===l.WITH_BORDER?"1px solid ".concat(null===(y=j.iconSettings)||void 0===y?void 0:y.color):"",borderRadius:"50%",backgroundColor:null===(O=j.iconSettings)||void 0===O?void 0:O.backgroundColor},oe={color:null===(I=j.iconSettings)||void 0===I?void 0:I.color,cursor:"pointer"},ie=function(t){var o=t.type,i=C&&C[o]&&C[o].length?C[o][0]:null,n=i&&_.marketingPopupViewModel?e.createElement(i,{element:t,marketingPopupViewModel:_.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(P,{element:t,popup:_,editModeChildren:n});case d.IMAGE_COLUMN:return A&&k.mobilePosition===T.HIDE?null:e.createElement(x,{element:t,popup:_,editModeChildren:n,isMobile:A});case d.BUTTON:return e.createElement(p,{element:t});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(v,{element:t,popup:_,isPreviewMode:!!B,sfProps:w});case d.PRODUCT_LIST:return e.createElement(E,{element:t,products:h.products[t.id],popup:_,editModeChildren:n,isPreviewMode:!!B,sfProps:w});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:_,editModeChildren:n});case d.SPACE:return e.createElement(m,{element:t})}},ne=function(){B||D.isVisible&&(D.isVisible=!1,w&&w.onModalClose())};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:K},e.createElement("div",{style:Y},j.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:ee,onClick:function(){return ne()}},e.createElement("div",{style:te,className:j.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(n,{style:oe}))),e.createElement("div",{style:Z,onClick:function(e){S&&(D.selectedStep=D.steps[0])}},e.createElement("div",{style:$},D.selectedStep.elements.filter((function(e){return e.type!==d.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return ie(e)}))),k&&ie(k))),e.createElement("div",{style:X,onClick:function(){return ne()}}))}));export{b as default};

package/package.json

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