@ikas/storefront 4.0.0-alpha.6 → 4.0.0-alpha.60

package/build/analytics/ikas.js

@@ -0,0 +1 @@
+import{__awaiter as t,__generator as e,__assign as s}from'./../ext/tslib/tslib.es6.js';import{IkasStorefrontConfig as i}from"@ikas/storefront-config";import{IkasBaseStore as r}from"../store/base.js";import"../store/customer/index.js";import"../store/cart/index.js";import"../models/data/blog/category/index.js";import"../models/data/blog/content/index.js";import"../models/data/blog/meta-data/index.js";import"../models/data/blog/tag/index.js";import"mobx";import"../models/data/blog/index.js";import"../models/data/brand/index.js";import{IkasThemeJsonPageType as n}from"@ikas/storefront-models";import"../models/data/campaign-offer/index.js";import"../models/data/cart/campaign-offer/index.js";import"../models/data/cart/index.js";import"../models/data/category/path-item/index.js";import"../models/data/category/index.js";import"../models/data/checkout/index.js";import"../models/data/checkout-settings/index.js";import"../models/data/city/index.js";import"../models/data/country/index.js";import"../models/data/customer/address/index.js";import"../models/data/customer/attribute/index.js";import"../models/data/customer/review/summary/index.js";import"../models/data/customer/review/index.js";import"../models/data/customer/index.js";import"../models/data/district/index.js";import"../models/data/favorite-product/index.js";import"../models/data/filter-category/index.js";import"../models/data/html-meta-data/index.js";import"../models/data/image/index.js";import"../models/data/order/address/index.js";import"../models/data/order/line-item/variant/value/index.js";import"../models/data/order/line-item/variant/index.js";import"../models/data/order/line-item/index.js";import"../models/data/order/package/index.js";import"../models/data/order/index.js";import"../models/data/payment-gateway/index.js";import"../models/data/product/attribute-value/index.js";import"../models/data/product/filter/index.js";import"../models/data/product/option-set/option/index.js";import"../models/data/product/option-set/index.js";import"../models/data/product/variant/price/index.js";import"../models/data/product/variant/index.js";import"../models/data/variant-type/index.js";import"../models/data/product/index.js";import"../models/data/raffle/index.js";import"../models/data/state/index.js";import"../models/data/theme-json/index.js";import"../models/data/theme-json/custom-data/index.js";import"../models/data/variant-type/variant-value/index.js";import"../models/ui/blog-list/index.js";import"../models/ui/blog-category-list/index.js";import"../models/ui/brand-list/index.js";import"../models/ui/category-list/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/customer-review-summary-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";var o,a;!function(t){t[t.SESSION_START=1]="SESSION_START",t[t.PAGE_VIEW=2]="PAGE_VIEW",t[t.PRODUCT_VIEW=3]="PRODUCT_VIEW",t[t.ADD_TO_CART=4]="ADD_TO_CART",t[t.VIEW_CART=5]="VIEW_CART",t[t.ORDER_SUCCESS=6]="ORDER_SUCCESS",t[t.BEGIN_CHECKOUT=7]="BEGIN_CHECKOUT",t[t.CHECKOUT_STEP=8]="CHECKOUT_STEP",t[t.CUSTOMER_REGISTER=9]="CUSTOMER_REGISTER",t[t.CUSTOMER_VISIT=10]="CUSTOMER_VISIT",t[t.CUSTOMER_LOGIN=11]="CUSTOMER_LOGIN",t[t.BRAND_VIEW=12]="BRAND_VIEW",t[t.CATEGORY_VIEW=13]="CATEGORY_VIEW"}(o||(o={})),function(t){t[t.INDEX=1]="INDEX",t[t.CATEGORY=2]="CATEGORY",t[t.BRAND=3]="BRAND",t[t.PRODUCT=4]="PRODUCT",t[t.CUSTOM=5]="CUSTOM",t[t.ACCOUNT=6]="ACCOUNT",t[t.ADDRESSES=7]="ADDRESSES",t[t.ORDERS=8]="ORDERS",t[t.ORDER_DETAIL=9]="ORDER_DETAIL",t[t.LOGIN=10]="LOGIN",t[t.REGISTER=11]="REGISTER",t[t.FORGOT_PASSWORD=12]="FORGOT_PASSWORD",t[t.RECOVER_PASSWORD=13]="RECOVER_PASSWORD",t[t.CART=14]="CART",t[t.FAVORITE_PRODUCTS=15]="FAVORITE_PRODUCTS",t[t.SEARCH=16]="SEARCH",t[t.NOT_FOUND=17]="NOT_FOUND",t[t.BLOG=18]="BLOG",t[t.BLOG_INDEX=19]="BLOG_INDEX",t[t.BLOG_CATEGORY=20]="BLOG_CATEGORY",t[t.CHECKOUT=21]="CHECKOUT"}(a||(a={}));var d=process.env.NEXT_PUBLIC_ANALYTICS_URL?"".concat(process.env.NEXT_PUBLIC_ANALYTICS_URL,"/sendEvent"):"https://0.myikas.com/sendEvent",c=function(){function c(){}return c.createUUID=function(){return t(this,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return[4,fetch("".concat(process.env.NEXT_PUBLIC_BASE_URL,"/generate-id/1"))];case 1:return[4,t.sent().json()];case 2:return[2,t.sent().data[0]]}}))}))},c.createSessionId=function(){return t(this,void 0,void 0,(function(){var t,s,i;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,3,,4]),i={},[4,this.createUUID()];case 1:return i.id=e.sent(),i.expiry=Date.now()+this.EXPIRY_LENGTH,t=i,localStorage.setItem(this.SESSION_ID_KEY,JSON.stringify(t)),this.sessionId=t.id,[4,this.sessionStart()];case 2:return e.sent(),[3,4];case 3:return s=e.sent(),console.error(s),[3,4];case 4:return[2]}}))}))},c.checkSessionId=function(){return t(this,void 0,void 0,(function(){var t,s,r;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,7,,8]),(t=localStorage.getItem(this.SESSION_ID_KEY))?(s=JSON.parse(t)).expiry<Date.now()||s.id.length<=13?[4,this.createSessionId()]:[3,2]:[3,4];case 1:return e.sent(),[3,3];case 2:s.expiry=Date.now()+this.EXPIRY_LENGTH,localStorage.setItem(this.SESSION_ID_KEY,JSON.stringify(s)),this.sessionId=s.id,e.label=3;case 3:return[3,6];case 4:return[4,this.createSessionId()];case 5:e.sent(),e.label=6;case 6:return i.init({sessionId:this.sessionId||""}),[3,8];case 7:return r=e.sent(),console.error(r),[3,8];case 8:return[2]}}))}))},c.checkVisitorId=function(){return t(this,void 0,void 0,(function(){var t,s,r;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,4,,5]),(t=localStorage.getItem(this.VISITOR_ID_KEY))&&t.length>13?(this.visitorId=t,[3,3]):[3,1];case 1:return s=this,[4,this.createUUID()];case 2:s.visitorId=e.sent(),localStorage.setItem(this.VISITOR_ID_KEY,this.visitorId),e.label=3;case 3:return i.init({visitorId:this.visitorId}),[3,5];case 4:return r=e.sent(),console.error(r),[3,5];case 5:return[2]}}))}))},c.getPageType=function(t){switch(t){case n.INDEX:return a.INDEX;case n.CATEGORY:return a.CATEGORY;case n.BRAND:return a.BRAND;case n.PRODUCT:return a.PRODUCT;case n.CUSTOM:return a.CUSTOM;case n.ACCOUNT:return a.ACCOUNT;case n.ADDRESSES:return a.ADDRESSES;case n.ORDERS:return a.ORDERS;case n.ORDER_DETAIL:return a.ORDER_DETAIL;case n.LOGIN:return a.LOGIN;case n.REGISTER:return a.REGISTER;case n.FORGOT_PASSWORD:return a.FORGOT_PASSWORD;case n.RECOVER_PASSWORD:return a.RECOVER_PASSWORD;case n.CART:return a.CART;case n.FAVORITE_PRODUCTS:return a.FAVORITE_PRODUCTS;case n.SEARCH:return a.SEARCH;case n.NOT_FOUND:return a.NOT_FOUND;case n.BLOG:return a.BLOG;case n.BLOG_INDEX:return a.BLOG_INDEX;case n.BLOG_CATEGORY:return a.BLOG_CATEGORY;case n.CHECKOUT:return a.CHECKOUT}},c.getCustomerData=function(){var t=r.getInstance(),e=t.customerStore.customer;return{id:(null==e?void 0:e.id)||void 0,e:(null==e?void 0:e.email)||void 0,c:t.customerStore.customerConsentGranted}},c.getCommonEventData=function(){var t=r.getInstance();return{u:window.location.href,r:document.referrer,pt:t.currentPageType?this.getPageType(t.currentPageType):void 0}},c.sendEvents=function(s){var n;return t(this,void 0,void 0,(function(){var t,o,a;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,4,,5]),[4,this.checkSessionId()];case 1:return e.sent(),[4,this.checkVisitorId()];case 2:return e.sent(),t=r.getInstance(),o={e:s,scid:i.getSalesChannelId(),sfid:i.getStorefrontId(),sid:this.sessionId,vid:this.visitorId,cid:null===(n=t.customerStore.customer)||void 0===n?void 0:n.id},[4,fetch(d,{method:"POST",body:JSON.stringify(o),headers:{"Content-Type":"application/json","x-api-key":i.getApiKey()}})];case 3:return e.sent(),[3,5];case 4:return a=e.sent(),console.error(a),[3,5];case 5:return[2]}}))}))},c.sessionStart=function(){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.SESSION_START,ts:Date.now(),d:s({},this.getCommonEventData())},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.pageView=function(i){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.PAGE_VIEW,ts:Date.now(),d:s(s({},this.getCommonEventData()),{pt:this.getPageType(i)})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.productView=function(i){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.PRODUCT_VIEW,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{pr:{id:i.id,vid:i.selectedVariant.id}}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.addToCart=function(i,r,n){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.ADD_TO_CART,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{crt:{id:n.id,c:n.itemCount},crtItm:{id:i.id,c:r}}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.viewCart=function(i){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.VIEW_CART,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{crt:{id:i.id,c:i.itemCount}}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.orderSuccess=function(i){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.ORDER_SUCCESS,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{chk:{id:i.id,s:"success"}}})},[4,this.sendEvents([t])];case 1:return e.sent(),[4,this.createSessionId()];case 2:return e.sent(),[2]}}))}))},c.beginCheckout=function(i){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.BEGIN_CHECKOUT,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{chk:{id:i.id}}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.checkoutStep=function(i,r){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.CHECKOUT_STEP,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{chk:{id:i.id,s:r}}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.customerRegister=function(){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.CUSTOMER_REGISTER,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{cst:this.getCustomerData()}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.customerLogin=function(){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.CUSTOMER_LOGIN,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{cst:this.getCustomerData()}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.customerVisit=function(){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.CUSTOMER_VISIT,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{cst:this.getCustomerData()}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.viewBrand=function(i){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.BRAND_VIEW,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{cst:this.getCustomerData(),br:{id:i.id}}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.viewCategory=function(i){return t(this,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return t={t:o.CATEGORY_VIEW,ts:Date.now(),d:s(s({},this.getCommonEventData()),{d:{cst:this.getCustomerData(),ctg:{id:i.id}}})},[4,this.sendEvents([t])];case 1:return e.sent(),[2]}}))}))},c.SESSION_ID_KEY="ikas_session_id",c.VISITOR_ID_KEY="ikas_visitor_id",c.EXPIRY_LENGTH=18e5,c}();export{c as default};

package/build/analytics/index.d.ts

@@ -0,0 +1,2 @@
+export { Analytics } from "./analytics";
+export * from "./head";

package/build/analytics/tiktokPixel.d.ts

@@ -0,0 +1,13 @@
+import { IkasCheckout, IkasProduct, IkasOrderLineItem, IkasCategory } from "../models";
+export declare class TiktokPixel {
+    constructor();
+    static productView(productDetail: IkasProduct): void;
+    static addToCart(item: IkasOrderLineItem, quantity: number): void;
+    static beginCheckout(): void;
+    static purchase(checkout: IkasCheckout): void;
+    static addToWishlist(id: string): void;
+    static search(searchKeyword: string): void;
+    static completeRegistration(): void;
+    static viewCategory(category: IkasCategory): void;
+    static contactForm(): void;
+}

package/build/analytics/tiktokPixel.js

@@ -0,0 +1 @@
+import{makeAutoObservable as t}from"mobx";import{IkasBaseStore as n}from"../store/base.js";import"../store/customer/index.js";import"../store/cart/index.js";var r="undefined"==typeof window,e=function(){function n(){t(this)}return n.productView=function(t){try{return o(),void(!r&&window.ttq&&window.ttq.track("ViewContent",function(t,n){void 0===n&&(n=1);return{content_type:"product",quantity:n,content_id:t.selectedVariant.id,value:t.selectedVariant.price.finalPrice,currency:""===t.selectedVariant.price.currency?"TRY":t.selectedVariant.price.currency}}(t)))}catch(t){console.error(t)}},n.addToCart=function(t,n){try{return o(),void(!r&&window.ttq&&window.ttq.track("AddToCart",function(t,n){void 0===n&&(n=1);return{content_id:t.variant.id,content_type:"product",content_name:t.variant.name,quantity:n,value:t.finalPrice,currency:t.currencyCode}}(t,n)))}catch(t){console.error(t)}},n.beginCheckout=function(){try{return o(),void(!r&&window.ttq&&window.ttq.track("InitiateCheckout"))}catch(t){console.error(t)}},n.purchase=function(t){try{return o(),void(!r&&window.ttq&&window.ttq.track("CompletePayment",function(t){var n=[];return null==t||t.items.map((function(t){n.push({content_id:t.variant.id,content_type:"product",content_name:t.variant.name,price:t.finalPrice,quantity:t.quantity})})),{contents:n,content_type:"product_group",currency:t.items[0].currencyCode,value:t.totalPrice}}(t)))}catch(t){console.error(t)}},n.addToWishlist=function(t){try{return o(),void(!r&&window.ttq&&window.ttq.track("AddToWishlist",{content_id:t}))}catch(t){console.error(t)}},n.search=function(t){try{return o(),void(!r&&window.ttq&&window.ttq.track("Search",{query:t,content_id:"Search"}))}catch(t){console.error(t)}},n.completeRegistration=function(){try{return o(),void(!r&&window.ttq&&window.ttq.track("CompleteRegistration"))}catch(t){console.error(t)}},n.viewCategory=function(t){try{return o(),void(!r&&window.ttq&&window.ttq.track("ViewContent",{content_id:t.id,content_type:"product_group",content_category:t.name}))}catch(t){console.error(t)}},n.contactForm=function(){try{return o(),void(!r&&window.ttq&&window.ttq.track("Contact"))}catch(t){console.error(t)}},n}();function o(){try{var t=n.getInstance().customerStore.customer;if(!t)return;return void(!r&&window.ttq&&window.ttq.identify({external_id:t.id,email:t.email,phone_number:t.phone||""}))}catch(t){console.error(t)}}export{e as TiktokPixel};

package/build/components/checkout/components/address-form/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { AddressFormViewModelParams } from "./model";
+export declare const AddressForm: React.FC<AddressFormViewModelParams>;

package/build/components/checkout/components/address-form/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'./../../../../ext/tslib/tslib.es6.js';import*as t from"react";import{observer as r}from"mobx-react-lite";import{FormItem as a}from"../form-item/index.js";import{FormItemType as o,FormItemInputType as n}from"../form-item/model.js";import i from"./model.js";import{Checkbox as l}from"../checkbox/index.js";import s from"../../styles/common.module.scss.js";import c from"../../style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as d}from"../../../../utils/i18n.js";import{IkasCheckoutRequirement as m}from"@ikas/storefront-models";var u=r((function(r){var a,o=d().t,n=t.useMemo((function(){return new i(e({},r))}),[]);return t.useEffect((function(){Object.entries(r).forEach((function(e){n[e[0]]=e[1]}))}),Object.values(r)),"in-store"===r.deliveryMethod?t.createElement("div",null,t.createElement("div",{className:[s.Grid,s.Grid2].join(" ")},t.createElement(v,e({},r,{vm:n})),t.createElement(E,e({},r,{vm:n})),t.createElement("div",null)," "),!!n.address.checkoutSettings&&n.address.checkoutSettings.phoneRequirement!==m.INVISIBLE&&t.createElement("div",{className:c.RowPB},t.createElement(R,e({},r,{vm:n})),t.createElement("div",null)," ")):t.createElement("div",null,n.allowTitleChange&&t.createElement("div",{className:c.RowPB},t.createElement(h,e({},r,{vm:n}))),t.createElement("div",{className:[s.Grid,s.Grid2].join(" ")},t.createElement(v,e({},r,{vm:n})),t.createElement(E,e({},r,{vm:n})),t.createElement("div",null)," "),!!n.address.checkoutSettings&&n.address.checkoutSettings.identityNumberRequirement!==m.INVISIBLE&&t.createElement("div",{className:c.RowPB},t.createElement(p,e({},r,{vm:n}))),(null===(a=n.address.checkoutSettings)||void 0===a?void 0:a.postalCodeRequirement)!==m.INVISIBLE?t.createElement(t.Fragment,null,t.createElement("div",{className:c.RowPB},t.createElement(g,e({},r,{vm:n}))),t.createElement("div",{className:[s.Grid,s.Grid2].join(" ")},t.createElement(C,e({},r,{vm:n})),t.createElement(f,e({},r,{vm:n})),t.createElement("div",null)," ")):t.createElement(t.Fragment,null,t.createElement("div",{className:c.RowPB},t.createElement(g,e({},r,{vm:n}))),t.createElement("div",{className:c.RowPB},t.createElement(C,e({},r,{vm:n})))),(n.countryOptions.length>1||n.hasState)&&t.createElement("div",{className:[c.RowPB,s.Grid,n.countryOptions.length>1&&n.hasState?s.Grid2:""].join(" ")},t.createElement(y,e({},r,{vm:n})),n.hasState&&t.createElement(T,e({},r,{vm:n}))),t.createElement("div",{className:[s.Grid,n.isDistrictHidden?"":s.Grid2,c.RowPB].join(" ")},n.isFreeTextCity?t.createElement(k,e({},r,{vm:n})):t.createElement(b,e({},r,{vm:n})),!n.isDistrictHidden&&(n.districtOptions.length?t.createElement(N,e({},r,{vm:n})):t.createElement(x,e({},r,{vm:n})))),!!n.address.checkoutSettings&&n.address.checkoutSettings.phoneRequirement!==m.INVISIBLE&&t.createElement("div",null,t.createElement(R,e({},r,{vm:n}))),!!n.allowCorporateInfo&&t.createElement("div",{style:{marginTop:"12px"}},t.createElement(l,{value:n.isCorporate,label:o("checkout-page:corporateInvoice"),onChange:n.onCorporateChange})),!!n.isCorporate&&t.createElement("div",{className:s.Grid,style:{marginTop:"12px"}},t.createElement(S,e({},r,{vm:n})),t.createElement(L,e({},r,{vm:n})),t.createElement(I,e({},r,{vm:n}))))})),v=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,label:i("checkout-page:firstName"),autocomplete:"given-name",value:n.firstName||"",onChange:n.onFirstNameChange,hasError:n.isErrorsVisible&&!(null===(r=n.address.validationResult)||void 0===r?void 0:r.firstName),errorText:i("checkout-page:firstNameError")})})),E=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,label:i("checkout-page:lastName"),autocomplete:"family-name",value:n.lastName||"",onChange:n.onLastNameChange,hasError:n.isErrorsVisible&&!(null===(r=n.address.validationResult)||void 0===r?void 0:r.lastName),errorText:i("checkout-page:lastNameError")})})),p=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,label:i("checkout-page:identityNumber"),value:n.identityNumber||"",onChange:n.onIdentityNumberChange,hasError:n.isErrorsVisible&&!(null===(r=n.address.validationResult)||void 0===r?void 0:r.identityNumber),errorText:i("checkout-page:identityNumberError")})})),h=r((function(e){var r=e.vm,n=d().t,i=r.address;return t.createElement(a,{type:o.TEXT,label:n("checkout-page:addressTitle"),value:i.title||"",onChange:r.onAddressTitleChange,hasError:r.isErrorsVisible&&!i.title,errorText:n("checkout-page:addressTitleError")})})),g=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,label:i("checkout-page:addressLine1"),autocomplete:"address-line1",value:n.address.addressLine1||"",onChange:n.onAddressLine1Change,hasError:n.isErrorsVisible&&!(null===(r=n.address.validationResult)||void 0===r?void 0:r.addressLine1),errorText:i("checkout-page:addressError")})})),C=r((function(e){var r=e.vm,n=d().t;return t.createElement(a,{type:o.TEXT,autocomplete:"address-line2",label:n("checkout-page:addressLine2"),value:r.address.addressLine2||"",onChange:r.onAddressLine2Change})})),f=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,label:i("checkout-page:postalCode"),autocomplete:"postal-code",value:n.address.postalCode||"",onChange:n.onAddressPostalCodeChange,hasError:n.isErrorsVisible&&!(null===(r=n.address.validationResult)||void 0===r?void 0:r.postalCode),errorText:i("checkout-page:postalCodeError")})})),y=r((function(e){var r,n,i=e.vm,l=d().t;return i.countryOptions.length<=1?null:t.createElement(a,{type:o.SELECT,label:l("checkout-page:country"),autocomplete:"country-name",value:(null===(r=i.country)||void 0===r?void 0:r.id)||"",onChange:i.onCountryChange,options:i.countryOptions,hasError:i.isErrorsVisible&&!(null===(n=i.address.validationResult)||void 0===n?void 0:n.country),errorText:l("checkout-page:countryError")})})),T=r((function(e){var r,n,i=e.vm,l=d().t;return t.createElement(a,{type:o.SELECT,label:l("checkout-page:state"),value:(null===(r=i.state)||void 0===r?void 0:r.id)||"",onChange:i.onStateChange,options:i.stateOptions,hasError:i.isErrorsVisible&&!(null===(n=i.address.validationResult)||void 0===n?void 0:n.state),errorText:l("checkout-page:stateError")})})),b=r((function(e){var r,n,i=e.vm,l=d().t;return t.createElement(a,{type:o.SELECT,label:l("checkout-page:city"),autocomplete:"off",value:(null===(r=i.city)||void 0===r?void 0:r.id)||"",onChange:i.onCityChange,options:i.cityOptions,hasError:i.isErrorsVisible&&!(null===(n=i.address.validationResult)||void 0===n?void 0:n.city),errorText:l("checkout-page:cityError")})})),k=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,autocomplete:"address-level2",label:i("checkout-page:city"),value:(null===(r=n.city)||void 0===r?void 0:r.name)||"",onChange:n.onCityInputChange})})),N=r((function(e){var r,n,i=e.vm,l=d().t;return t.createElement(a,{type:o.SELECT,label:l("checkout-page:district"),autocomplete:"off",value:(null===(r=i.district)||void 0===r?void 0:r.id)||"",onChange:i.onDistrictChange,options:i.districtOptions,hasError:i.isErrorsVisible&&!(null===(n=i.address.validationResult)||void 0===n?void 0:n.district),errorText:l("checkout-page:districtError")})})),x=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,autocomplete:"address-level3",label:i("checkout-page:district"),value:(null===(r=n.district)||void 0===r?void 0:r.name)||"",onChange:n.onDistrictInputChange})})),R=r((function(e){var r,i=e.vm,l=d().t;return t.createElement(a,{type:o.TEL,inputType:n.TEL,label:l("checkout-page:phone"),autocomplete:"tel",value:i.phone||"",onChange:i.onPhoneChange,hasError:i.isErrorsVisible&&!(null===(r=i.address.validationResult)||void 0===r?void 0:r.phone),currentCountryCode:i.myCountryCode,errorText:l("checkout-page:phoneError")})})),S=r((function(e){var r=e.vm,n=d().t;return t.createElement(a,{type:o.TEXT,label:n("checkout-page:companyName"),value:r.address.company||"",onChange:r.onCompanyChange})})),L=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,label:i("checkout-page:taxOffice"),value:(null===(r=n.address)||void 0===r?void 0:r.taxOffice)||"",onChange:n.onTaxOfficeChange})})),I=r((function(e){var r,n=e.vm,i=d().t;return t.createElement(a,{type:o.TEXT,label:i("checkout-page:taxNumber"),value:(null===(r=n.address)||void 0===r?void 0:r.taxNumber)||"",onChange:n.onTaxNumberChange})}));export{u as AddressForm};

package/build/components/checkout/components/address-form/model.d.ts

@@ -0,0 +1,87 @@
+import { IkasOrderAddress } from "../../../../models/data/order/address";
+import { IkasCountry, IkasState, IkasCity, IkasDistrict, IkasCustomerAddress, IkasOrderAddressCountry, IkasOrderAddressCity, IkasOrderAddressDistrict } from "../../../../models";
+declare type Callback = ((value: string) => void) | null | undefined;
+export interface AddressFormViewModelParams {
+    address: IkasOrderAddress | IkasCustomerAddress;
+    isCorporate?: boolean;
+    isErrorsVisible: boolean;
+    isCustomerAddress?: boolean;
+    allowedCountryIds?: string[] | null;
+    allowCorporateInfo?: boolean;
+    allowTitleChange?: boolean;
+    firstNameChangeCallback?: Callback;
+    lastNameChangeCallback?: Callback;
+    deliveryMethod?: "address" | "in-store";
+}
+export default class AddressFormViewModel {
+    address: IkasOrderAddress | IkasCustomerAddress;
+    isCorporate: boolean;
+    isErrorsVisible: boolean;
+    isCustomerAddress?: boolean;
+    allowedCountryIds?: string[] | null;
+    allowCorporateInfo?: boolean;
+    allowTitleChange?: boolean;
+    firstNameChangeCallback?: Callback;
+    lastNameChangeCallback?: Callback;
+    countries: IkasCountry[];
+    states: IkasState[];
+    cities: IkasCity[];
+    districts: IkasDistrict[];
+    myCountryCode?: string | null;
+    constructor(data: AddressFormViewModelParams);
+    get firstName(): string;
+    get lastName(): string;
+    get phone(): string | null;
+    get identityNumber(): string | null;
+    get country(): IkasOrderAddressCountry | import("../../../../models").IkasCustomerAddressCountry | null;
+    get state(): import("../../../../models").IkasOrderAddressState | import("../../../../models").IkasCustomerAddressState | null;
+    get city(): IkasOrderAddressCity | import("../../../../models").IkasCustomerAddressCity | null;
+    get district(): IkasOrderAddressDistrict | import("../../../../models").IkasCustomerAddressDistrict | null;
+    get countryOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get stateOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get cityOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get districtOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get hasState(): boolean;
+    get isFreeTextCity(): boolean;
+    get isDistrictHidden(): boolean;
+    fillDropdownOptions: () => Promise<void>;
+    listCountries: () => Promise<void>;
+    listStates: () => Promise<void>;
+    listCities: () => Promise<void>;
+    listDistricts: () => Promise<void>;
+    modelToOption: (model: IkasCountry | IkasState | IkasCity | IkasDistrict) => {
+        label: string;
+        value: string;
+    };
+    onFirstNameChange: (value: string) => void;
+    onLastNameChange: (value: string) => void;
+    onPhoneChange: (value: string) => void;
+    onIdentityNumberChange: (value: string) => void;
+    onAddressTitleChange: (value: string) => void;
+    onAddressLine1Change: (value: string) => void;
+    onAddressLine2Change: (value: string) => void;
+    onAddressPostalCodeChange: (value: string) => void;
+    onCountryChange: (countryId: string) => void;
+    onStateChange: (stateId: string) => void;
+    onCityChange: (cityId: string) => void;
+    onCityInputChange: (value: string) => void;
+    onDistrictChange: (districtId: string) => void;
+    onDistrictInputChange: (value: string) => void;
+    onCorporateChange: (value: boolean) => void;
+    onCompanyChange: (value: string) => void;
+    onTaxNumberChange: (value: string) => void;
+    onTaxOfficeChange: (value: string) => void;
+}
+export {};

package/build/components/checkout/components/address-form/model.js

@@ -0,0 +1 @@
+import{__awaiter as t,__generator as e}from'./../../../../ext/tslib/tslib.es6.js';import{makeAutoObservable as i}from"mobx";import"../../../../models/data/blog/category/index.js";import"../../../../models/data/blog/content/index.js";import"../../../../models/data/blog/meta-data/index.js";import"../../../../models/data/blog/tag/index.js";import"../../../../models/data/blog/index.js";import"../../../../models/data/brand/index.js";import"@ikas/storefront-models";import"../../../../models/data/campaign-offer/index.js";import"../../../../models/data/cart/campaign-offer/index.js";import"../../../../models/data/cart/index.js";import"../../../../models/data/category/path-item/index.js";import"../../../../models/data/category/index.js";import"../../../../models/data/checkout/index.js";import"../../../../models/data/checkout-settings/index.js";import"../../../../models/data/city/index.js";import"../../../../models/data/country/index.js";import"../../../../models/data/customer/address/index.js";import"../../../../models/data/customer/attribute/index.js";import"../../../../models/data/customer/review/summary/index.js";import"../../../../models/data/customer/review/index.js";import"../../../../models/data/customer/index.js";import"../../../../models/data/district/index.js";import"../../../../models/data/favorite-product/index.js";import"../../../../models/data/filter-category/index.js";import"../../../../models/data/html-meta-data/index.js";import"../../../../models/data/image/index.js";import{IkasOrderAddressCity as s}from"../../../../models/data/order/address/city/index.js";import{IkasOrderAddressCountry as r}from"../../../../models/data/order/address/country/index.js";import{IkasOrderAddressDistrict as o}from"../../../../models/data/order/address/district/index.js";import"../../../../models/data/order/address/index.js";import"../../../../models/data/order/line-item/variant/value/index.js";import"../../../../models/data/order/line-item/variant/index.js";import"../../../../models/data/order/line-item/index.js";import"../../../../models/data/order/package/index.js";import"../../../../models/data/order/index.js";import"../../../../models/data/payment-gateway/index.js";import"../../../../models/data/product/attribute-value/index.js";import"../../../../models/data/product/filter/index.js";import"../../../../models/data/product/option-set/option/index.js";import"../../../../models/data/product/option-set/index.js";import"../../../../models/data/product/variant/price/index.js";import"../../../../models/data/product/variant/index.js";import"../../../../models/data/variant-type/index.js";import"../../../../models/data/product/index.js";import"../../../../models/data/raffle/index.js";import"../../../../models/data/state/index.js";import"../../../../models/data/theme-json/index.js";import"../../../../models/data/theme-json/custom-data/index.js";import"../../../../models/data/variant-type/variant-value/index.js";import"../../../../models/ui/blog-list/index.js";import"../../../../models/ui/blog-category-list/index.js";import"../../../../models/ui/brand-list/index.js";import"../../../../models/ui/category-list/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/customer-review-summary-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{stringSorter as n}from"../../../../utils/helper.js";import{FREE_TEXT_CITY_COUNTRY_LIST as d,DISTRICT_HIDDEN_COUNTRY_LIST as a}from"../../../../utils/constants.js";import l from"../../../../store/location/index.js";import{IkasStorefrontConfig as u}from"@ikas/storefront-config";var c=function(){function c(n){var d=this;this.isCorporate=!1,this.isErrorsVisible=!1,this.allowedCountryIds=null,this.allowCorporateInfo=!1,this.allowTitleChange=!1,this.firstNameChangeCallback=null,this.lastNameChangeCallback=null,this.countries=[],this.states=[],this.cities=[],this.districts=[],this.myCountryCode=null,this.fillDropdownOptions=function(){return t(d,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return[4,this.listCountries()];case 1:return t.sent(),[4,this.listStates()];case 2:return t.sent(),[4,this.listCities()];case 3:return t.sent(),[4,this.listDistricts()];case 4:return t.sent(),[2]}}))}))},this.listCountries=function(){return t(d,void 0,void 0,(function(){var t,i,s,r,o,n,d,a,c=this;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,4,,5]),this.myCountryCode?[3,2]:[4,l.getMyCountry()];case 1:t=e.sent(),this.myCountryCode=t.data,e.label=2;case 2:return[4,l.listCountry({id:(null===(d=this.allowedCountryIds)||void 0===d?void 0:d.length)?{in:this.allowedCountryIds}:void 0,locale:u.getCurrentLocale()})];case 3:return i=e.sent(),s=i.data||[],r=u.getCurrentRouting(),(null===(a=null==r?void 0:r.countryCodes)||void 0===a?void 0:a.length)?s=s.filter((function(t){var e;return t.iso2&&(null===(e=r.countryCodes)||void 0===e?void 0:e.includes(t.iso2))})):(o=u.getRoutings().filter((function(t){return t.id!==u.getStorefrontRoutingId()})),s=s.filter((function(t){return t.iso2&&!o.some((function(e){var i;return null===(i=e.countryCodes)||void 0===i?void 0:i.includes(t.iso2)}))}))),this.countries=s,1!==this.countries.length||this.country?this.myCountryCode&&!this.country&&(n=this.countries.find((function(t){return t.iso2===c.myCountryCode})))&&this.onCountryChange(n.id):this.onCountryChange(this.countries[0].id),[3,5];case 4:return e.sent(),[3,5];case 5:return[2]}}))}))},this.listStates=function(){return t(d,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:if(!(null===(i=this.country)||void 0===i?void 0:i.id))return[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,l.listState({countryId:{eq:this.country.id}})];case 2:return t=e.sent(),this.states=t.data||[],this.hasState||this.onStateChange(this.states[0].id),[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))},this.listCities=function(){return t(d,void 0,void 0,(function(){var t,i,s;return e(this,(function(e){switch(e.label){case 0:if(!(null===(i=this.state)||void 0===i?void 0:i.id)||!(null===(s=this.country)||void 0===s?void 0:s.id))return[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,l.listCity({stateId:{eq:this.state.id},countryId:{eq:this.country.id}})];case 2:return t=e.sent(),this.cities=t.data||[],[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))},this.listDistricts=function(){return t(d,void 0,void 0,(function(){var t,i,s,r;return e(this,(function(e){switch(e.label){case 0:if(!(null===(i=this.city)||void 0===i?void 0:i.id)||this.isDistrictHidden)return[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,l.listDistrict({cityId:{eq:this.city.id},stateId:(null===(s=this.state)||void 0===s?void 0:s.id)?{eq:null===(r=this.state)||void 0===r?void 0:r.id}:void 0})];case 2:return t=e.sent(),this.districts=t.data||[],this.districts.length?this.address.isDistrictRequired=!0:this.address.isDistrictRequired=!1,[3,4];case 3:return e.sent(),[3,4];case 4:return[2]}}))}))},this.modelToOption=function(t){return{label:t.name,value:t.id+""}},this.onFirstNameChange=function(t){d.firstNameChangeCallback&&d.firstNameChangeCallback(t),d.address.firstName=t},this.onLastNameChange=function(t){d.lastNameChangeCallback&&d.lastNameChangeCallback(t),d.address.lastName=t},this.onPhoneChange=function(t){d.address.phone=t},this.onIdentityNumberChange=function(t){t?t.length<=11&&(d.address.identityNumber=t):d.address.identityNumber=""},this.onAddressTitleChange=function(t){d.address.title=t},this.onAddressLine1Change=function(t){d.address.addressLine1=t},this.onAddressLine2Change=function(t){d.address.addressLine2=t},this.onAddressPostalCodeChange=function(t){d.address.postalCode=t},this.onCountryChange=function(t){var e;if((null===(e=d.country)||void 0===e?void 0:e.id)!==t){var i=d.countries.find((function(e){return e.id===t}));d.address.country=new r({id:(null==i?void 0:i.id)||null,name:(null==i?void 0:i.name)||"",code:(null==i?void 0:i.iso3)||null,iso2:(null==i?void 0:i.iso2)||null,iso3:(null==i?void 0:i.iso3)||null}),d.address.state=null,d.address.city=null,d.address.district=null,d.states=[],d.cities=[],d.districts=[],d.listStates()}},this.onStateChange=function(t){var e;if((null===(e=d.state)||void 0===e?void 0:e.id)!==t){var i=d.states.find((function(e){return e.id===t}));d.address.state={id:i.id,name:null==i?void 0:i.name,code:null==i?void 0:i.stateCode},d.address.city=null,d.address.district=null,d.cities=[],d.districts=[],d.listCities()}},this.onCityChange=function(t){var e;if((null===(e=d.city)||void 0===e?void 0:e.id)!==t){var i=d.cities.find((function(e){return e.id===t}));d.address.city=new s({id:i.id,name:i.name}),d.address.district=null,d.districts=[],d.listDistricts()}},this.onCityInputChange=function(t){d.districts=[],d.address.city=new s({id:void 0,name:t})},this.onDistrictChange=function(t){var e;if((null===(e=d.district)||void 0===e?void 0:e.id)!==t){var i=d.districts.find((function(e){return e.id===t}));d.address.district=new o({id:i.id,name:i.name})}},this.onDistrictInputChange=function(t){d.address.district=new o({id:void 0,name:t})},this.onCorporateChange=function(t){d.isCorporate=t,t||(d.address.company=null,d.address.taxNumber=null,d.address.taxOffice=null)},this.onCompanyChange=function(t){d.address.company=t},this.onTaxNumberChange=function(t){d.address.taxNumber=t},this.onTaxOfficeChange=function(t){d.address.taxOffice=t},this.address=n.address,this.isCorporate=n.isCorporate||!1,this.isErrorsVisible=n.isErrorsVisible||!1,this.isCustomerAddress=n.isCustomerAddress||!1,this.allowedCountryIds=n.allowedCountryIds,this.allowCorporateInfo=n.allowCorporateInfo||!1,this.allowTitleChange=n.allowTitleChange||!1,this.firstNameChangeCallback=n.firstNameChangeCallback||null,this.lastNameChangeCallback=n.lastNameChangeCallback||null,i(this,{firstNameChangeCallback:!1,lastNameChangeCallback:!1}),this.fillDropdownOptions()}return Object.defineProperty(c.prototype,"firstName",{get:function(){return this.address.firstName},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"lastName",{get:function(){return this.address.lastName},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"phone",{get:function(){return this.address.phone},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"identityNumber",{get:function(){return this.address.identityNumber},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"country",{get:function(){return this.address.country},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"state",{get:function(){return this.address.state},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"city",{get:function(){return this.address.city},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"district",{get:function(){return this.address.district},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"countryOptions",{get:function(){var t=this.countries.map(this.modelToOption);return t.sort((function(t,e){return n(t.label,e.label)})),t},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"stateOptions",{get:function(){var t=this.states.map(this.modelToOption);return t.sort((function(t,e){return n(t.label,e.label)})),t},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"cityOptions",{get:function(){return this.cities.map(this.modelToOption)},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"districtOptions",{get:function(){var t=this.districts.map(this.modelToOption);return t.sort((function(t,e){return n(t.label,e.label)})),t},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"hasState",{get:function(){return this.states.length>1},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"isFreeTextCity",{get:function(){var t=this;return d.some((function(e){var i,s;return(null===(s=null===(i=t.address.country)||void 0===i?void 0:i.iso2)||void 0===s?void 0:s.toLowerCase())===e.toLowerCase()}))},enumerable:!1,configurable:!0}),Object.defineProperty(c.prototype,"isDistrictHidden",{get:function(){var t=this;return a.some((function(e){var i,s;return(null===(s=null===(i=t.address.country)||void 0===i?void 0:i.iso2)||void 0===s?void 0:s.toLowerCase())===e.toLowerCase()}))},enumerable:!1,configurable:!0}),c}();export{c as default};

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare type Props = {
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    text: string | React.ReactNode;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isLine?: boolean;
+    size?: "large" | "medium";
+    style?: React.CSSProperties;
+    onClick?: () => void;
+};
+export declare const Button: React.FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import i from"./style.module.scss.js";var o=t((function(t){var o=t.type,r=void 0===o?"button":o,s=t.text,a=t.style,m=t.onClick,l=t.size,n=t.isLoading,c=t.isDisabled,d=t.isLine;return e.createElement("button",{style:a,type:r,className:[i.Button,i.Dark,"medium"===l?i.Medium:i.Large,d?i.Line:"",c?i.Disabled:""].join(" "),onClick:n?void 0:m},n?e.createElement("div",{className:i.loader}):s)}));export{o as Button};

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

@@ -0,0 +1 @@
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={Button:"style-module_Button__6nJbC",Large:"style-module_Large__hkKzC",Medium:"style-module_Medium__mIppZ",Dark:"style-module_Dark__wBpK-",Disabled:"style-module_Disabled__q1oR3",FullWidthMobile:"style-module_FullWidthMobile__u3WzK",Line:"style-module_Line__CskG8",loader:"style-module_loader__0mmjk",load8:"style-module_load8__RHKLN"};e(".style-module_Button__6nJbC {\n  cursor: pointer;\n  user-select: none;\n  border: 1px transparent solid;\n  border-radius: 8px;\n  font-weight: 600 !important;\n  text-align: center;\n  position: relative;\n  transition: all 0.2s;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_Button__6nJbC:focus {\n  outline: 0;\n}\n.style-module_Button__6nJbC.style-module_Large__hkKzC {\n  height: 56px;\n  padding: 0 24px;\n}\n.style-module_Button__6nJbC.style-module_Medium__mIppZ {\n  height: 48px;\n  padding: 0 16px;\n}\n.style-module_Button__6nJbC.style-module_Dark__wBpK- {\n  background-color: var(--checkout-button-bg-color);\n  color: var(--checkout-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Disabled__q1oR3 {\n  background-color: var(--checkout-button-disabled-bg-color);\n  color: var(--checkout-button-disabled-text-color);\n  pointer-events: none;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Button__6nJbC.style-module_FullWidthMobile__u3WzK {\n    width: 100%;\n  }\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 {\n  background-color: transparent;\n  border-color: var(--checkout-border-color);\n  color: var(--checkout-button-bg-color);\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 .style-module_loader__0mmjk {\n  border-left: 0.5em solid var(--checkout-button-bg-color);\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk,\n.style-module_Button__6nJbC .style-module_loader__0mmjk:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk {\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-text-color);\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: style-module_load8__RHKLN 1.1s infinite linear;\n  animation: style-module_load8__RHKLN 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__RHKLN {\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__RHKLN {\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/cart-summary/cart-item/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { IkasOrderLineItem } from "../../../../../models";
+import CheckoutViewModel from "../../../../../components/checkout/model";
+declare type Props = {
+    vm: CheckoutViewModel;
+    currencyCode: string;
+    cartItem: IkasOrderLineItem;
+};
+export declare const CartItem: React.FC<Props>;
+export {};

package/build/components/checkout/components/cart-summary/cart-item/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import"../../../../../models/data/blog/category/index.js";import"../../../../../models/data/blog/content/index.js";import"../../../../../models/data/blog/meta-data/index.js";import"../../../../../models/data/blog/tag/index.js";import"mobx";import"../../../../../models/data/blog/index.js";import"../../../../../models/data/brand/index.js";import{IkasProductOptionType as a}from"@ikas/storefront-models";import"../../../../../models/data/campaign-offer/index.js";import"../../../../../models/data/cart/campaign-offer/index.js";import"../../../../../models/data/cart/index.js";import"../../../../../models/data/category/path-item/index.js";import"../../../../../models/data/category/index.js";import"../../../../../models/data/checkout/index.js";import"../../../../../models/data/checkout-settings/index.js";import"../../../../../models/data/city/index.js";import"../../../../../models/data/country/index.js";import"../../../../../models/data/customer/address/index.js";import"../../../../../models/data/customer/attribute/index.js";import"../../../../../models/data/customer/review/summary/index.js";import"../../../../../models/data/customer/review/index.js";import"../../../../../models/data/customer/index.js";import"../../../../../models/data/district/index.js";import"../../../../../models/data/favorite-product/index.js";import"../../../../../models/data/filter-category/index.js";import"../../../../../models/data/html-meta-data/index.js";import"../../../../../models/data/image/index.js";import"../../../../../models/data/order/address/index.js";import"../../../../../models/data/order/line-item/variant/value/index.js";import"../../../../../models/data/order/line-item/variant/index.js";import"../../../../../models/data/order/line-item/index.js";import"../../../../../models/data/order/package/index.js";import"../../../../../models/data/order/index.js";import"../../../../../models/data/payment-gateway/index.js";import"../../../../../models/data/product/attribute-value/index.js";import"../../../../../models/data/product/filter/index.js";import"../../../../../models/data/product/option-set/option/index.js";import"../../../../../models/data/product/option-set/index.js";import"../../../../../models/data/product/variant/price/index.js";import"../../../../../models/data/product/variant/index.js";import"../../../../../models/data/variant-type/index.js";import"../../../../../models/data/product/index.js";import"../../../../../models/data/raffle/index.js";import"../../../../../models/data/state/index.js";import"../../../../../models/data/theme-json/index.js";import"../../../../../models/data/theme-json/custom-data/index.js";import"../../../../../models/data/variant-type/variant-value/index.js";import"../../../../../models/ui/blog-list/index.js";import"../../../../../models/ui/blog-category-list/index.js";import"../../../../../models/ui/brand-list/index.js";import"../../../../../models/ui/category-list/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/customer-review-summary-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{formatDate as i}from"../../../../../utils/helper.js";import"@ikas/storefront-config";import{useTranslation as o}from"../../../../../utils/i18n.js";import{Modal as r}from"../../modal/index.js";import m from"./style.module.scss.js";var s=t((function(t){var s,d,n;t.vm,t.currencyCode;var l=t.cartItem,c=o().t,p=e.useState(!1),u=p[0],v=p[1],j=e.useMemo((function(){var t;return e.createElement("div",null,null===(t=l.options)||void 0===t?void 0:t.map((function(t){switch(t.type){case a.TEXT:case a.TEXT_AREA:case a.CHOICE:return e.createElement("div",{className:m.OptionRow},e.createElement("div",{className:m.OptionName},t.name),e.createElement("div",{className:m.OptionValue},t.values.map((function(e){return e.name||e.value})).join(", ")));case a.DATE_PICKER:return e.createElement("div",{className:m.OptionRow},e.createElement("div",{className:m.OptionName},t.name),e.createElement("div",{className:m.OptionValue},t.values.map((function(e){return t=e.value,(a=i(new Date(t)).split(" ")).splice(-1),a.join(" ");var t,a})).join(", ")));case a.FILE:return e.createElement("div",{className:m.OptionRow},e.createElement("div",{className:m.OptionName},t.name),e.createElement("div",{className:m.OptionValue},t.values.map((function(e){return t=e.value,decodeURIComponent(t.split("/")[t.split("/").length-1]);var t})).join(", ")));case a.CHECKBOX:return e.createElement("div",{className:m.OptionRow},e.createElement("div",{className:m.OptionName},t.name),e.createElement("div",{className:m.OptionValue},t.values.length&&"true"===t.values[0].value?c("checkout-page:yes"):c("checkout-page:no")));case a.COLOR_PICKER:return e.createElement("div",{className:m.OptionRow},e.createElement("div",{className:m.OptionName},t.name),e.createElement("div",{className:m.OptionsHorContainer},t.values.map((function(t,a){return e.createElement("div",{key:a,className:m.OptionColorValue,style:{backgroundColor:t.value}})}))))}})))}),[]);return e.createElement("div",{className:m.CheckoutItem},e.createElement("div",{className:m.ImageContainer},e.createElement("img",{className:m.Image,src:null===(s=l.variant.mainImage)||void 0===s?void 0:s.thumbnailSrc}),e.createElement("div",{className:m.QuantityCircle},l.quantity)),e.createElement("div",{className:m.Center},e.createElement("div",{className:m.Name},l.variant.name),e.createElement("div",{className:[m.LightText,m.Small].join(" ")},null===(d=l.variant.variantValues)||void 0===d?void 0:d.map((function(e){return e.variantValueName})).join(" / ")),!!(null===(n=l.options)||void 0===n?void 0:n.length)&&e.createElement("div",{className:m.OptionsText,onClick:function(){return v(!0)}},c("checkout-page:customizedProduct")),!!u&&e.createElement(r,{title:l.variant.name,modalContent:j,onClose:function(){return v(!1)}})),e.createElement("div",{className:m.Right},e.createElement("div",{className:m.Price},!!l.overridenPriceWithQuantity&&e.createElement("span",{className:m.GrayPrice},l.formattedOverridenPriceWithQuantity),l.formattedFinalPriceWithQuantity),l.unitPriceText&&e.createElement("div",{className:[m.LightText,m.Small].join(" ")},l.unitPriceText)))}));export{s as CartItem};

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

@@ -0,0 +1 @@
+import e from'./../../../../../ext/style-inject/dist/style-inject.es.js';var t={CheckoutItem:"style-module_CheckoutItem__DaU-Y",ImageContainer:"style-module_ImageContainer__Nr1VF",Image:"style-module_Image__EskwT",QuantityCircle:"style-module_QuantityCircle__sv1mk",Center:"style-module_Center__ZOloc",Name:"style-module_Name__z-5-n",OptionsText:"style-module_OptionsText__7Gcy6",Right:"style-module_Right__WoFoc",Price:"style-module_Price__4WmJv",GrayPrice:"style-module_GrayPrice__Gtch1",LightText:"style-module_LightText__uO43H",Small:"style-module_Small__peZjv",OptionRow:"style-module_OptionRow__lt6CJ",OptionName:"style-module_OptionName__09oij",OptionValue:"style-module_OptionValue__4fCYP",OptionsHorContainer:"style-module_OptionsHorContainer__eTmOO",OptionColorValue:"style-module_OptionColorValue__oNEyN"};e(".style-module_CheckoutItem__DaU-Y {\n  display: flex;\n  width: 100%;\n  margin-bottom: 24px;\n}\n.style-module_CheckoutItem__DaU-Y:last-child {\n  margin-bottom: 0;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF {\n  flex: 0 0 auto;\n  width: 64px;\n  position: relative;\n  margin-right: 16px;\n  overflow: visible;\n}\n@media only screen and (max-width: 375px) {\n  .style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF {\n    width: 56px;\n  }\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF .style-module_Image__EskwT {\n  width: 100%;\n  object-fit: contain;\n  border-radius: 8px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF .style-module_QuantityCircle__sv1mk {\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  background-color: var(--checkout-button-bg-color);\n  color: var(--checkout-button-text-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  font-weight: 500;\n  position: absolute;\n  top: -10px;\n  right: -10px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc {\n  position: relative;\n  flex: 1 1 auto;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_Name__z-5-n {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n  max-height: 40px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_OptionsText__7Gcy6 {\n  font-size: 12px;\n  color: var(--checkout-primary-text-color);\n  line-height: 16px;\n  margin-top: 2px;\n  user-select: none;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_OptionsText__7Gcy6:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  padding-left: 12px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc .style-module_Price__4WmJv {\n  font-size: 14px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc .style-module_GrayPrice__Gtch1 {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  text-decoration: line-through;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_LightText__uO43H {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  line-height: 20px;\n  margin-top: 2px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_LightText__uO43H.style-module_Small__peZjv {\n  font-size: 12px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  max-width: 400px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionName__09oij {\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  margin-right: 8px;\n  font-weight: 500;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionValue__4fCYP {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionsHorContainer__eTmOO {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionColorValue__oNEyN {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  margin-right: 4px;\n}");export{t as default};

package/build/components/checkout/components/cart-summary/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+    allowExpand?: boolean;
+};
+export declare const CartSummary: React.FC<Props>;
+export {};

package/build/components/checkout/components/cart-summary/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as o from"react";import{observer as n}from"mobx-react-lite";import a from"lodash/sortBy";import c from"../input-with-button/index.js";import l from"../notification-box/index.js";import{CheckoutStep as r}from"../../model.js";import{IkasStorefrontConfig as i}from"@ikas/storefront-config";import{formatCurrency as m}from"../../../../utils/currency.js";import{useTranslation as u}from"../../../../utils/i18n.js";import{CartItem as s}from"./cart-item/index.js";import{FormItem as d}from"../form-item/index.js";import{FormItemType as p}from"../form-item/model.js";import E from"../tooltip/index.js";import v from"../svg/arrow-down.js";import h from"../svg/cross.js";import C from"../svg/gift.js";import f from"./style.module.scss.js";import k from"../svg/ikas.js";var g=n((function(e){var t,n,a=e.vm,c=e.allowExpand,d=a.checkout,p=u().t,E=o.useState(!c),h=E[0],C=E[1],g=o.useState(!1),x=g[0],j=g[1],w=o.useState(0),A=w[0],P=w[1],I=o.useState(null),L=I[0],R=I[1],D=o.useState(!1),B=D[0],U=D[1],F=o.useState(!1),V=F[0],M=F[1];o.useEffect((function(){c&&(h?L&&P(L.getBoundingClientRect().height):P(0))}),[h,L,c,B,V,x]);var O=[f.CartSummary,c?f.HideOnDesktop:""].join(" "),_=c?{height:A+"px"}:void 0,z=[f.ArrowDown,h?f.Rotated:""].join(" ");return d?o.createElement(o.Fragment,null,!!c&&o.createElement(o.Fragment,null,o.createElement("div",{id:"checkout-mobile-summary-header"}),o.createElement("div",{className:f.ExpandHeader,onClick:function(){if(!h){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}C(!h)}},o.createElement("div",{className:f.Left},p("checkout-page:summary")),o.createElement("div",{className:f.Price},o.createElement("span",{className:f.PriceText},"".concat(m(a.finalPrice||0,d.currencyCode,d.currencySymbol)," (").concat(d.items.length," ").concat(p("checkout-page:cartItemProduct"),")")),o.createElement("span",{className:z},o.createElement(v,null))))),o.createElement("div",{className:O},o.createElement("div",{className:f.DetailsContainer,style:_},o.createElement("div",{className:f.Details,ref:R},o.createElement("div",{className:f.ItemsContainer},d.items.map((function(e,t){return o.createElement(s,{key:t,vm:a,cartItem:e,currencyCode:d.currencyCode})}))),o.createElement("div",{className:f.Divider}),o.createElement("div",{className:f.SubTotalInfo},x&&o.createElement("div",{className:f.NotificationContainer},o.createElement(l,{type:"warning",title:p("checkout-page:giftCodeErrorTitle"),content:p("checkout-page:giftCodeErrorDescription"),onClose:function(){return j(!1)}})),o.createElement(N,{label:p("checkout-page:subtotal"),value:d.formattedTotalPrice,tooltipText:p("checkout-page:subtotalTooltip")}),!!(null===(t=d.shippingLines)||void 0===t?void 0:t.length)&&o.createElement(N,{label:p("checkout-page:cartShippingTitle"),value:d.shippingTotal?d.formattedShippingTotal:p("checkout-page:free")}),!!a.installmentExtraPrice&&o.createElement(N,{label:p("checkout-page:cartInterest"),value:m(a.installmentExtraPrice,d.currencyCode,d.currencySymbol)}),o.createElement(y,{vm:a}),o.createElement(S,{vm:a}),(a.step===r.SUCCESS&&(!!a.checkout.note||!!a.checkout.appliedCouponCode)||a.step!==r.SUCCESS)&&o.createElement("div",{className:f.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),o.createElement(b,{vm:a,isAddingCoupon:V,setAddingCoupon:M,setCouponError:j}),o.createElement(T,{vm:a,isAddingNote:B,setAddingNote:U})),o.createElement("div",{className:f.TotalContainer},o.createElement("div",{className:f.TitleContainer},o.createElement("div",{className:f.Title},p("checkout-page:total"))),o.createElement("div",null,o.createElement("div",{className:f.TotalPricesContainer},o.createElement("div",{className:f.TotalPrice},m(a.finalPrice||0,d.currencyCode,d.currencySymbol)),!!d.$totalTax&&!!(null===(n=a.customizationProps)||void 0===n?void 0:n.showTax)&&o.createElement("div",{className:[f.TotalTax].join(" ")},p("checkout-page:cartTaxTitle")+" "+d.$formattedTotalTax)))),o.createElement("div",{className:f.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===i.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(k,null))))))):null})),N=n((function(e){var t=e.label,n=e.value,a=e.tooltipText;return o.createElement("div",{className:f.InfoRow},o.createElement("div",{className:f.Label},o.createElement("span",null,t),!!a&&o.createElement(E,{text:a,style:{marginLeft:"8px"}})),o.createElement("div",{className:f.Value},n))})),y=n((function(e){var t=e.vm,n=u().t;return t.checkout?o.createElement(o.Fragment,null,a(t.checkout.nonCouponAdjustments||[],"order").map((function(e,a){return o.createElement("div",{className:f.InfoRow,key:a},o.createElement("div",{className:f.Label},"INTEREST"===e.name?n("checkout-page:cartInterest"):e.name),o.createElement("div",{className:f.Value},o.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",o.createElement("span",null,m(e.amount,t.checkout.currencyCode,t.checkout.currencySymbol))))}))):null})),S=n((function(e){var t,n,a=e.vm,c=u().t;return a.checkout?o.createElement(o.Fragment,null,a.step!==r.SUCCESS&&((null===(t=a.checkout.selectedPaymentGateway)||void 0===t?void 0:t.getCalculatedAdditionalPrices(a.checkout.totalFinalPrice||0,a.checkout.shippingLines||null))||[]).filter((function(e){return 0!==e.amount})).map((function(e,t){return o.createElement("div",{className:f.InfoRow,key:t},o.createElement("div",{className:f.Label},e.name),o.createElement("div",{className:f.Value},o.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",o.createElement("span",null,m(e.amount,a.checkout.currencyCode,a.checkout.currencySymbol))))})),null===(n=a.checkout.giftPackageLines)||void 0===n?void 0:n.map((function(e,t){return o.createElement("div",{className:f.InfoRow,key:t},o.createElement("div",{className:f.Label},o.createElement("div",{className:f.GiftLabel},o.createElement(C,{style:{position:"relative",top:"-1px"}}),o.createElement("span",null,c("checkout-page:giftPackage")))),o.createElement("div",{className:f.Value},o.createElement("span",null,m(e.price,a.checkout.currencyCode,a.checkout.currencySymbol))))}))):null})),b=n((function(n){var a=n.vm,l=n.isAddingCoupon,i=n.setAddingCoupon,s=n.setCouponError,d=u().t,p=o.useState(""),E=p[0],v=p[1],C=o.useState(!1),k=C[0],g=C[1];if(a.step===r.SUCCESS&&!a.checkout.appliedCouponCode)return null;var N=a.checkout.couponAdjustment;return o.createElement("div",{className:f.InfoRow},!a.checkout.appliedCouponCode&&!l&&o.createElement("div",{className:f.ActionTextBtn,onClick:function(){return i(!0)}},d("checkout-page:addCouponCode")),l&&o.createElement(c,{value:E,placeholder:d("checkout-page:couponCode"),buttonLabel:d("checkout-page:actions.apply"),onClick:function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=E,g(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),g(!1),v(""),a.checkout.appliedCouponCode?(i(!1),s(!1)):(s(!0),a.checkout.couponCode=null),[2]}}))}))},isLoading:k,onChange:v}),!!a.checkout.appliedCouponCode&&!l&&o.createElement("div",{className:[f.ActionTextBtn,f.NoUnderline,f.Light].join(" ")},d("checkout-page:couponCode"),o.createElement("span",{className:f.AppliedCoupon},o.createElement("span",{className:f.CouponCode},a.checkout.appliedCouponCode),a.step!==r.SUCCESS&&o.createElement("span",{className:f.ClearCoupon,onClick:function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=null,g(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),g(!1),[2]}}))}))}},o.createElement(h,null)))),!!a.checkout.appliedCouponCode&&!l&&o.createElement("div",{className:f.Value},o.createElement("span",null,"DECREMENT"===(null==N?void 0:N.type)?"- ":"")," ",o.createElement("span",null,m((null==N?void 0:N.amount)||0,a.checkout.currencyCode,a.checkout.currencySymbol))))})),T=n((function(e){var t=e.vm,n=e.isAddingNote,a=e.setAddingNote,c=u().t,l=o.useState(t.checkout.note?c("checkout-page:editOrderNote"):c("checkout-page:addOrderNote"))[0],i=o.useCallback((function(){a(!0)}),[]),m=o.useCallback((function(e){t.checkout.note=e}),[t,t.checkout]);if(!t.checkoutSettings.showCheckoutNote)return null;var s=t.step===r.SUCCESS;return s&&!t.checkout.note?null:o.createElement("div",{className:f.InfoRow},!n&&!s&&o.createElement("div",{className:f.ActionTextBtn,onClick:i},l),(n||s)&&o.createElement("div",{className:[f.CheckoutNoteContainer,s?f.Success:""].join(" ")},o.createElement("div",{className:f.Title},c("checkout-page:orderNote")),s?o.createElement("div",{className:f.CheckoutNoteDisplay},t.checkout.note):o.createElement(d,{style:{width:"100%"},type:p.TEXT_AREA,disableResize:!0,label:"",value:t.checkout.note||"",onChange:m})))}));export{g as CartSummary};

package/build/components/checkout/components/cart-summary/style.module.scss.js

@@ -0,0 +1 @@
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandHeader:"style-module_ExpandHeader__LQwWm",Left:"style-module_Left__-N12h",Price:"style-module_Price__OT1Wh",PriceText:"style-module_PriceText__bq1pk",ArrowDown:"style-module_ArrowDown__YhRny",Rotated:"style-module_Rotated__ZPfId",CartSummary:"style-module_CartSummary__m77tn",HideOnDesktop:"style-module_HideOnDesktop__Vs5AV",ItemsContainer:"style-module_ItemsContainer__QFKQV",DetailsContainer:"style-module_DetailsContainer__PK33m",Details:"style-module_Details__hWJ9o",Divider:"style-module_Divider__MNDti",ActionTextBtn:"style-module_ActionTextBtn__7yua4",NoUnderline:"style-module_NoUnderline__FphKn",Light:"style-module_Light__dIcW-",SubTotalInfo:"style-module_SubTotalInfo__JMqK9",InfoRow:"style-module_InfoRow__oAvZS",Label:"style-module_Label__28Bij",Value:"style-module_Value__7rELF",TotalContainer:"style-module_TotalContainer__sGR7d",TitleContainer:"style-module_TitleContainer__LgmJI",Title:"style-module_Title__oMVSD",TotalPricesContainer:"style-module_TotalPricesContainer__-PsOD",TotalPrice:"style-module_TotalPrice__QBdM1",TotalTax:"style-module_TotalTax__9pA4Y",AppliedCoupon:"style-module_AppliedCoupon__UNo1h",CouponCode:"style-module_CouponCode__UKPmf",ClearCoupon:"style-module_ClearCoupon__CBAzl",NotificationContainer:"style-module_NotificationContainer__AXfJT",CheckoutNoteContainer:"style-module_CheckoutNoteContainer__d-z4m",CheckoutNoteDisplay:"style-module_CheckoutNoteDisplay__DtnXo",Success:"style-module_Success__VI2Bw",GiftLabel:"style-module_GiftLabel__cazrS",PoweredBy:"style-module_PoweredBy__DKBJF"};e(".style-module_ExpandHeader__LQwWm {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 48px;\n  padding: 0 24px;\n  width: 100%;\n  border-top: 1px solid var(--checkout-border-color);\n  border-bottom: 1px solid var(--checkout-border-color);\n  transition: border-bottom 0.3s;\n  user-select: none;\n  background-color: var(--checkout-primary-bg-color);\n}\n@media only screen and (min-width: 1000px) {\n  .style-module_ExpandHeader__LQwWm {\n    display: none;\n  }\n}\n.style-module_ExpandHeader__LQwWm .style-module_Left__-N12h {\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  font-weight: 600;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh {\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_PriceText__bq1pk {\n  font-weight: 600;\n  margin-right: 8px;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny {\n  transition: all 0.3s;\n  display: flex;\n  align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny.style-module_Rotated__ZPfId {\n  transform: rotate(-180deg);\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn {\n    width: 100%;\n    background-color: var(--checkout-card-bg-color);\n  }\n}\n@media only screen and (min-width: 1000px) {\n  .style-module_CartSummary__m77tn.style-module_HideOnDesktop__Vs5AV {\n    display: none;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n  max-height: 320px;\n  overflow-y: auto;\n  padding-top: 10px;\n  margin-bottom: 24px;\n  /* Track */\n  /* Handle */\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n    max-height: unset;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar {\n  width: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #E3E7EF;\n  border: solid 3px transparent;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px #000000;\n  border: solid 3px transparent;\n}\n.style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n  overflow: hidden;\n  width: 100%;\n  transition: height 0.3s ease-in-out;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n    padding: 0 24px;\n    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n  }\n}\n.style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n  overflow: hidden;\n  padding-top: 10px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n    padding-top: 24px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_Divider__MNDti {\n  width: 100%;\n  height: 1px;\n  margin: auto;\n  background-color: var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4 {\n  color: var(--checkout-primary-text-color);\n  user-select: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4:hover {\n  text-decoration: underline;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_NoUnderline__FphKn:hover {\n  text-decoration: none;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_Light__dIcW- {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 {\n  padding: 24px 0;\n  border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Label__28Bij {\n  color: var(--checkout-secondary-text-color);\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Value__7rELF {\n  flex: 0 0 auto;\n  padding-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS:last-of-type {\n  margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 12px;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TitleContainer__LgmJI .style-module_Title__oMVSD {\n  font-size: 20px;\n  font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPricesContainer__-PsOD {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPrice__QBdM1 {\n  font-size: 20px;\n  font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalTax__9pA4Y {\n  font-size: 14px;\n  line-height: 24px;\n  color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n    height: 64px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h {\n  display: flex;\n  align-items: center;\n  padding: 4px 4px 4px 8px;\n  background-color: white;\n  border-radius: 6px;\n  margin-left: 12px;\n  font-size: 14px;\n  line-height: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_CouponCode__UKPmf {\n  font-size: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl svg {\n  transform: scale(0.8);\n}\n.style-module_CartSummary__m77tn .style-module_NotificationContainer__AXfJT {\n  margin-bottom: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n  margin-top: 24px;\n  width: calc(100% - 2px);\n  margin-left: 1px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_Title__oMVSD {\n  font-size: 16px;\n  color: var(--checkout-primary-text-color);\n  margin-bottom: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_CheckoutNoteDisplay__DtnXo {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m.style-module_Success__VI2Bw {\n  margin-top: 0;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n    margin-top: 0px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS {\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS span {\n  margin-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n  width: 100%;\n  height: 50px;\n  justify-content: center;\n  align-items: center;\n  color: var(--checkout-primary-text-color);\n  display: none;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n    display: flex;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF span {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--checkout-secondary-text-color);\n  margin-right: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF a {\n  display: flex;\n  align-items: center;\n}");export{n as default};

package/build/components/checkout/components/checkbox/check.d.ts

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

package/build/components/checkout/components/checkbox/check.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",width:"10.3",height:"8",viewBox:"8.9 0.3 10.3 8","enable-background":"new 8.9 0.3 10.3 8",className:a},e.createElement("path",{fill:"currentColor",d:"M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z"}))};export{t as default};

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

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

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

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

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

@@ -0,0 +1 @@
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var o={CheckboxWrapper:"style-module_CheckboxWrapper__lpeqM",WithoutPadding:"style-module_WithoutPadding__8CxKN",CheckboxContainer:"style-module_CheckboxContainer__VawRy",CheckboxBorder:"style-module_CheckboxBorder__kolgJ",Checked:"style-module_Checked__SPTXQ",CheckboxTick:"style-module_CheckboxTick__GJAoU",Visible:"style-module_Visible__mfOlV",CheckboxLabel:"style-module_CheckboxLabel__QoEig",CheckboxLabelError:"style-module_CheckboxLabelError__2QF0I"};e(".style-module_CheckboxWrapper__lpeqM {\n  width: 100%;\n  display: flex;\n  padding: 8px 0;\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n}\n.style-module_CheckboxWrapper__lpeqM.style-module_WithoutPadding__8CxKN {\n  padding: 0;\n}\n.style-module_CheckboxWrapper__lpeqM .style-module_CheckboxContainer__VawRy {\n  flex: 0 0 auto;\n  position: relative;\n  width: 20px;\n  height: 20px;\n  margin-right: 12px;\n}\n.style-module_CheckboxWrapper__lpeqM .style-module_CheckboxBorder__kolgJ {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\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__lpeqM .style-module_CheckboxBorder__kolgJ.style-module_Checked__SPTXQ {\n  border: 10px solid var(--checkout-button-bg-color);\n}\n.style-module_CheckboxWrapper__lpeqM .style-module_CheckboxTick__GJAoU {\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__lpeqM .style-module_CheckboxTick__GJAoU.style-module_Visible__mfOlV {\n  opacity: 1;\n  transform: scale(1.2);\n}\n.style-module_CheckboxWrapper__lpeqM .style-module_CheckboxLabel__QoEig {\n  flex: 1 1 auto;\n  font-weight: normal;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckboxWrapper__lpeqM .style-module_CheckboxLabelError__2QF0I {\n  color: var(--checkout-error-color);\n}");export{o as default};

package/build/components/checkout/components/credit-card-form/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+};
+export declare const CreditCardForm: React.FC<Props>;
+export {};

package/build/components/checkout/components/credit-card-form/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as r}from"mobx-react-lite";import{FormItem as t}from"../form-item/index.js";import{FormItemInputType as a,FormItemType as o}from"../form-item/model.js";import c from"./svg/amex.js";import l from"./svg/master-card.js";import m from"./svg/troy.js";import n from"./svg/visa.js";import i from"../../styles/common.module.scss.js";import s from"../../style.module.scss.js";import u from"./style.module.scss.js";import{useTranslation as d}from"../../../../utils/i18n.js";import{IkasTransactionCardAssociation as p}from"@ikas/storefront-models";var E=r((function(r){var E,v=r.vm,C=d().t,g=v.cardData;if(!g)return null;return e.createElement("div",null,e.createElement("div",{className:s.RowPB},e.createElement(t,{name:"cardnumber",autocomplete:"cc-number",inputType:a.NUMERIC,type:o.TEXT,label:C("checkout-page:cardNumber"),value:g.cardNumber,onChange:v.onCardNumberChange,errorText:C("checkout-page:cardNumberError"),rightContent:(null===(E=v.installmentInfo)||void 0===E?void 0:E.cardAssociation)?e.createElement("div",{className:u.CardLogo},function(r){switch(r){case p.AMERICAN_EXPRESS:return e.createElement(c,null);case p.MASTER_CARD:return e.createElement(l,null);case p.TROY:return e.createElement(m,null);case p.VISA:return e.createElement(n,null);default:return e.createElement("div",null)}}(v.installmentInfo.cardAssociation)):void 0,hasError:v.isErrorsVisible&&!g.validationResult.cardNumber})),e.createElement("div",{className:s.RowPB},e.createElement(t,{name:"ccname",autocomplete:"cc-name",type:o.TEXT,label:C("checkout-page:cardHolderName"),value:g.cardHolderName,onChange:v.onCardHolderNameChange,errorText:C("checkout-page:cardHolderError"),hasError:v.isErrorsVisible&&!g.validationResult.cardHolderName})),e.createElement("div",{className:[i.Grid,i.Grid2].join(" ")},e.createElement(t,{name:"cc-exp",autocomplete:"cc-exp",inputType:a.NUMERIC,type:o.TEXT,label:C("checkout-page:cardExpiry"),value:g.expirationDate,onChange:v.onExpirationDateChange,errorText:C("checkout-page:cardExpiryError"),hasError:v.isErrorsVisible&&!g.validationResult.expirationDate}),e.createElement(t,{name:"cvc",autocomplete:"cc-csc",inputType:a.NUMERIC,type:o.TEXT,label:C("checkout-page:cardCVC"),value:g.cvv,onChange:v.onCvcChange,errorText:C("checkout-page:cardCVCError"),tooltipText:C("checkout-page:cardCVCTooltip"),hasError:v.isErrorsVisible&&!g.validationResult.cvv})))}));export{E as CreditCardForm};

package/build/components/checkout/components/credit-card-form/model.d.ts

@@ -0,0 +1,26 @@
+export default class CreditCardData {
+    cardNumber?: string;
+    cardHolderName?: string;
+    expirationDate?: string;
+    cvv?: string;
+    installmentCount: number;
+    threeDSecure: boolean;
+    constructor(data?: Partial<CreditCardData>);
+    get validationResult(): CreditCardDataValidation;
+    get isValid(): boolean;
+    toInput: () => {
+        cardNumber: string;
+        cardHolderName: string;
+        cvv: string;
+        expiredMonth: number;
+        expiredYear: number;
+        installmentCount: number;
+        threeDSecure: boolean;
+    };
+}
+export declare type CreditCardDataValidation = {
+    cardNumber: boolean;
+    cardHolderName: boolean;
+    expirationDate: boolean;
+    cvv: boolean;
+};

package/build/components/checkout/components/credit-card-form/model.js

@@ -0,0 +1 @@
+import{makeAutoObservable as e}from"mobx";var t=function(){function t(t){void 0===t&&(t={});var r=this;this.installmentCount=1,this.toInput=function(){var e=r.expirationDate.split(" / "),t=parseInt(e[0]),i=parseInt(e[1]);return{cardNumber:r.cardNumber.split(" ").join(""),cardHolderName:r.cardHolderName,cvv:r.cvv,expiredMonth:t,expiredYear:i,installmentCount:r.installmentCount,threeDSecure:r.threeDSecure}},this.cardNumber=t.cardNumber||"",this.cardHolderName=t.cardHolderName||"",this.expirationDate=t.expirationDate||"",this.cvv=t.cvv||"",this.installmentCount=t.installmentCount||1,this.threeDSecure=t.threeDSecure||!1,e(this)}return Object.defineProperty(t.prototype,"validationResult",{get:function(){return{cardNumber:!!this.cardNumber&&19===this.cardNumber.length,cardHolderName:!!this.cardHolderName,expirationDate:!!this.expirationDate&&7===this.expirationDate.length,cvv:!!this.cvv}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isValid",{get:function(){return Object.values(this.validationResult).every((function(e){return e}))},enumerable:!1,configurable:!0}),t}();export{t as default};

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

@@ -0,0 +1 @@
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={CardLogo:"style-module_CardLogo__ZumnP"};e(".style-module_CardLogo__ZumnP {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding-right: 16px;\n}");export{t as default};

package/build/components/checkout/components/credit-card-form/svg/amex.d.ts

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

package/build/components/checkout/components/credit-card-form/svg/amex.js

@@ -0,0 +1 @@
+import*as L from"react";var e=function(e){var H=e.className;return L.createElement("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:H},L.createElement("path",{d:"M2 0.5H30C30.8284 0.5 31.5 1.17157 31.5 2V22C31.5 22.8284 30.8284 23.5 30 23.5H2C1.17157 23.5 0.5 22.8284 0.5 22V2C0.5 1.17157 1.17157 0.5 2 0.5Z",fill:"#1F72CD",stroke:"#E5E4E9"}),L.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.93431 9L3 15.5453H6.51278L6.94826 14.5017H7.94368L8.37916 15.5453H12.2457V14.7488L12.5903 15.5453H14.5904L14.9349 14.7319V15.5453H22.9764L23.9542 14.5288L24.8697 15.5453L29 15.5537L26.0564 12.2909L29 9H24.9338L23.982 9.9977L23.0952 9H14.3472L13.596 10.6894L12.8272 9H9.32172V9.7694L8.93177 9H5.93431ZM6.6141 9.92922H8.32639L10.2727 14.3676V9.92922H12.1485L13.6518 13.1115L15.0373 9.92922H16.9036V14.6259H15.768L15.7587 10.9456L14.103 14.6259H13.0872L11.4222 10.9456V14.6259H9.08594L8.64302 13.5729H6.25011L5.80811 14.625H4.55635L6.6141 9.92922ZM22.5606 9.92922H17.9429V14.6231H22.4891L23.9545 13.0675L25.3668 14.6231H26.8432L24.6973 12.2898L26.8432 9.92922H25.4309L23.973 11.467L22.5606 9.92922ZM7.44697 10.7239L6.6586 12.5996H8.23442L7.44697 10.7239ZM19.0826 11.7588V10.9015V10.9006H21.964L23.2212 12.2718L21.9083 13.6505H19.0826V12.7145H21.6018V11.7588H19.0826Z",fill:"white"}))};export{e as default};

package/build/components/checkout/components/credit-card-form/svg/master-card.d.ts

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

package/build/components/checkout/components/credit-card-form/svg/master-card.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var l=t.className;return e.createElement("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l},e.createElement("path",{d:"M2 0.5H30C30.8284 0.5 31.5 1.17157 31.5 2V22C31.5 22.8284 30.8284 23.5 30 23.5H2C1.17157 23.5 0.5 22.8284 0.5 22V2C0.5 1.17157 1.17157 0.5 2 0.5Z",fill:"white",stroke:"#E5E4E9"}),e.createElement("path",{d:"M12.5652 17.1304C15.6388 17.1304 18.1304 14.6388 18.1304 11.5652C18.1304 8.49163 15.6388 6 12.5652 6C9.49163 6 7 8.49163 7 11.5652C7 14.6388 9.49163 17.1304 12.5652 17.1304Z",fill:"#E61C24"}),e.createElement("path",{d:"M19.4759 17.1304C22.5494 17.1304 25.0411 14.6388 25.0411 11.5652C25.0411 8.49163 22.5494 6 19.4759 6C16.4023 6 13.9106 8.49163 13.9106 11.5652C13.9106 14.6388 16.4023 17.1304 19.4759 17.1304Z",fill:"#F99F1B"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0205 7.20801C14.6879 8.2615 13.9106 9.86684 13.9106 11.5656C13.9106 13.2643 14.6879 14.8696 16.0205 15.9231C17.3531 14.8696 18.1304 13.2643 18.1304 11.5656C18.1304 9.86684 17.3531 8.2615 16.0205 7.20801Z",fill:"#F26622"}))};export{t as default};

package/build/components/checkout/components/credit-card-form/svg/troy.d.ts

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

package/build/components/checkout/components/credit-card-form/svg/troy.js

@@ -0,0 +1 @@
+import*as e from"react";var l=function(l){var t=l.className;return e.createElement("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t},e.createElement("path",{d:"M2 0.5H30C30.8284 0.5 31.5 1.17157 31.5 2V22C31.5 22.8284 30.8284 23.5 30 23.5H2C1.17157 23.5 0.5 22.8284 0.5 22V2C0.5 1.17157 1.17157 0.5 2 0.5Z",fill:"white",stroke:"#E5E4E9"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.331 9.4811C24.0522 9.4811 23.7446 9.63656 23.6219 9.91598L22.3183 12.9041L21.8488 9.91598C21.7937 9.63656 21.6037 9.4811 21.3033 9.4811L19.652 9.4811L21.0644 14.4436C21.0904 14.5389 21.0953 14.6443 21.0764 14.7553C21.0023 15.1694 20.6068 15.5054 20.1924 15.5054L19.2677 15.5054C19.0328 15.5054 18.8782 15.6509 18.8026 15.9801L18.5972 17.21L20.2258 17.21C21.0754 17.21 22.0733 16.7831 22.7389 15.6027L26 9.4811L24.331 9.4811Z",fill:"#2F3842"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.2998 8.00041C8.78746 8.00041 9.02309 8.19493 8.93741 8.68384L8.79675 9.48037L9.91728 9.48037L9.67046 10.8795L8.54946 10.8795L8.24405 12.612C8.13851 13.2156 8.73595 13.2959 9.07869 13.2959C9.14705 13.2959 9.20376 13.2945 9.24439 13.2921L8.97033 14.8524C8.88574 14.8614 8.79848 14.873 8.61404 14.873C7.76333 14.873 6.15404 14.6453 6.47048 12.85L6.817 10.8795L6 10.8795L6.24587 9.48037L7.05484 9.48037L7.31521 8.00041L8.2998 8.00041Z",fill:"#2F3842"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7158 9.54448L17.428 11.1758C17.7829 11.3571 18.0261 11.7254 18.0261 12.1506C18.0261 12.7114 17.6057 13.171 17.0645 13.237L16.7769 14.868C16.8276 14.8713 16.8792 14.873 16.9307 14.873C18.4351 14.873 19.6536 13.6538 19.6536 12.1506C19.6536 10.9217 18.8376 9.88187 17.7158 9.54448Z",fill:"#00A6B6"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.4343 13.1255C16.0797 12.9452 15.8359 12.5752 15.8359 12.1504C15.8359 11.5931 16.2572 11.1302 16.7983 11.0651L17.0856 9.43397C17.0346 9.43082 16.9826 9.42846 16.9314 9.42846C15.4281 9.42846 14.209 10.6485 14.209 12.1504C14.209 13.3799 15.0254 14.4204 16.1471 14.7578L16.4343 13.1255Z",fill:"#00A6B6"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5661 9.48044L11.529 9.48044C12.0168 9.48044 12.2515 9.67543 12.1655 10.1645L12.0601 10.7561C12.4189 10.0279 13.197 9.4272 13.9951 9.4272C14.0999 9.4272 14.2007 9.44799 14.2007 9.44799L13.8894 11.2123C13.8894 11.2123 13.7497 11.1798 13.5317 11.1798C13.1064 11.1798 12.3871 11.3146 11.9867 12.1138C11.8913 12.3109 11.8179 12.5505 11.767 12.8392L11.4186 14.8213L9.625 14.8213L10.5661 9.48044Z",fill:"#2F3842"}))};export{l as default};

package/build/components/checkout/components/credit-card-form/svg/visa.d.ts

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

package/build/components/checkout/components/credit-card-form/svg/visa.js

@@ -0,0 +1 @@
+import*as e from"react";var l=function(l){var t=l.className;return e.createElement("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t},e.createElement("path",{d:"M2 0.5H30C30.8284 0.5 31.5 1.17157 31.5 2V22C31.5 22.8284 30.8284 23.5 30 23.5H2C1.17157 23.5 0.5 22.8284 0.5 22V2C0.5 1.17157 1.17157 0.5 2 0.5Z",fill:"white",stroke:"#E5E4E9"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.6875 15.1655H14.5025L15.6385 8.50391H13.8228L12.6875 15.1655Z",fill:"#1A1876"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.2995 11.1787C18.6651 10.8705 18.2762 10.6646 18.2804 10.3529C18.2804 10.076 18.6095 9.77969 19.3204 9.77969C19.902 9.77065 20.3709 9.88891 20.8425 10.1115L21.0888 8.66735C20.7291 8.53239 20.1656 8.3877 19.4616 8.3877C17.6675 8.3877 16.4035 9.29135 16.3931 10.586C16.3827 11.5432 17.2954 12.0774 17.9841 12.396C18.6909 12.7223 18.9288 12.931 18.9253 13.2225C18.9211 13.6691 18.3611 13.8729 17.8387 13.8729C17.0331 13.8729 16.6269 13.7484 15.8957 13.4173L15.6411 14.9087C16.0655 15.0945 16.8495 15.2559 17.6641 15.2642C19.5729 15.2642 20.8119 14.371 20.8258 12.988C20.8307 12.2305 20.3472 11.6538 19.2995 11.1787Z",fill:"#1A1876"}),e.createElement("path",{d:"M25.7438 8.50977H24.3407C23.9059 8.50977 23.581 8.62872 23.3897 9.06211L20.6934 15.1672H22.6001C22.6001 15.1672 22.9118 14.3463 22.9827 14.1661C23.1914 14.1661 25.0433 14.1689 25.3083 14.1689C25.3626 14.4019 25.5295 15.1672 25.5295 15.1672H27.2144L25.7438 8.50977ZM23.5052 12.804C23.5803 12.612 24.3212 10.7094 24.4694 10.3059C24.7149 11.4545 24.4756 10.34 25.0127 12.804H23.5052Z",fill:"#1A1876"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.1646 8.50906L9.38648 13.0517L9.19726 12.1285L8.56074 9.06697C8.45083 8.6454 8.13222 8.51949 7.73778 8.50488H4.80909L4.78613 8.64332C5.49848 8.81584 6.135 9.06488 6.69361 9.37375L8.30822 15.1595L10.2296 15.1574L13.088 8.50836H11.1646V8.50906Z",fill:"#1A1876"}))};export{l as default};

package/build/components/checkout/components/customer-addresses/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import CustomerAddressesViewModel from "./model";
+declare type Props = {
+    vm: CustomerAddressesViewModel;
+};
+declare const _default: React.FunctionComponent<Props>;
+export default _default;
+declare type CustomerAddressFormProps = {
+    vm: CustomerAddressesViewModel;
+};
+export declare const CustomerAddressForm: React.FC<CustomerAddressFormProps>;
+declare type RecipientFormProps = {
+    vm: CustomerAddressesViewModel;
+};
+export declare const RecipientForm: React.FC<RecipientFormProps>;
+declare type SaveAddressProps = {
+    vm: CustomerAddressesViewModel;
+};
+export declare const SaveAddressCheckboxAndTitle: React.FC<SaveAddressProps>;

package/build/components/checkout/components/customer-addresses/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import s from"../../style.module.scss.js";import r from"../select-box/index.js";import{AddressForm as d}from"../address-form/index.js";import{Checkbox as i}from"../checkbox/index.js";import{FormItem as a}from"../form-item/index.js";import{FormItemType as o}from"../form-item/model.js";import n from"./style.module.scss.js";import l from"../../styles/common.module.scss.js";import{Button as c}from"../button/index.js";import{IkasStorefrontConfig as m}from"@ikas/storefront-config";import{useTranslation as u}from"../../../../utils/i18n.js";import v from"../delivery-methods/index.js";import{CheckoutStep as p}from"../../model.js";var g=t((function(t){var d,i=t.vm,a=u().t,o=e.useMemo((function(){return e.createElement("div",null,e.createElement(h,{vm:i}),e.createElement(k,{vm:i}))}),[i]),g=e.useMemo((function(){return e.createElement("div",null,e.createElement(E,{vm:i}))}),[i]),C=e.useState("-1"),f=C[0],A=C[1];e.useEffect((function(){i.vm.checkout.stockLocationId&&A(i.vm.checkout.stockLocationId)}),[]);var y=function(e){if(!e.address)return"";var t=[];return e.address.address&&t.push(e.address.address),e.address.postalCode&&t.push(e.address.postalCode),e.address.district&&e.address.district.name&&t.push(e.address.district.name),e.address.city&&e.address.city.name&&t.push(e.address.city.name),e.address.state&&e.address.state.name&&"Default"!==e.address.state.name&&t.push(e.address.state.name),e.address.country&&e.address.country.name&&t.push(e.address.country.name),t.join(", ")};return e.createElement(e.Fragment,null,!!m.getPickupStockLocationIds()&&!i.vm.isDigitalOnly&&i.vm.availableStockLocations.length>0&&i.vm.step!==p.PAYMENT&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:deliveryMethod"))),e.createElement(v,{deliveryMethod:i.vm.deliveryMethod,onClick:function(e){"address"===e&&A("-1"),i.vm.onDeliveryMethodChange(e)}})),e.createElement("div",{className:l.FormSectionTitle},"address"===i.vm.deliveryMethod?e.createElement("div",{className:l.Title},i.editingCustomerAddress?a("checkout-page:editAddress"):"billing"===i.addressType?a("checkout-page:billingAddress"):a("checkout-page:shippingAddress")):i.vm.step===p.PAYMENT?e.createElement("div",{className:l.Title},a("checkout-page:billingAddress")):e.createElement("div",{className:l.Title},a("checkout-page:pickUpLocation"),e.createElement("span",{className:n.ErrorMessage},i.vm.isErrorsVisible&&!i.vm.checkout.stockLocationId&&a("checkout-page:errorPickupLocationRequired"))),!!i.editingCustomerAddress&&e.createElement("div",{className:n.CancelEdit,onClick:i.onCancelEditAddressClick},a("checkout-page:actions.cancel"))),!!i.vm.store.customerStore.customer&&!i.editingCustomerAddress&&("address"===i.vm.deliveryMethod||i.vm.step===p.PAYMENT&&"in-store"===i.vm.deliveryMethod)&&e.createElement("div",{className:s.RowPB},null===(d=i.vm.store.customerStore.customer.addresses)||void 0===d?void 0:d.map((function(t){return e.createElement(r,{key:t.id,label:t.title||"",isSelected:t.id===i.selectedAddressId,rightContent:e.createElement("div",{onClick:function(){return i.onEditAddressClick(t)}},a("checkout-page:actions.edit")),bottomContent:e.createElement("div",{className:n.AddressText},t.addressText),bottomContentVisible:!0,hasError:!t.isValid,errorText:a("checkout-page:missingAddressFields"),onClick:function(){return t.id!==i.selectedAddressId&&i.onAddressSelect(t)}})})),e.createElement(r,{label:a("checkout-page:newAddress"),isSelected:"-1"===i.selectedAddressId,bottomContent:o,onClick:function(){return"-1"!==i.selectedAddressId&&i.onAddressSelect()}})),i.vm.store.customerStore.customer||i.vm.step!==p.INFO||"address"!==i.vm.deliveryMethod?i.vm.step===p.PAYMENT&&!i.vm.store.customerStore.customer&&o:o,"in-store"===i.vm.deliveryMethod&&e.createElement("div",{className:s.RowPB},i.vm.stockLocations.map((function(t){return function(e){return e.address&&e.address.address&&e.address.city&&e.address.country&&i.vm.availableStockLocations.find((function(t){return t.id===e.id}))}(t)&&e.createElement(r,{key:t.id,label:t.name||"",isSelected:f===t.id,bottomContent:e.createElement("div",null,e.createElement("div",{className:n.AddressText},y(t)),t.deliveryTime&&e.createElement("div",{className:n.DeliveryTime},a("checkout-page:stockLocation.deliveryTime.".concat(t.deliveryTime)))),bottomContentVisible:!0,onClick:function(){i.vm.onStockLocationChange(t),A(t.id)}})}))),"in-store"===i.vm.deliveryMethod&&i.vm.step!==p.PAYMENT&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:recipientsInfo"))),g),!!i.editingCustomerAddress&&e.createElement(h,{vm:i}),!!i.editingCustomerAddress&&e.createElement("div",{className:n.EditAddressActions},e.createElement(c,{style:{width:"100%"},text:a("checkout-page:deleteAddress"),isLine:!0,isLoading:i.isDeleteAddressLoading,isDisabled:i.isEditAddressLoading,onClick:i.onDeleteAddressClick}),e.createElement(c,{style:{width:"100%",marginTop:i.vm.store.customerStore.customer?"0px":"32px"},text:a("checkout-page:actions.save"),isLoading:i.isEditAddressLoading,isDisabled:i.isDeleteAddressLoading,onClick:i.onSaveAddressClick})))})),h=t((function(t){var s=t.vm;return e.createElement(d,{address:s.editingCustomerAddress||s.address,isErrorsVisible:s.isEditAddressErrorsVisible||s.vm.isErrorsVisible,allowedCountryIds:s.vm.shippingCountryIds||void 0,allowCorporateInfo:"billing"===s.addressType,firstNameChangeCallback:s.firstNameChangeCallback,lastNameChangeCallback:s.lastNameChangeCallback,allowTitleChange:!!s.editingCustomerAddress,deliveryMethod:"address"})})),E=t((function(t){var s=t.vm;return e.createElement(d,{address:s.editingCustomerAddress||s.address,isErrorsVisible:s.isEditAddressErrorsVisible||s.vm.isErrorsVisible,firstNameChangeCallback:s.firstNameChangeCallback,lastNameChangeCallback:s.lastNameChangeCallback,deliveryMethod:"in-store"})})),k=t((function(t){var s=t.vm,r=u().t;return s.vm.store.customerStore.customer&&"-1"===s.selectedAddressId?e.createElement("div",{style:{marginTop:"12px"}},e.createElement(i,{value:s.vm.shouldSaveAddress,label:r("checkout-page:saveAddressCta"),onChange:s.vm.setShouldSaveAddress}),s.vm.shouldSaveAddress&&e.createElement("div",{style:{marginTop:"8px"}},e.createElement(a,{type:o.TEXT,label:r("checkout-page:addressTitle"),value:s.vm.addressTitle,onChange:s.vm.setAddressTitle}))):null}));export{h as CustomerAddressForm,E as RecipientForm,k as SaveAddressCheckboxAndTitle,g as default};

package/build/components/checkout/components/customer-addresses/model.d.ts

@@ -0,0 +1,21 @@
+import { IkasCustomerAddress } from "../../../../models";
+import CheckoutViewModel from "../../model";
+export declare type AddressType = "shipping" | "billing";
+export default class CustomerAddressesViewModel {
+    vm: CheckoutViewModel;
+    addressType: AddressType;
+    editingCustomerAddress: IkasCustomerAddress | null;
+    isDeleteAddressLoading: boolean;
+    isEditAddressLoading: boolean;
+    isEditAddressErrorsVisible: boolean;
+    constructor(vm: CheckoutViewModel, addressType: AddressType);
+    get address(): import("../../../../models").IkasOrderAddress | null;
+    get selectedAddressId(): string | undefined;
+    onAddressSelect: (address?: IkasCustomerAddress) => void;
+    onEditAddressClick: (address?: IkasCustomerAddress) => void;
+    onCancelEditAddressClick: () => void;
+    onDeleteAddressClick: () => Promise<void>;
+    onSaveAddressClick: () => Promise<void>;
+    firstNameChangeCallback: (value: string) => void;
+    lastNameChangeCallback: (value: string) => void;
+}