@ikas/storefront 2.0.0-alpha.1 → 2.0.0-alpha.11

package/build/components/checkout/components/form-item/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__2LxF2",Title:"style-module_Title__2PxW0",WithSubTitle:"style-module_WithSubTitle__36X7i",SubTitle:"style-module_SubTitle__2UOsH",Grid:"style-module_Grid__1eODF",Grid2:"style-module_Grid2__1HTRV",Grid3:"style-module_Grid3__uN7io",FormItem:"style-module_FormItem__1o0fc",FormItemWrapper:"style-module_FormItemWrapper__2NOxU",RightContent:"style-module_RightContent__1fjX9",FormItemInputWrapper:"style-module_FormItemInputWrapper__2eOdJ",FieldLabel:"style-module_FieldLabel__2Tx0b",FieldLabelTop:"style-module_FieldLabelTop__1nOBq",Bottom:"style-module_Bottom__3s4pZ",Error:"style-module_Error__nif12",WithTooltip:"style-module_WithTooltip__1KRSQ",ArrowContainer:"style-module_ArrowContainer__27ejm",ErrorMsg:"style-module_ErrorMsg__3How6",fadeInFromRight:"style-module_fadeInFromRight__L_PAx",PhoneError:"style-module_PhoneError__2FrSf",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__13wpt"};e('.style-module_FormSectionTitle__2LxF2 {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\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__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n  line-height: auto;\n  padding-bottom: 0;\n}\n\n.style-module_SubTitle__2UOsH {\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__1eODF {\n  display: grid;\n  grid-gap: 16px;\n  grid-template-columns: 1fr;\n}\n.style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n  grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__1eODF.style-module_Grid3__uN7io {\n  grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n  .style-module_Grid__1eODF {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@keyframes style-module_fadeInFromRight__L_PAx {\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__1o0fc {\n  width: 100%;\n}\n.style-module_FormItemWrapper__2NOxU {\n  width: 100%;\n  position: relative;\n}\n.style-module_FormItemWrapper__2NOxU .style-module_RightContent__1fjX9 {\n  position: absolute;\n  height: 100%;\n  top: 0;\n  right: 0;\n}\n.style-module_FormItemInputWrapper__2eOdJ {\n  position: relative;\n  width: 100%;\n}\n.style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\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__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n  transform: translateY(8px);\n  font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__2eOdJ input,\n.style-module_FormItemInputWrapper__2eOdJ select,\n.style-module_FormItemInputWrapper__2eOdJ 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__2eOdJ input:focus,\n.style-module_FormItemInputWrapper__2eOdJ select:focus,\n.style-module_FormItemInputWrapper__2eOdJ 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__2eOdJ input.style-module_Bottom__3s4pZ,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n  padding-top: 1.2em;\n  padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n  box-shadow: 0 0 0 1px var(--checkout-error-color);\n  border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__2eOdJ input.style-module_WithTooltip__1KRSQ,\n.style-module_FormItemInputWrapper__2eOdJ select.style-module_WithTooltip__1KRSQ,\n.style-module_FormItemInputWrapper__2eOdJ textarea.style-module_WithTooltip__1KRSQ {\n  padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n.style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n.style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n  display: none;\n}\n.style-module_FormItemInputWrapper__2eOdJ input::placeholder,\n.style-module_FormItemInputWrapper__2eOdJ select::placeholder,\n.style-module_FormItemInputWrapper__2eOdJ textarea::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__2eOdJ textarea {\n  min-height: 120px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\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}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInput {\n  display: flex;\n  align-items: center;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput {\n  padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n  font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__2eOdJ .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__2eOdJ .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__2eOdJ .PhoneInputCountryIcon {\n  width: 1.5em;\n  height: 1em;\n}\n.style-module_FormItemInputWrapper__2eOdJ .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__2eOdJ .PhoneInputCountryIconImg {\n  width: 24px;\n}\n.style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n  color: var(--checkout-error-color);\n  font-size: 12px;\n  margin-top: 8px;\n  animation-name: style-module_fadeInFromRight__L_PAx;\n  animation-duration: 0.3s;\n}\n.style-module_FormItem__1o0fc.style-module_PhoneError__2FrSf 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__2NOxU {\n  position: relative;\n}\n\n.style-module_FormItemTooltipContainer__13wpt {\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: 0;\n  right: 16px;\n  bottom: 0;\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}');export{t as default};

package/build/components/checkout/components/fullscreen-loading/index.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const FullscreenLoading: React.FC;

package/build/components/checkout/components/fullscreen-loading/index.js

@@ -0,0 +1 @@
+import*as e from"react";import r from"./style.module.scss.js";var t=function(){return e.createElement("div",{className:r.Container},e.createElement("div",{className:r.loader}))};export{t as FullscreenLoading};

package/build/components/checkout/components/fullscreen-loading/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={Container:"style-module_Container__1f6or",loader:"style-module_loader__VCfEE",load8:"style-module_load8__3N32j"};e(".style-module_Container__1f6or {\n  width: 100vw;\n  height: 100vh;\n  background-color: var(--checkout-primary-bg-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_Container__1f6or .style-module_loader__VCfEE,\n.style-module_Container__1f6or .style-module_loader__VCfEE:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Container__1f6or .style-module_loader__VCfEE {\n  font-size: 6px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-left: 0.5em 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__3N32j 1.1s infinite linear;\n  animation: style-module_load8__3N32j 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__3N32j {\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__3N32j {\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/build/components/checkout/components/input-with-button/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare type Props = {
+    value?: string;
+    buttonLabel: string;
+    placeholder?: string;
+    isLoading?: boolean;
+    onClick: () => void;
+    onChange: (value: string) => void;
+};
+declare const _default: React.FunctionComponent<Props>;
+export default _default;

package/build/components/checkout/components/input-with-button/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as a}from"mobx-react-lite";import t from"./style.module.scss.js";var l=a((function(a){var l=a.value,n=a.placeholder,o=a.buttonLabel,r=a.isLoading,c=a.onClick,s=a.onChange,i=e.useCallback((function(e){s(e.target.value||"")}),[s]),m=e.useCallback((function(e){"Enter"===e.key&&c()}),[c]);return e.createElement("div",{className:t.Container},e.createElement("input",{value:l,onChange:i,placeholder:n,onKeyPress:m}),e.createElement("div",{className:t.Button,onClick:c},r?e.createElement("div",{className:t.loader}):o))}));export{l as default};

package/build/components/checkout/components/input-with-button/style.module.scss.js

@@ -0,0 +1 @@
+import n from'../../../../ext/style-inject/dist/style-inject.es.js';var t={Container:"style-module_Container__2_f6f",Button:"style-module_Button__38WsW",loader:"style-module_loader__2oUyh",load8:"style-module_load8__2JtWU"};n(".style-module_Container__2_f6f {\n  width: 100%;\n  height: 44px;\n  background-color: white;\n  border-radius: 8px;\n  display: flex;\n  justify-content: flex-end;\n  position: relative;\n}\n.style-module_Container__2_f6f input {\n  width: calc(100% - 2px);\n  height: 100%;\n  padding: 10px 16px;\n  outline: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  transition: all 0.5s;\n  box-shadow: 0 0 0 1px transparent;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  margin-left: 1px;\n  color: var(--checkout-primary-text-color);\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  padding-right: calc(33% + 16px);\n}\n.style-module_Container__2_f6f input::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_Container__2_f6f input: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_Container__2_f6f .style-module_Button__38WsW {\n  flex: 0 0 auto;\n  height: 100%;\n  width: 33%;\n  color: var(--checkout-button-text-color);\n  background-color: var(--checkout-button-bg-color);\n  border-radius: 8px;\n  font-weight: 600;\n  text-align: center;\n  position: relative;\n  transition: all 0.2s;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  user-select: none;\n  cursor: pointer;\n}\n.style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh,\n.style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh {\n  font-size: 4px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-left: 0.5em solid var(--checkout-button-text-color);\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: style-module_load8__2JtWU 1.1s infinite linear;\n  animation: style-module_load8__2JtWU 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__2JtWU {\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__2JtWU {\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/build/components/checkout/components/modal/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare type Props = {
+    title: string;
+    modalContent: string | React.ReactElement;
+    onClose: () => void;
+};
+export declare const Modal: React.FC<Props>;
+export {};

package/build/components/checkout/components/modal/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import n from"../svg/cross.js";import o from"./style.module.scss.js";var a=t((function(t){var a=t.title,l=t.onClose,r=t.modalContent,s=e.useCallback((function(e){27===e.keyCode&&l()}),[]);return e.useEffect((function(){return document.addEventListener("keydown",s,!1),function(){document.removeEventListener("keydown",s,!1)}}),[]),e.createElement("div",{className:o.ModalContainer,onClick:l},e.createElement("div",{className:o.Modal,onClick:function(e){return e.stopPropagation()}},e.createElement("div",{className:o.ModalHeader},e.createElement("div",{className:o.ModalTitle},a),e.createElement("div",{className:o.CloseButton,onClick:l},e.createElement(n,null))),"string"==typeof r?e.createElement("div",{className:o.ModalContent,dangerouslySetInnerHTML:{__html:r}}):e.createElement("div",{className:o.ModalContent},r)))}));export{a as Modal};

package/build/components/checkout/components/modal/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var o={ModalContainer:"style-module_ModalContainer__3JCG6",Modal:"style-module_Modal__s3oha",ModalHeader:"style-module_ModalHeader__vEeDs",ModalTitle:"style-module_ModalTitle__3hZYI",CloseButton:"style-module_CloseButton__3VdYY",ModalContent:"style-module_ModalContent__2jGi3"};e(".style-module_ModalContainer__3JCG6 {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(6px);\n  z-index: 99999999;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {\n  border-radius: 8px;\n  background-color: white;\n  color: var(--checkout-primary-text-color);\n  min-width: 400px;\n  max-width: 750px;\n  max-height: 90%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {\n  flex: 0 0 auto;\n  padding: 16px;\n  font-size: 18px;\n  border-bottom: 1px solid var(--checkout-border-color);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_ModalTitle__3hZYI {\n  font-weight: 500;\n  max-width: 300px;\n}\n.style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_CloseButton__3VdYY {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalContent__2jGi3 {\n  flex: 1 1 auto;\n  padding: 24px;\n  overflow-y: auto;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {\n    max-width: unset;\n    max-height: unset;\n    min-width: unset;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    border-radius: 0;\n  }\n  .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {\n    padding: 1.5em;\n  }\n}");export{o as default};

package/build/components/checkout/components/notification-box/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare type Props = {
+    type: "warning" | "error" | "success";
+    title?: string;
+    content: string | React.ReactElement;
+    onClose?: () => void;
+};
+declare const _default: React.FunctionComponent<Props>;
+export default _default;

package/build/components/checkout/components/notification-box/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import r from"./style.module.scss.js";import s from"../svg/warning.js";import a from"../svg/cross.js";var n=t((function(t){var n=t.type,c=t.title,o=t.content,l=t.onClose,i=e.useRef(null),m=e.useMemo((function(){var e=[r.NotificationBox];switch(n){case"error":e.push(r.Error);break;case"warning":e.push(r.Warning);break;case"success":e.push(r.Success)}return e.join(" ")}),[n]);return e.useEffect((function(){i&&i.current&&i.current.scrollIntoView()}),[i]),e.createElement("div",{className:m,ref:i},e.createElement("div",{className:r.Left},e.createElement(s,null)),e.createElement("div",{className:r.Center},!!c&&e.createElement("div",{className:r.Title},c),e.createElement("div",{className:r.Content},o)),l&&e.createElement("div",{className:r.Right,onClick:l},e.createElement(a,null)))}));export{n as default};

package/build/components/checkout/components/notification-box/style.module.scss.js

@@ -0,0 +1 @@
+import o from'../../../../ext/style-inject/dist/style-inject.es.js';var e={NotificationBox:"style-module_NotificationBox__1XbTC",Error:"style-module_Error__2muwO",Warning:"style-module_Warning__1BFJi",Success:"style-module_Success__3E9Q7",Left:"style-module_Left__2oQNx",Center:"style-module_Center__3DJ2K",Title:"style-module_Title__1Ae11",Right:"style-module_Right__Uf0Z6"};o(".style-module_NotificationBox__1XbTC {\n  padding: 16px;\n  border-radius: 8px;\n  color: var(--checkout-primary-text-color);\n  display: flex;\n}\n.style-module_NotificationBox__1XbTC.style-module_Error__2muwO {\n  border: 1px solid var(--checkout-error-color);\n  background-color: var(--checkout-error-light-color);\n}\n.style-module_NotificationBox__1XbTC.style-module_Error__2muwO svg {\n  color: var(--checkout-error-color);\n}\n.style-module_NotificationBox__1XbTC.style-module_Warning__1BFJi {\n  border: 1px solid var(--checkout-warning-color);\n  background-color: var(--checkout-warning-light-color);\n}\n.style-module_NotificationBox__1XbTC.style-module_Warning__1BFJi svg {\n  color: var(--checkout-warning-color);\n}\n.style-module_NotificationBox__1XbTC.style-module_Success__3E9Q7 {\n  border: 1px solid var(--checkout-success-color);\n  background-color: var(--checkout-success-light-color);\n}\n.style-module_NotificationBox__1XbTC.style-module_Success__3E9Q7 svg {\n  color: var(--checkout-success-color);\n}\n.style-module_NotificationBox__1XbTC .style-module_Left__2oQNx {\n  flex: 0 0 auto;\n  padding-right: 10px;\n  display: flex;\n  align-items: center;\n  height: 24px;\n}\n.style-module_NotificationBox__1XbTC .style-module_Center__3DJ2K {\n  flex: 1 1 auto;\n}\n.style-module_NotificationBox__1XbTC .style-module_Center__3DJ2K .style-module_Title__1Ae11 {\n  font-size: 16px;\n  font-weight: 600;\n  margin-bottom: 4px;\n}\n.style-module_NotificationBox__1XbTC .style-module_Right__Uf0Z6 {\n  flex: 0 0 auto;\n  padding-left: 10px;\n  color: var(--checkout-secondary-text-color);\n  cursor: pointer;\n  display: flex;\n}\n.style-module_NotificationBox__1XbTC .style-module_Right__Uf0Z6 svg {\n  color: var(--checkout-secondary-text-color);\n}");export{e as default};

package/build/components/checkout/components/select-box/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare type Props = {
+    label?: string;
+    isSelected: boolean;
+    rightContent?: React.ReactElement;
+    bottomContent?: React.ReactElement;
+    bottomContentVisible?: boolean;
+    hasError?: boolean;
+    errorText?: string;
+    onClick?: () => void;
+};
+declare const _default: React.FunctionComponent<Props>;
+export default _default;

package/build/components/checkout/components/select-box/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import o from"./style.module.scss.js";import{Toggle as r}from"../toggle/index.js";var n=t((function(t){var n=t.label,a=t.isSelected,l=t.rightContent,m=t.bottomContent,s=t.bottomContentVisible,c=t.hasError,i=t.errorText,d=t.onClick,u=e.useMemo((function(){var e=[o.SelectBox];return a&&e.push(o.Selected),a&&c&&e.push(o.Error),e.join(" ")}),[a]),v=e.useMemo((function(){return e.createElement("div",{className:o.BottomContent},m)}),[m]);return e.createElement("div",{className:o.SelectBoxContainer},e.createElement("div",{className:u,onClick:d},e.createElement("div",{className:o.TopContent},e.createElement(r,{value:a,label:n,removePadding:!0}),!!l&&e.createElement("div",{className:o.RightContent},l)),!!m&&(a||s)&&v),!!i&&c&&a&&e.createElement("div",{className:o.SelectBoxError},i))}));export{n as default};

package/build/components/checkout/components/select-box/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var o={SelectBoxContainer:"style-module_SelectBoxContainer__1T9C7",SelectBoxError:"style-module_SelectBoxError__2diiS",fadeInFromRight:"style-module_fadeInFromRight__9YMxj",SelectBox:"style-module_SelectBox__1xZZi",TopContent:"style-module_TopContent__oUtcc",Label:"style-module_Label__1I8Bm",RightContent:"style-module_RightContent__2Ob1u",BottomContent:"style-module_BottomContent__1AMWK",Selected:"style-module_Selected__Ipn0q",Error:"style-module_Error__2TFZc"};e(".style-module_SelectBoxContainer__1T9C7 {\n  margin-bottom: 16px;\n}\n\n.style-module_SelectBoxError__2diiS {\n  color: var(--checkout-error-color);\n  font-size: 12px;\n  margin-top: 8px;\n  animation-name: style-module_fadeInFromRight__9YMxj;\n  animation-duration: 0.3s;\n}\n\n.style-module_SelectBox__1xZZi {\n  padding: 16px;\n  width: 100%;\n  transition: all 0.2s;\n  border-radius: 8px;\n  cursor: pointer;\n  border: 1px solid var(--checkout-border-color);\n  box-shadow: 0 0 0 1px transparent;\n}\n.style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc {\n  display: flex;\n  align-items: center;\n  user-select: none;\n}\n.style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc .style-module_Label__1I8Bm {\n  flex: 1 1 auto;\n  margin-left: 16px;\n}\n.style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc .style-module_RightContent__2Ob1u {\n  flex: 0 0 auto;\n  margin-left: 16px;\n}\n.style-module_SelectBox__1xZZi .style-module_BottomContent__1AMWK {\n  padding-top: 16px;\n  width: 100%;\n}\n.style-module_SelectBox__1xZZi.style-module_Selected__Ipn0q {\n  box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n  border-color: var(--checkout-button-bg-color);\n  background-color: var(--checkout-card-bg-color);\n}\n.style-module_SelectBox__1xZZi.style-module_Selected__Ipn0q.style-module_Error__2TFZc {\n  box-shadow: 0 0 0 1px var(--checkout-error-color);\n  border-color: var(--checkout-error-color);\n}");export{o as default};

package/build/components/checkout/components/step-container/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+declare type Props = {
+    steps: Step[];
+    stepContent: React.ReactElement;
+};
+declare const StepContainer: React.FC<Props>;
+export default StepContainer;
+export declare class Step {
+    label: string;
+    isSelected: boolean;
+    isComplete: boolean;
+    titleRightContent?: React.ReactElement;
+    titleBottomContent?: React.ReactElement;
+    constructor(label: string, isSelected: boolean, isComplete: boolean, titleRightContent?: React.ReactElement, titleBottomContent?: React.ReactElement);
+}

package/build/components/checkout/components/step-container/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import{makeAutoObservable as i}from"mobx";import n from"../checkbox/check.js";import l from"./style.module.scss.js";var o=t((function(t){var i=t.steps,o=t.stepContent;return e.useEffect((function(){var e,t;if(document.body.getBoundingClientRect().width<768){var n=i.findIndex((function(e){return e.isSelected}));if(0===n)return;2===n?null===(e=document.getElementById("step-1"))||void 0===e||e.scrollIntoView():null===(t=document.getElementById("step-"+n))||void 0===t||t.scrollIntoView()}}),[]),e.createElement("div",{className:l.StepContainer},i.map((function(t,i){return e.createElement("div",{className:l.Step},e.createElement("div",{id:"step-"+i,className:[l.StepTitleContainer,0===i?l.First:""].join(" ")},e.createElement("div",{className:[l.StepTitleTop,t.titleRightContent?l.WithRightContent:""].join(" ")},e.createElement("div",{className:[l.StepCircle,t.isSelected||t.isComplete?l.Selected:""].join(" ").trim()},t.isComplete?e.createElement(n,null):i+1),e.createElement("div",{className:[l.StepTitle,t.isSelected||t.isComplete?"":l.Light].join(" ")},t.label),!!t.titleRightContent&&e.createElement("div",{className:l.StepTitleRightContent},t.titleRightContent)),!!t.titleBottomContent&&e.createElement("div",{className:l.StepTitleBottom},t.titleBottomContent)),t.isSelected&&e.createElement("div",{className:l.StepContent},o))})))})),s=function(e,t,n,l,o){this.label=e,this.isSelected=t,this.isComplete=n,this.titleRightContent=l,this.titleBottomContent=o,i(this)};export{s as Step,o as default};

package/build/components/checkout/components/step-container/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={StepContainer:"style-module_StepContainer__1O2dD",Step:"style-module_Step__1iOYA",StepTitleContainer:"style-module_StepTitleContainer__2GUg2",First:"style-module_First__cAzdJ",StepTitleTop:"style-module_StepTitleTop__3zfsj",WithRightContent:"style-module_WithRightContent__2fqb1",StepCircle:"style-module_StepCircle__36A5q",Selected:"style-module_Selected__3j91L",StepTitle:"style-module_StepTitle__10YDP",Light:"style-module_Light__15wSX",StepTitleRightContent:"style-module_StepTitleRightContent__2Q43m",StepContent:"style-module_StepContent__20QIi"};e(".style-module_StepContainer__1O2dD {\n  width: 100%;\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA {\n  width: 100%;\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 {\n  padding: 24px 0;\n  border-top: 1px solid var(--checkout-border-color);\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2.style-module_First__cAzdJ {\n  border-top: none;\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj {\n  display: flex;\n  align-items: center;\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj.style-module_WithRightContent__2fqb1 {\n  align-items: flex-start;\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q {\n  width: 32px;\n  height: 32px;\n  border-radius: 100%;\n  border: 1px solid var(--checkout-button-bg-color);\n  color: var(--checkout-button-bg-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 16px;\n  flex: 0 0 auto;\n  font-size: 20px;\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L {\n  background-color: var(--checkout-button-bg-color);\n  color: var(--checkout-button-text-color);\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L svg {\n  transform: scale(1.5);\n  position: relative;\n  right: -1px;\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP {\n  font-size: 22px;\n  color: var(--checkout-primary-text-color);\n  flex: 0 0 auto;\n  font-weight: 600;\n  line-height: 32px;\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP.style-module_Light__15wSX {\n  color: var(--checkout-button-disabled-text-color);\n}\n.style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleRightContent__2Q43m {\n  flex: 1 1 auto;\n}\n.style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n  padding-bottom: 24px;\n  padding-left: 48px;\n  width: 100%;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_StepContainer__1O2dD {\n    padding: 0 24px;\n  }\n  .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n    padding-left: 0px;\n  }\n}");export{t as default};

package/build/components/checkout/components/svg/arrow-down.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGArrowDown: React.FC<Props>;
+export default SVGArrowDown;

package/build/components/checkout/components/svg/arrow-down.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var a=t.className;return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",className:a},e.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),e.createElement("path",{fill:"currentColor",d:"M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"}))};export{t as default};

package/build/components/checkout/components/svg/arrow-left.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGArrowLeft: React.FC<Props>;
+export default SVGArrowLeft;

package/build/components/checkout/components/svg/arrow-right.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGArrowRight: React.FC<Props>;
+export default SVGArrowRight;

package/build/components/checkout/components/svg/cross.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGCross: React.FC<Props>;
+export default SVGCross;

package/build/components/checkout/components/svg/cross.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var a=t.className;return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",className:a},e.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),e.createElement("path",{fill:"currentColor",d:"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"}))};export{t as default};

package/build/components/checkout/components/svg/discount.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGDiscount: React.FC<Props>;
+export default SVGDiscount;

package/build/components/checkout/components/svg/external.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGExternal: React.FC<Props>;
+export default SVGExternal;

package/build/components/checkout/components/svg/external.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var l=t.className;return e.createElement("svg",{width:"82",height:"52",viewBox:"0 0 82 52",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l},e.createElement("mask",{id:"path-1-inside-1_1206:13861",fill:"white"},e.createElement("rect",{y:"7",width:"46",height:"36.8",rx:"0.925786"})),e.createElement("rect",{y:"7",width:"46",height:"36.8",rx:"0.925786",fill:"#F7F7F9"}),e.createElement("rect",{y:"7",width:"46",height:"6.9697",fill:"#F7F7F9"}),e.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.65531 11.3106C4.01723 11.3106 4.31062 11.0172 4.31062 10.6553C4.31062 10.2934 4.01723 10 3.65531 10C3.29339 10 3 10.2934 3 10.6553C3 11.0172 3.29339 11.3106 3.65531 11.3106Z",fill:"#272727"}),e.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.27543 11.3106C6.63735 11.3106 6.93074 11.0172 6.93074 10.6553C6.93074 10.2934 6.63735 10 6.27543 10C5.91351 10 5.62012 10.2934 5.62012 10.6553C5.62012 11.0172 5.91351 11.3106 6.27543 11.3106Z",fill:"#272727"}),e.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.89554 11.3106C9.25746 11.3106 9.55085 11.0172 9.55085 10.6553C9.55085 10.2934 9.25746 10 8.89554 10C8.53363 10 8.24023 10.2934 8.24023 10.6553C8.24023 11.0172 8.53363 11.3106 8.89554 11.3106Z",fill:"#272727"}),e.createElement("rect",{x:"0.697266",y:"13.2727",width:"44.6061",height:"1",fill:"#272727"}),e.createElement("rect",{y:"7",width:"46",height:"36.8",rx:"0.925786",stroke:"#272727","stroke-width":"2",mask:"url(#path-1-inside-1_1206:13861)"}),e.createElement("rect",{x:"16.5",y:"0.5",width:"65",height:"51",rx:"0.828302",fill:"#F7F7F9"}),e.createElement("rect",{x:"16",width:"66",height:"9.84848",fill:"#F7F7F9"}),e.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.9402 5.88045C21.4595 5.88045 21.8805 5.4595 21.8805 4.94023C21.8805 4.42095 21.4595 4 20.9402 4C20.421 4 20 4.42095 20 4.94023C20 5.4595 20.421 5.88045 20.9402 5.88045Z",fill:"#272727"}),e.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24.7 5.88045C25.2193 5.88045 25.6402 5.4595 25.6402 4.94023C25.6402 4.42095 25.2193 4 24.7 4C24.1807 4 23.7598 4.42095 23.7598 4.94023C23.7598 5.4595 24.1807 5.88045 24.7 5.88045Z",fill:"#272727"}),e.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M28.4588 5.88045C28.9781 5.88045 29.399 5.4595 29.399 4.94023C29.399 4.42095 28.9781 4 28.4588 4C27.9395 4 27.5186 4.42095 27.5186 4.94023C27.5186 5.4595 27.9395 5.88045 28.4588 5.88045Z",fill:"#272727"}),e.createElement("rect",{x:"17",y:"9",width:"64",height:"1",fill:"#272727"}),e.createElement("rect",{x:"16.5",y:"0.5",width:"65",height:"51",rx:"0.828302",stroke:"#272727"}),e.createElement("rect",{width:"16",height:"16",transform:"translate(9 21)",fill:"#F7F7F9"}),e.createElement("path",{d:"M19.333 28L22.6663 31.3333L19.333 34.6667",stroke:"#272727","stroke-linecap":"round","stroke-linejoin":"round"}),e.createElement("path",{d:"M12 23.5V28.6667C12 29.3739 12.281 30.0522 12.781 30.5523C13.2811 31.0524 13.9594 31.3333 14.6667 31.3333H22.6667",stroke:"#272727","stroke-linecap":"round","stroke-linejoin":"round"}))};export{t as default};

package/build/components/checkout/components/svg/gift.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const SVGGift: React.FC<Props>;
+export default SVGGift;

package/build/components/checkout/components/svg/gift.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var l=t.className,r=t.style;return e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l,style:r},e.createElement("g",{"clip-path":"url(#clip0)"},e.createElement("path",{d:"M14.9565 3.1166H13.7919C13.9455 2.87347 14.0469 2.60057 14.0758 2.31194C14.1681 1.38954 13.6823 0.562662 12.8553 0.196068C12.0951 -0.140901 11.2408 -0.00315052 10.6257 0.554787L9.15506 1.8876C8.86866 1.57435 8.45694 1.37747 8 1.37747C7.54225 1.37747 7.12988 1.57497 6.84341 1.88919L5.37091 0.554631C4.75475 -0.00330674 3.90081 -0.140526 3.14097 0.196256C2.31416 0.562881 1.82828 1.39004 1.92091 2.31241C1.94987 2.60082 2.05119 2.8736 2.20478 3.1166H1.04347C0.467156 3.1166 0 3.58379 0 4.16007V5.72529C0 6.01341 0.233594 6.24704 0.52175 6.24704H15.4783C15.7664 6.24704 16 6.01344 16 5.72529V4.16007C16 3.58379 15.5328 3.1166 14.9565 3.1166ZM6.43478 2.94269V3.1166H3.98031C3.33181 3.1166 2.82144 2.51204 2.98341 1.83685C3.05475 1.53951 3.26937 1.28604 3.54697 1.15772C3.92816 0.981537 4.35041 1.0381 4.67056 1.32788L6.43522 2.92732C6.43512 2.93247 6.43478 2.93754 6.43478 2.94269ZM13.0404 2.17341C13.0016 2.71569 12.5117 3.11666 11.9681 3.11666H9.56522V2.94276C9.56522 2.9366 9.56484 2.93051 9.56478 2.92435C9.96453 2.56197 10.8317 1.77597 11.3021 1.34963C11.5694 1.10735 11.9434 0.994256 12.2892 1.09738C12.7853 1.24538 13.0767 1.66732 13.0404 2.17341Z",fill:"currentColor"}),e.createElement("path",{d:"M1.04395 7.29053V14.9427C1.04395 15.519 1.5111 15.9862 2.08741 15.9862H6.95698V7.29053H1.04395Z",fill:"currentColor"}),e.createElement("path",{d:"M9.04395 7.29053V15.9862H13.9135C14.4898 15.9862 14.957 15.519 14.957 14.9427V7.29053H9.04395Z",fill:"currentColor"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0"},e.createElement("rect",{width:"16",height:"16",fill:"white"}))))};export{t as default};

package/build/components/checkout/components/svg/ikas.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGIkas: React.FC<Props>;
+export default SVGIkas;

package/build/components/checkout/components/svg/ikas.js

@@ -0,0 +1 @@
+import*as C from"react";var e=function(e){var t=e.className;return C.createElement("svg",{width:"42",height:"16",viewBox:"0 0 42 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t},C.createElement("path",{d:"M0.599609 14.325V6.37414C0.599609 6.02414 0.887609 5.74414 1.24761 5.74414H3.20961C3.56961 5.74414 3.85761 6.02414 3.85761 6.37414V14.325C3.85761 14.675 3.56961 14.955 3.20961 14.955H1.24761C0.887609 14.955 0.599609 14.675 0.599609 14.325Z",fill:"currentColor"}),C.createElement("path",{d:"M0.599609 3.20073V1.29323C0.599609 0.931559 0.899609 0.639893 1.27161 0.639893H3.18561C3.55761 0.639893 3.85761 0.931559 3.85761 1.29323V3.20073C3.85761 3.56239 3.55761 3.85406 3.18561 3.85406H1.27161C0.899609 3.85406 0.599609 3.55656 0.599609 3.20073Z",fill:"currentColor"}),C.createElement("path",{d:"M14.5847 14.7742L12.3287 11.0467L9.52072 14.8033C9.44872 14.8967 9.33472 14.955 9.21472 14.955H7.26472C7.05472 14.955 6.88672 14.7917 6.88672 14.5875V0.8675C6.88672 0.663333 7.05472 0.5 7.26472 0.5H9.76672C9.97672 0.5 10.1447 0.663333 10.1447 0.8675V9.81584L14.1107 3.8775C14.1827 3.7725 14.3027 3.70833 14.4287 3.70833H17.2427C17.5547 3.70833 17.7287 4.0525 17.5487 4.29167L14.4767 8.38084L17.9987 14.4067C18.1427 14.6517 17.9627 14.955 17.6687 14.955H14.9087C14.7767 14.955 14.6507 14.885 14.5847 14.7742Z",fill:"currentColor"}),C.createElement("path",{d:"M23.9277 15.1066C20.9337 15.1066 18.8457 12.7149 18.8457 9.29657C18.8457 5.87824 20.9337 3.48657 23.9277 3.48657C25.1757 3.48657 26.3217 3.99991 27.2457 4.97407L27.3657 5.10241L27.3777 4.92157C27.3777 4.68241 27.4017 4.32657 27.4197 4.05241C27.4377 3.85991 27.5997 3.70824 27.8037 3.70824H30.0297C30.2397 3.70824 30.4077 3.87157 30.4077 4.07574V14.5874C30.4077 14.7916 30.2397 14.9549 30.0297 14.9549H27.8037C27.6057 14.9549 27.4377 14.8032 27.4257 14.6107C27.4017 14.3074 27.3777 13.9166 27.3777 13.7474L27.3597 13.5374L27.2397 13.6599C26.3157 14.6049 25.1637 15.1066 23.9277 15.1066ZM24.8277 6.23991C23.2557 6.23991 22.1577 7.49407 22.1577 9.29657C22.1577 11.2391 23.1297 12.3532 24.8277 12.3532C25.8177 12.3532 26.6817 11.8049 27.1437 10.8891L27.1497 10.8716V10.8599C27.1017 9.82741 27.1017 8.78907 27.1497 7.75657L27.1437 7.73907C26.6757 6.79991 25.8117 6.23991 24.8277 6.23991Z",fill:"currentColor"}),C.createElement("path",{d:"M36.9306 15.1824C35.1486 15.1824 34.0146 14.8207 33.3786 14.5174C33.0606 14.3657 32.8326 14.2141 32.6766 14.0916C32.5386 13.9807 32.4966 13.7882 32.5866 13.6366L33.4806 11.9974C33.5886 11.7991 33.8526 11.7407 34.0386 11.8749C35.1606 12.6741 36.4086 12.7674 36.9366 12.7674C37.9866 12.7674 38.5686 12.3941 38.5686 11.7116C38.5686 10.8249 37.6926 10.6207 36.5826 10.3582C36.4746 10.3349 36.3726 10.3057 36.2586 10.2824C34.7826 9.92657 32.8266 9.20324 32.8266 7.10907C32.8266 6.04741 33.3066 5.13741 34.2246 4.47241C35.1006 3.83657 36.3126 3.48657 37.6446 3.48657C39.5706 3.48657 40.9206 4.11074 41.5146 4.45491C41.6886 4.55407 41.7486 4.76407 41.6526 4.93907L40.8246 6.50241C40.7286 6.68907 40.4886 6.75907 40.3026 6.65407C39.2106 6.04157 38.2626 5.90741 37.6386 5.90741C37.1946 5.90741 36.1626 5.90741 36.1626 6.88741C36.1626 7.62824 36.7986 7.76824 37.6026 7.94907C37.8666 8.00741 38.1666 8.07157 38.4726 8.16491C39.4986 8.47991 41.9106 9.20907 41.9106 11.4141C41.9106 12.4641 41.4306 13.4149 40.5546 14.1032C39.6246 14.8032 38.3766 15.1824 36.9306 15.1824Z",fill:"currentColor"}))};export{e as default};

package/build/components/checkout/components/svg/lock.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGLock: React.FC<Props>;
+export default SVGLock;

package/build/components/checkout/components/svg/lock.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var C=t.className;return e.createElement("svg",{width:"12",height:"16",viewBox:"0 0 12 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:C},e.createElement("path",{d:"M10.5 6H10V4C10 1.794 8.206 0 6 0C3.794 0 2 1.794 2 4V6H1.5C0.673333 6 0 6.67267 0 7.5V14.5C0 15.3273 0.673333 16 1.5 16H10.5C11.3267 16 12 15.3273 12 14.5V7.5C12 6.67267 11.3267 6 10.5 6ZM3.33333 4C3.33333 2.52933 4.52933 1.33333 6 1.33333C7.47067 1.33333 8.66667 2.52933 8.66667 4V6H3.33333V4ZM6.66667 11.148V12.6667C6.66667 13.0347 6.36867 13.3333 6 13.3333C5.63133 13.3333 5.33333 13.0347 5.33333 12.6667V11.148C4.93667 10.9167 4.66667 10.4913 4.66667 10C4.66667 9.26467 5.26467 8.66667 6 8.66667C6.73533 8.66667 7.33333 9.26467 7.33333 10C7.33333 10.4913 7.06333 10.9167 6.66667 11.148Z",fill:"currentColor"}))};export{t as default};

package/build/components/checkout/components/svg/shopping-cart.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGShoppingBag: React.FC<Props>;
+export default SVGShoppingBag;

package/build/components/checkout/components/svg/success-circle.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGSuccessCircle: React.FC<Props>;
+export default SVGSuccessCircle;

package/build/components/checkout/components/svg/success-circle.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var r=t.className;return e.createElement("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r},e.createElement("circle",{cx:"20",cy:"20",r:"20",fill:"#2DCA73"}),e.createElement("path",{d:"M12 20L18 26L28.0005 15.9998",stroke:"white","stroke-width":"3.2","stroke-linecap":"round"}))};export{t as default};

package/build/components/checkout/components/svg/tag.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGTag: React.FC<Props>;
+export default SVGTag;

package/build/components/checkout/components/svg/warning.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGWarning: React.FC<Props>;
+export default SVGWarning;

package/build/components/checkout/components/svg/warning.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var r=t.className;return e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r},e.createElement("circle",{cx:"8",cy:"8",r:"8",transform:"rotate(180 8 8)",fill:"currentColor"}),e.createElement("path",{d:"M8.50976 4L8.50977 10.0938L7.49023 10.0938L7.49023 4L8.50976 4ZM8 11.1191C8.17187 11.1191 8.32031 11.1816 8.44531 11.3066C8.57031 11.4316 8.63281 11.5801 8.63281 11.752C8.63281 11.9277 8.57031 12.0762 8.44531 12.1973C8.32031 12.3223 8.17187 12.3848 8 12.3848C7.82422 12.3848 7.67383 12.3223 7.54883 12.1973C7.42383 12.0762 7.36133 11.9277 7.36133 11.752C7.36133 11.5801 7.42383 11.4316 7.54883 11.3066C7.67383 11.1816 7.82422 11.1191 8 11.1191Z",fill:"white"}))};export{t as default};

package/build/components/checkout/components/toggle/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare type Props = {
+    value: boolean;
+    label?: string | React.ReactElement;
+    hasError?: boolean;
+    removePadding?: boolean;
+    onChange?: (value: boolean) => void;
+};
+export declare const Toggle: React.FC<Props>;
+export {};

package/build/components/checkout/components/toggle/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as o}from"mobx-react-lite";import r from"../checkbox/check.js";import a from"./style.module.scss.js";var c=o((function(o){var c=o.value,t=o.label,i=o.hasError,l=o.removePadding,n=o.onChange,m=[a.CheckboxBorder],s=[a.CheckboxLabel],h=[a.CheckboxTick];return c&&(m.push(a.Checked),h.push(a.Visible)),i&&s.push(a.CheckboxLabelError),e.createElement("div",{className:[a.CheckboxWrapper,l?a.WithoutPadding:"",t?"":a.WithoutLabel].join(" "),onClick:function(){n&&n(!c)}},e.createElement("div",{className:a.CheckboxContainer},e.createElement("div",{className:m.join(" ")}),e.createElement("div",{className:h.join(" ")},e.createElement(r,null))),!!t&&e.createElement("div",{className:s.join(" ")},t))}));export{c as Toggle};

package/build/components/checkout/components/toggle/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var o={CheckboxWrapper:"style-module_CheckboxWrapper__3CzTt",WithoutPadding:"style-module_WithoutPadding__2le2B",WithoutLabel:"style-module_WithoutLabel__1s1q8",CheckboxContainer:"style-module_CheckboxContainer__lWDtJ",CheckboxBorder:"style-module_CheckboxBorder__EYjFT",Checked:"style-module_Checked__2kb9S",CheckboxTick:"style-module_CheckboxTick__149cN",Visible:"style-module_Visible__gf4pv",CheckboxLabel:"style-module_CheckboxLabel__D36H4",CheckboxLabelError:"style-module_CheckboxLabelError__1x08H"};e(".style-module_CheckboxWrapper__3CzTt {\n  width: 100%;\n  display: flex;\n  padding: 0.5em 0;\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n}\n.style-module_CheckboxWrapper__3CzTt.style-module_WithoutPadding__2le2B {\n  padding: 0;\n}\n.style-module_CheckboxWrapper__3CzTt.style-module_WithoutLabel__1s1q8 {\n  padding: 0;\n  width: auto;\n}\n.style-module_CheckboxWrapper__3CzTt .style-module_CheckboxContainer__lWDtJ {\n  position: relative;\n  width: 20px;\n  height: 20px;\n  margin-right: 16px;\n}\n.style-module_CheckboxWrapper__3CzTt .style-module_CheckboxBorder__EYjFT {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  border-radius: 100%;\n  border: 1px solid var(--checkout-border-color);\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: border-width 0.2s ease-in-out;\n}\n.style-module_CheckboxWrapper__3CzTt .style-module_CheckboxBorder__EYjFT.style-module_Checked__2kb9S {\n  border: 10px solid var(--checkout-button-bg-color);\n}\n.style-module_CheckboxWrapper__3CzTt .style-module_CheckboxTick__149cN {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  color: var(--checkout-button-text-color);\n  z-index: 2;\n  transition: all 0.2s ease-in-out;\n  transition-delay: 0.1s;\n  opacity: 0;\n  transform: scale(0.2);\n}\n.style-module_CheckboxWrapper__3CzTt .style-module_CheckboxTick__149cN.style-module_Visible__gf4pv {\n  opacity: 1;\n  transform: scale(1.2);\n}\n.style-module_CheckboxWrapper__3CzTt .style-module_CheckboxLabel__D36H4 {\n  flex: 1 1 auto;\n  font-weight: normal;\n}\n.style-module_CheckboxWrapper__3CzTt .style-module_CheckboxLabelError__1x08H {\n  color: var(--checkout-error-color);\n}");export{o as default};

package/build/components/checkout/components/tooltip/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare type Props = {
+    text: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const _default: React.FunctionComponent<Props>;
+export default _default;

package/build/components/checkout/components/tooltip/index.js

@@ -0,0 +1 @@
+import*as t from"react";import{observer as e}from"mobx-react-lite";import a from"./style.module.scss.js";var o=e((function(e){var o=e.text,s=e.className,r=e.style;return t.createElement("div",{className:s,style:r},t.createElement("div",{className:a.TooltipContainer,"data-tip":o,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"))}));export{o as default};

package/build/components/checkout/components/tooltip/style.module.scss.js

@@ -0,0 +1 @@
+import o from'../../../../ext/style-inject/dist/style-inject.es.js';var t={TooltipContainer:"style-module_TooltipContainer__1IW8v",Tooltip:"style-module_Tooltip__1Pxw6",TooltipArrow:"style-module_TooltipArrow__1l6q_",Top:"style-module_Top__1_7C6",Bottom:"style-module_Bottom__2qCpQ",Left:"style-module_Left__1T6gj",Right:"style-module_Right__uCMMF"};o(".style-module_TooltipContainer__1IW8v {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n  color: white;\n  background-color: var(--checkout-secondary-text-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px !important;\n  cursor: pointer;\n  position: relative;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6 {\n  position: absolute;\n  margin: auto;\n  color: white;\n  background-color: #404040;\n  border-radius: 4px;\n  padding: 12px;\n  font-size: 12px;\n  display: none;\n  width: 280px;\n  text-align: center;\n  z-index: 999;\n  font-size: 16px !important;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6 .style-module_TooltipArrow__1l6q_ {\n  background-color: #404040;\n  width: 12px;\n  height: 12px;\n  transform: rotate(45deg);\n  position: absolute;\n  margin: auto;\n  border-radius: 2px;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Top__1_7C6 {\n  bottom: 26px;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Top__1_7C6 .style-module_TooltipArrow__1l6q_ {\n  bottom: -4px;\n  left: 0;\n  right: 0;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Bottom__2qCpQ {\n  top: 26px;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Bottom__2qCpQ .style-module_TooltipArrow__1l6q_ {\n  top: -4px;\n  left: 0;\n  right: 0;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Left__1T6gj {\n  right: 26px;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Left__1T6gj .style-module_TooltipArrow__1l6q_ {\n  right: -4px;\n  top: 0;\n  bottom: 0;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Right__uCMMF {\n  left: 26px;\n}\n.style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Right__uCMMF .style-module_TooltipArrow__1l6q_ {\n  left: -4px;\n  top: 0;\n  bottom: 0;\n}\n.style-module_TooltipContainer__1IW8v:hover .style-module_Tooltip__1Pxw6 {\n  display: inline-flex;\n}");export{t as default};

package/build/components/checkout/index.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { IkasCheckout, IkasMerchantSettings } from "../../models";
+import { IkasCheckoutSettings } from "../../models/data/checkout-settings";
+export declare type IkasCheckoutPageProps = {
+    checkout: IkasCheckout;
+    checkoutSettings: IkasCheckoutSettings;
+    merchantSettings: IkasMerchantSettings | null;
+    customizationProps?: IkasCheckoutCustomizationProps;
+    returnPolicy: string;
+    privacyPolicy: string;
+    termsOfService: string;
+};
+export declare type IkasCheckoutCustomizationProps = {
+    buttonBgColor?: string;
+    buttonTextColor?: string;
+    buttonDisabledBgColor?: string;
+    buttonDisabledTextColor?: string;
+    primaryTextColor?: string;
+    secondaryTextColor?: string;
+    primaryBgColor?: string;
+    secondaryBgColor?: string;
+    borderColor?: string;
+    cardBgColor?: string;
+    errorColor?: string;
+    errorLightColor?: string;
+    warningColor?: string;
+    warningLightColor?: string;
+    successColor?: string;
+    successLightColor?: string;
+};
+declare const _default: React.FunctionComponent<IkasCheckoutPageProps>;
+export default _default;

package/build/components/checkout/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import{useRouter as o}from"next/router.js";import r,{CheckoutStep as s}from"./model.js";import i from"./steps/step-info/index.js";import{CheckoutStepShipping as c}from"./steps/step-shipping/index.js";import{CheckoutStepPayment as l}from"./steps/step-payment/index.js";import{CartSummary as n}from"./components/cart-summary/index.js";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/index.js";import"../../models/data/customer-review/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import"../../models/data/installment-info/index.js";import"../../models/data/order/index.js";import"../../models/data/order/line-item/index.js";import"mobx";import"../../models/data/product/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product-attribute/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product-filter/index.js";import"../../models/data/variant-type/variant-value/index.js";import"../../models/data/order-transaction/index.js";import"../../models/data/product-option-set/index.js";import"../../models/data/raffle/index.js";import"../../models/theme/theme.js";import{IkasThemePageType as m}from"../../models/theme/page/index.js";import"../../models/theme/component/prop/index.js";import"../../models/theme/page/component/prop-value/link.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-detail/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/register.js";import"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import"../../models/theme/settings/index.js";import"../../models/theme/custom-data/index.js";import{StepSuccess as a}from"./steps/step-success/index.js";import{Modal as d}from"./components/modal/index.js";import u from"./style.module.scss.js";import{IkasPageHead as p}from"../page/head.js";import{Analytics as v}from"../../analytics/analytics.js";import{IkasStorefrontConfig as h}from"../../storefront/index.js";import'../../ext/html-react-parser/index.js';import"../../analytics/events.js";import{Image as E}from"../image/index.js";import g from"next/link.js";import f,{Step as y}from"./components/step-container/index.js";import'../../ext/lodash/isArguments.js';import'../../ext/lodash/isBuffer.js';import'../../ext/lodash/isTypedArray.js';import'../../ext/lodash/_baseGetTag.js';import{formatMoney as k}from"../../utils/currency.js";import{useTranslation as j}from"../../utils/i18n.js";import{StockError as x}from"./components/error/stock-error/index.js";import C from"./components/svg/ikas.js";import N from'../../ext/react-tooltip/dist/index.es.js';import{FullscreenLoading as F}from"./components/fullscreen-loading/index.js";var b=t((function(t){var i,c,l,E=t.checkout,g=t.checkoutSettings,f=t.merchantSettings,y=t.customizationProps,k=t.returnPolicy,b=t.privacyPolicy,S=t.termsOfService,A=j().t,I=o(),w=e.useState((function(){return new r(E,g,f,I,k,b,S,A)}))[0];return w.step===s.PAYMENT&&v.disableHTML(),e.useEffect((function(){w.checkoutSettings.isAccountRequired&&!w.checkout.hasCustomer&&I.push("/account/login?redirect="+encodeURIComponent(w.checkoutUrl)),v.beginCheckout(w.checkout),v.pageView(m.CHECKOUT)}),[]),e.useEffect((function(){!function(e){document.documentElement.style.setProperty("--checkout-button-bg-color",(null==e?void 0:e.buttonBgColor)||"#272727"),document.documentElement.style.setProperty("--checkout-button-text-color",(null==e?void 0:e.buttonTextColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-button-disabled-bg-color",(null==e?void 0:e.buttonDisabledBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-button-disabled-text-color",(null==e?void 0:e.buttonDisabledTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-text-color",(null==e?void 0:e.primaryTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-text-color",(null==e?void 0:e.secondaryTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-bg-color",(null==e?void 0:e.primaryBgColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-secondary-bg-color",(null==e?void 0:e.secondaryBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-border-color",(null==e?void 0:e.borderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-card-bg-color",(null==e?void 0:e.cardBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-error-color",(null==e?void 0:e.errorColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-error-light-color",(null==e?void 0:e.errorLightColor)||"#FCF3F4"),document.documentElement.style.setProperty("--checkout-warning-color",(null==e?void 0:e.warningColor)||"#FFBC1F"),document.documentElement.style.setProperty("--checkout-warning-light-color",(null==e?void 0:e.warningLightColor)||"#FFFAEE"),document.documentElement.style.setProperty("--checkout-success-color",(null==e?void 0:e.successColor)||"#2DCA73"),document.documentElement.style.setProperty("--checkout-success-light-color",(null==e?void 0:e.successLightColor)||"#F6FFED")}(y)}),[y]),w.isCheckoutLoaded&&w.store.customerStore.initialized?w.checkout.hasCustomer&&(null===(i=w.store.customerStore.customer)||void 0===i?void 0:i.id)!==(null===(c=w.checkout.customer)||void 0===c?void 0:c.id)?(I.push("/account/login?redirect="+encodeURIComponent(w.checkoutUrl)),null):e.createElement(e.Fragment,null,e.createElement(p,{pageType:m.CHECKOUT,pageTitle:((null===(l=w.merchantSettings)||void 0===l?void 0:l.merchantName)||"")+" - "+A("checkout-page:securePayment"),pageDescription:A("checkout-page:securePayment")}),e.createElement("div",{id:"Checkout",className:u.CheckoutPage},e.createElement(N,{place:"top",type:"dark",effect:"solid",arrowColor:"transparent",multiline:!0,className:u.ReactTooltipWrap,globalEventOff:"touchstart"}),e.createElement("div",{className:u.Left},e.createElement("div",{className:u.LeftContent},e.createElement("div",null,e.createElement(P,{vm:w}),w.hasStockError&&e.createElement("div",{className:u.ErrorContainer},e.createElement(x,{vm:w,error:w.error})),!w.hasStockError&&e.createElement(e.Fragment,null,e.createElement("div",{className:u.MobileCartSummary},e.createElement(n,{vm:w,allowExpand:!0})),w.step===s.SUCCESS?e.createElement(a,{vm:w}):e.createElement(T,{vm:w})),e.createElement("div",{className:u.Space})),e.createElement(M,{vm:w}))),e.createElement("div",{className:u.Right},e.createElement("div",{className:u.RightContent},e.createElement(n,{vm:w}),e.createElement("div",{className:u.PoweredBy},e.createElement("span",null,"powered by"),e.createElement("a",{href:"https://ikas.com"+("tr"===h.getCurrentLocale()?"/tr":""),target:"_blank"},e.createElement(C,null))))),!!w.policyModalText&&e.createElement(d,{title:w.policyModalTitle,modalContent:w.policyModalText,onClose:function(){w.policyModalText=""}}))):e.createElement(F,null)})),P=t((function(t){var o,r,s=t.vm,i=j().t;return e.createElement("div",{className:u.Header},e.createElement(g,{href:"/",passHref:!0},e.createElement("a",null,(null===(o=s.merchantSettings)||void 0===o?void 0:o.logoId)?e.createElement("div",{className:u.Logo},e.createElement(E,{layout:"fill",image:s.merchantSettings.logo,sizes:"360px"})):(null===(r=s.merchantSettings)||void 0===r?void 0:r.merchantName)||"")),!s.checkout.hasCustomer&&e.createElement("div",{className:u.LoginText},e.createElement("span",{className:u.LoginCta},i("checkout-page:alreadyHaveAnAccount")),e.createElement(g,{href:"/account/login?redirect="+encodeURIComponent(s.checkoutUrl),passHref:!0},e.createElement("a",{className:u.LoginBtn},i("checkout-page:actions.login")))),s.checkout.hasCustomer&&e.createElement("div",{className:u.CustomerInfo},e.createElement("div",{className:u.Name},s.checkout.customerFullName),e.createElement("div",{className:u.Email},s.checkout.customerEmail)))})),T=t((function(t){var o=t.vm,r=j().t,n=e.useMemo((function(){switch(o.step){case s.INFO:return e.createElement(i,{vm:o});case s.SHIPPING:return e.createElement(c,{vm:o});case s.PAYMENT:return e.createElement(l,{vm:o});case s.SUCCESS:return e.createElement(a,{vm:o})}}),[o,o.step]),m=[new y(r("checkout-page:address"),o.step===s.INFO,o.step!==s.INFO,o.step!==s.INFO?e.createElement("div",{className:u.AdressStepInfo},e.createElement(S,{vm:o}),e.createElement("div",{className:u.EditBtn,onClick:o.onBackToInfoClick},r("checkout-page:actions.edit"))):void 0,o.step!==s.INFO?e.createElement("div",{className:u.AddressStepInfoMobile},e.createElement(S,{vm:o})):void 0),new y(r("checkout-page:shipping"),o.step===s.SHIPPING,o.step===s.PAYMENT,o.step===s.PAYMENT?e.createElement("div",{className:u.AdressStepInfo},e.createElement(A,{vm:o}),o.checkout.availableShippingMethods.length>1&&e.createElement("div",{className:u.EditBtn,onClick:o.onBackToShippingClick},r("checkout-page:actions.edit"))):void 0,o.step===s.PAYMENT?e.createElement("div",{className:u.AddressStepInfoMobile},e.createElement(A,{vm:o})):void 0),new y(r("checkout-page:payment"),o.step===s.PAYMENT,!1)];return e.createElement(f,{steps:m,stepContent:n})})),S=t((function(t){var o,r,s,i,c,l=t.vm;return e.createElement("div",{className:u.Address},e.createElement("div",{className:[u.Text,u.WithMBottom].join(" ")},(null===(o=l.checkout.customer)||void 0===o?void 0:o.email)||""),e.createElement("div",{className:u.Text},((null===(r=l.checkout.customer)||void 0===r?void 0:r.firstName)||"")+" "+((null===(s=l.checkout.customer)||void 0===s?void 0:s.lastName)||"")),e.createElement("div",{className:[u.Text,u.Gray].join(" ")},null===(i=l.checkout.shippingAddress)||void 0===i?void 0:i.phone),e.createElement("div",{className:[u.Text,u.Gray].join(" ")},null===(c=l.checkout.shippingAddress)||void 0===c?void 0:c.addressText))})),A=t((function(t){var o=t.vm,r=j().t;return e.createElement("div",{className:u.Address},o.checkout.shippingLines&&o.checkout.shippingLines.length?e.createElement(e.Fragment,null,e.createElement("span",null,o.checkout.shippingLines[0].title),e.createElement("span",{className:u.LightText}," / "+(0===o.checkout.shippingLines[0].price?r("checkout-page:free"):k(o.checkout.shippingLines[0].price,o.checkout.cart.currencyCode)))):r("checkout-page:standartShipping"))})),M=t((function(t){var o=t.vm,r=j().t;return e.createElement("div",{className:u.Footer},e.createElement("div",{className:u.FooterItem,onClick:function(){o.policyModalTitle=r("checkout-page:returnPolicy"),o.policyModalText=o.returnPolicy}},r("checkout-page:returnPolicy")),e.createElement("div",{className:u.FooterBullet},"•"),e.createElement("div",{className:u.FooterItem,onClick:function(){o.policyModalTitle=r("checkout-page:privacyPolicy"),o.policyModalText=o.privacyPolicy}},r("checkout-page:privacyPolicy")),e.createElement("div",{className:u.FooterBullet},"•"),e.createElement("div",{className:u.FooterItem,onClick:function(){o.policyModalTitle=r("checkout-page:termsOfService"),o.policyModalText=o.termsOfService}},r("checkout-page:termsOfService")))}));export{b as default};

package/build/components/checkout/model.d.ts

@@ -0,0 +1,120 @@
+import { NextRouter } from "next/router.js";
+import { IkasCheckout, IkasInstallmentInfo, IkasInstallmentInfoInput, IkasMerchantSettings, IkasAvailableShippingMethod, IkasOrderLineItem, IkasOrderTransaction, IkasOrder } from "../../models";
+import { IkasPaymentGateway } from "../../models/data/payment-gateway";
+import { IkasOrderLineVariant } from "../../models/data/order/line-item/variant";
+import { IkasStorefront } from "../../models/data/storefront";
+import CreditCardData from "./components/credit-card-form/model";
+import { IkasCheckoutSettings } from "../../models/data/checkout-settings";
+import { TFunction } from "../../utils/i18n";
+export default class CheckoutViewModel {
+    checkout: IkasCheckout;
+    checkoutSettings: IkasCheckoutSettings;
+    storefront?: IkasStorefront | null;
+    store: import("../..").IkasBaseStore;
+    router: NextRouter;
+    isCheckoutLoaded: boolean;
+    isErrorsVisible: boolean;
+    isStepLoading: boolean;
+    isTermsAndConditionsChecked: boolean;
+    isChangingShippingMethod: boolean;
+    step: CheckoutStep;
+    merchantSettings?: IkasMerchantSettings;
+    cardData?: CreditCardData | null;
+    paymentGateways: IkasPaymentGateway[];
+    installmentInfo?: IkasInstallmentInfo | null;
+    useDifferentAddress: boolean;
+    shouldSaveAddress: boolean;
+    addressTitle: string;
+    shippingCountryIds?: string[] | null;
+    selectedShippingAddressId?: string;
+    selectedBillingAddressId?: string;
+    returnPolicy: string;
+    privacyPolicy: string;
+    termsOfService: string;
+    policyModalTitle: string;
+    policyModalText: string;
+    error?: CheckoutError | null;
+    order?: IkasOrder;
+    successTransaction?: IkasOrderTransaction;
+    t: TFunction;
+    constructor(checkout: IkasCheckout, checkoutSettings: IkasCheckoutSettings, merchantSettings: IkasMerchantSettings | null, router: NextRouter, returnPolicy: string, privacyPolicy: string, termsOfService: string, t: TFunction);
+    init: () => Promise<void>;
+    initStep: () => Promise<void>;
+    getMerchantSettings: () => Promise<void>;
+    get cart(): import("../../models/data/cart").IkasCart | null | undefined;
+    get selectedPaymentGatewayIndex(): number;
+    get selectedInstallmentIndex(): number;
+    get checkoutUrl(): string;
+    get customerAddressOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get installmentPrice(): number | null | undefined;
+    get installmentExtraPrice(): number | undefined;
+    get finalPrice(): number;
+    get hasStockError(): boolean;
+    get canProceedToShipping(): boolean | undefined;
+    get canProceedToPayment(): boolean | undefined;
+    get canPerformPayment(): boolean | undefined;
+    saveCheckout: () => Promise<void>;
+    checkStocks: () => Promise<void>;
+    removeUnavailableItems: (items: IkasOrderLineItem[]) => Promise<void>;
+    getShippingCountries: () => Promise<void>;
+    checkShippingCountries: () => void;
+    initialStockCheck: () => Promise<void>;
+    listPaymentGateways: () => Promise<void>;
+    retrieveInstallmentInfo: (input: IkasInstallmentInfoInput) => Promise<void>;
+    createCustomer: () => void;
+    createShippingAddress: () => void;
+    createBillingAddress: () => void;
+    onShippingMethodChange: (shippingMethod: IkasAvailableShippingMethod) => Promise<void>;
+    onCouponCodeApply: () => Promise<void>;
+    onCouponCodeDelete: () => Promise<void>;
+    onSelectedShippingAddressIdChange: (value: string) => void;
+    onSelectedBillingAddressIdChange: (value: string) => void;
+    onTermsAndConditionsCheckedChange: (value: boolean) => void;
+    onCardNumberChange: (value: string) => void;
+    onCardHolderNameChange: (value: string) => void;
+    onExpirationDateChange: (value: string) => void;
+    onCvcChange: (value: string) => void;
+    saveAddress: (type: "billing" | "shipping") => Promise<void>;
+    onGoToCartClick: () => void;
+    onBackToShoppingClick: () => void;
+    onProceedToShippingClick: () => Promise<void>;
+    onProceedToPaymentClick: () => Promise<void>;
+    onCompletePaymentClick: () => Promise<void>;
+    createSaleTransaction: () => Promise<void>;
+    onCheckoutTransactionSuccess: () => Promise<void>;
+    onBackToInfoClick: () => void;
+    onBackToShippingClick: () => void;
+    setCustomerConsentGranted: (value: boolean) => void;
+    setUseDifferentAddress: (value: boolean) => void;
+    setShouldSaveAddress: (value: boolean) => void;
+    setAddressTitle: (value: string) => void;
+    setPaymentGateway: (index: number) => void;
+    setInstallmentCount: (count: number) => void;
+    changeStep: (step: CheckoutStep) => Promise<void>;
+    logout: () => Promise<void>;
+}
+export declare enum CheckoutStep {
+    INFO = "info",
+    SHIPPING = "shipping",
+    PAYMENT = "payment",
+    SUCCESS = "success"
+}
+export declare enum ErrorType {
+    UNKNOWN = 0,
+    API_ERROR = 1,
+    STOCK_ERROR = 2,
+    PAYMENT_ERROR = 3,
+    NO_SHIPPING_ERROR = 4,
+    CUSTOMER_LOGIN_REQUIRED_ERROR = 5
+}
+export declare type CheckoutError = {
+    type: ErrorType;
+    data?: any;
+};
+export declare type StockErrorData = {
+    variant: IkasOrderLineVariant;
+    availableQuantity: number;
+};