@ikas/storefront 0.2.0-alpha.5 → 0.2.0-alpha.7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/esm/components/checkout/components/error/customer-login-required-error/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import CheckoutViewModel from "../../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+    onClose: () => void;
+};
+export declare const CustomerLoginRequiredError: React.FC<Props>;
+export {};

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

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

package/build/esm/components/checkout/components/error/no-shipping-error/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    onClose: () => void;
+};
+export declare const NoShippingError: React.FC<Props>;
+export {};

package/build/esm/components/checkout/components/error/payment-error/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { CheckoutError } from "../../../model";
+declare type Props = {
+    error?: CheckoutError | null;
+    onClose: () => void;
+};
+export declare const PaymentError: React.FC<Props>;
+export {};

package/build/esm/components/checkout/components/error/stock-error/index.d.ts

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

package/build/esm/components/checkout/components/error/unknown-error/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    onClose: () => void;
+};
+export declare const UnknownError: React.FC<Props>;
+export {};

package/build/esm/components/checkout/components/expandable-section/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type ExpandableSectionProps = {
+    title: string;
+};
+declare const _default: React.FunctionComponent<ExpandableSectionProps>;
+export default _default;

package/build/esm/components/checkout/components/form-item/caret-down.d.ts

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

package/build/esm/components/checkout/components/form-item/index.d.ts

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

package/build/esm/components/checkout/components/form-item/model.d.ts

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+export default class FormItemViewModel implements Props {
+    type: FormItemType;
+    inputType?: FormItemInputType;
+    options?: FormItemSelectOption[];
+    label: string;
+    value?: string;
+    hasError?: boolean;
+    errorText?: string;
+    tooltipText?: string;
+    country?: string | null;
+    textAreaPlaceholder?: string | null;
+    rightContent?: React.ReactElement | null;
+    disableResize?: boolean;
+    onChange: (value: string) => void;
+    constructor(props: Props);
+    get formItemStyle(): string;
+    get labelStyle(): string;
+    get inputStyle(): string;
+    onValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onTextAreaValueChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    onPhoneChange: (value: string) => void;
+    onCountryChange: (value: string | undefined) => void;
+}
+export interface Props {
+    type: FormItemType;
+    inputType?: FormItemInputType;
+    options?: FormItemSelectOption[];
+    label: string;
+    value?: string;
+    hasError?: boolean;
+    errorText?: string;
+    name?: string;
+    autocomplete?: string;
+    tooltipText?: string;
+    country?: string | null;
+    currentCountryCode?: string | null;
+    style?: React.CSSProperties;
+    textAreaPlaceholder?: string | null;
+    rightContent?: React.ReactElement | null;
+    disableResize?: boolean;
+    onChange: (value: string) => void;
+}
+export declare enum FormItemType {
+    TEXT = 0,
+    TEXT_AREA = 1,
+    SELECT = 2,
+    TEL = 3
+}
+export declare type FormItemSelectOption = {
+    value: string;
+    label: string;
+};
+export declare enum FormItemInputType {
+    NUMERIC = "numeric",
+    TEL = "tel",
+    EMAIL = "email"
+}

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

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

package/build/esm/components/checkout/components/input-with-button/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/esm/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/esm/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/esm/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/esm/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 {};

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

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

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

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

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

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

package/build/esm/components/error/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare function ErrorComponent({ name }?: {
+    name?: string;
+}): JSX.Element;
+export default ErrorComponent;