@ikas/storefront 0.0.1

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

@@ -0,0 +1,76 @@
+import { IkasOrderAddress } from "../../../../models/data/order/address/index";
+import { IkasCountry, IkasState, IkasCity, IkasDistrict, IkasCheckoutCustomer } from "../../../../models/index";
+export default class AddressFormViewModel {
+    address: IkasOrderAddress;
+    customer?: IkasCheckoutCustomer;
+    countries: IkasCountry[];
+    states: IkasState[];
+    cities: IkasCity[];
+    districts: IkasDistrict[];
+    allowedCountryIds?: string[];
+    constructor(data: AddressFormViewModelParams);
+    get firstName(): string;
+    get lastName(): string;
+    get phone(): string;
+    get country(): {
+        id?: string;
+        name?: string;
+        code?: string;
+    };
+    get state(): {
+        id?: string;
+        name?: string;
+        code?: string;
+    };
+    get city(): {
+        id?: string;
+        name?: string;
+        code?: string;
+    };
+    get district(): {
+        id?: string;
+        name?: string;
+        code?: string;
+    };
+    get countryOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get stateOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get cityOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get districtOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get hasState(): boolean;
+    fillDropdownOptions: () => Promise<void>;
+    listCountries: () => Promise<void>;
+    listStates: () => Promise<void>;
+    listCities: () => Promise<void>;
+    listDistricts: () => Promise<void>;
+    modelToOption: (model: IkasCountry | IkasState | IkasCity | IkasDistrict) => {
+        label: string;
+        value: string;
+    };
+    onFirstNameChange: (value: string) => void;
+    onLastNameChange: (value: string) => void;
+    onPhoneChange: (value: string) => void;
+    onAddressLine1Change: (value: string) => void;
+    onAddressLine2Change: (value: string) => void;
+    onAddressPostalCodeChange: (value: string) => void;
+    onCountryChange: (countryId: string) => void;
+    onStateChange: (stateId: string) => void;
+    onCityChange: (cityId: string) => void;
+    onDistrictChange: (districtId: string) => void;
+    onDistrictInputChange: (value: string) => void;
+}
+interface AddressFormViewModelParams extends Partial<AddressFormViewModel> {
+    address: IkasOrderAddress;
+}
+export {};

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

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

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

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

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare type Props = {
+    text: string;
+    isLoading?: boolean;
+    onClick: () => void;
+};
+export declare const Button: React.FC<Props>;
+export {};

package/build/components/checkout/components/cart-summary/arrow-down.d.ts

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

package/build/components/checkout/components/cart-summary/arrow-right.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/components/checkout/components/error-container/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/components/checkout/components/error-container/payment-error/index.d.ts

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

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

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

package/build/components/checkout/components/error-container/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/components/checkout/components/expandable-list/index.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare type Props = {
+    options: ExpandableListOption[];
+    selectedIndex: number;
+    onRowSelect: (index: number) => void;
+};
+export declare type ExpandableListOption = {
+    leftContent: React.ReactElement;
+    rightContent?: React.ReactElement;
+    expandContent?: React.ReactElement;
+};
+export declare const ExpandableList: React.FC<Props>;
+export {};

package/build/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/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/components/checkout/components/form-item/model.d.ts

@@ -0,0 +1,34 @@
+export default class FormItemViewModel implements Props {
+    type: FormItemType;
+    options?: FormItemSelectOption[];
+    label: string;
+    value?: string;
+    hasError?: boolean;
+    errorText?: string;
+    onChange: (value: string) => void;
+    constructor(props: Props);
+    get formItemStyle(): string;
+    get labelStyle(): string;
+    get inputStyle(): string;
+    onValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+}
+export interface Props {
+    type: FormItemType;
+    options?: FormItemSelectOption[];
+    label: string;
+    value?: string;
+    hasError?: boolean;
+    errorText?: string;
+    autocomplete?: string;
+    onChange: (value: string) => void;
+}
+export declare enum FormItemType {
+    TEXT = 0,
+    SELECT = 1,
+    TEL = 2
+}
+export declare type FormItemSelectOption = {
+    value: string;
+    label: string;
+};

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

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

package/build/components/checkout/components/policy-modal/index.d.ts

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

package/build/components/checkout/components/step-action-buttons/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare type Props = {
+    mainBtnText: string;
+    mainBtnOnClick: () => void;
+    backBtnText?: string;
+    backBtnOnClick?: () => void;
+    isLoading?: boolean;
+};
+export declare const StepActionButtons: React.FC<Props>;
+export {};

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare type Props = {
+    text: string;
+    leftIcon?: React.ReactElement;
+};
+export declare const TextButton: React.FC<Props>;
+export {};

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+import * as React from "react";
+import { ParsedUrlQuery } from "querystring";
+import { IkasCheckout } from "../../models/index";
+declare type Props = {
+    checkout: IkasCheckout;
+    queryParams: ParsedUrlQuery;
+};
+export declare const IkasCheckoutPage: React.FC<Props>;
+export {};

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

@@ -0,0 +1,101 @@
+/// <reference types="node" />
+import { NextRouter } from "next/router";
+import { ParsedUrlQuery } from "querystring";
+import { IkasCheckout, IkasInstallmentInfo, IkasInstallmentInfoInput, IkasMerchantSettings, IkasAvailableShippingMethod } 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 { IkasCustomerStore } from "../../store/customer";
+import CreditCardData from "./components/credit-card-form/model";
+export default class CheckoutViewModel {
+    checkout: IkasCheckout;
+    storefront?: IkasStorefront;
+    customerStore: IkasCustomerStore;
+    router: NextRouter;
+    isCheckoutLoaded: boolean;
+    isErrorsVisible: boolean;
+    isStepLoading: boolean;
+    step: CheckoutStep;
+    merchantSettings?: IkasMerchantSettings;
+    cardData?: CreditCardData;
+    paymentGatewayId?: string;
+    paymentGateways: IkasPaymentGateway[];
+    installmentInfo?: IkasInstallmentInfo;
+    useDifferentAddress: boolean;
+    shouldSaveAddress: boolean;
+    addressTitle: string;
+    shippingCountryIds?: string[];
+    selectedShippingAddressId?: string;
+    selectedBillingAddressId?: string;
+    error?: CheckoutError | null;
+    constructor(checkout: IkasCheckout, queryParams: ParsedUrlQuery, router: NextRouter);
+    init: (queryParams: ParsedUrlQuery) => Promise<void>;
+    get cart(): import("../../models/data/cart/index").IkasCart;
+    get storefrontRegion(): import("../../models/data/storefront/storefront-region/index").IkasStorefrontRegion;
+    get selectedPaymentGatewayIndex(): number;
+    get selectedInstallmentIndex(): number;
+    get checkoutUrl(): string;
+    get customerAddressOptions(): {
+        label: string;
+        value: string;
+    }[];
+    get installmentPrice(): number;
+    get installmentExtraPrice(): number;
+    get canProceedToShipping(): boolean;
+    get canProceedToPayment(): boolean;
+    get canPerformPayment(): boolean;
+    saveCheckout: () => Promise<void>;
+    checkStocks: () => Promise<void>;
+    getShippingCountries: () => Promise<void>;
+    checkShippingCountries: () => void;
+    initialStockCheck: () => Promise<void>;
+    listPaymentGateways: () => Promise<void>;
+    retrieveInstallmentInfo: (input: IkasInstallmentInfoInput) => Promise<void>;
+    getStorefront: () => Promise<void>;
+    createCustomer: () => void;
+    createShippingAddress: () => void;
+    createBillingAddress: () => void;
+    onEmailChange: (value: string) => void;
+    onShippingMethodChange: (shippingMethod: IkasAvailableShippingMethod) => Promise<void>;
+    onCouponCodeChange: (value: string) => void;
+    onSelectedShippingAddressIdChange: (value: string) => void;
+    onSelectedBillingAddressIdChange: (value: string) => void;
+    onCardNumberChange: (value: string) => void;
+    onCardHolderNameChange: (value: string) => void;
+    onExpirationDateChange: (value: string) => void;
+    onCvcChange: (value: string) => void;
+    onBackToShoppingClick: () => void;
+    onProceedToShippingClick: () => Promise<void>;
+    onProceedToPaymentClick: () => Promise<void>;
+    performPayment: () => Promise<void>;
+    onBackToInfoClick: () => void;
+    onBackToShippingClick: () => void;
+    setUseDifferentAddress: (value: boolean) => void;
+    setShouldSaveAddress: (value: boolean) => void;
+    setAddressTitle: (value: string) => void;
+    setPaymentGateway: (index: number) => void;
+    setInstallmentCount: (count: number) => void;
+    changeStep: (step: CheckoutStep) => 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
+}
+export declare type CheckoutError = {
+    type: ErrorType;
+    data?: any;
+};
+export declare type StockErrorData = {
+    variant: IkasOrderLineVariant;
+    availableQuantity: number;
+};

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;
+};
+export declare const CheckoutStepInfo: React.FC<Props>;
+export {};

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/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/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/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/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/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/components/error/index.d.ts

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