@ikas/storefront 1.0.16-alpha.1 → 1.0.16

package/build/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/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/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,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/components/checkout/components/fullscreen-loading/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,122 @@
+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;
+    isContactModalVisible: 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>;
+    setContactModalVisible: (value: boolean) => 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/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-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;

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

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { ImageLoader } from "next/image";
+import { IkasImage } from "../../models/index";
+export declare const Image: React.FC<ImageProps>;
+declare const VALID_LAYOUT_VALUES: readonly [
+    "fill",
+    "fixed",
+    "intrinsic",
+    "responsive",
+    undefined
+];
+declare type LayoutValue = typeof VALID_LAYOUT_VALUES[number];
+declare type ImgElementStyle = NonNullable<JSX.IntrinsicElements["img"]["style"]>;
+declare type ImageProps = Omit<JSX.IntrinsicElements["img"], "src" | "srcSet" | "ref" | "width" | "height" | "loading" | "style"> & {
+    loader?: ImageLoader;
+    priority?: boolean;
+    loading?: "lazy" | "eager" | undefined;
+    objectFit?: ImgElementStyle["objectFit"];
+    objectPosition?: ImgElementStyle["objectPosition"];
+    image: IkasImage;
+    sizes: string;
+    useBlur?: boolean;
+} & ({
+    width?: never;
+    height?: never;
+    unsized: true;
+} | {
+    width?: never;
+    height?: never;
+    layout: "fill";
+} | {
+    width: number | string;
+    height: number | string;
+    layout?: Exclude<LayoutValue, "fill">;
+});
+export {};

package/build/components/index.d.ts

@@ -0,0 +1,4 @@
+export { IkasPage } from "./page/index";
+export { IkasPageHead } from "./page/head";
+export { IkasPageEditor } from "./page-editor/index";
+export { Image } from "./image/index";

package/build/components/page/ThemeComponent.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { IkasThemeSettings } from "../../models/index";
+import { IkasPageComponentPropValue } from "../../providers/page-data-get";
+declare type Props = {
+    pageComponentPropValue: IkasPageComponentPropValue;
+    index: number;
+    settings: IkasThemeSettings;
+};
+export declare const ThemeComponent: React.FC<Props>;
+export {};

package/build/components/page/head.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { IkasThemePageType } from "../../models/index";
+declare type Props = {
+    pageType: IkasThemePageType;
+    pageTitle?: string | null;
+    pageDescription?: string | null;
+    pageSpecificDataStr?: string;
+    merchantSettingsStr?: string;
+    addOgpMetas?: boolean;
+};
+export declare const IkasPageHead: React.FC<Props>;
+export {};

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { IkasThemePageType, IkasThemeSettings } from "../../models/index";
+import { IkasPageComponentPropValue } from "../../providers/page-data-get";
+export declare type IkasPageProps = {
+    propValuesStr: string;
+    pageSpecificDataStr: string;
+    pageType: IkasThemePageType;
+    pageTitle: string | null;
+    pageDescription?: string;
+    settingsStr: string;
+    merchantSettingsStr: string;
+    configJson: Record<string, any>;
+    reInitOnBrowser?: boolean;
+    addOgpMetas?: boolean;
+};
+export declare const IkasPage: React.FC<IkasPageProps>;
+export declare const renderComponent: (pageComponentPropValue: IkasPageComponentPropValue, settings: IkasThemeSettings, index: number) => JSX.Element;

package/build/components/page-editor/ThemeComponentEditor.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import IkasPageEditorViewModel from "./model";
+import { IkasThemePageComponent } from "../../models/index";
+declare type Props = {
+    vm: IkasPageEditorViewModel;
+    pageComponent: IkasThemePageComponent;
+};
+export declare const ThemeEditorComponent: React.FC<Props>;
+export {};

package/build/components/page-editor/index.d.ts

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