@ikas/storefront 6.1.0-beta.164 → 6.1.0-beta.166

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.
@@ -1 +1 @@
1
- import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import o,{FormItemType as a}from"./model.js";import r from"./caret-down.js";import l from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as i}from"../../../../utils/i18n.js";import u from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var r=i().t,s=e.useState((function(){return new o(n)})),p=s[0],E=s[1];return e.useEffect((function(){u.rebuild()}),[]),e.useEffect((function(){t((function(){p.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){p.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){p.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){p.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){p.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){p.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){p.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){p.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){p.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){p.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){p.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){p.disabled=n.disabled||!1}))}),[n.disabled]),e.useEffect((function(){t((function(){p.isLoading=n.isLoading||!1}))}),[n.isLoading]),e.useEffect((function(){t((function(){p.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){E(new o(n))}))}),[n.onChange]),e.useEffect((function(){!p.country&&n.currentCountryCode&&p.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]),e.createElement("div",{className:p.formItemStyle,style:n.style},e.createElement("div",{className:l.FormItemWrapper},e.createElement("div",{className:l.FormItemInputWrapper},e.createElement("label",{className:p.labelStyle},p.label),p.type===a.TEXT&&e.createElement(m,{vm:p,type:p.inputType,disabled:p.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name,placeholder:n.placeholder,autocapitalize:n.autocapitalize,autocorrect:n.autocorrect,spellcheck:n.spellcheck}),p.type===a.TEL&&e.createElement(c,{key:n.currentCountryCode||"1",disabled:p.disabled,defaultCountry:n.currentCountryCode,placeholder:r("checkout-page:enterPhoneNumber"),value:p.value?p.value:"",onChange:p.onPhoneChange}),p.type===a.TEXT_AREA&&e.createElement(d,{vm:p}),p.type===a.SELECT&&e.createElement(f,{vm:p,autocomplete:n.autocomplete})),!!p.hasError&&e.createElement("div",{className:l.ErrorMsg},p.errorText||""),!!n.tooltipText&&e.createElement("div",{className:l.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!p.rightContent&&e.createElement("div",{className:l.RightContent},p.rightContent)))})),m=n((function(t){var n=t.vm,o=t.name,a=t.autocomplete,r=t.type,l=t.pattern,i=t.required,u=t.disabled,c=t.placeholder,s=t.autocapitalize,m=t.autocorrect,d=t.spellcheck;return e.createElement("input",{required:i,type:r||"text",name:o,pattern:l,disabled:u,autoComplete:a,inputMode:n.inputMode||"text",className:n.inputStyle,value:n.value,onChange:n.onValueChange,placeholder:n.isFocused?c:void 0,onFocus:n.handleOnFocus,onBlur:n.handleOnBlur,autoCapitalize:s,autoCorrect:m,spellCheck:d})})),d=n((function(t){var n,o=t.vm;return e.createElement(e.Fragment,null,e.createElement("textarea",{style:{resize:o.disableResize?"none":"initial"},value:o.value,disabled:o.disabled,onChange:o.onTextAreaValueChange,placeholder:o.textAreaPlaceholder||"",maxLength:o.maxLength}),o.maxLength&&e.createElement("div",{className:l.TextareaInfo},(null===(n=o.value)||void 0===n?void 0:n.length)||0," / ",o.maxLength))})),f=n((function(t){var n,o=t.vm,a=t.autocomplete,i=t.name;return e.createElement(e.Fragment,null,e.createElement("select",{name:i,className:o.inputStyle,disabled:o.isLoading||o.disabled,autoComplete:a,onChange:o.onSelectChange},!o.value&&e.createElement("option",{selected:!0,disabled:!0,key:-1}),null===(n=o.options)||void 0===n?void 0:n.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label,selected:o.value===t.value},t.label)}))),e.createElement("div",{className:l.ArrowContainer},!o.isLoading&&e.createElement(r,null),o.isLoading&&e.createElement("div",{className:l.Loader})))}));export{s as FormItem};
1
+ import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import o,{FormItemType as a}from"./model.js";import r from"./caret-down.js";import l from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as i}from"../../../../utils/i18n.js";import u from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var r=i().t,s=e.useState((function(){return new o(n)})),p=s[0],E=s[1];return e.useEffect((function(){u.rebuild()}),[]),e.useEffect((function(){t((function(){p.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){p.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){p.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){p.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){p.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){p.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){p.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){p.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){p.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){p.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){p.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){p.disabled=n.disabled||!1}))}),[n.disabled]),e.useEffect((function(){t((function(){p.isLoading=n.isLoading||!1}))}),[n.isLoading]),e.useEffect((function(){t((function(){p.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){E(new o(n))}))}),[n.onChange]),e.useEffect((function(){!p.country&&n.currentCountryCode&&p.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]),e.createElement("div",{className:p.formItemStyle,style:n.style},e.createElement("div",{className:l.FormItemWrapper},e.createElement("div",{className:l.FormItemInputWrapper},e.createElement("div",{className:p.labelStyle},p.label),p.type===a.TEXT&&e.createElement(m,{vm:p,type:p.inputType,disabled:p.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name,placeholder:n.placeholder,autocapitalize:n.autocapitalize,autocorrect:n.autocorrect,spellcheck:n.spellcheck}),p.type===a.TEL&&e.createElement(c,{key:n.currentCountryCode||"1",disabled:p.disabled,defaultCountry:n.currentCountryCode,placeholder:r("checkout-page:enterPhoneNumber"),value:p.value?p.value:"",onChange:p.onPhoneChange}),p.type===a.TEXT_AREA&&e.createElement(d,{vm:p,name:n.name}),p.type===a.SELECT&&e.createElement(f,{vm:p,autocomplete:n.autocomplete,name:n.name})),!!p.hasError&&e.createElement("div",{className:l.ErrorMsg},p.errorText||""),!!n.tooltipText&&e.createElement("div",{className:l.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!p.rightContent&&e.createElement("div",{className:l.RightContent},p.rightContent)))})),m=n((function(t){var n=t.vm,o=t.name,a=t.autocomplete,r=t.type,l=t.pattern,i=t.required,u=t.disabled,c=t.placeholder,s=t.autocapitalize,m=t.autocorrect,d=t.spellcheck;return e.createElement("input",{required:i,type:r||"text",name:o,pattern:l,disabled:u,autoComplete:a,inputMode:n.inputMode||"text",className:n.inputStyle,value:n.value,onChange:n.onValueChange,placeholder:n.isFocused?c:void 0,onFocus:n.handleOnFocus,onBlur:n.handleOnBlur,autoCapitalize:s,autoCorrect:m,spellCheck:d})})),d=n((function(t){var n,o=t.vm,a=t.name;return e.createElement(e.Fragment,null,e.createElement("textarea",{style:{resize:o.disableResize?"none":"initial"},name:a,value:o.value,disabled:o.disabled,onChange:o.onTextAreaValueChange,placeholder:o.textAreaPlaceholder||"",maxLength:o.maxLength}),o.maxLength&&e.createElement("div",{className:l.TextareaInfo},(null===(n=o.value)||void 0===n?void 0:n.length)||0," / ",o.maxLength))})),f=n((function(t){var n,o=t.vm,a=t.autocomplete,i=t.name;return e.createElement(e.Fragment,null,e.createElement("select",{name:i,className:o.inputStyle,disabled:o.isLoading||o.disabled,autoComplete:a,onChange:o.onSelectChange},!o.value&&e.createElement("option",{selected:!0,disabled:!0,key:-1}),null===(n=o.options)||void 0===n?void 0:n.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label,selected:o.value===t.value},t.label)}))),e.createElement("div",{className:l.ArrowContainer},!o.isLoading&&e.createElement(r,null),o.isLoading&&e.createElement("div",{className:l.Loader})))}));export{s as FormItem};
@@ -1 +1 @@
1
- import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__VB-M-",Title:"style-module_Title__vKJBI",WithSubTitle:"style-module_WithSubTitle__D0bIa",SubTitle:"style-module_SubTitle__QOgiQ",Grid:"style-module_Grid__zW07u",Grid2:"style-module_Grid2__ngFn-",Grid3:"style-module_Grid3__WkRIF",FormItem:"style-module_FormItem__Uk50U",FormItemWrapper:"style-module_FormItemWrapper__7lb91",RightContent:"style-module_RightContent__mPnNX",FormItemInputWrapper:"style-module_FormItemInputWrapper__-bMzj",FieldLabel:"style-module_FieldLabel__FLtYi",FieldLabelTop:"style-module_FieldLabelTop__-neJm",Bottom:"style-module_Bottom__Syp-M",Error:"style-module_Error__TxUpM",WithTooltip:"style-module_WithTooltip__vErQH",ArrowContainer:"style-module_ArrowContainer__4GCN2",ErrorMsg:"style-module_ErrorMsg__AL-SH",fadeInFromRight:"style-module_fadeInFromRight__jtf8N",PhoneError:"style-module_PhoneError__Jl0Ig",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__Het-k",TextareaInfo:"style-module_TextareaInfo__MkOI-",Loader:"style-module_Loader__2Juf8",load8:"style-module_load8__GVBWV"};e('.style-module_FormSectionTitle__VB-M- {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI {\n flex: 1 1 auto;\n padding-bottom: 16px;\n color: var(--checkout-primary-text-color);\n font-size: 20px;\n line-height: 32px;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI.style-module_WithSubTitle__D0bIa {\n line-height: auto;\n padding-bottom: 0;\n}\n\n.style-module_SubTitle__QOgiQ {\n color: var(--checkout-secondary-text-color);\n font-size: 14px;\n padding-bottom: 16px;\n padding-top: 2px;\n}\n\n.style-module_Grid__zW07u {\n display: grid;\n grid-gap: 16px;\n grid-template-columns: 1fr;\n}\n.style-module_Grid__zW07u.style-module_Grid2__ngFn- {\n grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__zW07u.style-module_Grid3__WkRIF {\n grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n .style-module_Grid__zW07u {\n grid-template-columns: 1fr !important;\n }\n}\n\n@keyframes style-module_fadeInFromRight__jtf8N {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.style-module_FormItem__Uk50U {\n width: 100%;\n}\n.style-module_FormItemWrapper__7lb91 {\n width: 100%;\n position: relative;\n}\n.style-module_FormItemWrapper__7lb91 .style-module_RightContent__mPnNX {\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n}\n.style-module_FormItemInputWrapper__-bMzj {\n position: relative;\n width: 100%;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabel__FLtYi {\n color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 0;\n left: 17px;\n width: 100%;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: transform 0.1s;\n transform: translateY(18px);\n font-size: 0.85em;\n line-height: 22px;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabelTop__-neJm {\n transform: translateY(8px);\n font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__-bMzj input,\n.style-module_FormItemInputWrapper__-bMzj select,\n.style-module_FormItemInputWrapper__-bMzj textarea {\n border: 1px solid var(--checkout-border-color);\n background-color: var(--checkout-primary-bg-color);\n color: var(--checkout-primary-text-color);\n background-clip: padding-box;\n border-radius: 8px;\n display: block;\n width: 100%;\n height: 56px;\n padding: 8px 16px;\n outline: none;\n transition: padding 0.1s, border-color 0.5s, box-shadow 0.5s;\n box-shadow: 0 0 0 1px transparent;\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj select:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Bottom__Syp-M {\n padding-top: 1.2em;\n padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Error__TxUpM {\n box-shadow: 0 0 0 1px var(--checkout-error-color);\n border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_WithTooltip__vErQH {\n padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__-bMzj input::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj select::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj textarea::-ms-expand {\n display: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input::placeholder,\n.style-module_FormItemInputWrapper__-bMzj select::placeholder,\n.style-module_FormItemInputWrapper__-bMzj textarea::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj textarea {\n min-height: 120px;\n}\n.style-module_FormItemInputWrapper__-bMzj .style-module_ArrowContainer__4GCN2 {\n position: absolute;\n right: 1px;\n padding-right: 0.5em;\n top: 1px;\n height: calc(100% - 2px);\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n background-color: var(--checkout-primary-bg-color);\n z-index: 2;\n border-radius: 6px;\n width: 25px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInput {\n display: flex;\n align-items: center;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput {\n padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput:disabled {\n color: var(--checkout-button-disabled-text-color) !important;\n background-color: var(--checkout-button-disabled-bg-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountry {\n position: absolute;\n align-self: stretch;\n display: flex;\n align-items: center;\n top: 26px;\n left: 16px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelect {\n border: none;\n display: inline-flex;\n width: 60px;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIcon {\n width: 1.5em;\n height: 1em;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelectArrow {\n display: block;\n content: "";\n width: 0.3em;\n height: 0.3em;\n margin-left: 0.35em;\n border-style: solid;\n border-color: inherit;\n border-top-width: 0;\n border-bottom-width: 1px;\n border-left-width: 0;\n border-right-width: 1px;\n transform: rotate(45deg);\n opacity: 0.45;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIconImg {\n width: 24px;\n}\n.style-module_FormItem__Uk50U .style-module_ErrorMsg__AL-SH {\n color: var(--checkout-error-color);\n font-size: 12px;\n margin-top: 8px;\n animation-name: style-module_fadeInFromRight__jtf8N;\n animation-duration: 0.3s;\n}\n.style-module_FormItem__Uk50U.style-module_PhoneError__Jl0Ig input {\n box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n border-color: var(--checkout-error-color) !important;\n}\n\n.style-module_FormItemWrapper__7lb91 {\n position: relative;\n}\n\n.style-module_FormItemTooltipContainer__Het-k {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n color: white;\n background-color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 20px;\n right: 16px;\n margin: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 12px !important;\n line-height: 16px !important;\n cursor: pointer;\n}\n\n.style-module_TextareaInfo__MkOI- {\n text-align: right;\n}\n\n.style-module_Loader__2Juf8,\n.style-module_Loader__2Juf8:after {\n border-radius: 50%;\n width: 0.9em;\n height: 0.9em;\n}\n\n.style-module_Loader__2Juf8 {\n font-size: 12px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.13em solid rgba(255, 255, 255, 0.2);\n border-right: 0.13em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.13em solid rgba(255, 255, 255, 0.2);\n border-left: 0.13em solid var(--checkout-button-bg-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__GVBWV 1.1s infinite linear;\n animation: style-module_load8__GVBWV 1.1s infinite linear;\n}\n\n@-webkit-keyframes style-module_load8__GVBWV {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes style-module_load8__GVBWV {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}');export{t as default};
1
+ import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__VB-M-",Title:"style-module_Title__vKJBI",WithSubTitle:"style-module_WithSubTitle__D0bIa",SubTitle:"style-module_SubTitle__QOgiQ",Grid:"style-module_Grid__zW07u",Grid2:"style-module_Grid2__ngFn-",Grid3:"style-module_Grid3__WkRIF",FormItem:"style-module_FormItem__Uk50U",FormItemWrapper:"style-module_FormItemWrapper__7lb91",RightContent:"style-module_RightContent__mPnNX",FormItemInputWrapper:"style-module_FormItemInputWrapper__-bMzj",FieldLabel:"style-module_FieldLabel__FLtYi",FieldLabelTop:"style-module_FieldLabelTop__-neJm",Bottom:"style-module_Bottom__Syp-M",Error:"style-module_Error__TxUpM",WithTooltip:"style-module_WithTooltip__vErQH",ArrowContainer:"style-module_ArrowContainer__4GCN2",ErrorMsg:"style-module_ErrorMsg__AL-SH",fadeInFromRight:"style-module_fadeInFromRight__jtf8N",PhoneError:"style-module_PhoneError__Jl0Ig",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__Het-k",TextareaInfo:"style-module_TextareaInfo__MkOI-",Loader:"style-module_Loader__2Juf8",load8:"style-module_load8__GVBWV"};e('.style-module_FormSectionTitle__VB-M- {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI {\n flex: 1 1 auto;\n padding-bottom: 16px;\n color: var(--checkout-primary-text-color);\n font-size: 20px;\n line-height: 32px;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI.style-module_WithSubTitle__D0bIa {\n line-height: auto;\n padding-bottom: 0;\n}\n\n.style-module_SubTitle__QOgiQ {\n color: var(--checkout-secondary-text-color);\n font-size: 14px;\n padding-bottom: 16px;\n padding-top: 2px;\n}\n\n.style-module_Grid__zW07u {\n display: grid;\n grid-gap: 16px;\n grid-template-columns: 1fr;\n}\n.style-module_Grid__zW07u.style-module_Grid2__ngFn- {\n grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__zW07u.style-module_Grid3__WkRIF {\n grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n .style-module_Grid__zW07u {\n grid-template-columns: 1fr !important;\n }\n}\n\n@keyframes style-module_fadeInFromRight__jtf8N {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n.style-module_FormItem__Uk50U {\n width: 100%;\n}\n.style-module_FormItemWrapper__7lb91 {\n width: 100%;\n position: relative;\n}\n.style-module_FormItemWrapper__7lb91 .style-module_RightContent__mPnNX {\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n}\n.style-module_FormItemInputWrapper__-bMzj {\n position: relative;\n width: 100%;\n}\n.style-module_FormItemInputWrapper__-bMzj div.style-module_FieldLabel__FLtYi {\n color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 0;\n left: 17px;\n width: 100%;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n touch-action: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: transform 0.1s;\n transform: translateY(18px);\n font-size: 0.85em;\n line-height: 22px;\n}\n.style-module_FormItemInputWrapper__-bMzj div.style-module_FieldLabelTop__-neJm {\n transform: translateY(8px);\n font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__-bMzj input,\n.style-module_FormItemInputWrapper__-bMzj select,\n.style-module_FormItemInputWrapper__-bMzj textarea {\n border: 1px solid var(--checkout-border-color);\n background-color: var(--checkout-primary-bg-color);\n color: var(--checkout-primary-text-color);\n background-clip: padding-box;\n border-radius: 8px;\n display: block;\n width: 100%;\n height: 56px;\n padding: 8px 16px;\n outline: none;\n transition: padding 0.1s, border-color 0.5s, box-shadow 0.5s;\n box-shadow: 0 0 0 1px transparent;\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj select:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Bottom__Syp-M {\n padding-top: 1.2em;\n padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Error__TxUpM {\n box-shadow: 0 0 0 1px var(--checkout-error-color);\n border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_WithTooltip__vErQH {\n padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__-bMzj input::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj select::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj textarea::-ms-expand {\n display: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input::placeholder,\n.style-module_FormItemInputWrapper__-bMzj select::placeholder,\n.style-module_FormItemInputWrapper__-bMzj textarea::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj textarea {\n min-height: 120px;\n}\n.style-module_FormItemInputWrapper__-bMzj .style-module_ArrowContainer__4GCN2 {\n position: absolute;\n right: 1px;\n padding-right: 0.5em;\n top: 1px;\n height: calc(100% - 2px);\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n background-color: var(--checkout-primary-bg-color);\n z-index: 2;\n border-radius: 6px;\n width: 25px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInput {\n display: flex;\n align-items: center;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput {\n padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput:disabled {\n color: var(--checkout-button-disabled-text-color) !important;\n background-color: var(--checkout-button-disabled-bg-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountry {\n position: absolute;\n align-self: stretch;\n display: flex;\n align-items: center;\n top: 26px;\n left: 16px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelect {\n border: none;\n display: inline-flex;\n width: 60px;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIcon {\n width: 1.5em;\n height: 1em;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelectArrow {\n display: block;\n content: "";\n width: 0.3em;\n height: 0.3em;\n margin-left: 0.35em;\n border-style: solid;\n border-color: inherit;\n border-top-width: 0;\n border-bottom-width: 1px;\n border-left-width: 0;\n border-right-width: 1px;\n transform: rotate(45deg);\n opacity: 0.45;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIconImg {\n width: 24px;\n}\n.style-module_FormItem__Uk50U .style-module_ErrorMsg__AL-SH {\n color: var(--checkout-error-color);\n font-size: 12px;\n margin-top: 8px;\n animation-name: style-module_fadeInFromRight__jtf8N;\n animation-duration: 0.3s;\n}\n.style-module_FormItem__Uk50U.style-module_PhoneError__Jl0Ig input {\n box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n border-color: var(--checkout-error-color) !important;\n}\n\n.style-module_FormItemWrapper__7lb91 {\n position: relative;\n}\n\n.style-module_FormItemTooltipContainer__Het-k {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n color: white;\n background-color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 20px;\n right: 16px;\n margin: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 12px !important;\n line-height: 16px !important;\n cursor: pointer;\n}\n\n.style-module_TextareaInfo__MkOI- {\n text-align: right;\n}\n\n.style-module_Loader__2Juf8,\n.style-module_Loader__2Juf8:after {\n border-radius: 50%;\n width: 0.9em;\n height: 0.9em;\n}\n\n.style-module_Loader__2Juf8 {\n font-size: 12px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.13em solid rgba(255, 255, 255, 0.2);\n border-right: 0.13em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.13em solid rgba(255, 255, 255, 0.2);\n border-left: 0.13em solid var(--checkout-button-bg-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__GVBWV 1.1s infinite linear;\n animation: style-module_load8__GVBWV 1.1s infinite linear;\n}\n\n@-webkit-keyframes style-module_load8__GVBWV {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes style-module_load8__GVBWV {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}');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.164",
3
+ "version": "6.1.0-beta.166",
4
4
  "description": "Storefront functionality for ikas storefront themes.",
5
5
  "author": "ikas",
6
6
  "license": "ISC",
@@ -22,11 +22,11 @@
22
22
  "swiper": "11.0.6"
23
23
  },
24
24
  "devDependencies": {
25
- "@ikas/storefront-api": "^6.1.0-beta.164",
26
- "@ikas/storefront-config": "^6.1.0-beta.164",
27
- "@ikas/storefront-model-functions": "^6.1.0-beta.164",
28
- "@ikas/storefront-models": "^6.1.0-beta.164",
29
- "@ikas/storefront-providers": "^6.1.0-beta.164",
25
+ "@ikas/storefront-api": "^6.1.0-beta.166",
26
+ "@ikas/storefront-config": "^6.1.0-beta.166",
27
+ "@ikas/storefront-model-functions": "^6.1.0-beta.166",
28
+ "@ikas/storefront-models": "^6.1.0-beta.166",
29
+ "@ikas/storefront-providers": "^6.1.0-beta.166",
30
30
  "@ikas/localized-address": "1.0.0-beta.6",
31
31
  "@adyen/adyen-web": "^5.57.0",
32
32
  "@rollup/plugin-commonjs": "^22.0.0",
@@ -61,11 +61,11 @@
61
61
  },
62
62
  "peerDependencies": {
63
63
  "@ikas/localized-address": "1.0.0-beta.6",
64
- "@ikas/storefront-api": "^6.1.0-beta.164",
65
- "@ikas/storefront-config": "^6.1.0-beta.164",
66
- "@ikas/storefront-model-functions": "^6.1.0-beta.164",
67
- "@ikas/storefront-models": "^6.1.0-beta.164",
68
- "@ikas/storefront-providers": "^6.1.0-beta.164",
64
+ "@ikas/storefront-api": "^6.1.0-beta.166",
65
+ "@ikas/storefront-config": "^6.1.0-beta.166",
66
+ "@ikas/storefront-model-functions": "^6.1.0-beta.166",
67
+ "@ikas/storefront-models": "^6.1.0-beta.166",
68
+ "@ikas/storefront-providers": "^6.1.0-beta.166",
69
69
  "mobx": "^6.1.3",
70
70
  "mobx-react-lite": "^3.1.5",
71
71
  "next": "12.2.0",