@ikas/storefront 6.1.0-beta.84 → 6.1.0-beta.86
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/ext/@ikas/popup-renderer/build/popup-renderer/components/form-element-renderer/checkbox-item-view/index.js +1 -1
- package/build/ext/@ikas/popup-renderer/build/popup-renderer/components/form-element-renderer/input-item-view/index.js +1 -1
- package/build/ext/@ikas/popup-renderer/build/popup-renderer/components/form-element-renderer/phone-input-item-view/index.js +1 -1
- package/build/ext/@ikas/popup-renderer/build/popup-renderer/components/index.js +1 -1
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{observer as
|
|
1
|
+
import e from"react";import{observer as t}from"../../../../../../../mobx-react/dist/mobxreact.esm.js";import{generateRandomId as n}from"../../../helpers/index.js";var o=t((function(t){var o=t.checkboxItem,r=t.formInputSettings,c=e.useMemo((function(){return"checkbox-".concat(n())}),[o]);e.useEffect((function(){o.showInCheckedStatus?o.isChecked=!0:o.isChecked=!1}),[o.showInCheckedStatus]);var a=o.requiredToBeChecked,i={width:"16px",height:"16px",cursor:"pointer",position:"relative",top:3,appearance:"none",border:"1px solid ".concat(r.borderColor),borderRadius:"4px",flex:"0 0 16px"},s=e.useCallback((function(){var e=/<pre[^>]*>([\s\S]*?)<\/pre>/.exec(o.text);return e?e[1]:o.text}),[o.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:i,type:"checkbox",checked:o.isChecked,onChange:function(){o.isChecked=!o.isChecked,a&&a.hasError&&o.isChecked&&(a.hasError=!1)},id:c}),e.createElement("div",{style:{color:r.checkboxTextColor},dangerouslySetInnerHTML:{__html:s()}})),!!a&&a.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},a.validationErrorMessage),e.createElement("style",null,"\n #".concat(c," {\n position: relative; /* so pseudo-element is positioned correctly */\n display: inline-block; /* ensures ::after layering works as expected */\n }\n\n #").concat(c,":checked {\n background-color: ").concat(r.borderColor," !important;\n }\n\n /* Draw a checkmark using ::after */\n #").concat(c,'::after {\n content: "";\n position: absolute;\n top: 2px; /* tweak to position your checkmark within the box */\n left: 5px; /* tweak as needed */\n width: 4px;\n height: 8px;\n border: solid #fff;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n }\n\n #').concat(c,":checked::after {\n opacity: 1;\n }\n ")))}));export{o as CheckboxItemView};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{observer as t}from"../../../../../../../mobx-react/dist/mobxreact.esm.js";import{generateRandomId as
|
|
1
|
+
import e from"react";import{observer as t}from"../../../../../../../mobx-react/dist/mobxreact.esm.js";import{generateRandomId as o}from"../../../helpers/index.js";import{PhoneNumberInput as r}from"../phone-input-item-view/index.js";var n=t((function(t){var n=e.useState(!1),a=n[0],l=n[1];e.useRef(null);var i=e.useMemo((function(){return o()}),[]),c=t.placeholder,s=t.isRequired,u=t.inputLabel;t.updateCurrentInfo;var p=t.validationErrorMessage,d=t.formInputSettings,m=t.value,f=t.onValueChange,x=t.isPhoneInput,h=t.sfProps,v={width:"100%",backgroundColor:d.bgColor?"".concat(d.bgColor):"transparent",border:"".concat(d.borderWidth,"px solid ").concat(a?d.focusBorderColor:d.borderColor),borderRadius:"".concat(d.borderRadius,"px"),fontSize:"14px",padding:"10px 12px",height:"".concat(d.height,"px"),outline:"none"},g=function(e){f(e),s&&s.hasError&&e.length>0&&(s.hasError=!1)},E=s?((null==c?void 0:c.text)||"")+" *":(null==c?void 0:c.text)||"";return e.createElement("div",{style:{width:"100%",display:"flex",gap:2,flexDirection:"column"}},(u||s)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:4,marginBottom:"6px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},u&&e.createElement("label",{style:{color:d.titleColor,fontSize:"14px"}},u.text)),s&&s.hasError&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},s.validationErrorMessage),!!p&&e.createElement("div",{style:{color:"red",fontSize:"12px"}},p)),x?e.createElement(r,{onChange:function(e){return g(e)},placeholder:E,value:m||"",inputStyle:v,sfProps:h,className:"ikas-form-input-item-view-".concat(i),setIsFocused:l}):e.createElement("input",{type:"text",placeholder:E,value:m||"",onChange:function(e){return g(e.target.value)},style:v,onFocus:function(){return l(!0)},onBlur:function(){return l(!1)},className:"ikas-form-input-item-view-".concat(i)}),e.createElement("style",null,"\n .ikas-form-input-item-view-".concat(i,"::placeholder {\n color: ").concat(d.placeholderColor," !important;\n }\n ")))}));export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as t,__assign as r}from"../../../../ext/tslib/tslib.es6.mjs.js";import*as o from"react";import"../../../../ext/mobx-react-lite/es/index.js";import n from"../../../../ext/libphonenumber-js/es6/parseIncompletePhoneNumber.js";import"../../../../ext/libphonenumber-js/es6/PhoneNumberMatcher.js";import"../../../../ext/libphonenumber-js/es6/AsYouTypeFormatter.js";import{parsePhoneNumber as i}from"../../../../ext/libphonenumber-js/min/exports/parsePhoneNumber.js";import"../../../../ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js";import"../../../../ext/libphonenumber-js/min/exports/AsYouType.js";import{isSupportedCountry as s}from"../../../../ext/libphonenumber-js/min/exports/isSupportedCountry.js";import{getCountryCallingCode as a}from"../../../../ext/libphonenumber-js/min/exports/getCountryCallingCode.js";import"../../../../ext/libphonenumber-js/min/exports/Metadata.js";import{formatIncompletePhoneNumber as l}from"../../../../ext/libphonenumber-js/min/exports/formatIncompletePhoneNumber.js";import"../../../../ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js";import"../../../../ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js";import
|
|
1
|
+
import{__awaiter as e,__generator as t,__assign as r}from"../../../../ext/tslib/tslib.es6.mjs.js";import*as o from"react";import"../../../../ext/mobx-react-lite/es/index.js";import n from"../../../../ext/libphonenumber-js/es6/parseIncompletePhoneNumber.js";import"../../../../ext/libphonenumber-js/es6/PhoneNumberMatcher.js";import"../../../../ext/libphonenumber-js/es6/AsYouTypeFormatter.js";import{parsePhoneNumber as i}from"../../../../ext/libphonenumber-js/min/exports/parsePhoneNumber.js";import"../../../../ext/libphonenumber-js/min/exports/PhoneNumberMatcher.js";import"../../../../ext/libphonenumber-js/min/exports/AsYouType.js";import{isSupportedCountry as s}from"../../../../ext/libphonenumber-js/min/exports/isSupportedCountry.js";import{getCountryCallingCode as a}from"../../../../ext/libphonenumber-js/min/exports/getCountryCallingCode.js";import"../../../../ext/libphonenumber-js/min/exports/Metadata.js";import{formatIncompletePhoneNumber as l}from"../../../../ext/libphonenumber-js/min/exports/formatIncompletePhoneNumber.js";import"../../../../ext/libphonenumber-js/es6/findNumbers/isValidCandidate.js";import"../../../../ext/libphonenumber-js/index.es6.exports/PhoneNumberSearch.js";import u from"./get-countries.js";import{observer as m}from"../../../../ext/mobx-react-lite/es/observer.js";var p=m((function(m){var p=m.disabled,d=void 0!==p&&p,c=m.placeholder,b=m.value,h=m.onChange,v=m.inputStyle,x=m.className,f=m.sfProps,g=m.setIsFocused,j=o.useState([]),y=j[0],C=j[1],N=o.useState((null==f?void 0:f.currentCountryCode)||"TR"),E=N[0],P=N[1],w=o.useState(""),S=w[0],I=w[1];o.useEffect((function(){_();var e=E;if(s(e)||(e="US"),b){var t=i(b);t&&t.country&&(e=t.country),I(l(b,e))}else k(e);P(e)}),[null==f?void 0:f.currentCountryCode]);var _=function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,u(null==f?void 0:f.currentLocale)];case 1:return e=t.sent(),C(e),[2]}}))}))},k=function(e){var t=a(e);I("+".concat(t))},T=function(e){return l(e,E)};return o.createElement("div",{style:r({position:"relative",width:"100%",height:"100%",display:"flex",alignItems:"center",gap:8,pointerEvents:f?void 0:"none"},v),onFocus:function(){return g(!0)},onBlur:function(){return g(!1)}},o.createElement("div",{style:{}},o.createElement("div",{style:{position:"relative",width:"35px",height:"24px",flex:"0 0 35px"}},o.createElement("div",{style:{position:"relative",width:"35px",height:"24px",display:"flex",alignItems:"center"}},o.createElement("img",{style:{width:"24px",flex:"0 0 24px"},alt:E,src:"https://cdn.myikas.com/sf/assets/flags/3x2/".concat(E,".svg")}),o.createElement("div",{style:{display:"block",width:"0.3em",height:"0.3em",marginLeft:"0.35em",marginTop:"-0.2em",borderStyle:"solid",borderColor:"inherit",borderTopWidth:0,borderBottomWidth:"1px",borderLeftWidth:0,borderRightWidth:"1px",transform:"rotate(45deg)",opacity:.45,flex:"0 0 0.3em"}})),o.createElement("select",{style:{position:"absolute",top:0,left:0,zIndex:1,padding:0,opacity:0,border:0,width:"100%",height:"100%",cursor:"pointer"},value:E,onChange:function(e){if(e.target.value){var t=e.target.value;P(t),k(t)}},disabled:d},y.map((function(e){return o.createElement("option",{key:e.value,value:e.value},e.label)}))))),o.createElement("input",{type:"tel",autoComplete:"tel",value:S,onChange:function(e){var t=y.find((function(t){var r;return t.value===(null===(r=i(e.target.value))||void 0===r?void 0:r.country)}));t&&P(t.value);var r=T(e.target.value);I(r),h(r?n(r):e.target.value)},placeholder:c,disabled:d,className:x,style:{width:"100%",backgroundColor:"transparent",background:"transparent",border:"none",outline:"none"}}))}));export{p as PhoneNumberInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{observer as t}from"../../../../../mobx-react/dist/mobxreact.esm.js";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 s,CloseButtonDisplayTypeEnum as l}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as a,ComponentVerticalAlignmentEnum as d}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 E from"./image-column-element-renderer/index.js";import x from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as
|
|
1
|
+
import e from"react";import{observer as t}from"../../../../../mobx-react/dist/mobxreact.esm.js";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 s,CloseButtonDisplayTypeEnum as l}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as a,ComponentVerticalAlignmentEnum as d}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 E from"./image-column-element-renderer/index.js";import x from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as y}from"../models/modal/step/elements/image-column/index.js";var T=t((function(t){var T,b,C,O,I=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=I.modal,N=k.teaser,j=!!k.selectedStep.isTeaser,B=k.selectedStep.elements.find((function(e){return e.type===a.IMAGE_COLUMN})),L=j?N.backgroundSettings:k.backgroundSettings,U=j?N.windowSettings:k.windowSettings,H=j?N.closeSettings:k.closeSettings,W=L.allowScrollingWhenPopupOpen,F=I.isPreviewMode||M,V=!!F||k.isVisible;document.body.style.overflow=V&&!W?"hidden":"auto";var G=L.overlay,z=L.border,K="center",X="center";switch(j?o.POPUP:k.type){case o.POPUP:var Y=j?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(U.outerVerticalPadding,"px ").concat(U.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:L.bgColor,border:z?"".concat(z.borderWidth,"px ").concat(z.borderStyle," ").concat(z.borderColor):"",borderRadius:"".concat(U.borderRadius,"px"),maxWidth:"100%",maxHeight:"100%",width:U.takeFullWidth?"100%":void 0,minHeight:U.minHeight,height:U.takeFullHeight?"100%":void 0,boxShadow:L.shadow?"0 0 10px ".concat(L.shadow.color):"",overflow:"auto",opacity:V?1:0,visibility:V?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},oe="";switch(null==B?void 0:B.verticalAlignment){case d.BOTTOM:oe="flex-end";break;case d.MIDDLE:oe="center";break;case d.TOP:oe="flex-start"}var ne=B?B.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",ie=B?B.mobilePosition===y.TOP?"column-reverse":"column":"",re={display:"flex",flexDirection:B?S?ie:ne:"column",overflow:"hidden"},se={width:U.takeFullWidth?"100%":U.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:oe,padding:"".concat(U.innerVerticalPadding,"px ").concat(U.innerHorizontalPadding,"px")},le={position:H.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:H.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:Z},ae={position:"sticky",padding:"6px",marginLeft:H.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(T=H.iconSettings)||void 0===T?void 0:T.type)===s.WITH_BORDER?"1px solid ".concat(null===(b=H.iconSettings)||void 0===b?void 0:b.color):"",borderRadius:"50%",backgroundColor:null===(C=H.iconSettings)||void 0===C?void 0:C.backgroundColor},de={color:null===(O=H.iconSettings)||void 0===O?void 0:O.color,cursor:"pointer"},ce=function(t){var o=t.type,n=h&&h[o]&&h[o].length?h[o][0]:null,i=n&&I.marketingPopupViewModel?e.createElement(n,{element:t,marketingPopupViewModel:I.marketingPopupViewModel}):void 0;switch(o){case a.TEXT:return e.createElement(c,{element:t});case a.IMAGE:return e.createElement(P,{element:t,popup:I,editModeChildren:i});case a.IMAGE_COLUMN:return S&&B.mobilePosition===y.HIDE?null:e.createElement(E,{element:t,popup:I,editModeChildren:i,isMobile:S});case a.BUTTON:return e.createElement(m,{element:t,onClose:me,isStandaloneButtonComponent:!0});case a.DIVIDER:return e.createElement(u,{element:t});case a.FORM:return e.createElement(v,{element:t,popup:I,isPreviewMode:!!F,sfProps:w,setIsCustomerSaved:R});case a.PRODUCT_LIST:return e.createElement(x,{element:t,products:_.products[t.id],popup:I,editModeChildren:i,isPreviewMode:!!F,sfProps:w,onClose:me});case a.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:I,editModeChildren:i});case a.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!==l.ALWAYS_HIDDEN&&e.createElement("div",{style:le,onClick:function(){return me()}},e.createElement("div",{style:ae,className:H.closeButtonDisplayType===l.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(i,{style:de}))),e.createElement("div",{style:re,onClick:function(e){j&&(k.selectedStep=k.steps[0])}},e.createElement("div",{style:se},k.selectedStep.elements.filter((function(e){return e.type!==a.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return ce(e)}))),B&&ce(B))),e.createElement("div",{style:ee,onClick:function(){return me()}}))}));export{T as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ikas/storefront",
|
|
3
|
-
"version": "6.1.0-beta.
|
|
3
|
+
"version": "6.1.0-beta.86",
|
|
4
4
|
"description": "Storefront functionality for ikas storefront themes.",
|
|
5
5
|
"author": "ikas",
|
|
6
6
|
"license": "ISC",
|
|
@@ -17,15 +17,15 @@
|
|
|
17
17
|
"build": "rm -rf build && rollup -c"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@ikas/popup-renderer": "
|
|
20
|
+
"@ikas/popup-renderer": "1.0.206",
|
|
21
21
|
"swiper": "11.0.6"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@ikas/storefront-api": "^6.1.0-beta.
|
|
25
|
-
"@ikas/storefront-config": "^6.1.0-beta.
|
|
26
|
-
"@ikas/storefront-model-functions": "^6.1.0-beta.
|
|
27
|
-
"@ikas/storefront-models": "^6.1.0-beta.
|
|
28
|
-
"@ikas/storefront-providers": "^6.1.0-beta.
|
|
24
|
+
"@ikas/storefront-api": "^6.1.0-beta.86",
|
|
25
|
+
"@ikas/storefront-config": "^6.1.0-beta.86",
|
|
26
|
+
"@ikas/storefront-model-functions": "^6.1.0-beta.86",
|
|
27
|
+
"@ikas/storefront-models": "^6.1.0-beta.86",
|
|
28
|
+
"@ikas/storefront-providers": "^6.1.0-beta.86",
|
|
29
29
|
"@ikas/localized-address": "1.0.0-beta.6",
|
|
30
30
|
"@adyen/adyen-web": "^5.57.0",
|
|
31
31
|
"@rollup/plugin-commonjs": "^22.0.0",
|
|
@@ -60,11 +60,11 @@
|
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|
|
62
62
|
"@ikas/localized-address": "1.0.0-beta.6",
|
|
63
|
-
"@ikas/storefront-api": "^6.1.0-beta.
|
|
64
|
-
"@ikas/storefront-config": "^6.1.0-beta.
|
|
65
|
-
"@ikas/storefront-model-functions": "^6.1.0-beta.
|
|
66
|
-
"@ikas/storefront-models": "^6.1.0-beta.
|
|
67
|
-
"@ikas/storefront-providers": "^6.1.0-beta.
|
|
63
|
+
"@ikas/storefront-api": "^6.1.0-beta.86",
|
|
64
|
+
"@ikas/storefront-config": "^6.1.0-beta.86",
|
|
65
|
+
"@ikas/storefront-model-functions": "^6.1.0-beta.86",
|
|
66
|
+
"@ikas/storefront-models": "^6.1.0-beta.86",
|
|
67
|
+
"@ikas/storefront-providers": "^6.1.0-beta.86",
|
|
68
68
|
"mobx": "^6.1.3",
|
|
69
69
|
"mobx-react-lite": "^3.1.5",
|
|
70
70
|
"next": "12.2.0",
|