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

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

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

package/build/components/checkout/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t}from'./../../ext/tslib/tslib.es6.js';import*as o from"react";import{observer as i}from"mobx-react-lite";import{useRouter as r}from"next/router.js";import s from"next/link.js";import a from'./../../ext/react-tooltip/dist/index.es.js';import l,{CheckoutStep as n}from"./model.js";import{IkasStorefrontConfig as c}from"@ikas/storefront-config";import{formatCurrency as m}from"../../utils/currency.js";import{useTranslation as d}from"../../utils/i18n.js";import p from"./steps/step-info/index.js";import{CheckoutStepShipping as u}from"./steps/step-shipping/index.js";import{CheckoutStepPayment as v}from"./steps/step-payment/index.js";import{CartSummary as h}from"./components/cart-summary/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 g}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{ContactForm as E}from"../../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{StepSuccess as f}from"./steps/step-success/index.js";import{Modal as x}from"./components/modal/index.js";import k from"./components/master-pass/modal-otp/index.js";import y from"./components/master-pass/modal-link-card-to-client/index.js";import j from"./components/master-pass/modal-response/index.js";import C from"./components/master-pass/modal-success/index.js";import{Image as b}from"../image/index.js";import N,{Step as M}from"./components/step-container/index.js";import{StockError as F}from"./components/error/stock-error/index.js";import{FullscreenLoading as T}from"./components/fullscreen-loading/index.js";import P from"./components/notification-box/index.js";import{FormItem as S}from"./components/form-item/index.js";import{FormItemType as A}from"./components/form-item/model.js";import{Button as V}from"./components/button/index.js";import{IkasPageHead as w}from"../page/head.js";import L from"./components/offer-product/index.js";import O from"./components/svg/ikas.js";import I from"./style.module.scss.js";import{Analytics as B}from"../../analytics/analytics.js";import"../../analytics/head/index.js";var R=i((function(e){var t,i,s,m=e.checkout,p=e.checkoutSettings,u=e.customizationProps,v=e.returnPolicy,E=e.privacyPolicy,b=e.termsOfService,N=d().t,M=r(),P=o.useState((function(){return new l(m,p,M,v,E,b,N,u||{})}))[0];return P.step===n.PAYMENT&&B.disableHTML(),o.useEffect((function(){P.checkoutSettings.isAccountRequired&&!P.checkout.hasCustomer&&M.push("/account/login?redirect="+encodeURIComponent(P.checkoutUrl)),B.beginCheckout(P.checkout),B.pageView(g.CHECKOUT)}),[]),o.useEffect((function(){P.customizationProps=u,function(e){document.documentElement.style.setProperty("--checkout-button-bg-color",(null==e?void 0:e.buttonBgColor)||"#272727"),document.documentElement.style.setProperty("--checkout-button-text-color",(null==e?void 0:e.buttonTextColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-button-disabled-bg-color",(null==e?void 0:e.buttonDisabledBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-button-disabled-text-color",(null==e?void 0:e.buttonDisabledTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-text-color",(null==e?void 0:e.primaryTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-text-color",(null==e?void 0:e.secondaryTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-bg-color",(null==e?void 0:e.primaryBgColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-secondary-bg-color",(null==e?void 0:e.secondaryBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-border-color",(null==e?void 0:e.borderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-card-bg-color",(null==e?void 0:e.cardBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-error-color",(null==e?void 0:e.errorColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-error-light-color",(null==e?void 0:e.errorLightColor)||"#FCF3F4"),document.documentElement.style.setProperty("--checkout-warning-color",(null==e?void 0:e.warningColor)||"#FFBC1F"),document.documentElement.style.setProperty("--checkout-warning-light-color",(null==e?void 0:e.warningLightColor)||"#FFFAEE"),document.documentElement.style.setProperty("--checkout-success-color",(null==e?void 0:e.successColor)||"#2DCA73"),document.documentElement.style.setProperty("--checkout-success-light-color",(null==e?void 0:e.successLightColor)||"#F6FFED")}(u)}),[u]),P.isCheckoutLoaded&&P.store.customerStore.initialized?P.checkout.hasCustomer&&(null===(t=P.store.customerStore.customer)||void 0===t?void 0:t.id)!==(null===(i=P.checkout.customer)||void 0===i?void 0:i.id)?(M.push("/account/login?redirect="+encodeURIComponent(P.checkoutUrl)),null):o.createElement(o.Fragment,null,o.createElement(w,{pageType:g.CHECKOUT,pageTitle:((null===(s=P.merchantSettings)||void 0===s?void 0:s.merchantName)||"")+" - "+N("checkout-page:securePayment"),pageDescription:N("checkout-page:securePayment")}),o.createElement("div",{id:"Checkout",className:I.CheckoutPage},o.createElement(a,{place:"top",type:"dark",effect:"solid",arrowColor:"transparent",multiline:!0,className:I.ReactTooltipWrap,globalEventOff:"touchstart"}),o.createElement("div",{className:I.Left},o.createElement("div",{className:I.LeftContent},o.createElement("div",null,o.createElement(D,{vm:P}),P.hasStockError&&o.createElement("div",{className:I.ErrorContainer},o.createElement(F,{vm:P,error:P.error})),!P.hasStockError&&o.createElement(o.Fragment,null,o.createElement(h,{vm:P,allowExpand:!0}),P.step===n.SUCCESS?o.createElement(f,{vm:P}):o.createElement(o.Fragment,null,P.checkoutCampaignOffer&&o.createElement(L,{vm:P,campaignOffer:P.checkoutCampaignOffer}),o.createElement(U,{vm:P}))),o.createElement("div",{className:I.Space})),o.createElement(Y,{vm:P}))),o.createElement("div",{className:I.Right},o.createElement("div",{className:I.RightContent},o.createElement(h,{vm:P}),o.createElement("div",{className:I.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===c.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(O,null))))),!!P.policyModalText&&o.createElement(x,{title:P.policyModalTitle,modalContent:P.policyModalText,onClose:function(){P.policyModalText=""}}),P.isContactModalVisible&&o.createElement(z,{vm:P,setVisible:P.setContactModalVisible}),P.mpVM.isLinkCardToClientModalVisible&&o.createElement(y,{visible:P.mpVM.isLinkCardToClientModalVisible,vm:P,onClose:P.mpVM.hideLinkCardToClientModal}),P.mpVM.isOtpModalVisible&&o.createElement(k,{vm:P,visible:P.mpVM.isOtpModalVisible,type:P.mpVM.otpModalType,onClose:P.mpVM.hideOtpModal}),P.mpVM.isResponseModalVisible&&o.createElement(j,{visible:P.mpVM.isResponseModalVisible,text:P.mpVM.mfsResponseModalText,onClose:P.mpVM.onResponseModalClose}),P.mpVM.isSuccessModalVisible&&o.createElement(C,{visible:P.mpVM.isSuccessModalVisible,type:P.mpVM.successModalType,onClose:P.mpVM.onSuccessModalClose}))):o.createElement(T,null)})),D=i((function(e){var t,i,r,a=e.vm,l=d().t;return o.createElement("div",{className:I.Header},o.createElement(s,{href:"/",passHref:!0},o.createElement("a",null,(null===(t=a.merchantSettings)||void 0===t?void 0:t.logo)?o.createElement("div",{className:I.Logo},o.createElement(b,{layout:"fill",image:a.merchantSettings.logo,sizes:"360px"})):(null===(i=a.merchantSettings)||void 0===i?void 0:i.merchantName)||"")),!a.checkout.hasCustomer&&o.createElement("div",{className:I.LoginText},o.createElement("span",{className:I.LoginCta},l("checkout-page:alreadyHaveAnAccount")),o.createElement(s,{href:"/account/login?redirect="+encodeURIComponent(a.checkoutUrl),passHref:!0},o.createElement("a",{className:I.LoginBtn},l("checkout-page:actions.login")))),a.checkout.hasCustomer&&o.createElement("div",{className:I.CustomerInfo},o.createElement("div",{className:I.Name},a.checkout.customerFullName),o.createElement("div",{className:I.Email},null===(r=a.checkout.customer)||void 0===r?void 0:r.email)))})),U=i((function(e){var t=e.vm,i=d().t,r=o.useMemo((function(){switch(t.step){case n.INFO:return o.createElement(p,{vm:t});case n.SHIPPING:return o.createElement(u,{vm:t});case n.PAYMENT:return o.createElement(v,{vm:t});case n.SUCCESS:return o.createElement(f,{vm:t})}}),[t,t.step]),s=[new M(i("checkout-page:address"),t.step===n.INFO,t.step!==n.INFO,t.step!==n.INFO?o.createElement("div",{className:I.AdressStepInfo},o.createElement(H,{vm:t}),o.createElement("div",{className:I.EditBtn,onClick:t.onBackToInfoClick},i("checkout-page:actions.edit"))):void 0,t.step!==n.INFO?o.createElement("div",{className:I.AddressStepInfoMobile},o.createElement(H,{vm:t})):void 0),new M(i("checkout-page:payment"),t.step===n.PAYMENT,!1)];return"address"!==t.deliveryMethod||t.isDigitalOnly||s.splice(1,0,new M(i("checkout-page:shipping"),t.step===n.SHIPPING,t.step===n.PAYMENT,t.step===n.PAYMENT?o.createElement("div",{className:I.AdressStepInfo},o.createElement(G,{vm:t}),(t.checkout.availableShippingMethods&&t.checkout.availableShippingMethods.length>1||t.checkoutSettings.isGiftPackageEnabled)&&o.createElement("div",{className:I.EditBtn,onClick:t.onBackToShippingClick},i("checkout-page:actions.edit"))):void 0,t.step===n.PAYMENT?o.createElement("div",{className:I.AddressStepInfoMobile},o.createElement(G,{vm:t})):void 0)),o.createElement(N,{steps:s,stepContent:r})})),H=i((function(e){var t,i,r,s,a,l,n,c,m,p=e.vm,u=d().t,v=p.isDigitalOnly?((null===(t=p.checkout.billingAddress)||void 0===t?void 0:t.firstName)||"")+" "+((null===(i=p.checkout.billingAddress)||void 0===i?void 0:i.lastName)||""):((null===(r=p.checkout.shippingAddress)||void 0===r?void 0:r.firstName)||"")+" "+((null===(s=p.checkout.shippingAddress)||void 0===s?void 0:s.lastName)||"");return o.createElement("div",{className:I.Address},o.createElement("div",{className:[I.Text,I.WithMBottom].join(" ")},(null===(a=p.checkout.customer)||void 0===a?void 0:a.email)||""),"address"===p.deliveryMethod?o.createElement("div",{className:I.Text},v):o.createElement(o.Fragment,null,o.createElement("div",{className:I.Text},u("checkout-page:receiver")),o.createElement("div",{className:[I.Text,I.Gray].join(" ")},v)),o.createElement("div",{className:[I.Text,I.Gray].join(" ")},p.isDigitalOnly?null===(l=p.checkout.billingAddress)||void 0===l?void 0:l.phone:null===(n=p.checkout.shippingAddress)||void 0===n?void 0:n.phone),"in-store"===p.deliveryMethod&&o.createElement(o.Fragment,null,o.createElement("div",{className:[I.Text,I.WithMTop].join(" ")},u("checkout-page:pickUpLocation"))),o.createElement("div",{className:[I.Text,I.Gray].join(" ")},p.isDigitalOnly?null===(c=p.checkout.billingAddress)||void 0===c?void 0:c.addressText:null===(m=p.checkout.shippingAddress)||void 0===m?void 0:m.addressText))})),G=i((function(e){var t=e.vm,i=d().t;return o.createElement("div",{className:I.Address},t.checkout.shippingLines&&t.checkout.shippingLines.length?o.createElement(o.Fragment,null,o.createElement("span",null,t.checkout.shippingLines[0].title),o.createElement("span",{className:I.LightText}," / "+(0===t.checkout.shippingLines[0].price?i("checkout-page:free"):m(t.checkout.shippingLines[0].price,t.checkout.currencyCode,t.checkout.currencySymbol)))):i("checkout-page:standartShipping"))})),Y=i((function(e){var t=e.vm,i=d().t;return o.createElement("div",{className:I.Footer},o.createElement("div",{className:I.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:returnPolicy"),t.policyModalText=t.returnPolicy}},i("checkout-page:returnPolicy")),o.createElement("div",{className:I.FooterBullet},"•"),o.createElement("div",{className:I.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:privacyPolicy"),t.policyModalText=t.privacyPolicy}},i("checkout-page:privacyPolicy")),o.createElement("div",{className:I.FooterBullet},"•"),o.createElement("div",{className:I.FooterItem,onClick:function(){t.policyModalTitle=i("checkout-page:termsOfService"),t.policyModalText=t.termsOfService}},i("checkout-page:termsOfService")))})),z=i((function(i){var r,s,a,l=i.vm,n=i.setVisible,c=d().t,m=o.useState(!1),p=m[0],u=m[1],v=o.useState(!1),h=v[0],g=v[1],f=o.useState(new E({message:{requiredRule:"",emailRule:"",minRule:""}}))[0];f.email=(null===(r=l.checkout.customer)||void 0===r?void 0:r.email)||"",f.firstName=(null===(s=l.checkout.customer)||void 0===s?void 0:s.firstName)||"",f.lastName=(null===(a=l.checkout.customer)||void 0===a?void 0:a.lastName)||"";var k=o.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return h?[2,n(!1)]:(u(!0),[4,f.saveContactForm()]);case 1:return e.sent()&&g(!0),u(!1),[2]}}))}))}),[p]);return o.createElement(x,{title:c("checkout-page:contactForm"),modalContent:o.createElement("div",null,h&&o.createElement("div",{style:{marginBottom:"12px",maxWidth:"352px"}},o.createElement(P,{type:"success",title:c("checkout-page:contactFormSent"),content:c("checkout-page:contactFormDescription")})),o.createElement(S,{type:A.TEXT_AREA,label:"",value:f.message||"",onChange:f.onMessageChange,textAreaPlaceholder:c("checkout-page:contactFormCta")}),o.createElement(V,{style:{width:"100%",marginTop:"24px"},text:c(h?"checkout-page:actions.close":"checkout-page:actions.sendMessage"),isLoading:p,isDisabled:!f.message,onClick:k})),onClose:function(){return n(!1)}})}));export{R as default};

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

@@ -0,0 +1,161 @@
+import { NextRouter } from "next/router.js";
+import { IkasMerchantSettings, IkasAvailableShippingMethod, IkasOrderLineItem, IkasOrderTransaction, IkasProduct, IkasProductVariant, IkasCartCampaignOffer, IkasCheckout, IkasStockLocation, IkasAvailableStockLocation, IkasCampaignOfferTargetPageType, IkasCampaignOfferProduct } from "../../models";
+import { IkasPaymentGateway } from "../../models/data/payment-gateway";
+import { IkasOrderLineVariant } from "../../models/data/order/line-item/variant";
+import { IkasStorefront } from "../../models/data/storefront";
+import CreditCardData from "./components/credit-card-form/model";
+import { IkasCheckoutSettings } from "../../models/data/checkout-settings";
+import { TFunction } from "../../utils/i18n";
+import { IkasCheckoutCustomizationProps } from ".";
+import MasterPassModel from "./modelMasterPass";
+import { CreateStripePaymentIntentResponse, RetrieveInstallmentInfoResponse, UpdateCartCampaignOfferInput } from "@ikas/storefront-api";
+import { IkasBaseStore } from "../../store";
+import { RetrieveInstallmentInfoQueryParams, SaveCartInput } from "@ikas/storefront-api";
+export default class CheckoutViewModel {
+    checkout: IkasCheckout;
+    checkoutSettings: IkasCheckoutSettings;
+    storefront?: IkasStorefront | null;
+    router: NextRouter;
+    isCheckoutLoaded: boolean;
+    isErrorsVisible: boolean;
+    isStepLoading: boolean;
+    isTermsAndConditionsChecked: boolean;
+    isChangingShippingMethod: boolean;
+    isContactModalVisible: boolean;
+    step: CheckoutStep;
+    customizationProps?: IkasCheckoutCustomizationProps | null;
+    cardData?: CreditCardData | null;
+    paymentGateways: IkasPaymentGateway[];
+    installmentInfo?: RetrieveInstallmentInfoResponse | null;
+    useDifferentAddress: boolean;
+    shouldSaveAddress: boolean;
+    addressTitle: string;
+    shippingCountryIds?: string[] | null;
+    selectedShippingAddressId?: string;
+    selectedBillingAddressId?: string;
+    stockLocations: IkasStockLocation[];
+    availableStockLocations: IkasAvailableStockLocation[];
+    deliveryMethod: "address" | "in-store";
+    stripeResponse: CreateStripePaymentIntentResponse | null;
+    checkoutCampaignOffer?: CampaignOfferType;
+    postCheckoutCampaignOffer?: CampaignOfferType;
+    returnPolicy: string;
+    privacyPolicy: string;
+    termsOfService: string;
+    policyModalTitle: string;
+    policyModalText: string;
+    error?: CheckoutError | null;
+    successTransaction?: IkasOrderTransaction;
+    mpVM: MasterPassModel;
+    showTestModal: boolean;
+    t: TFunction;
+    constructor(checkout: IkasCheckout, checkoutSettings: IkasCheckoutSettings, router: NextRouter, returnPolicy: string, privacyPolicy: string, termsOfService: string, t: TFunction, customizationProps: IkasCheckoutCustomizationProps);
+    init: () => Promise<void>;
+    initStep: () => Promise<void>;
+    getSuccessTransaction: () => Promise<void>;
+    get merchantSettings(): IkasMerchantSettings;
+    get selectedPaymentGatewayIndex(): number;
+    get selectedInstallmentIndex(): number;
+    get checkoutUrl(): string;
+    get customerAddressOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get installmentPrice(): number | null | undefined;
+    get installmentExtraPrice(): number | undefined;
+    get finalPrice(): number;
+    get hasStockError(): boolean;
+    get isPaymentGatewayHasMasterPass(): boolean;
+    get canProceedToShipping(): boolean | undefined;
+    get canProceedToInStoreDelivery(): boolean;
+    get canProceedToPayment(): boolean | undefined;
+    get isInStoreDelivery(): boolean;
+    get isCustomFlowStripe(): false | import("../../models").IkasPaymentGatewaySettings | null | undefined;
+    get store(): IkasBaseStore;
+    get canPerformPayment(): boolean | undefined;
+    get isDigitalOnly(): boolean;
+    saveCart: () => Promise<import("../../models").IkasCart | null | undefined>;
+    inStockDeliveryInputData: (input: SaveCartInput) => Promise<SaveCartInput>;
+    checkStocks: () => Promise<void>;
+    removeUnavailableItems: (items: IkasOrderLineItem[]) => Promise<void>;
+    getShippingCountries: () => Promise<void>;
+    getStockLocations: () => Promise<void>;
+    getAvailableStockLocations: () => Promise<void>;
+    checkShippingCountries: () => void;
+    onDeliveryMethodChange: (deliveryMethod: "address" | "in-store") => void;
+    initialStockCheck: () => Promise<void>;
+    listPaymentGateways: () => Promise<void>;
+    retrieveInstallmentInfo: (params: RetrieveInstallmentInfoQueryParams) => Promise<void>;
+    createCustomer: () => void;
+    createShippingAddress: () => void;
+    createBillingAddress: () => void;
+    onShippingMethodChange: (shippingMethod: IkasAvailableShippingMethod) => Promise<void>;
+    onStockLocationChange: (location: IkasStockLocation) => Promise<void>;
+    onCouponCodeApply: () => Promise<void>;
+    onSelectedShippingAddressIdChange: (value: string) => void;
+    onSelectedBillingAddressIdChange: (value: string) => void;
+    onTermsAndConditionsCheckedChange: (value: boolean) => void;
+    onCardNumberChange: (value: string) => void;
+    onCardHolderNameChange: (value: string) => void;
+    onExpirationDateChange: (value: string) => void;
+    onCvcChange: (value: string) => void;
+    saveAddress: (type: "billing" | "shipping") => Promise<void>;
+    onGoToCartClick: () => void;
+    onBackToShoppingClick: () => void;
+    onProceedToShippingClick: () => Promise<void>;
+    onProceedToDigitalOnlyPaymentClick: () => Promise<void>;
+    onProceedToPaymentClick: () => Promise<void>;
+    onCompletePaymentClick: () => Promise<void>;
+    onCompleteDigitalOnlyPaymentClick: () => Promise<void>;
+    createSaleTransaction: () => Promise<void>;
+    onCheckoutTransactionSuccess: () => Promise<void>;
+    onBackToInfoClick: () => void;
+    onBackToShippingClick: () => void;
+    setCustomerConsentGranted: (value: boolean) => void;
+    setUseDifferentAddress: (value: boolean) => void;
+    setShouldSaveAddress: (value: boolean) => void;
+    setAddressTitle: (value: string) => void;
+    setPaymentGateway: (index: number) => Promise<void>;
+    setInstallmentCount: (count: number) => void;
+    changeStep: (step: CheckoutStep) => Promise<void>;
+    logout: () => Promise<void>;
+    setContactModalVisible: (value: boolean) => void;
+    getWaitingForActionCampaignOffers: (targetPage: IkasCampaignOfferTargetPageType) => IkasCartCampaignOffer[] | undefined;
+    getOffer: (waitingForActionCampaignOffer: IkasCartCampaignOffer) => IkasCampaignOfferProduct | null | undefined;
+    getProduct: (productId: string) => Promise<IkasProduct | null>;
+    getOfferProductVariants: ({ offer, product, }: {
+        offer: IkasCampaignOfferProduct;
+        product: IkasProduct;
+    }) => IkasProductVariant[];
+    getCampaignOfferProducts: (targetPage: IkasCampaignOfferTargetPageType) => Promise<CampaignOfferType | undefined>;
+    getCampaignOffer: () => Promise<void>;
+    updateCartCampaignOffer: (props: UpdateCartCampaignOfferInput) => Promise<void>;
+}
+export declare enum CheckoutStep {
+    INFO = "info",
+    SHIPPING = "shipping",
+    PAYMENT = "payment",
+    SUCCESS = "success"
+}
+export declare enum ErrorType {
+    UNKNOWN = 0,
+    API_ERROR = 1,
+    STOCK_ERROR = 2,
+    PAYMENT_ERROR = 3,
+    NO_SHIPPING_ERROR = 4,
+    CUSTOMER_LOGIN_REQUIRED_ERROR = 5
+}
+export declare type CheckoutError = {
+    type: ErrorType;
+    data?: any;
+};
+export declare type StockErrorData = {
+    variant: IkasOrderLineVariant;
+    availableQuantity: number;
+};
+export declare type CampaignOfferType = {
+    product: IkasProduct;
+    variants: IkasProductVariant[];
+    campaignOffer: IkasCartCampaignOffer;
+    offer: IkasCampaignOfferProduct;
+};

package/build/components/checkout/model.js

@@ -0,0 +1 @@
+import{__awaiter as t,__generator as e,__assign as i}from'./../../ext/tslib/tslib.es6.js';import{makeAutoObservable as s}from"mobx";import n from"lodash/cloneDeep";import r from"lodash/sortBy";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{IkasTransactionStatus as o,IkasPaymentMethodType as a,IkasPaymentGatewayType as c,IkasCartCampaignOfferStatus as d,IkasCampaignOfferTargetPageType as u,IkasOrderShippingMethod as l}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{IkasCheckout as h}from"../../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{IkasCustomerAddress as p}from"../../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{IkasMerchantSettings as m}from"../../models/data/merchant-settings/index.js";import{IkasOrderAddress as f}from"../../models/data/order/address/index.js";import{IkasOrderCustomer as v}from"../../models/data/order/customer/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{IkasProduct as g}from"../../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 y from"./components/credit-card-form/model.js";import S from"../../store/customer/api.js";import k from"../../store/checkout/index.js";import b from"../../store/cart/api.js";import C from"./modelMasterPass.js";import I from"../../store/product/index.js";import{IkasBaseStore as P}from"../../store/base.js";import"../../store/customer/index.js";import"../../store/cart/index.js";import{IkasStorefrontConfig as A}from"@ikas/storefront-config";import{Analytics as w}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import{SaveCartInput as N,CheckStocksLineInput as O}from"@ikas/storefront-api";var E,j,R=/^\d+$/,T="undefined"==typeof localStorage,x=function(){function R(l,m,R,x,L,G,_,V){var U=this;this.storefront=null,this.isCheckoutLoaded=!1,this.isErrorsVisible=!1,this.isStepLoading=!1,this.isTermsAndConditionsChecked=!1,this.isChangingShippingMethod=!1,this.isContactModalVisible=!1,this.step=E.INFO,this.customizationProps=null,this.cardData=null,this.paymentGateways=[],this.installmentInfo=null,this.useDifferentAddress=!1,this.shouldSaveAddress=!0,this.addressTitle="",this.shippingCountryIds=null,this.selectedShippingAddressId="-1",this.selectedBillingAddressId="-1",this.stockLocations=[],this.availableStockLocations=[],this.deliveryMethod="address",this.stripeResponse=null,this.policyModalTitle="",this.policyModalText="",this.error=null,this.showTestModal=!1,this.init=function(){return t(U,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:return[4,P.getInstance().customerStore.waitUntilInitialized()];case 1:return t.sent(),this.createCustomer(),this.createShippingAddress(),this.createBillingAddress(),[4,this.getCampaignOffer()];case 2:return t.sent(),[4,this.initStep()];case 3:return t.sent(),[2]}}))}))},this.initStep=function(){return t(U,void 0,void 0,(function(){var t,i,s,n,r,o,a;return e(this,(function(e){switch(e.label){case 0:if(A.getIsEditor())return this.step=E.INFO,this.isCheckoutLoaded=!0,[2];if(t=new URLSearchParams(window.location.search),i=t.get("step"),s=t.get("failed"),n=t.get("error"),i){if(this.step=i,this.step===E.SHIPPING&&!this.canProceedToShipping)return[2,this.changeStep(E.INFO)];if(this.step!==E.PAYMENT||this.canProceedToPayment){if(this.step===E.SUCCESS&&!this.canProceedToPayment)return[2,this.changeStep(E.INFO)];if(![E.INFO,E.SUCCESS,E.SHIPPING,E.PAYMENT].includes(this.step))return[2,this.changeStep(E.INFO)]}else{if(!this.isInStoreDelivery)return[2,this.changeStep(E.INFO)];this.deliveryMethod="in-store"}}return s&&(this.error={type:j.PAYMENT_ERROR,data:n||null}),this.step!==E.INFO?[3,4]:[4,this.getShippingCountries()];case 1:return e.sent(),this.checkShippingCountries(),[4,this.getStockLocations()];case 2:return e.sent(),[4,this.getAvailableStockLocations()];case 3:e.sent(),this.isInStoreDelivery&&(this.deliveryMethod="in-store"),e.label=4;case 4:return this.step!==E.SHIPPING||1!==(null===(o=this.checkout.availableShippingMethods)||void 0===o?void 0:o.length)||this.checkoutSettings.isGiftPackageEnabled||(this.step=E.PAYMENT,this.router.replace("/checkout?id=".concat(this.checkout.id,"&step=").concat(this.step),void 0,{shallow:!0})),this.step!==E.SHIPPING||(null===(a=this.checkout.availableShippingMethods)||void 0===a?void 0:a.length)?this.step!==E.PAYMENT&&this.step!==E.SUCCESS?[3,8]:[4,this.listPaymentGateways()]:(this.error={type:j.NO_SHIPPING_ERROR},this.isCheckoutLoaded=!0,[2]);case 5:return e.sent(),this.isInStoreDelivery?(this.deliveryMethod="in-store",[4,this.getStockLocations()]):[3,7];case 6:e.sent(),e.label=7;case 7:if(!this.paymentGateways.length)return this.error={type:j.NO_SHIPPING_ERROR},this.isCheckoutLoaded=!0,[2];e.label=8;case 8:return this.step===E.SUCCESS?[3,12]:this.checkout.isComplete?[2,this.changeStep(E.SUCCESS)]:[3,9];case 9:return[4,this.initialStockCheck()];case 10:e.sent(),e.label=11;case 11:return[3,14];case 12:return[4,this.getSuccessTransaction()];case 13:e.sent(),this.successTransaction&&(r=this.successTransaction.paymentGatewayId,this.checkout.selectedPaymentGateway=this.paymentGateways.find((function(t){return t.id===r}))),e.label=14;case 14:return this.isCheckoutLoaded=!0,w.checkoutStep(this.checkout,this.step),[2]}}))}))},this.getSuccessTransaction=function(){return t(U,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:return[4,S.listOrderTransactions({orderId:{eq:this.checkout.id}})];case 1:return t=e.sent(),this.successTransaction=t.isSuccess&&(null===(i=t.data)||void 0===i?void 0:i.length)?t.data[0]:void 0,[2]}}))}))},this.saveCart=function(){return t(U,void 0,void 0,(function(){var t,i,s,n;return e(this,(function(e){switch(e.label){case 0:return t=new N(this.checkout),"in-store"!==this.deliveryMethod?[3,2]:[4,this.inStockDeliveryInputData(t)];case 1:t=e.sent(),e.label=2;case 2:return this.step!==E.INFO&&this.step!==E.SHIPPING||this.isDigitalOnly||(t.billingAddress=null),this.isDigitalOnly&&(t.shippingAddress=null),[4,b.saveCart({input:t})];case 3:if((null==(i=e.sent())?void 0:i.graphQLErrors)&&i.graphQLErrors.length)throw s=i.graphQLErrors[0],"CUSTOMER_LOGIN_REQUIRED"===(null===(n=s.extensions)||void 0===n?void 0:n.code)?{type:j.CUSTOMER_LOGIN_REQUIRED_ERROR}:{type:j.API_ERROR,data:i.firstErrorMessage};return[2,i.data]}}))}))},this.inStockDeliveryInputData=function(i){return t(U,void 0,void 0,(function(){var t,s,n=this;return e(this,(function(e){return t=i,(s=this.stockLocations.find((function(t){return t.id===n.checkout.stockLocationId})))&&t.shippingAddress&&s.address&&(t.shippingAddress.country=s.address.country,t.shippingAddress.city=s.address.city,t.shippingAddress.state=s.address.state,t.shippingAddress.district=s.address.district,t.shippingAddress.postalCode=s.address.postalCode,t.shippingAddress.addressLine1=s.address.address||"",t.shippingAddress.addressLine2=null),[2,t]}))}))},this.checkStocks=function(){return t(U,void 0,void 0,(function(){var t,i,s,n,r,o,a,c,d,u,l,h;return e(this,(function(e){switch(e.label){case 0:return t=this.checkout.items.map((function(t){return{quantity:t.quantity,variantId:t.variant.id,productId:t.variant.productId}})),[4,k.checkStocks({lines:t.map((function(t){return new O(t)})),stockLocationIdList:(null===(d=A.getStockLocationIds())||void 0===d?void 0:d.length)?A.getStockLocationIds():null})];case 1:if(!(i=e.sent()).isSuccess)throw{type:j.API_ERROR,data:i.firstErrorMessage};if(null==(s=null===(l=null===(u=i.data)||void 0===u?void 0:u.lines)||void 0===l?void 0:l.filter((function(t){return!t.isAvailable})))?void 0:s.length){for(n=[],r=function(t){var e=null===(h=P.getInstance().cartStore.cart)||void 0===h?void 0:h.items.find((function(e){return e.variant.id===t.variantId}));e&&n.push(e)},o=0,a=s;o<a.length;o++)c=a[o],r(c);throw{type:j.STOCK_ERROR,data:n}}return[2]}}))}))},this.removeUnavailableItems=function(i){return t(U,void 0,void 0,(function(){var t,s,n;return e(this,(function(e){switch(e.label){case 0:t=0,s=i,e.label=1;case 1:return t<s.length?(n=s[t],[4,P.getInstance().cartStore.removeItem(n)]):[3,4];case 2:e.sent(),e.label=3;case 3:return t++,[3,1];case 4:return[2]}}))}))},this.getShippingCountries=function(){return t(U,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return[4,k.getAvailableShippingCountries({salesChannelId:A.getSalesChannelId()})];case 1:return t=e.sent(),this.shippingCountryIds=t.data,[2]}}))}))},this.getStockLocations=function(){return t(U,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:return A.getPickupStockLocationIds()?[4,k.listStockLocation({id:{in:A.getPickupStockLocationIds()}})]:[3,2];case 1:if(!(t=e.sent()).isSuccess||!(null===(i=t.data)||void 0===i?void 0:i.length))return this.error={type:j.API_ERROR,data:t.firstErrorMessage},[2];this.stockLocations=t.data,e.label=2;case 2:return[2]}}))}))},this.getAvailableStockLocations=function(){return t(U,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:return A.getPickupStockLocationIds()?(t=this.checkout.items.map((function(t){return{quantity:t.quantity,variantId:t.variant.id,productId:t.variant.productId}})),[4,k.getAvailableStockLocations({lines:t.map((function(t){return new O(t)})),stockLocationIdList:A.getPickupStockLocationIds()})]):[3,2];case 1:if(!(i=e.sent()).isSuccess)return this.error={type:j.API_ERROR},[2];this.availableStockLocations=i.data||[],e.label=2;case 2:return[2]}}))}))},this.checkShippingCountries=function(){var t;(null===(t=U.shippingCountryIds)||void 0===t?void 0:t.length)||(U.error={type:j.NO_SHIPPING_ERROR})},this.onDeliveryMethodChange=function(t){"address"===t&&(U.checkout.stockLocationId=null),U.deliveryMethod=t,U.isErrorsVisible=!1},this.initialStockCheck=function(){return t(U,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,this.checkStocks()];case 1:return e.sent(),[3,3];case 2:return void 0!==typeof(t=e.sent()).type?this.error=t:(console.log(t),this.error={type:j.UNKNOWN}),[3,3];case 3:return[2]}}))}))},this.listPaymentGateways=function(){return t(U,void 0,void 0,(function(){var t,i,s,n,o,a,c,d,u,l=this;return e(this,(function(e){switch(e.label){case 0:return t="local"===process.env.NEXT_PUBLIC_ENV,i=A.getPaymentGateways().map((function(t){return t.id})),[4,k.listPaymentGateway({id:t?void 0:{in:i}})];case 1:return(s=e.sent()).isSuccess&&(null===(d=s.data)||void 0===d?void 0:d.length)?(n=s.data,this.step===E.PAYMENT&&(n=n.filter((function(t){var e;return!(null===(e=t.supportedCurrencies)||void 0===e?void 0:e.length)||t.supportedCurrencies.includes(l.checkout.currencyCode)})),(o=null===(u=this.checkout.shippingAddress)||void 0===u?void 0:u.country)&&o.iso2&&(n=n.filter((function(t){var e;return!(null===(e=t.availableCountries)||void 0===e?void 0:e.length)||t.availableCountries.includes(o.iso2||"")})))),a=[],r(A.getPaymentGateways(),"order").forEach((function(t){var e=null==n?void 0:n.find((function(e){return e.id===t.id}));e&&a.push(e)})),this.paymentGateways=t?n:a,this.checkout.selectedPaymentGateway||this.setPaymentGateway(0),this.step===E.PAYMENT&&(c=n.find((function(t){return!!t.masterPassClientId})))&&(this.checkout.masterPassPaymentGateway=c,this.mpVM.checkMasterPass({checkout:this.checkout,store:P.getInstance()})),[2]):(this.error={type:j.API_ERROR,data:s.firstErrorMessage},[2])}}))}))},this.retrieveInstallmentInfo=function(i){return t(U,void 0,void 0,(function(){var t,s,n;return e(this,(function(e){switch(e.label){case 0:return[4,k.retrieveInstallmentInfo(i)];case 1:return t=e.sent(),s=t.data,null===(n=null==s?void 0:s.installmentPrices)||void 0===n||n.sort((function(t,e){return(t.installmentCount||-1)>(e.installmentCount||-1)?1:-1})),this.installmentInfo=s,[2]}}))}))},this.createCustomer=function(){var t;U.store.customerStore.customer?(null===(t=U.store.customerStore.customer.addresses)||void 0===t||t.forEach((function(t){return t.checkoutSettings=U.checkoutSettings})),U.checkout.customer=new v(U.store.customerStore.customer)):U.checkout.customer=new v(U.checkout.customer||{})},this.createShippingAddress=function(){if(!U.isDigitalOnly)if(U.checkout.shippingAddress)U.checkout.shippingAddress=new f(n(U.checkout.shippingAddress)||{}),U.checkout.shippingAddress.checkoutSettings=U.checkoutSettings;else if(U.store.customerStore.customer){var t=U.store.customerStore.customer.addresses;U.onSelectedShippingAddressIdChange((null==t?void 0:t.length)?t[0].id:"-1")}else U.onSelectedShippingAddressIdChange("-1")},this.createBillingAddress=function(){if("undefined"!=typeof localStorage)if(U.useDifferentAddress=!!localStorage.getItem("sAddr"),U.checkout.billingAddress)U.checkout.billingAddress=new f(n(U.checkout.billingAddress)||{}),U.checkout.billingAddress.checkoutSettings=U.checkoutSettings;else if(U.store.customerStore.customer){var t=U.store.customerStore.customer.addresses;U.onSelectedBillingAddressIdChange((null==t?void 0:t.length)?t[0].id:"-1")}else U.onSelectedBillingAddressIdChange("-1")},this.onShippingMethodChange=function(i){return t(U,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return this.isChangingShippingMethod?[2]:(this.isChangingShippingMethod=!0,this.checkout.shippingSettingsId=i.shippingSettingsId,this.checkout.shippingZoneRateId=i.shippingZoneRateId,[4,this.saveCart()]);case 1:return(t=e.sent())&&(this.checkout=new h(t)),this.checkout.shippingAddress&&(this.checkout.shippingAddress.checkoutSettings=this.checkoutSettings),this.isChangingShippingMethod=!1,[2]}}))}))},this.onStockLocationChange=function(i){return t(U,void 0,void 0,(function(){return e(this,(function(t){return this.checkout.stockLocationId=i.id,[2]}))}))},this.onCouponCodeApply=function(){return t(U,void 0,void 0,(function(){var t,s,n,r,o,a;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,b.saveCartCouponCode({cartId:this.checkout.id,couponCode:this.checkout.couponCode||null})];case 1:return(t=e.sent()).isSuccess&&t.data&&(s=t.data,n=null===(a=null===(o=this.cardData)||void 0===o?void 0:o.cardNumber)||void 0===a?void 0:a.split(" ").join(""),this.step===E.PAYMENT&&(null==n?void 0:n.length)&&n.length>=6&&this.retrieveInstallmentInfo({input:{binNumber:n.slice(0,6),paymentGatewayId:this.checkout.selectedPaymentGateway.id,price:s.totalFinalPrice}}),s&&(r=this.checkout,this.checkout=new h(i(i({},s),{shippingAddress:r.shippingAddress,billingAddress:r.billingAddress,customer:r.customer,selectedPaymentGateway:r.selectedPaymentGateway})))),[3,3];case 2:return e.sent(),[3,3];case 3:return[2]}}))}))},this.onSelectedShippingAddressIdChange=function(t){var e,i;if(U.selectedShippingAddressId=t,"-1"===t)U.checkout.shippingAddress=new f;else{var s=null===(i=null===(e=U.store.customerStore.customer)||void 0===e?void 0:e.addresses)||void 0===i?void 0:i.find((function(e){return e.id===t}));s&&(U.checkout.shippingAddress=new f(s))}U.checkout.shippingAddress&&(U.checkout.shippingAddress.checkoutSettings=U.checkoutSettings)},this.onSelectedBillingAddressIdChange=function(t){var e,i;if(U.selectedBillingAddressId=t,"-1"===t)U.checkout.billingAddress=new f;else{var s=null===(i=null===(e=U.store.customerStore.customer)||void 0===e?void 0:e.addresses)||void 0===i?void 0:i.find((function(e){return e.id===t}));s&&(U.checkout.billingAddress=new f(s))}U.checkout.billingAddress&&(U.checkout.billingAddress.checkoutSettings=U.checkoutSettings)},this.onTermsAndConditionsCheckedChange=function(t){U.isTermsAndConditionsChecked=t},this.onCardNumberChange=function(t){if(U.cardData&&(!(t.length>U.cardData.cardNumber.length)||M(t))){var e=(U.cardData.cardNumber||"").split(" ").join(""),i=t.split(" ").join("");i.length>16||(e.length<6&&i.length>=6&&!U.installmentInfo?U.retrieveInstallmentInfo({input:{binNumber:i.slice(0,6),paymentGatewayId:U.checkout.selectedPaymentGateway.id,price:U.checkout.totalFinalPrice}}):i.length<6&&e.length>i.length&&(U.cardData.installmentCount=1,U.installmentInfo=void 0),U.cardData.cardNumber=D(i,4).join(" "))}},this.onCardHolderNameChange=function(t){U.cardData&&(U.cardData.cardHolderName=t)},this.onExpirationDateChange=function(t){var e;if(U.cardData&&(!(t.length>U.cardData.expirationDate.length)||M(t))){if(0===(null===(e=U.cardData.expirationDate)||void 0===e?void 0:e.length)){var i=t.split("/");if(2===i.length){var s=i[0].trim(),n=i[1].trim();if(4===s.length&&2===n.length){var r=parseInt(s.slice(2)),o=parseInt(n);if(!isNaN(r)&&!isNaN(o))return void(U.cardData.expirationDate="".concat(o<10?"0"+o:o," / ").concat(r<10?"0"+r:r))}if(2===s.length&&4===n.length){o=parseInt(s),r=parseInt(n.slice(2));if(!isNaN(r)&&!isNaN(o))return void(U.cardData.expirationDate="".concat(o<10?"0"+o:o," / ").concat(r<10?"0"+r:r))}}}var a=t.split(" / ").join("");a.length>4||(U.cardData.expirationDate=D(a,2).join(" / "))}},this.onCvcChange=function(t){U.cardData&&(t.length>U.cardData.cvv.length&&!M(t)||t.length>4||(U.cardData.cvv=t))},this.saveAddress=function(s){return t(U,void 0,void 0,(function(){var t,r,o,a,c,d,u=this;return e(this,(function(e){switch(e.label){case 0:return e.trys.push([0,3,,4]),this.shouldSaveAddress&&this.store.customerStore.customer?(t="shipping"===s?this.checkout.shippingAddress:this.checkout.billingAddress,(null===(c=this.store.customerStore.customer.addresses)||void 0===c?void 0:c.find((function(e){return e.id===(null==t?void 0:t.id)})))?[2]:(r=new p(i(i({},t),{title:this.addressTitle||this.t("checkout-page:newAddress")})),(o=n(this.store.customerStore.customer)).addresses||(o.addresses=[]),o.addresses.push(r),[4,this.store.customerStore.saveCustomer(o)])):[3,2];case 1:e.sent(),null===(d=this.store.customerStore.customer.addresses)||void 0===d||d.forEach((function(t){return t.checkoutSettings=u.checkoutSettings})),"shipping"===s?(this.checkout.shippingAddress.id=r.id,this.selectedShippingAddressId=r.id||"-1"):(this.checkout.billingAddress.id=r.id,this.selectedBillingAddressId=r.id||"-1"),e.label=2;case 2:return[3,4];case 3:return a=e.sent(),console.error(a),[3,4];case 4:return[2]}}))}))},this.onGoToCartClick=function(){U.router.push("/cart")},this.onBackToShoppingClick=function(){U.router.push("/")},this.onProceedToShippingClick=function(){return t(U,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:if("address"===this.deliveryMethod){if(!this.canProceedToShipping)return this.isErrorsVisible=!0,[2]}else if(!this.canProceedToInStoreDelivery)return this.isErrorsVisible=!0,[2];this.isErrorsVisible=!1,e.label=1;case 1:return e.trys.push([1,6,,7]),this.isStepLoading=!0,"address"!==this.deliveryMethod?[3,3]:[4,this.saveAddress("shipping")];case 2:e.sent(),e.label=3;case 3:return[4,this.checkStocks()];case 4:return e.sent(),[4,this.saveCart()];case 5:return e.sent(),"address"===this.deliveryMethod?this.changeStep(E.SHIPPING):this.changeStep(E.PAYMENT),[3,7];case 6:return void 0!==typeof(t=e.sent()).type?this.error=t:(console.log(t),this.error={type:j.UNKNOWN}),this.isStepLoading=!1,[3,7];case 7:return[2]}}))}))},this.onProceedToDigitalOnlyPaymentClick=function(){return t(U,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:if(!this.canProceedToPayment)return this.isErrorsVisible=!0,[2];this.isErrorsVisible=!1,e.label=1;case 1:return e.trys.push([1,4,,5]),this.isStepLoading=!0,[4,this.checkStocks()];case 2:return e.sent(),[4,this.saveCart()];case 3:return e.sent(),this.changeStep(E.PAYMENT),[3,5];case 4:return(t=e.sent()).type?this.error=t:(console.log(t),this.error={type:j.UNKNOWN}),this.isStepLoading=!1,[3,5];case 5:return[2]}}))}))},this.onProceedToPaymentClick=function(){return t(U,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:if(!this.canProceedToPayment)return this.isErrorsVisible=!0,[2];this.isErrorsVisible=!1,e.label=1;case 1:return e.trys.push([1,4,,5]),this.isStepLoading=!0,[4,this.checkStocks()];case 2:return e.sent(),[4,this.saveCart()];case 3:return e.sent(),this.error=void 0,this.changeStep(E.PAYMENT),[3,5];case 4:return void 0!==typeof(t=e.sent()).type?this.error=t:(console.log(t),this.error={type:j.UNKNOWN}),this.isStepLoading=!1,[3,5];case 5:return[2]}}))}))},this.onCompletePaymentClick=function(){return t(U,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:if(!this.canPerformPayment)return this.isErrorsVisible=!0,[2];this.useDifferentAddress||(this.checkout.billingAddress=this.checkout.shippingAddress),e.label=1;case 1:return e.trys.push([1,7,,8]),this.isErrorsVisible=!1,this.isStepLoading=!0,[4,this.checkStocks()];case 2:return e.sent(),"address"!==this.deliveryMethod?[3,4]:[4,this.saveAddress("billing")];case 3:e.sent(),e.label=4;case 4:return[4,this.saveCart()];case 5:return e.sent(),this.isCustomFlowStripe?((t=document.querySelector("#stripe-form-btn"))&&t.click(),[2]):[4,this.createSaleTransaction()];case 6:return e.sent(),[3,8];case 7:return void 0!==typeof(i=e.sent()).type?this.error=i:this.error={type:j.UNKNOWN},this.isStepLoading=!1,[3,8];case 8:return[2]}}))}))},this.onCompleteDigitalOnlyPaymentClick=function(){return t(U,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:if(!this.canProceedToPayment||this.checkoutSettings.showTermsAndConditionsCheckbox&&!this.isTermsAndConditionsChecked)return this.isErrorsVisible=!0,[2];e.label=1;case 1:return e.trys.push([1,5,,6]),this.isErrorsVisible=!1,this.isStepLoading=!0,[4,this.checkStocks()];case 2:return e.sent(),[4,this.saveCart()];case 3:return e.sent(),this.isCustomFlowStripe?((t=document.querySelector("#stripe-form-btn"))&&t.click(),[2]):[4,this.createSaleTransaction()];case 4:return e.sent(),[3,6];case 5:return(i=e.sent()).type?this.error=i:this.error={type:j.UNKNOWN},this.isStepLoading=!1,[3,6];case 6:return[2]}}))}))},this.createSaleTransaction=function(){return t(U,void 0,void 0,(function(){var t,i,s,n,r,d,u,l,h,p,m,f,v,g,y;return e(this,(function(e){switch(e.label){case 0:return(i=this.mpVM.selectedCard)&&(null===(l=this.mpVM.selectedCard)||void 0===l?void 0:l.Name)?((n=this.mpVM.phoneNumber({store:this.store,checkout:this.checkout}))&&(t=n),void 0===(null===(h=this.cardData)||void 0===h?void 0:h.installmentCount)?[2]:[4,k.createSaleTransactionWithCart({input:{cartId:this.checkout.id,masterPassDetail:{phoneNumber:t,savedCardName:null===(p=this.mpVM.selectedCard)||void 0===p?void 0:p.Name},paymentGatewayId:null===(m=this.mpVM.selectedCard)||void 0===m?void 0:m.paymentGatewayId,paymentMethodDetail:{cardNumber:this.mpVM.selectedCard.Value1,cardHolderName:this.mpVM.selectedCard.Name,cvv:this.mpVM.selectedCard.Value2,expiredMonth:11,expiredYear:11,installmentCount:this.cardData.installmentCount,threeDSecure:!!(null===(f=this.cardData)||void 0===f?void 0:f.threeDSecure)}}})]):[3,2];case 1:return s=e.sent(),[3,4];case 2:return this.checkout.selectedPaymentGateway?[4,k.createSaleTransactionWithCart({input:{cartId:this.checkout.id,masterPassDetail:i&&t?{phoneNumber:t,savedCardName:null===(v=this.mpVM.selectedCard)||void 0===v?void 0:v.Name}:void 0,paymentGatewayId:this.checkout.selectedPaymentGateway.id,paymentMethodDetail:i?void 0:this.checkout.selectedPaymentGateway.paymentMethodType===a.CREDIT_CARD&&this.checkout.selectedPaymentGateway.type===c.INTERNAL&&this.cardData?this.cardData.toInput():void 0}})]:[2];case 3:s=e.sent(),e.label=4;case 4:return r=null===(g=null==s?void 0:s.data)||void 0===g?void 0:g.transactionStatus,d=r&&[o.SUCCESS,o.AUTHORIZED].includes(r),u=r===o.PENDING,d?[4,this.getSuccessTransaction()]:[3,7];case 5:return e.sent(),[4,this.onCheckoutTransactionSuccess()];case 6:return e.sent(),[3,8];case 7:if(!u||!(null===(y=null==s?void 0:s.data)||void 0===y?void 0:y.returnSlug))throw{data:s.firstErrorMessage,type:j.UNKNOWN};window.location.href=process.env.NEXT_PUBLIC_BASE_URL+s.data.returnSlug,e.label=8;case 8:return[2]}}))}))},this.onCheckoutTransactionSuccess=function(){return t(U,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:return localStorage.removeItem("sAddr"),(null===(t=this.checkout.customer)||void 0===t?void 0:t.notificationsAccepted)?[4,this.store.customerStore.createEmailSubscription((null===(i=this.checkout.customer)||void 0===i?void 0:i.email)||"")]:[3,2];case 1:e.sent(),e.label=2;case 2:return this.changeStep(E.SUCCESS),[2]}}))}))},this.onBackToInfoClick=function(){U.changeStep(E.INFO)},this.onBackToShippingClick=function(){U.changeStep(E.SHIPPING)},this.setCustomerConsentGranted=function(t){U.checkout.customer&&(U.checkout.customer.notificationsAccepted=t)},this.setUseDifferentAddress=function(t){U.useDifferentAddress=t,U.useDifferentAddress?(localStorage.setItem("sAddr","1"),U.checkout.billingAddress=U.checkout.billingAddress||new f):(localStorage.removeItem("sAddr"),U.checkout.billingAddress=U.checkout.shippingAddress)},this.setShouldSaveAddress=function(t){U.shouldSaveAddress=t},this.setAddressTitle=function(t){U.addressTitle=t},this.setPaymentGateway=function(i){return t(U,void 0,void 0,(function(){var t,s,n;return e(this,(function(e){switch(e.label){case 0:return this.paymentGateways.length?"STRIPE"!==(t=this.paymentGateways[i]).code||!(null===(n=t.settings)||void 0===n?void 0:n.find((function(t){return"allow_custom_flow"===t.label&&"true"===t.value})))||this.stripeResponse?[3,2]:[4,k.createStripePaymentIntent({input:{cartId:this.checkout.id,paymentGatewayId:t.id||""}})]:[2];case 1:(s=e.sent()).isSuccess&&s.data&&(this.stripeResponse=s.data),e.label=2;case 2:return this.checkout.selectedPaymentGateway=t,this.step!==E.SUCCESS&&(t.paymentMethodType===a.CREDIT_CARD&&t.type===c.INTERNAL&&(this.cardData=new y),this.installmentInfo=void 0),[2]}}))}))},this.setInstallmentCount=function(t){U.cardData&&(U.cardData.installmentCount=t)},this.changeStep=function(i){return t(U,void 0,void 0,(function(){return e(this,(function(t){return T||window.location.replace("".concat(window.location.pathname,"?id=").concat(this.checkout.id,"&step=").concat(i)),[2]}))}))},this.logout=function(){return t(U,void 0,void 0,(function(){return e(this,(function(t){switch(t.label){case 0:this.checkout.customer=null,this.store.customerStore.logout(),t.label=1;case 1:return t.trys.push([1,3,,4]),[4,this.saveCart()];case 2:case 3:return t.sent(),[3,4];case 4:return this.createCustomer(),[2]}}))}))},this.setContactModalVisible=function(t){U.isContactModalVisible=t},this.getWaitingForActionCampaignOffers=function(t){if(U.checkout.campaignOffers&&U.checkout.campaignOffers.length)return U.checkout.campaignOffers.filter((function(e){var i;return e.status===d.WAITING_FOR_ACTION&&(null===(i=e.campaignOffer)||void 0===i?void 0:i.targetPageTypes.some((function(e){return e===t})))}))},this.getOffer=function(t){return t.campaignOffer?t.campaignOffer.offers.find((function(e){return e.id===t.campaignOfferProductId})):null},this.getProduct=function(s){return t(U,void 0,void 0,(function(){var t,n,r,o,a;return e(this,(function(e){switch(e.label){case 0:return[4,I.searchProducts({input:{productIdList:[s]}})];case 1:return(t=e.sent()).isSuccess&&(null===(a=null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.data)||void 0===a?void 0:a.length)?(n=t.data.data[0],r=n.variants.find((function(t){return t.isActive})),[2,new g(i(i({},n),{selectedVariantValues:(r||n.variants[0]).variantValues}))]):[2,null]}}))}))},this.getOfferProductVariants=function(t){var e,i=t.offer,s=t.product,n=[];return(null===(e=i.excludedVariantIdList)||void 0===e?void 0:e.length)?s.variants.forEach((function(t){var e,s=null===(e=i.excludedVariantIdList)||void 0===e?void 0:e.some((function(e){return e===t.id}));t.hasStock&&!s&&n.push(t)})):n.push.apply(n,s.variants.filter((function(t){return t.hasStock}))),n},this.getCampaignOfferProducts=function(i){return t(U,void 0,void 0,(function(){var t,s,n,r,o,a;return e(this,(function(e){switch(e.label){case 0:if(!(t=this.getWaitingForActionCampaignOffers(i))||!t.length)return[2];s=0,e.label=1;case 1:return s<t.length?(n=t[s],(r=this.getOffer(n))?[4,this.getProduct(r.productId)]:[3,3]):[3,4];case 2:return(o=e.sent())&&(a=this.getOfferProductVariants({offer:r,product:o})).length?[2,{product:o,variants:a,campaignOffer:n,offer:r}]:[3,3];case 3:return s++,[3,1];case 4:return[2]}}))}))},this.getCampaignOffer=function(){return t(U,void 0,void 0,(function(){var t,i;return e(this,(function(e){switch(e.label){case 0:return t=this,[4,this.getCampaignOfferProducts(u.CHECKOUT)];case 1:return t.checkoutCampaignOffer=e.sent(),i=this,[4,this.getCampaignOfferProducts(u.POST_CHECKOUT)];case 2:return i.postCheckoutCampaignOffer=e.sent(),[2]}}))}))},this.updateCartCampaignOffer=function(i){return t(U,void 0,void 0,(function(){var t;return e(this,(function(e){switch(e.label){case 0:return this.isCheckoutLoaded=!1,[4,b.updateCartCampaignOffer({input:i})];case 1:return(t=e.sent())&&t.isSuccess&&t.data?(this.checkout=new h(t.data),[4,this.init()]):[3,3];case 2:e.sent(),e.label=3;case 3:return this.isCheckoutLoaded=!0,[2]}}))}))},this.checkout=l,this.checkoutSettings=m,this.router=R,this.returnPolicy=x,this.privacyPolicy=L,this.termsOfService=G,this.t=_,this.customizationProps=V,this.mpVM=new C,this.isTermsAndConditionsChecked=this.checkoutSettings.isTermsAndConditionsDefaultChecked||!1,this.init(),s(this)}return Object.defineProperty(R.prototype,"merchantSettings",{get:function(){return new m(A.getMerchantSettings())},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"selectedPaymentGatewayIndex",{get:function(){var t=this;return this.paymentGateways.findIndex((function(e){var i;return e.id===(null===(i=t.checkout.selectedPaymentGateway)||void 0===i?void 0:i.id)}))},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"selectedInstallmentIndex",{get:function(){var t,e,i=this;return(null===(e=null===(t=this.installmentInfo)||void 0===t?void 0:t.installmentPrices)||void 0===e?void 0:e.findIndex((function(t){var e;return t.installmentCount===(null===(e=i.cardData)||void 0===e?void 0:e.installmentCount)})))||0},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"checkoutUrl",{get:function(){return"/checkout?id=".concat(this.checkout.id,"&step=info")},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"customerAddressOptions",{get:function(){var t,e,i={label:this.t("checkout-page:newAddress"),value:"-1"},s=(null===(e=null===(t=P.getInstance().customerStore.customer)||void 0===t?void 0:t.addresses)||void 0===e?void 0:e.map((function(t){return{label:t.title+" - "+t.addressText,value:t.id}})))||[];return[i].concat(s)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"installmentPrice",{get:function(){var t,e,i,s=this;if(this.installmentInfo&&(null===(t=this.cardData)||void 0===t?void 0:t.installmentCount))return null===(i=null===(e=this.installmentInfo.installmentPrices)||void 0===e?void 0:e.find((function(t){var e;return t.installmentCount===(null===(e=s.cardData)||void 0===e?void 0:e.installmentCount)})))||void 0===i?void 0:i.totalPrice},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"installmentExtraPrice",{get:function(){if(this.installmentPrice&&this.checkout.totalFinalPrice)return this.installmentPrice-this.checkout.totalFinalPrice},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"finalPrice",{get:function(){return this.step===E.SUCCESS?this.checkout.totalFinalPrice:this.installmentPrice||this.checkout.$totalFinalPrice},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hasStockError",{get:function(){var t;return(null===(t=this.error)||void 0===t?void 0:t.type)===j.STOCK_ERROR},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"isPaymentGatewayHasMasterPass",{get:function(){return-1!==this.selectedPaymentGatewayIndex&&(!!this.paymentGateways.length&&!!this.paymentGateways[this.selectedPaymentGatewayIndex].masterPassClientId)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"canProceedToShipping",{get:function(){var t,e,i;return(this.isDigitalOnly?null===(t=this.checkout.billingAddress)||void 0===t?void 0:t.isValid:null===(e=this.checkout.shippingAddress)||void 0===e?void 0:e.isValid)&&this.checkout.hasValidCustomerEmail&&(null===(i=this.error)||void 0===i?void 0:i.type)!==j.NO_SHIPPING_ERROR},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"canProceedToInStoreDelivery",{get:function(){var t,e,i;return!!((null===(t=this.checkout.shippingAddress)||void 0===t?void 0:t.firstName)&&(null===(e=this.checkout.shippingAddress)||void 0===e?void 0:e.lastName)&&(null===(i=this.checkout.customer)||void 0===i?void 0:i.email)&&this.checkout.stockLocationId)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"canProceedToPayment",{get:function(){return this.canProceedToShipping},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"isInStoreDelivery",{get:function(){return!!this.checkout.stockLocationId},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"isCustomFlowStripe",{get:function(){var t,e=this.checkout.selectedPaymentGateway;return e&&"STRIPE"===e.code&&(null===(t=e.settings)||void 0===t?void 0:t.find((function(t){return"allow_custom_flow"===t.label&&"true"===t.value})))},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"store",{get:function(){return P.getInstance()},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"canPerformPayment",{get:function(){var t,e;if(this.checkoutSettings.showTermsAndConditionsCheckbox&&!this.isTermsAndConditionsChecked)return!1;var i=this.checkout.selectedPaymentGateway,s=!!("in-store"===this.deliveryMethod)||!!this.canProceedToShipping,n=!!(null===(t=this.checkout.billingAddress)||void 0===t?void 0:t.isValid),r=!!this.mpVM.selectedCard||((null==i?void 0:i.paymentMethodType)===a.CREDIT_CARD&&i.type===c.INTERNAL?!!this.isCustomFlowStripe||(null===(e=this.cardData)||void 0===e?void 0:e.isValid):!!i);return s&&n&&r},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"isDigitalOnly",{get:function(){return this.checkout.shippingMethod===l.DIGITAL_DELIVERY},enumerable:!1,configurable:!0}),R}();function D(t,e){return t.match(new RegExp(".{1,"+e+"}","g"))||[]}function M(t){return t&&R.test(t.charAt(t.length-1))}!function(t){t.INFO="info",t.SHIPPING="shipping",t.PAYMENT="payment",t.SUCCESS="success"}(E||(E={})),function(t){t[t.UNKNOWN=0]="UNKNOWN",t[t.API_ERROR=1]="API_ERROR",t[t.STOCK_ERROR=2]="STOCK_ERROR",t[t.PAYMENT_ERROR=3]="PAYMENT_ERROR",t[t.NO_SHIPPING_ERROR=4]="NO_SHIPPING_ERROR",t[t.CUSTOMER_LOGIN_REQUIRED_ERROR=5]="CUSTOMER_LOGIN_REQUIRED_ERROR"}(j||(j={}));export{E as CheckoutStep,j as ErrorType,x as default};

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

@@ -0,0 +1,201 @@
+import { OtpModalType } from "./components/master-pass/modal-otp";
+import { SuccessModalType } from "./components/master-pass/modal-success";
+import { IkasBaseStore } from "../../store";
+import { IkasCheckout, IkasPaymentGateway } from "../../models";
+import { MasterPassOperationTypeEnum } from "@ikas/storefront-api";
+declare type MFS_CB_HOC_TYPE_SOURCE = "checkMasterPass" | "register" | "resendOtp" | "linkCardToClient" | "validateTransaction" | "listCards" | "deleteCard";
+declare type MFS_CB_HOC_TYPE = (params: {
+    source: MFS_CB_HOC_TYPE_SOURCE;
+    store: IkasBaseStore;
+    checkout: IkasCheckout;
+    callback?: () => void;
+}) => MFS_CB_TYPE;
+declare type MFS_CB_TYPE = (status: any, response: {
+    responseCode: /* register success */ "0000" | /* register success */ "" | /* banka tarafindan otp dogrulamasi yapilir */ "5001" | /* masterpass tarafindan otp dogrulamasi yapilir*/ "5008" | /* Bu kredi kartı bu kullanıcıya daha önceden kaydedilmiştir. */ "5196" | /* Tek kullanımlık şifre doğrulanamadı. */ "1409" | /* External hesap bulunamadı. */ "1999" | string;
+    responseDescription?: string;
+    transactionId: string;
+    accountStatus: any;
+    url3D: string;
+    cards: number | Array<Card>;
+}) => void;
+declare type MFS = {
+    checkMasterPass: (formData: FormData, cb: MFS_CB_TYPE) => void;
+    setClientId: (a: string) => void;
+    register: (formData: FormData, cb: MFS_CB_TYPE) => void;
+    resendOtp: (token: string, lang: string, cb: MFS_CB_TYPE) => void;
+    validateTransaction: (formData: FormData, cb: MFS_CB_TYPE) => void;
+    getLastToken: () => string;
+    linkCardToClient: (formData: FormData, cb: MFS_CB_TYPE) => void;
+    listCards: (phoneNumber: string, token: string, cb: MFS_CB_TYPE) => void;
+    deleteCard: (formData: FormData, cb: MFS_CB_TYPE) => void;
+};
+export declare type Card = {
+    BankIca: string;
+    CardStatus: string;
+    EftCode: string;
+    IsMasterPassMember: string;
+    LoyaltyCode: string;
+    Name: string;
+    ProductName: string;
+    PromtCpin: string;
+    UniqueId: string;
+    Value1: string;
+    Value2: string;
+    paymentGatewayId: string;
+};
+export default class MasterPassModel {
+    checkMasterPassData: {
+        status: "" | "noMasterPassAccount" | "hasMasterPassAccountButDoesNotHaveAnyOperation" | "hasMasterPassAccountAndHasRelation";
+    };
+    saveCardToMasterPass: {
+        isCheckboxChecked: boolean;
+        isSendConfirmationButtonPending: boolean;
+        cardName: string;
+        phoneNumber: string;
+    };
+    otpResponse: {
+        status: "error" | "";
+        text: string;
+    };
+    isOtpFormSubmitAtLeastOnce: boolean;
+    visibleModal?: "otpModalBank" | "otpModalMasterPass" | "otpModalSuccess" | "linkCardToClientModal" | "linkCardToClientModalSuccess" | "mfsResponseModal";
+    mfsResponseModalText?: string;
+    cards: Card[];
+    selectedCard?: Card;
+    constructor();
+    get isSaveCardToMasterPassPhoneNumberInputVisible(): boolean;
+    get isSaveCardToMasterPassPhoneNumberInputDisabled(): boolean;
+    /**
+     * Use when phone number input disabled
+     */
+    saveCardToMasterPassPhoneNumberDisabledInputValue: ({ store, checkout, withPlus, }: {
+        withPlus: boolean;
+        store: IkasBaseStore;
+        checkout: IkasCheckout;
+    }) => string;
+    get isSendConfirmationButtonDisabled(): boolean;
+    onSaveCardToMasterPassCheckedChange: (value: boolean) => void;
+    onSaveCardToMasterPassCardNameChange: (value: string) => void;
+    onSaveCardToMasterPassPhoneNumberChange: (value: string) => void;
+    onSaveCardToMasterPassSendConfirmationButtonClick: ({ creditCard, store, checkout, paymentGateway, callback, }: RegisterParams) => void;
+    get isLinkCardToClientModalVisible(): boolean;
+    get isOtpModalVisible(): boolean;
+    get isResponseModalVisible(): boolean;
+    get isSuccessModalVisible(): boolean;
+    get otpModalType(): OtpModalType;
+    get successModalType(): SuccessModalType;
+    showLinkCardToClientModal: () => void;
+    hideLinkCardToClientModal: () => void;
+    showOtpModal: (modalType: OtpModalType) => void;
+    hideOtpModal: () => void;
+    onResponseModalClose: () => void;
+    onSuccessModalClose: () => void;
+    onLinkCardToClientButtonClick: (params: LinkCardToClientParams) => void;
+    onOtpFormSubmit: (params: ValidateTransactionParams) => void;
+    MFS: () => MFS | undefined;
+    getToken: ({ cartId, paymentGatewayId, operationType, phoneNumber, }: {
+        cartId: string;
+        paymentGatewayId: string;
+        operationType: MasterPassOperationTypeEnum;
+        phoneNumber: string;
+    }) => Promise<import("@ikas/storefront-api/build/__api/types").MasterPassTokenResponse | undefined>;
+    phoneNumber: ({ store, checkout, withPlus, }: {
+        store: IkasBaseStore;
+        checkout: IkasCheckout;
+        withPlus?: boolean | undefined;
+    }) => string | null | undefined;
+    sendSmsLanguage: (store: IkasBaseStore) => string;
+    /**
+     * Send object return value is FormData
+     * @returns FormData
+     */
+    prepareFormData<T>(data: T): FormData;
+    clearSaveCardToMasterPassForm: () => void;
+    /**
+     * MFS (MasterPass js library) response handler.
+     */
+    mfsResponseHandler: MFS_CB_HOC_TYPE;
+    showTokenErrorWithModal: () => void;
+    /**
+     * CheckMasterPass for customer. Call it on initial. For more detail keep reading. [tr]
+  
+     * Soldan ilk 6 hane 000000 ise
+     * Kullanıcının masterpass hesabı yok anlamına gelmektedir. Burada isterseniz kart kaydına
+     * yönlendirebilirsiniz. Kart kaydını sizin üzerinizden gerçekleştirdiğinde otomatik linklenecektir
+     * ve tekrar checkmasterpass servisine istek yaptığınızda ilk 6 hanenin değiştiğini göreceksiniz.
+  
+     * Soldan ilk 6 hane 011000 ise
+     * Kullanıcının daha önce başka üye işyerinde kayıtlı hesabı olduğu anlamına gelmektedir.
+     * Bu aşamada kullanıcıyı linkleme (linkCardtoClient) akışına sokmanız gerekmektedir.
+     * “Masterpass’e kayıtlı kartların var, kullanmak ister misin?” sorusu sorulur
+     * ve evet cevabında linkCardtoClient servisi çağrılır. Sms doğrulaması yapıldıktan
+     * sonra linkleme başarıyla gerçekleşeceği için ListCard servisi ile kartlar listelenir.
+  
+     * Soldan ilk 6 hane 011100 ise
+     * Kullanıcı daha önce ikas üzerinde linkli ve kartları kaydedilmiş demektir.
+     * Bu durumda kullanıcıdan herhangi bir aksiyon almasını beklemeden doğrudan
+     * kayıtlı kartlarının listelenmesi (ListCard servisi ile) gerekiyor.
+     */
+    checkMasterPass: ({ checkout, store, ...rest }: CheckMasterPassParams) => Promise<void>;
+    /**
+     * Save card to MasterPass
+     */
+    register: ({ creditCard, store, checkout, paymentGateway, callback, }: RegisterParams) => Promise<void>;
+    resendOtp: ({ store, checkout, callback, }: {
+        store: IkasBaseStore;
+        checkout: IkasCheckout;
+        callback: () => void;
+    }) => Promise<void>;
+    /**
+     * First checkMasterPass then check respone;
+     * [tr] Soldan ilk 6 hane 011000 ise
+     * Kullanıcının daha önce başka üye işyerinde kayıtlı hesabı olduğu anlamına gelmektedir.
+     * Bu aşamada kullanıcıyı linkleme (linkCardtoClient) akışına sokmanız gerekmektedir.
+     * “Masterpass’e kayıtlı kartların var, kullanmak ister misin?” sorusu sorulur
+     * ve evet cevabında linkCardtoClient servisi çağrılır. Sms doğrulaması yapıldıktan
+     * sonra linkleme başarıyla gerçekleşeceği için ListCard servisi ile kartlar listelenir.
+     */
+    linkCardToClient: ({ store, checkout, callback, }: LinkCardToClientParams) => Promise<void>;
+    validateTransaction: ({ validationCode, store, checkout, callback, }: ValidateTransactionParams) => Promise<void>;
+    listCards: ({ store, checkout }: ListCardsParams) => Promise<void>;
+    deleteCard: ({ store, checkout, card }: DeleteCardParams) => Promise<void>;
+}
+declare type RegisterParams = {
+    creditCard: {
+        rtaPan: string;
+        expiryDate: string;
+        cvc: string;
+        accountAliasName: string;
+        phoneNumber: string;
+    };
+    paymentGateway: IkasPaymentGateway;
+    store: IkasBaseStore;
+    checkout: IkasCheckout;
+    callback: () => void;
+};
+declare type CheckMasterPassParams = {
+    checkout: IkasCheckout;
+    store: IkasBaseStore;
+};
+declare type LinkCardToClientParams = {
+    cartId: string;
+    checkout: IkasCheckout;
+    store: IkasBaseStore;
+    callback?: () => void;
+};
+declare type ValidateTransactionParams = {
+    validationCode: string;
+    store: IkasBaseStore;
+    checkout: IkasCheckout;
+    callback: () => void;
+};
+declare type ListCardsParams = {
+    store: IkasBaseStore;
+    checkout: IkasCheckout;
+};
+declare type DeleteCardParams = {
+    store: IkasBaseStore;
+    checkout: IkasCheckout;
+    card: Card;
+};
+export {};

package/build/components/checkout/modelMasterPass.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as s,__rest as t}from'./../../ext/tslib/tslib.es6.js';import{makeAutoObservable as o}from"mobx";import{useTranslation as a}from"../../utils/i18n.js";import{getMasterPassRequestToken as n,MasterPassOperationTypeEnum as r}from"@ikas/storefront-api";import{IkasStorefrontConfig as i}from"@ikas/storefront-config";var c="undefined"==typeof localStorage,u=/000000[0|1]{10}/g,d=/[0|1]1100[0|1]{11}/g,l=/[0|1]11100[0|1]{10}/g,h=function(){function h(){var h=this;this.checkMasterPassData={status:""},this.saveCardToMasterPass={isCheckboxChecked:!1,cardName:"",phoneNumber:"",isSendConfirmationButtonPending:!1},this.otpResponse={status:"",text:""},this.isOtpFormSubmitAtLeastOnce=!1,this.visibleModal=void 0,this.cards=[],this.saveCardToMasterPassPhoneNumberDisabledInputValue=function(e){var s=e.store,t=e.checkout,o=e.withPlus;return h.phoneNumber({store:s,checkout:t,withPlus:o})||""},this.onSaveCardToMasterPassCheckedChange=function(e){h.saveCardToMasterPass.isCheckboxChecked=e},this.onSaveCardToMasterPassCardNameChange=function(e){h.saveCardToMasterPass.cardName=e},this.onSaveCardToMasterPassPhoneNumberChange=function(e){h.saveCardToMasterPass.phoneNumber=e},this.onSaveCardToMasterPassSendConfirmationButtonClick=function(e){var s=e.creditCard,t=e.store,o=e.checkout,a=e.paymentGateway,n=e.callback;console.log("onSaveCardToMasterPassSendConfirmationButtonClick 1"),h.register({creditCard:s,store:t,checkout:o,paymentGateway:a,callback:n})},this.showLinkCardToClientModal=function(){h.visibleModal="linkCardToClientModal"},this.hideLinkCardToClientModal=function(){h.visibleModal=void 0},this.showOtpModal=function(e){h.otpResponse.text="",h.otpResponse.status="",h.visibleModal="masterPassOtp"===e?"otpModalMasterPass":"otpModalBank",console.log("calisti",h.visibleModal)},this.hideOtpModal=function(){h.visibleModal=void 0,h.otpResponse.text="",h.otpResponse.status="",h.isOtpFormSubmitAtLeastOnce=!1},this.onResponseModalClose=function(){h.visibleModal=void 0,h.mfsResponseModalText=""},this.onSuccessModalClose=function(){h.visibleModal=void 0},this.onLinkCardToClientButtonClick=function(e){h.linkCardToClient(e)},this.onOtpFormSubmit=function(e){h.otpResponse.text="",h.otpResponse.status="",h.validateTransaction(e)},this.MFS=function(){var e;if(!c){if(window.MFS&&(null===(e=window.MFS)||void 0===e?void 0:e.setClientId))return window.MFS;console.error("MFS can not use.")}},this.getToken=function(t){var o=t.cartId,a=t.paymentGatewayId,r=t.operationType,i=t.phoneNumber;return e(h,void 0,void 0,(function(){var e;return s(this,(function(s){switch(s.label){case 0:return[4,n({cartId:o,paymentGatewayId:a,operationType:r,phoneNumber:i})];case 1:return(e=s.sent()).data&&e.isSuccess&&!e.errors.length?[2,e.data]:(this.showTokenErrorWithModal(),[2])}}))}))},this.phoneNumber=function(e){var s,t,o=e.store,a=e.checkout,n=e.withPlus,r=void 0!==n&&n,i=(null===(s=o.customerStore.customer)||void 0===s?void 0:s.phone)||(null===(t=a.shippingAddress)||void 0===t?void 0:t.phone);return i&&i.includes("+")&&!r&&(i=i.replace("+","")),i},this.sendSmsLanguage=function(e){var s,t="tur";if(e.localeOptions.length){var o=e.localeOptions.find((function(e){return e.routing.locale===i.getCurrentLocale()}));o&&o.iso3&&(t=null===(s=o.iso3)||void 0===s?void 0:s.toLowerCase())}return t},this.clearSaveCardToMasterPassForm=function(){h.saveCardToMasterPass.isCheckboxChecked=!1,h.saveCardToMasterPass.phoneNumber="",h.saveCardToMasterPass.cardName="",h.saveCardToMasterPass.isSendConfirmationButtonPending=!1},this.mfsResponseHandler=function(e){return function(s,t){console.log({field:"mfsResponseHandler",response:t}),e.callback&&e.callback();var o,a=function(e){var s;return null===(s=null==t?void 0:t.accountStatus)||void 0===s?void 0:s.match(e)};a(u)&&(h.checkMasterPassData.status="noMasterPassAccount",(o=h.phoneNumber({checkout:e.checkout,store:e.store,withPlus:!0}))&&(h.saveCardToMasterPass.phoneNumber=o));a(d)&&(h.checkMasterPassData.status="hasMasterPassAccountButDoesNotHaveAnyOperation",h.showLinkCardToClientModal(),(o=h.phoneNumber({checkout:e.checkout,store:e.store,withPlus:!0}))&&(h.saveCardToMasterPass.phoneNumber=o));if(a(l)&&(h.checkMasterPassData.status="hasMasterPassAccountAndHasRelation",(null==e?void 0:e.checkout)&&e.store&&(h.listCards({store:e.store,checkout:e.checkout}),console.log("call listcards"))),"validateTransaction"!==e.source&&"resendOtp"!==e.source||!t.responseDescription||(h.otpResponse.text=t.responseDescription,"1409"===t.responseCode&&(h.otpResponse.status="error")),"0000"!=t.responseCode&&""!=t.responseCode||(console.log("Register Success"),"deleteCard"===e.source&&h.listCards({store:e.store,checkout:e.checkout}),"validateTransaction"===e.source&&(null==e?void 0:e.checkout)&&e.store&&("hasMasterPassAccountButDoesNotHaveAnyOperation"===h.checkMasterPassData.status?h.visibleModal="linkCardToClientModalSuccess":h.visibleModal="otpModalSuccess",e.checkout.selectedPaymentGateway=void 0,h.clearSaveCardToMasterPassForm(),h.listCards({store:e.store,checkout:e.checkout}))),"5196"===t.responseCode&&t.responseDescription&&(h.visibleModal="mfsResponseModal",h.mfsResponseModalText=t.responseDescription),"5001"==t.responseCode||"5008"==t.responseCode){var n="5001"===t.responseCode?"bankOtp":"masterPassOtp";h.showOtpModal(n)}if("5010"==t.responseCode&&"undefined"!=typeof window)return console.log('response.responseCode == "5010"'),void window.location.assign(t.url3D+"&returnUrl="+window.location.href);console.log({source:"MFS response.responseDescription",responseDescription:t.responseDescription,response:t})}},this.showTokenErrorWithModal=function(){var e=a().t;h.visibleModal="mfsResponseModal",h.mfsResponseModalText=e("checkout-page:errorUnknown")},this.checkMasterPass=function(o){return e(h,void 0,void 0,(function(){var e,a,n,i,c,u,d=o.checkout,l=o.store;return t(o,["checkout","store"]),s(this,(function(s){switch(s.label){case 0:return console.log("checkMasterPass 1"),(e=this.MFS())?(a=this.phoneNumber({store:l,checkout:d}),console.log("checkMasterPass 2"),n=d.masterPassPaymentGateway,a&&n&&n.masterPassClientId?(console.log("checkMasterPass 3",a),[4,this.getToken({cartId:d.id,paymentGatewayId:n.id,operationType:r.CHECK_MASTER_PASS_USER,phoneNumber:a})]):[2]):[2];case 1:return(i=s.sent())?(e.setClientId(n.masterPassClientId),c=this.sendSmsLanguage(l),u=this.prepareFormData({sendSmsLanguage:c,sendSms:"N",referenceNo:i.requestReferenceNumber,token:i.token,userId:a}),e.checkMasterPass(u,this.mfsResponseHandler({source:"checkMasterPass",checkout:d,store:l})),console.log("checkMasterPass 4"),[2]):[2]}}))}))},this.register=function(t){var o=t.creditCard,a=t.store,n=t.checkout,i=t.paymentGateway,c=t.callback;return e(h,void 0,void 0,(function(){var e,t,u,d;return s(this,(function(s){switch(s.label){case 0:return console.log("register 1"),(e=this.MFS())?(console.log("register 2"),(t=o.phoneNumber)&&i.masterPassClientId?(console.log("register 3"),[4,this.getToken({cartId:n.id,paymentGatewayId:i.id,operationType:r.REGISTER_CARD,phoneNumber:t})]):[2]):[2];case 1:return u=s.sent(),console.log("register 4"),(null==u?void 0:u.token)?(d=this.prepareFormData({msisdn:t,token:null==u?void 0:u.token,referenceNo:u.requestReferenceNumber,sendSmsLanguage:this.sendSmsLanguage(a),rtaPan:o.rtaPan,expiryDate:o.expiryDate,cvc:o.cvc,accountAliasName:o.accountAliasName,timeZone:u.timeZone,sendSms:"Y",actionType:"A",clientIp:"",delinkReason:"",eActionType:"A",cardTypeFlag:"05",cpinFlag:"Y",defaultAccount:"Y",mmrpConfig:"110010",identityVerificationFlag:"Y",mobileAccountConfig:"MWA",uiChannelType:"6"}),console.log("reigster 5"),e.setClientId(i.masterPassClientId),e.register(d,this.mfsResponseHandler({source:"register",store:a,checkout:n,callback:c})),[2]):[2]}}))}))},this.resendOtp=function(t){var o=t.store,a=t.checkout,n=t.callback;return e(h,void 0,void 0,(function(){var e,t,r;return s(this,(function(s){return this.isOtpFormSubmitAtLeastOnce&&(e=this.MFS())?(t=e.getLastToken(),r=this.sendSmsLanguage(o),e.resendOtp(t,r,this.mfsResponseHandler({source:"resendOtp",store:o,checkout:a,callback:n})),[2]):[2]}))}))},this.linkCardToClient=function(t){var o=t.store,a=t.checkout,n=t.callback;return e(h,void 0,void 0,(function(){var e,t,i,c,u;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&((t=this.phoneNumber({store:o,checkout:a}))&&(null==(i=a.masterPassPaymentGateway)?void 0:i.id))?[4,this.getToken({cartId:a.id,paymentGatewayId:i.id,operationType:r.REGISTER_CARD,phoneNumber:t})]:[2];case 1:return(c=s.sent())?(u=this.prepareFormData({sendSms:"Y",sendSmsLanguage:this.sendSmsLanguage(o),token:c.token,referenceNo:c.requestReferenceNumber,cardAliasName:"",msisdn:t}),e.linkCardToClient(u,this.mfsResponseHandler({source:"linkCardToClient",store:o,checkout:a,callback:n})),[2]):(n&&n(),[2])}}))}))},this.validateTransaction=function(t){var o=t.validationCode,a=t.store,n=t.checkout,i=t.callback;return e(h,void 0,void 0,(function(){var e,t,c,u,d;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&((t=this.phoneNumber({store:a,checkout:n}))&&(c=n.masterPassPaymentGateway))?[4,this.getToken({cartId:n.id,paymentGatewayId:c.id,operationType:r.REGISTER_CARD,phoneNumber:t})]:[2];case 1:return(u=s.sent())?(d=this.prepareFormData({pinType:"otp",validationCode:o,sendSms:"Y",sendSmsLanguage:this.sendSmsLanguage(a),token:u.token,referenceNo:u.requestReferenceNumber}),this.isOtpFormSubmitAtLeastOnce||(this.isOtpFormSubmitAtLeastOnce=!0),e.validateTransaction(d,this.mfsResponseHandler({source:"validateTransaction",store:a,checkout:n,callback:i})),[2]):[2]}}))}))},this.listCards=function(t){var o=t.store,a=t.checkout;return e(h,void 0,void 0,(function(){var e,t,n,i,c,u,d=this;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&(t=this.phoneNumber({store:o,checkout:a}))?(n=null===(u=a.masterPassPaymentGateway)||void 0===u?void 0:u.id,console.log("listCards paymentGatewayId",n),n?[4,this.getToken({cartId:a.id,paymentGatewayId:n,operationType:r.LIST_CARDS,phoneNumber:t})]:[2]):[2];case 1:return(i=s.sent())?(c=function(e,s){"0000"!=s.responseCode&&""!=s.responseCode&&(console.error({source:"mfs response.responseDescription",responseDescription:s.responseDescription,response:s}),console.log("TransactionID->",s.transactionId));var t=[];if(Array.isArray(s.cards)&&s.cards.length)for(var o=0;o<s.cards.length;o++){var a=s.cards[o];a.paymentGatewayId=n,t.push(a)}d.cards=t,console.log("list_card response->",s),console.log("Cards",t),console.log("TransactionID->",s.transactionId)},e.listCards(t,i.token,c),[2]):[2]}}))}))},this.deleteCard=function(t){var o=t.store,a=t.checkout,n=t.card;return e(h,void 0,void 0,(function(){var e,t,i,c;return s(this,(function(s){switch(s.label){case 0:return(e=this.MFS())&&(t=this.phoneNumber({store:o,checkout:a}))?[4,this.getToken({cartId:a.id,paymentGatewayId:n.paymentGatewayId,operationType:r.DELETE_CARD,phoneNumber:t})]:[2];case 1:return(i=s.sent())?(c=this.prepareFormData({sendSms:"N",msisdn:t,token:i.token,referenceNo:i.requestReferenceNumber,sendSmsLanguage:this.sendSmsLanguage(o),accountAliasName:n.Name}),e.deleteCard(c,this.mfsResponseHandler({source:"deleteCard",store:o,checkout:a})),[2]):[2]}}))}))},o(this)}return Object.defineProperty(h.prototype,"isSaveCardToMasterPassPhoneNumberInputVisible",{get:function(){return("hasMasterPassAccountAndHasRelation"!==this.checkMasterPassData.status||!this.cards.length)&&("hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status||this.checkMasterPassData.status,!0)},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isSaveCardToMasterPassPhoneNumberInputDisabled",{get:function(){return!("hasMasterPassAccountAndHasRelation"!==this.checkMasterPassData.status||!this.cards.length)||("hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status||"noMasterPassAccount"===this.checkMasterPassData.status)},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isSendConfirmationButtonDisabled",{get:function(){return this.isSaveCardToMasterPassPhoneNumberInputVisible?this.isSaveCardToMasterPassPhoneNumberInputDisabled?!this.saveCardToMasterPass.cardName:!this.saveCardToMasterPass.cardName||!this.saveCardToMasterPass.phoneNumber:!this.saveCardToMasterPass.cardName},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isLinkCardToClientModalVisible",{get:function(){return"linkCardToClientModal"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isOtpModalVisible",{get:function(){return"otpModalBank"===this.visibleModal||"otpModalMasterPass"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isResponseModalVisible",{get:function(){return!("mfsResponseModal"!==this.visibleModal||!this.mfsResponseModalText)},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"isSuccessModalVisible",{get:function(){return"linkCardToClientModalSuccess"===this.visibleModal||"otpModalSuccess"===this.visibleModal},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"otpModalType",{get:function(){return"otpModalMasterPass"===this.visibleModal?"masterPassOtp":"bankOtp"},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"successModalType",{get:function(){return"hasMasterPassAccountButDoesNotHaveAnyOperation"===this.checkMasterPassData.status?"linkCardToClient":"register"},enumerable:!1,configurable:!0}),h.prototype.prepareFormData=function(e){var s=new FormData;return Object.entries(e).forEach((function(e){var t=e[0],o=e[1];return s.append(t,o)})),s},h}();export{h as default};

package/build/components/checkout/steps/step-info/index.d.ts

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

package/build/components/checkout/steps/step-info/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import{FormItem as o}from"../../components/form-item/index.js";import{FormItemType as i,FormItemInputType as r}from"../../components/form-item/model.js";import{Button as n}from"../../components/button/index.js";import{Checkbox as c}from"../../components/checkbox/index.js";import m from"../../components/error/index.js";import s from"../../styles/common.module.scss.js";import a from"../../components/customer-addresses/index.js";import l from"../../components/customer-addresses/model.js";import"@ikas/storefront-config";import{useTranslation as u}from"../../../../utils/i18n.js";var p=t((function(t){var p,d,h=t.vm,g=u().t,f=e.useCallback((function(e){h.checkout.customer&&(h.checkout.customer.email=e?e.trim():e)}),[h,h.checkout,h.checkout.customer]),k=e.useMemo((function(){return h.isDigitalOnly?new l(h,"billing"):new l(h,"shipping")}),[h]);return e.createElement("div",null,e.createElement(m,{vm:h}),!h.checkout.hasCustomer&&e.createElement("div",{style:{marginTop:"8px",marginBottom:"40px"}},e.createElement("div",{className:s.FormSectionTitle},e.createElement("div",{className:s.Title},g("checkout-page:contactInfo"))),e.createElement(o,{type:i.TEXT,inputType:r.EMAIL,label:g("checkout-page:email"),autocomplete:"email",value:(null===(p=h.checkout.customer)||void 0===p?void 0:p.email)||"",onChange:f,hasError:h.isErrorsVisible&&!h.checkout.hasValidCustomerEmail,errorText:g("checkout-page:emailError"),tooltipText:g("checkout-page:guestEmailTooltip")}),e.createElement(c,{value:(null===(d=h.checkout.customer)||void 0===d?void 0:d.notificationsAccepted)||!1,label:g("checkout-page:customerConsentCta"),onChange:h.setCustomerConsentGranted})),e.createElement(a,{vm:k}),!k.editingCustomerAddress&&e.createElement(n,{style:{width:"100%",marginTop:h.store.customerStore.customer?"0px":"32px"},text:"address"!==h.deliveryMethod||h.isDigitalOnly?g("checkout-page:actions.continueWithPayment"):g("checkout-page:actions.continueWithShipping"),isLoading:h.isStepLoading,onClick:h.isDigitalOnly?h.onProceedToDigitalOnlyPaymentClick:h.onProceedToShippingClick}))}));export{p as default};

package/build/components/checkout/steps/step-payment/billing-address/index.d.ts

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

package/build/components/checkout/steps/step-payment/billing-address/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as r}from"mobx-react-lite";import{Checkbox as t}from"../../../components/checkbox/index.js";import s from"../../../components/customer-addresses/model.js";import n from"../../../components/customer-addresses/index.js";import"@ikas/storefront-config";import{useTranslation as o}from"../../../../../utils/i18n.js";var i=r((function(r){var i=r.vm,m=o().t,d=e.useMemo((function(){return new s(i,"billing")}),[i]);return e.useEffect((function(){"in-store"===i.deliveryMethod&&i.setUseDifferentAddress(!0)}),[i]),e.createElement(e.Fragment,null,e.createElement("div",{style:{marginTop:"32px",marginBottom:i.useDifferentAddress?"24px":"0px"}},"address"===i.deliveryMethod&&!i.isDigitalOnly&&e.createElement(t,{value:!i.useDifferentAddress,hasError:i.isErrorsVisible&&!i.isTermsAndConditionsChecked,label:m("checkout-page:useShippingForBilling"),onChange:function(e){return i.setUseDifferentAddress(!e)}})),i.useDifferentAddress&&e.createElement(n,{vm:d}))}));export{i as BillingAddress};

package/build/components/checkout/steps/step-payment/index.d.ts

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

package/build/components/checkout/steps/step-payment/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import{Checkbox as o}from"../../components/checkbox/index.js";import i from"../../components/error/index.js";import{PaymentGateways as n}from"./payment-gateways/index.js";import{BillingAddress as r}from"./billing-address/index.js";import a from"./style.module.scss.js";import{Button as c}from"../../components/button/index.js";import s from"../../components/svg/lock.js";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{createTranslationInputData as m,useTranslation as p}from"../../../../utils/i18n.js";var d=t((function(t){var d=t.vm,u=p().t,k=e.useCallback((function(e){e.stopPropagation(),d.policyModalTitle=u("checkout-page:privacyPolicy"),d.policyModalText=d.privacyPolicy}),[d,d.privacyPolicy]),y=e.useCallback((function(e){e.stopPropagation(),d.policyModalTitle=u("checkout-page:termsOfService"),d.policyModalText=d.termsOfService}),[d,d.termsOfService]),g=l.getTranslations()["checkout-page"],v=m(g.ackPoliciesSentence).map((function(t){return t.isVariable?e.createElement("span",{className:[a.TermsLabelSpan,d.isErrorsVisible&&!d.isTermsAndConditionsChecked?a.Error:""].join(" "),onClick:"{{ ackPrivacyPolicy }}"===t.value?k:y},"{{ ackPrivacyPolicy }}"===t.value?u("checkout-page:ackPrivacyPolicy"):u("checkout-page:ackTermsOfService")):t.value}));return e.createElement("div",{className:[a.StepPayment].join(" ")},e.createElement(i,{vm:d}),e.createElement(n,{vm:d}),e.createElement(r,{vm:d}),d.checkoutSettings.showTermsAndConditionsCheckbox&&e.createElement("div",{style:{marginTop:d.useDifferentAddress?"12px":"0px"}},e.createElement(o,{value:d.isTermsAndConditionsChecked,hasError:d.isErrorsVisible&&!d.isTermsAndConditionsChecked,label:e.createElement(e.Fragment,null,v),onChange:d.onTermsAndConditionsCheckedChange})),e.createElement(c,{style:{width:"100%",marginTop:"24px"},text:u("checkout-page:actions.completeOrder"),isLoading:d.isStepLoading,onClick:d.isDigitalOnly?d.onCompleteDigitalOnlyPaymentClick:d.onCompletePaymentClick}),!!u("checkout-page:securePaymentTooltip")&&e.createElement("div",{className:a.SecurePaymentContainer},e.createElement("span",{className:a.Lock},e.createElement(s,null)),e.createElement("span",null,u("checkout-page:securePaymentTooltip"))))}));export{d as CheckoutStepPayment};

package/build/components/checkout/steps/step-payment/payment-gateways/index.d.ts

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