@ikas/popup-renderer 1.0.37 → 1.0.39

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

@@ -1 +1 @@
-import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import r from"react-date-picker";import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var o=t((function(t){var o=e.useState(!1),a=o[0],l=o[1],n=e.useRef(null);t.placeholder;var i=t.isRequired,c=t.inputLabel;t.updateCurrentInfo;var s=t.formInputSettings,d=t.value,p=t.onValueChange;if(n.current){var u=n.current.getElementsByClassName("react-date-picker__wrapper");if(console.log("inputWrappers",u),u.length>0){var m=u[0];m.style.backgroundColor=s.bgColor,m.style.border="".concat(s.borderWidth,"px solid ").concat(a?s.focusBorderColor:s.borderColor),m.style.borderRadius="".concat(s.borderRadius,"px"),m.style.fontSize="14px",m.style.padding="10px 12px",m.style.height="".concat(s.height,"px")}}return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"},ref:n},(c||i)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},c&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},c.text),i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage)),e.createElement(r,{onChange:function(e){return function(e){var r=e?e.valueOf().toString():"";p(r),i&&i.hasError&&r.length>0&&(i.hasError=!1)}(e)},value:d?new Date(d):null,className:"ikas-popup-datepicker",disableCalendar:!0,format:"dd / MM / y",maxDate:new Date,clearIcon:null,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{o as default};
+import e from"react";import'./../../../../ext/mobx-react-lite/es/index.js';import r from"react-date-picker";import{observer as t}from'./../../../../ext/mobx-react-lite/es/observer.js';var o=t((function(t){var o=e.useState(!1),a=o[0],l=o[1],n=e.useRef(null);t.placeholder;var i=t.isRequired,c=t.inputLabel;t.updateCurrentInfo;var s=t.formInputSettings,d=t.value,u=t.onValueChange;if(n.current){var p=n.current.getElementsByClassName("react-date-picker__wrapper");if(p.length>0){var m=p[0];m.style.backgroundColor=s.bgColor,m.style.border="".concat(s.borderWidth,"px solid ").concat(a?s.focusBorderColor:s.borderColor),m.style.borderRadius="".concat(s.borderRadius,"px"),m.style.fontSize="14px",m.style.padding="10px 12px",m.style.height="".concat(s.height,"px")}}return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"},ref:n},(c||i)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},c&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},c.text),i&&e.createElement("label",{style:{color:"black",fontSize:"14px"}},"*")),i&&i.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},i.validationErrorMessage)),e.createElement(r,{onChange:function(e){return function(e){var r=e?e.valueOf().toString():"";u(r),i&&i.hasError&&r.length>0&&(i.hasError=!1)}(e)},value:d?new Date(d):null,className:"ikas-popup-datepicker",disableCalendar:!0,format:"dd / MM / y",maxDate:new Date,clearIcon:null,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)}}))}));export{o as default};

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

@@ -2,6 +2,7 @@ import React from "react";
 import { DashboardComponents, Popup, PopupProductDictionary } from "../models";
 import { PopupRendererSaveCustomerInput } from "popup-renderer/models/modal/step/elements/form";
 import "../style.css";
+import "react-date-picker/dist/DatePicker.css";
 export type SFProps = {
     isCustomerLoggedIn: boolean;
     onModalClose: () => void;

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

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

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

@@ -1 +1 @@
-import{makeObservable as o,observable as t}from"mobx";var n,i;!function(o){o.ALWAYS_VISIBLE="ALWAYS_VISIBLE",o.ALWAYS_HIDDEN="ALWAYS_HIDDEN",o.VISIBLE_ON_HOVER="VISIBLE_ON_HOVER"}(n||(n={})),function(o){o.SHOW_ON_CONTENT="SHOW_ON_CONTENT",o.TAKE_SPACE="TAKE_SPACE"}(i||(i={}));var s,e=function(s){this.closeButtonPositionType=s.closeButtonPositionType||i.SHOW_ON_CONTENT,this.closeButtonDisplayType=s.closeButtonDisplayType||n.ALWAYS_VISIBLE,this.iconSettings=s.iconSettings?new T(s.iconSettings):new T({}),o(this,{closeButtonPositionType:t,closeButtonDisplayType:t,iconSettings:t})};!function(o){o.WITH_BORDER="WITH_BORDER",o.WITHOUT_BORDER="WITHOUT_BORDER"}(s||(s={}));var T=function(n){this.type=n.type||s.WITHOUT_BORDER,this.color=n.color||"#697586",this.backgroundColor=n.backgroundColor||"#FFFFFF",o(this,{type:t,color:t,backgroundColor:t})};export{n as CloseButtonDisplayTypeEnum,i as CloseButtonPositionTypeEnum,T as CloseIconSettings,s as CloseIconTypeEnum,e as CloseSettings};
+import{makeObservable as o,observable as t}from"mobx";var n,i;!function(o){o.ALWAYS_VISIBLE="ALWAYS_VISIBLE",o.ALWAYS_HIDDEN="ALWAYS_HIDDEN",o.VISIBLE_ON_HOVER="VISIBLE_ON_HOVER"}(n||(n={})),function(o){o.SHOW_ON_CONTENT="SHOW_ON_CONTENT",o.TAKE_SPACE="TAKE_SPACE"}(i||(i={}));var s,e=function(s){this.closeButtonPositionType=s.closeButtonPositionType||i.SHOW_ON_CONTENT,this.closeButtonDisplayType=s.closeButtonDisplayType||n.ALWAYS_VISIBLE,this.iconSettings=s.iconSettings?new T(s.iconSettings):new T({}),o(this,{closeButtonPositionType:t,closeButtonDisplayType:t,iconSettings:t})};!function(o){o.WITH_BORDER="WITH_BORDER",o.WITHOUT_BORDER="WITHOUT_BORDER"}(s||(s={}));var T=function(n){this.type=n.type||s.WITHOUT_BORDER,this.color=n.color||"#697586",this.backgroundColor=n.backgroundColor||"",o(this,{type:t,color:t,backgroundColor:t})};export{n as CloseButtonDisplayTypeEnum,i as CloseButtonPositionTypeEnum,T as CloseIconSettings,s as CloseIconTypeEnum,e as CloseSettings};

package/build/popup-renderer/style.css

@@ -1,5 +1,5 @@
 .ikas-popup-default-styles {
-  line-height: normal;
+  line-height: normal !important;
   box-sizing: border-box !important;
 
   ul,

package/package.json

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