@ikas/popup-renderer 1.0.214 → 1.0.216
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/popup-renderer/components/button-element-renderer/index.js +1 -1
- package/build/popup-renderer/components/image-column-element-renderer/index.js +1 -1
- package/build/popup-renderer/components/image-element-renderer/index.js +1 -1
- package/build/popup-renderer/components/index.js +1 -1
- package/build/popup-renderer/components/social-element-renderer/index.js +1 -1
- package/build/popup-renderer/helpers/index.d.ts +1 -0
- package/build/popup-renderer/helpers/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import t from"react";import{observer as n}from"mobx-react";import{ButtonActionTypeEnum as o}from"../../models/modal/step/elements/button/index.js";import{getHorizontalAlignment as r,injectFontScript as i}from"../../helpers/index.js";var
|
|
1
|
+
import{__assign as e}from'./../../../ext/tslib/tslib.es6.mjs.js';import t from"react";import{observer as n}from"mobx-react";import{ButtonActionTypeEnum as o}from"../../models/modal/step/elements/button/index.js";import{getHorizontalAlignment as r,injectFontScript as i,normalizeUrl as l}from"../../helpers/index.js";var c=n((function(n){var c=n.element,a=n.isStandaloneButtonComponent,d=n.onClose,s=n.disableButtonAction,u=t.useRef(null),m=c,f={display:"flex",alignItems:"center",justifyContent:r(m.horizontalAlignment),padding:"".concat(m.outerVerticalPadding,"px ").concat(m.outerHorizontalPadding,"px"),backgroundColor:m.bgColor},p={color:m.color,backgroundColor:m.buttonBgColor,fontSize:m.fontSize,fontWeight:m.fontWeight,fontFamily:i(m.fontFamily),textAlign:"center",border:"".concat(m.borderWidth,"px ").concat(m.borderStyle," ").concat(m.borderColor),borderRadius:m.borderRadius,padding:"".concat(m.verticalPadding,"px ").concat(m.horizontalPadding,"px")},b={width:"".concat(m.width,"%"),minWidth:"fit-content",cursor:"pointer"},g=t.useCallback((function(){if(u.current&&!s){var e=m.link||void 0;if(!a&&e)u.current.href=l(e)||"",u.current.click();else switch(m.actionType){case o.NAVIGATE_TO_LINK_AND_CLOSE:u.current.href=l(e)||"",null==d||d(!0),u.current.click();break;case o.NAVIGATE_TO_LINK:u.current.href=l(e)||"",u.current.click();break;case o.CLOSE:null==d||d(!0)}}}),[u,u.current]);return t.createElement("div",{style:f},t.createElement("a",{onClick:g,style:b,target:m.openLinkInNewWindow?"_blank":"_self",ref:u},t.createElement("div",{dangerouslySetInnerHTML:{__html:m.text},style:e({},p)})))}));export{c as default};
|
|
@@ -1 +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
|
|
1
|
+
import e from"react";import{observer as t}from"mobx-react";import{ImageFitEnum as r}from"../../models/modal/step/elements/image/index.js";import{normalizeUrl as i}from"../../helpers/index.js";var o=t((function(t){var o=t.element,a=t.popup,d=t.editModeChildren,n=t.isMobile,c=o;c.cdnURL||(c.cdnURL=a.cdnURL),c.merchantId||(c.merchantId=a.merchantId);var m=a.modal.windowSettings,l={width:m.takeFullWidth||n?"100%":m.maxWidth,backgroundColor:c.bgColor,padding:"".concat(c.verticalPadding,"px ").concat(c.horizontalPadding,"px"),borderRadius:c.borderRadius};if(!c.src&&a.isPreviewMode&&d)return e.createElement("div",{style:l},d);var s={objectFit:c.objectFit===r.CONTAIN?"contain":"cover",height:"100%"};return e.createElement("a",{href:i(c.link),style:l,target:"_blank"},c.src&&e.createElement("img",{src:c.src||void 0,width:"100% !important",style:s}))}));export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{observer as t}from"mobx-react";import{ImagePositionEnum as
|
|
1
|
+
import e from"react";import{observer as t}from"mobx-react";import{normalizeUrl as r}from"../../helpers/index.js";import{ImagePositionEnum as i,ImageFitEnum as o}from"../../models/modal/step/elements/image/index.js";var a=t((function(t){var a=t.element,n=t.popup,d=t.editModeChildren,c=a;if(c.cdnURL||(c.cdnURL=n.cdnURL),c.merchantId||(c.merchantId=n.merchantId),!c.src&&n.isPreviewMode&&d)return d;var m={display:"flex",alignItems:"center",justifyContent:c.imagePosition===i.DISABLE_FLOAT?"center":c.imagePosition===i.FLOAT_LEFT?"flex-start":"flex-end",padding:"".concat(c.verticalPadding,"px ").concat(c.horizontalPadding,"px"),backgroundColor:c.bgColor,maxWidth:"100%"},l={borderRadius:"".concat(c.borderRadius,"px"),objectFit:c.objectFit===o.CONTAIN?"contain":"cover",width:"".concat(c.maxWidth,"%")};return e.createElement("a",{href:r(c.link),style:m,target:"_blank"},e.createElement("img",{src:c.src||void 0,width:100===c.maxWidth?"100% !important":void 0,style:l}))}));export{a as default};
|
|
@@ -1 +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
|
|
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 T}from"../models/modal/step/elements/image-column/index.js";var b=t((function(t){var b,y,O,I,C=t.popup,_=t.dynamicData,h=t.dashboardComponents,M=t.previewMode,w=t.sfProps,S=t.isMobile,A=e.useState(!1),D=A[0],R=A[1];e.useEffect((function(){return function(){document.body.style.overflow="auto"}}),[]);var k=C.modal,N=k.teaser,L=!!k.selectedStep.isTeaser,j=k.selectedStep.elements.find((function(e){return e.type===d.IMAGE_COLUMN})),U=L?N.backgroundSettings:k.backgroundSettings,B=L?N.windowSettings:k.windowSettings,H=L?N.closeSettings:k.closeSettings,W=U.allowScrollingWhenPopupOpen,F=C.isPreviewMode||M,V=!!F||k.isVisible;document.body.style.overflow=V&&!W?"hidden":"auto";var G=U.overlay,z=U.border,K="center",X="center";switch(L?o.POPUP:k.type){case o.POPUP:var Y=L?N.position:k.position;Y===n.POPUP_TOP_LEFT?(K="flex-start",X="flex-start"):Y===n.POPUP_TOP_CENTER?(K="center",X="flex-start"):Y===n.POPUP_TOP_RIGHT?(K="flex-end",X="flex-start"):Y===n.POPUP_MIDDLE_LEFT?(K="flex-start",X="center"):Y===n.POPUP_MIDDLE_CENTER?(K="center",X="center"):Y===n.POPUP_MIDDLE_RIGHT?(K="flex-end",X="center"):Y===n.POPUP_BOTTOM_LEFT?(K="flex-start",X="flex-end"):Y===n.POPUP_BOTTOM_CENTER?(K="center",X="flex-end"):Y===n.POPUP_BOTTOM_RIGHT&&(K="flex-end",X="flex-end");break;case o.DRAWER:k.position===n.DRAWER_LEFT?(K="flex-start",X="center"):k.position===n.DRAWER_RIGHT&&(K="flex-end",X="center");break;case o.NOTIFICATION_BAR:k.position===n.NOTIFICATION_BAR_UP?(K="center",X="flex-start"):k.position===n.NOTIFICATION_BAR_DOWN&&(K="center",X="flex-end")}var q=e.useMemo((function(){return 2147483644}),[]),J=e.useMemo((function(){return q+1}),[]),Q=e.useMemo((function(){return J+1}),[]),Z=e.useMemo((function(){return Q+1}),[]),$={position:"fixed",display:"flex",justifyContent:K,alignItems:X,top:0,left:0,right:0,bottom:0,zIndex:q,overflow:"hidden",padding:"".concat(B.outerVerticalPadding,"px ").concat(B.outerHorizontalPadding,"px"),opacity:V?1:0,visibility:V?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},ee={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:J,backgroundColor:G?G.bgColor:"",opacity:G?(G.bgOpacity||100)/100:void 0},te={position:"relative",zIndex:Q,backgroundColor:U.bgColor,border:z?"".concat(z.borderWidth,"px ").concat(z.borderStyle," ").concat(z.borderColor):"",borderRadius:"".concat(B.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:B.takeFullWidth?"100%":void 0,minHeight:B.minHeight,height:B.takeFullHeight?"100%":void 0,boxShadow:U.shadow?"0 0 10px ".concat(U.shadow.color):"",overflow:"auto",opacity:V?1:0,visibility:V?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},oe="";switch(null==j?void 0:j.verticalAlignment){case a.BOTTOM:oe="flex-end";break;case a.MIDDLE:oe="center";break;case a.TOP:oe="flex-start"}var ne=j?j.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",ie=j?j.mobilePosition===T.TOP?"column-reverse":"column":"",re={display:"flex",flexDirection:j?S?ie:ne:"column",overflow:"hidden"},le={width:B.takeFullWidth?"100%":B.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:oe,padding:"".concat(B.innerVerticalPadding,"px ").concat(B.innerHorizontalPadding,"px")},se={position:H.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:H.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:Z},de={position:"sticky",padding:"6px",marginLeft:H.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(b=H.iconSettings)||void 0===b?void 0:b.type)===l.WITH_BORDER?"1px solid ".concat(null===(y=H.iconSettings)||void 0===y?void 0:y.color):"",borderRadius:"50%",backgroundColor:null===(O=H.iconSettings)||void 0===O?void 0:O.backgroundColor},ae={color:null===(I=H.iconSettings)||void 0===I?void 0:I.color,cursor:"pointer"},ce=function(t){var o=t.type,n=h&&h[o]&&h[o].length?h[o][0]:null,i=n&&C.marketingPopupViewModel?e.createElement(n,{element:t,marketingPopupViewModel:C.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(P,{element:t,popup:C,editModeChildren:i});case d.IMAGE_COLUMN:return S&&j.mobilePosition===T.HIDE?null:e.createElement(x,{element:t,popup:C,editModeChildren:i,isMobile:S});case d.BUTTON:return e.createElement(m,{element:t,onClose:me,isStandaloneButtonComponent:!0});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(E,{element:t,popup:C,isPreviewMode:!!F,sfProps:w,setIsCustomerSaved:R});case d.PRODUCT_LIST:return e.createElement(v,{element:t,products:_.products[t.id],popup:C,editModeChildren:i,isPreviewMode:!!F,sfProps:w,onClose:me});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:C,editModeChildren:i});case d.SPACE:return e.createElement(p,{element:t})}},me=function(e){if(!F&&k.isVisible){var t=D||e;k.isVisible=!1,w&&w.onModalClose(t),R(!1)}};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:$},e.createElement("div",{style:te},H.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:se,onClick:function(){return me()}},e.createElement("div",{style:de,className:H.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(i,{style:ae}))),e.createElement("div",{style:re,onClick:function(e){L&&(k.selectedStep=k.steps[0])}},e.createElement("div",{style:le},k.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 ce(e)}))),j&&ce(j))),e.createElement("div",{style:ee,onClick:function(){return me()}}))}));export{b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{observer as t}from"mobx-react";import{getHorizontalAlignment as r}from"../../helpers/index.js";var
|
|
1
|
+
import e from"react";import{observer as t}from"mobx-react";import{getHorizontalAlignment as r,normalizeUrl as n}from"../../helpers/index.js";var i=t((function(t){var i=t.element,o=i.socialMediaLinks.filter((function(e){return!!e.link})).sort((function(e,t){return e.order-t.order}));if(!o.length&&t.editModeChildren&&t.popup.isPreviewMode)return t.editModeChildren;var a={display:"flex",alignItems:"center",justifyContent:r(i.horizontalAlignment),padding:"".concat(i.verticalPadding,"px ").concat(i.horizontalPadding,"px"),backgroundColor:i.bgColor,width:"100%"},l={display:"flex",alignItems:"center",gap:"".concat(i.gapBetweenLogos,"px")};return e.createElement("div",{style:a},e.createElement("div",{style:l},o.map((function(t,r){return e.createElement("a",{href:n(t.link)||"",key:r,target:"_blank"},e.createElement("img",{src:t.iconUrlWithoutHash||"",width:24,height:24}))}))))}));export{i as default};
|
|
@@ -10,3 +10,4 @@ export declare const injectFontScript: (fontFamily: IkasPopupRendererFontFamily)
|
|
|
10
10
|
export declare const validateEmail: (str: string) => boolean;
|
|
11
11
|
export declare const validatePhoneNumber: (phone: string, countryCode?: string) => boolean;
|
|
12
12
|
export declare const generateRandomId: (text?: string) => string;
|
|
13
|
+
export declare const normalizeUrl: (url: string | null | undefined) => string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import'./../../ext/libphonenumber-js/es6/PhoneNumberMatcher.js';import'./../../ext/libphonenumber-js/es6/AsYouTypeFormatter.js';import{isValidPhoneNumber as t}from'./../../ext/libphonenumber-js/min/exports/isValidPhoneNumber.js';import'./../../ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js';import'./../../ext/libphonenumber-js/min/exports/AsYouType.js';import'./../../ext/libphonenumber-js/min/exports/Metadata.js';import'./../../ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js';import'./../../ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js';import{PopupElementTypeEnum as n,ComponentHorizontalAlignmentEnum as r}from"../models/modal/step/elements/base/index.js";var
|
|
1
|
+
import{__spreadArray as e}from'./../../ext/tslib/tslib.es6.mjs.js';import'./../../ext/libphonenumber-js/es6/PhoneNumberMatcher.js';import'./../../ext/libphonenumber-js/es6/AsYouTypeFormatter.js';import{isValidPhoneNumber as t}from'./../../ext/libphonenumber-js/min/exports/isValidPhoneNumber.js';import'./../../ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js';import'./../../ext/libphonenumber-js/min/exports/AsYouType.js';import'./../../ext/libphonenumber-js/min/exports/Metadata.js';import'./../../ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js';import'./../../ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js';import{PopupElementTypeEnum as n,ComponentHorizontalAlignmentEnum as r}from"../models/modal/step/elements/base/index.js";var s=function(t){var r=[];return t.modal.steps.forEach((function(t){t.elements.forEach((function(t){if(t.type===n.PRODUCT_LIST){var s=t.variantPairs;s&&(r=e(e([],r,!0),s,!0))}}))})),{variantPairs:r}},a=function(e){var t="";switch(e){case r.LEFT:t="flex-start";break;case r.CENTER:t="center";break;case r.RIGHT:t="flex-end"}return t},i=function(e){if(e.name){var t=e.name.replace(/ /g,"+"),n="";if(e.variants){n+=":";var r=e.variants.some((function(e){return"italic"===e}));if(r&&(n+="ital,"),n+="wght@",r){var s=new RegExp("italic","i");n+=e.variants.reduce((function(e,t){return s.test(t)?e:e+"0,".concat(t.replace("regular","400"),";")}),""),n+=e.variants.reduce((function(e,t){return s.test(t)?e+"1,".concat("italic"===t?"400":t.replace("italic",""),";"):e}),"")}else n+=e.variants.reduce((function(e,t){return e+"".concat(t.replace("regular","400"),";")}),"");n=n.substring(0,n.length-1),n+="&display=swap"}return"https://fonts.googleapis.com/css2?family=".concat(t).concat(n)}},o=function(e){var t="'".concat(e.name,'\', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');if(document.getElementById("ikas-popup-font-".concat(e.name)))return t;var n=i(e);if(n){var r=document.createElement("link");return r.setAttribute("id","ikas-popup-font-".concat(e.name)),r.setAttribute("rel","stylesheet"),r.setAttribute("href",n),document.getElementsByTagName("head")[0].appendChild(r),t}},u=function(e){return!(e.length>320)&&/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(e)},m=function(e,n){return t(e,n?n.toUpperCase():"TR")},l=function(e){var t;return Math.random().toString(36).substring(2,15)+Math.random().toString(36).substring(2,15)+(null!==(t=null==e?void 0:e.length)&&void 0!==t?t:0)},c=function(e){if(e&&""!==e.trim()){var t=e.trim();return t.startsWith("http://")||t.startsWith("https://")||t.startsWith("mailto:")||t.startsWith("tel:")||t.startsWith("ftp://")||t.startsWith("//")?t:"https://".concat(t)}};export{l as generateRandomId,i as getGoogleFontHref,a as getHorizontalAlignment,s as getPopupDynamicData,o as injectFontScript,c as normalizeUrl,u as validateEmail,m as validatePhoneNumber};
|