@ikas/popup-renderer 1.0.230 → 1.0.233

package/build/index.js

@@ -1 +1 @@
-export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,POPUP_DEFAULT_IMAGE_PATH,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,IkasPopupRendererFontFamily,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonActionTypeEnum,ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,InputPlaceholder,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem,ValidEmailError}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem,ValidPhoneError}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImageFitEnum,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum,MobileImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{BorderRadiusTypeEnum,CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";
+export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,POPUP_DEFAULT_IMAGE_PATH,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,IkasPopupRendererFontFamily,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonActionTypeEnum,ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,InputPlaceholder,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem,ValidEmailError}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem,ValidPhoneError}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImageFitEnum,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum,MobileImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";

package/build/popup-renderer/assets/x-close.js

@@ -1 +1 @@
-import e from"react";var t=function(t){var r=t.className,o=t.style;return e.createElement("svg",{className:"icon "+(r||""),width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:o},e.createElement("path",{d:"M15 4.99998L5 15M5 4.99998L15 15",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}))};export{t as default};
+import e from"react";var t=function(t){var r=t.className,o=t.style;return e.createElement("svg",{className:"icon "+(r||""),width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:o},e.createElement("path",{d:"M2 2L14 14M14 2L2 14",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}))};export{t 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 n}from"../models/modal/index.js";import i 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 m from"./button-element-renderer/index.js";import p 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 v from"./product-list-renderer/index.js";import E from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as b}from"../models/modal/step/elements/image-column/index.js";var y=t(function(t){var y,T,O,h,C,I,_,M,S=t.popup,w=t.dynamicData,A=t.dashboardComponents,R=t.previewMode,D=t.sfProps,k=t.isMobile,B=e.useState(!1),N=B[0],L=B[1],j=S.modal,U=j.teaser,W=!!j.selectedStep.isTeaser,H=j.selectedStep.elements.find(function(e){return e.type===d.IMAGE_COLUMN}),F=W?U.backgroundSettings:j.backgroundSettings,V=W?U.windowSettings:j.windowSettings,G=W?U.closeSettings:j.closeSettings,z=F.allowScrollingWhenPopupOpen,K=S.isPreviewMode||R,X=!!K||j.isVisible;e.useEffect(function(){return document.body.style.overflow=X&&!z?"hidden":"auto",function(){document.body.style.overflow="auto"}},[X,z]);var Y=F.overlay,q=F.border,J="center",Q="center";switch(W?o.POPUP:j.type){case o.POPUP:var Z=W?U.position:j.position;Z===n.POPUP_TOP_LEFT?(J="flex-start",Q="flex-start"):Z===n.POPUP_TOP_CENTER?(J="center",Q="flex-start"):Z===n.POPUP_TOP_RIGHT?(J="flex-end",Q="flex-start"):Z===n.POPUP_MIDDLE_LEFT?(J="flex-start",Q="center"):Z===n.POPUP_MIDDLE_CENTER?(J="center",Q="center"):Z===n.POPUP_MIDDLE_RIGHT?(J="flex-end",Q="center"):Z===n.POPUP_BOTTOM_LEFT?(J="flex-start",Q="flex-end"):Z===n.POPUP_BOTTOM_CENTER?(J="center",Q="flex-end"):Z===n.POPUP_BOTTOM_RIGHT&&(J="flex-end",Q="flex-end");break;case o.DRAWER:j.position===n.DRAWER_LEFT?(J="flex-start",Q="center"):j.position===n.DRAWER_RIGHT&&(J="flex-end",Q="center");break;case o.NOTIFICATION_BAR:j.position===n.NOTIFICATION_BAR_UP?(J="center",Q="flex-start"):j.position===n.NOTIFICATION_BAR_DOWN&&(J="center",Q="flex-end")}var $=e.useMemo(function(){return 2147483644},[]),ee=e.useMemo(function(){return $+1},[]),te=e.useMemo(function(){return ee+1},[]),oe=e.useMemo(function(){return te+1},[]),ne={position:"fixed",display:"flex",justifyContent:J,alignItems:Q,top:0,left:0,right:0,bottom:0,zIndex:$,overflow:"hidden",padding:"".concat(V.outerVerticalPadding,"px ").concat(V.outerHorizontalPadding,"px"),opacity:X?1:0,visibility:X?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},ie={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:ee,backgroundColor:Y?Y.bgColor:"",opacity:Y?(Y.bgOpacity||100)/100:void 0},re={position:"relative",zIndex:te,backgroundColor:F.bgColor,border:q?"".concat(q.borderWidth,"px ").concat(q.borderStyle," ").concat(q.borderColor):"",borderRadius:"".concat(V.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:V.takeFullWidth?"100%":void 0,minHeight:V.minHeight,height:V.takeFullHeight?"100%":void 0,boxShadow:F.shadow?"0 0 10px ".concat(F.shadow.color):"",overflow:"auto",opacity:X?1:0,visibility:X?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},le="";switch(null==H?void 0:H.verticalAlignment){case a.BOTTOM:le="flex-end";break;case a.MIDDLE:le="center";break;case a.TOP:le="flex-start"}var se=H?H.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",de=H?H.mobilePosition===b.TOP?"column-reverse":"column":"",ae={display:"flex",flexDirection:H?k?de:se:"column",overflow:"hidden"},ce={width:V.takeFullWidth?"100%":V.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:le,padding:"".concat(V.innerVerticalPadding,"px ").concat(V.innerHorizontalPadding,"px")},me={position:G.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:G.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:oe},pe="".concat(null!==(T=null===(y=G.iconSettings)||void 0===y?void 0:y.backgroundBorderRadius)&&void 0!==T?T:50,"px"),ue=null!==(h=null===(O=G.iconSettings)||void 0===O?void 0:O.backgroundBorderWidth)&&void 0!==h?h:0,fe={position:"sticky",padding:"6px",marginLeft:G.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(C=G.iconSettings)||void 0===C?void 0:C.type)===l.WITH_BORDER?"".concat(ue,"px solid ").concat(null===(I=G.iconSettings)||void 0===I?void 0:I.color):"",borderRadius:pe,backgroundColor:null===(_=G.iconSettings)||void 0===_?void 0:_.backgroundColor},Pe={color:null===(M=G.iconSettings)||void 0===M?void 0:M.color,cursor:"pointer"},xe=function(t){var o=t.type,n=A&&A[o]&&A[o].length?A[o][0]:null,i=n&&S.marketingPopupViewModel?e.createElement(n,{element:t,marketingPopupViewModel:S.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(P,{element:t,popup:S,editModeChildren:i});case d.IMAGE_COLUMN:return k&&H.mobilePosition===b.HIDE?null:e.createElement(x,{element:t,popup:S,editModeChildren:i,isMobile:k});case d.BUTTON:return e.createElement(m,{element:t,onClose:ve,isStandaloneButtonComponent:!0});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(E,{element:t,popup:S,isPreviewMode:!!K,sfProps:D,setIsCustomerSaved:L});case d.PRODUCT_LIST:return e.createElement(v,{element:t,products:w.products[t.id],popup:S,editModeChildren:i,isPreviewMode:!!K,sfProps:D,onClose:ve});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:S,editModeChildren:i});case d.SPACE:return e.createElement(p,{element:t})}},ve=function(e){if(!K&&j.isVisible){var t=N||e;j.isVisible=!1,D&&D.onModalClose(t),L(!1)}};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:ne},e.createElement("div",{style:re},G.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:me,onClick:function(){return ve()}},e.createElement("div",{style:fe,className:G.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(i,{style:Pe}))),e.createElement("div",{style:ae,onClick:function(e){W&&(j.selectedStep=j.steps[0])}},e.createElement("div",{style:ce},j.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 xe(e)})),H&&xe(H))),e.createElement("div",{style:ie,onClick:function(){G.closeOnlyWithCloseButton||ve()}}))});export{y as default};
+import e from"react";import{observer as t}from"mobx-react";import{PopupTypeEnum as o,PopupPositonEnum as n}from"../models/modal/index.js";import i 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 m from"./button-element-renderer/index.js";import p from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import x from"./image-element-renderer/index.js";import P from"./image-column-element-renderer/index.js";import v from"./product-list-renderer/index.js";import E from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as b}from"../models/modal/step/elements/image-column/index.js";import{ButtonBorderStyle as y}from"../models/modal/background-settings/index.js";var T=t(function(t){var T,O,C,I,h,_,M,S,w,A=t.popup,D=t.dynamicData,R=t.dashboardComponents,k=t.previewMode,L=t.sfProps,N=t.isMobile,j=e.useState(!1),B=j[0],U=j[1],W=A.modal,H=W.teaser,F=!!W.selectedStep.isTeaser,V=W.selectedStep.elements.find(function(e){return e.type===d.IMAGE_COLUMN}),G=F?H.backgroundSettings:W.backgroundSettings,z=F?H.windowSettings:W.windowSettings,K=F?H.closeSettings:W.closeSettings,X=G.allowScrollingWhenPopupOpen,Y=A.isPreviewMode||k,q=!!Y||W.isVisible;e.useEffect(function(){return document.body.style.overflow=q&&!X?"hidden":"auto",function(){document.body.style.overflow="auto"}},[q,X]);var J=G.overlay,Q=G.border,Z="center",$="center";switch(F?o.POPUP:W.type){case o.POPUP:var ee=F?H.position:W.position;ee===n.POPUP_TOP_LEFT?(Z="flex-start",$="flex-start"):ee===n.POPUP_TOP_CENTER?(Z="center",$="flex-start"):ee===n.POPUP_TOP_RIGHT?(Z="flex-end",$="flex-start"):ee===n.POPUP_MIDDLE_LEFT?(Z="flex-start",$="center"):ee===n.POPUP_MIDDLE_CENTER?(Z="center",$="center"):ee===n.POPUP_MIDDLE_RIGHT?(Z="flex-end",$="center"):ee===n.POPUP_BOTTOM_LEFT?(Z="flex-start",$="flex-end"):ee===n.POPUP_BOTTOM_CENTER?(Z="center",$="flex-end"):ee===n.POPUP_BOTTOM_RIGHT&&(Z="flex-end",$="flex-end");break;case o.DRAWER:W.position===n.DRAWER_LEFT?(Z="flex-start",$="center"):W.position===n.DRAWER_RIGHT&&(Z="flex-end",$="center");break;case o.NOTIFICATION_BAR:W.position===n.NOTIFICATION_BAR_UP?(Z="center",$="flex-start"):W.position===n.NOTIFICATION_BAR_DOWN&&(Z="center",$="flex-end")}var te=e.useMemo(function(){return 2147483644},[]),oe=e.useMemo(function(){return te+1},[]),ne=e.useMemo(function(){return oe+1},[]),ie=e.useMemo(function(){return ne+1},[]),re={position:"fixed",display:"flex",justifyContent:Z,alignItems:$,top:0,left:0,right:0,bottom:0,zIndex:te,overflow:"hidden",padding:"".concat(z.outerVerticalPadding,"px ").concat(z.outerHorizontalPadding,"px"),opacity:q?1:0,visibility:q?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},le={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:oe,backgroundColor:J?J.bgColor:"",opacity:J?(J.bgOpacity||100)/100:void 0},se={position:"relative",zIndex:ne,backgroundColor:G.bgColor,border:Q?"".concat(Q.borderWidth,"px ").concat(Q.borderStyle," ").concat(Q.borderColor):"",borderRadius:"".concat(z.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:z.takeFullWidth?"100%":void 0,minHeight:z.minHeight,height:z.takeFullHeight?"100%":void 0,boxShadow:G.shadow?"0 0 10px ".concat(G.shadow.color):"",overflow:"auto",opacity:q?1:0,visibility:q?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},de="";switch(null==V?void 0:V.verticalAlignment){case a.BOTTOM:de="flex-end";break;case a.MIDDLE:de="center";break;case a.TOP:de="flex-start"}var ae=V?V.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",ce=V?V.mobilePosition===b.TOP?"column-reverse":"column":"",me={display:"flex",flexDirection:V?N?ce:ae:"column",overflow:"hidden"},pe={width:z.takeFullWidth?"100%":z.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:de,padding:"".concat(z.innerVerticalPadding,"px ").concat(z.innerHorizontalPadding,"px")},ue={position:K.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:K.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:ie},fe="".concat(null!==(O=null===(T=K.iconSettings)||void 0===T?void 0:T.borderRadius)&&void 0!==O?O:50,"px"),xe=null!==(I=null===(C=K.iconSettings)||void 0===C?void 0:C.borderWidth)&&void 0!==I?I:0,Pe=null===(h=K.iconSettings)||void 0===h?void 0:h.borderColor,ve=(null===(_=K.iconSettings)||void 0===_?void 0:_.borderStyle)||y.SOLID,Ee={position:"sticky",padding:"6px",marginLeft:K.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(M=K.iconSettings)||void 0===M?void 0:M.type)===l.WITH_BORDER?"".concat(xe,"px ").concat(ve," ").concat(Pe):"",borderRadius:fe,backgroundColor:null===(S=K.iconSettings)||void 0===S?void 0:S.backgroundColor},ge={color:null===(w=K.iconSettings)||void 0===w?void 0:w.color,cursor:"pointer"},be=function(t){var o=t.type,n=R&&R[o]&&R[o].length?R[o][0]:null,i=n&&A.marketingPopupViewModel?e.createElement(n,{element:t,marketingPopupViewModel:A.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(x,{element:t,popup:A,editModeChildren:i});case d.IMAGE_COLUMN:return N&&V.mobilePosition===b.HIDE?null:e.createElement(P,{element:t,popup:A,editModeChildren:i,isMobile:N});case d.BUTTON:return e.createElement(m,{element:t,onClose:ye,isStandaloneButtonComponent:!0});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(E,{element:t,popup:A,isPreviewMode:!!Y,sfProps:L,setIsCustomerSaved:U});case d.PRODUCT_LIST:return e.createElement(v,{element:t,products:D.products[t.id],popup:A,editModeChildren:i,isPreviewMode:!!Y,sfProps:L,onClose:ye});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:A,editModeChildren:i});case d.SPACE:return e.createElement(p,{element:t})}},ye=function(e){if(!Y&&W.isVisible){var t=B||e;W.isVisible=!1,L&&L.onModalClose(t),U(!1)}};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:re},e.createElement("div",{style:se},K.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:ue,onClick:function(){return ye()}},e.createElement("div",{style:Ee,className:K.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(i,{style:ge}))),e.createElement("div",{style:me,onClick:function(e){F&&(W.selectedStep=W.steps[0])}},e.createElement("div",{style:pe},W.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 be(e)})),V&&be(V))),e.createElement("div",{style:le,onClick:function(){K.closeOnlyWithCloseButton||ye()}}))});export{T as default};

package/build/popup-renderer/models/modal/close-settings/index.d.ts

@@ -1,3 +1,4 @@
+import { ButtonBorderStyle } from "../background-settings";
 export declare enum CloseButtonDisplayTypeEnum {
     ALWAYS_VISIBLE = "ALWAYS_VISIBLE",
     ALWAYS_HIDDEN = "ALWAYS_HIDDEN",
@@ -7,10 +8,6 @@ export declare enum CloseButtonPositionTypeEnum {
     SHOW_ON_CONTENT = "SHOW_ON_CONTENT",
     TAKE_SPACE = "TAKE_SPACE"
 }
-export declare enum BorderRadiusTypeEnum {
-    PX = "PX",
-    PERCENT = "PERCENT"
-}
 export declare class CloseSettings {
     closeButtonPositionType: CloseButtonPositionTypeEnum;
     closeButtonDisplayType: CloseButtonDisplayTypeEnum;
@@ -26,8 +23,9 @@ export declare class CloseIconSettings {
     type: CloseIconTypeEnum;
     color: string;
     backgroundColor: string;
-    backgroundBorderRadius: number;
-    backgroundBorderRadiusType: BorderRadiusTypeEnum;
-    backgroundBorderWidth: number;
+    borderRadius: number;
+    borderWidth: number;
+    borderColor: string;
+    borderStyle: ButtonBorderStyle;
     constructor(data: Partial<CloseIconSettings>);
 }

package/build/popup-renderer/models/modal/close-settings/index.js

@@ -1 +1 @@
-import{makeObservable as o,observable as t}from"mobx";var i,n,r;!function(o){o.ALWAYS_VISIBLE="ALWAYS_VISIBLE",o.ALWAYS_HIDDEN="ALWAYS_HIDDEN",o.VISIBLE_ON_HOVER="VISIBLE_ON_HOVER"}(i||(i={})),function(o){o.SHOW_ON_CONTENT="SHOW_ON_CONTENT",o.TAKE_SPACE="TAKE_SPACE"}(n||(n={})),function(o){o.PX="PX",o.PERCENT="PERCENT"}(r||(r={}));var s,e=function(r){var s;this.closeButtonPositionType=r.closeButtonPositionType||n.SHOW_ON_CONTENT,this.closeButtonDisplayType=r.closeButtonDisplayType||i.ALWAYS_VISIBLE,this.iconSettings=r.iconSettings?new d(r.iconSettings):new d({}),this.closeOnlyWithCloseButton=null!==(s=r.closeOnlyWithCloseButton)&&void 0!==s?s:null,o(this,{closeButtonPositionType:t,closeButtonDisplayType:t,iconSettings:t,closeOnlyWithCloseButton:t})};!function(o){o.WITH_BORDER="WITH_BORDER",o.WITHOUT_BORDER="WITHOUT_BORDER"}(s||(s={}));var d=function(i){var n,e;this.type=i.type||s.WITHOUT_BORDER,this.color=i.color||"",this.backgroundColor=i.backgroundColor||"",this.backgroundBorderRadius=null!==(n=i.backgroundBorderRadius)&&void 0!==n?n:50,this.backgroundBorderRadiusType=i.backgroundBorderRadiusType||r.PERCENT,this.backgroundBorderWidth=null!==(e=i.backgroundBorderWidth)&&void 0!==e?e:0,0===Object.keys(i).length&&(this.type=s.WITHOUT_BORDER,this.color="#697586",this.backgroundColor="#FFFFFF",this.backgroundBorderRadius=50,this.backgroundBorderRadiusType=r.PERCENT,this.backgroundBorderWidth=0),o(this,{type:t,color:t,backgroundColor:t,backgroundBorderRadius:t,backgroundBorderRadiusType:t,backgroundBorderWidth:t})};export{r as BorderRadiusTypeEnum,i as CloseButtonDisplayTypeEnum,n as CloseButtonPositionTypeEnum,d as CloseIconSettings,s as CloseIconTypeEnum,e as CloseSettings};
+import{makeObservable as o,observable as t}from"mobx";import{ButtonBorderStyle as i}from"../background-settings/index.js";var r,e;!function(o){o.ALWAYS_VISIBLE="ALWAYS_VISIBLE",o.ALWAYS_HIDDEN="ALWAYS_HIDDEN",o.VISIBLE_ON_HOVER="VISIBLE_ON_HOVER"}(r||(r={})),function(o){o.SHOW_ON_CONTENT="SHOW_ON_CONTENT",o.TAKE_SPACE="TAKE_SPACE"}(e||(e={}));var s,n=function(i){var s;this.closeButtonPositionType=i.closeButtonPositionType||e.SHOW_ON_CONTENT,this.closeButtonDisplayType=i.closeButtonDisplayType||r.ALWAYS_VISIBLE,this.iconSettings=i.iconSettings?new l(i.iconSettings):new l({}),this.closeOnlyWithCloseButton=null!==(s=i.closeOnlyWithCloseButton)&&void 0!==s?s:null,o(this,{closeButtonPositionType:t,closeButtonDisplayType:t,iconSettings:t,closeOnlyWithCloseButton:t})};!function(o){o.WITH_BORDER="WITH_BORDER",o.WITHOUT_BORDER="WITHOUT_BORDER"}(s||(s={}));var l=function(r){var e,n;this.type=r.type||s.WITHOUT_BORDER,this.color=r.color||"",this.backgroundColor=r.backgroundColor||"",this.borderRadius=null!==(e=r.borderRadius)&&void 0!==e?e:50,this.borderWidth=null!==(n=r.borderWidth)&&void 0!==n?n:0,this.borderColor=r.borderColor||"",this.borderStyle=r.borderStyle||i.SOLID,0===Object.keys(r).length&&(this.type=s.WITHOUT_BORDER,this.color="#697586",this.backgroundColor="#FFFFFF",this.borderRadius=50,this.borderWidth=0,this.borderColor="",this.borderStyle=i.SOLID),o(this,{type:t,color:t,backgroundColor:t,borderRadius:t,borderWidth:t,borderColor:t,borderStyle:t})};export{r as CloseButtonDisplayTypeEnum,e as CloseButtonPositionTypeEnum,l as CloseIconSettings,s as CloseIconTypeEnum,n as CloseSettings};

package/package.json

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