@ikas/storefront 2.0.0-alpha.25 → 2.0.0-alpha.3

package/build/scripts/generators/api/storefront/__generated__/getStorefront.d.ts

@@ -0,0 +1,52 @@
+import { StorefrontStatusTypes, StorefrontThemeStatus } from "./../../../__generated__/global-types";
+export interface getStorefront_getStorefront_localizations {
+    __typename: "StorefrontLocalization";
+    createdAt: any | null;
+    id: string;
+    isDefault: boolean;
+    locale: string;
+    name: string;
+}
+export interface getStorefront_getStorefront_routings {
+    __typename: "StorefrontRouting";
+    countryCodes: string[] | null;
+    createdAt: any | null;
+    domain: string | null;
+    id: string;
+    locale: string;
+    path: string | null;
+    priceListId: string | null;
+    updatedAt: any | null;
+}
+export interface getStorefront_getStorefront_themes {
+    __typename: "StorefrontTheme";
+    createdAt: any | null;
+    id: string;
+    isMainTheme: boolean;
+    name: string;
+    status: StorefrontThemeStatus;
+    themeId: string;
+    themeVersionId: string;
+    updatedAt: any | null;
+}
+export interface getStorefront_getStorefront {
+    __typename: "Storefront";
+    createdAt: any | null;
+    emailSettingsId: string | null;
+    fbpId: string | null;
+    gtmId: string | null;
+    id: string;
+    localizations: getStorefront_getStorefront_localizations[];
+    mainStorefrontThemeId: string | null;
+    name: string;
+    salesChannelId: string;
+    routings: getStorefront_getStorefront_routings[];
+    status: StorefrontStatusTypes;
+    themes: getStorefront_getStorefront_themes[];
+}
+export interface getStorefront {
+    getStorefront: getStorefront_getStorefront | null;
+}
+export interface getStorefrontVariables {
+    id: string;
+}

package/build/scripts/generators/api/storefront/index.d.ts

@@ -0,0 +1,4 @@
+import { IkasStorefront } from "../../models/data/storefront";
+export declare class IkasStorefrontAPI {
+    static getStorefront(id: string): Promise<IkasStorefront | undefined>;
+}

package/build/scripts/generators/api/variant-type/__generated__/listVariantType.d.ts

@@ -0,0 +1,76 @@
+import { StringFilterInput, VariantSelectionTypeEnum } from "./../../../__generated__/global-types";
+export interface listVariantType_listVariantType_values {
+    __typename: "VariantValue";
+    id: string;
+    createdAt: any | null;
+    updatedAt: any | null;
+    deleted: boolean | null;
+    /**
+     * It is the name information of the values used in the Variant type. Value
+     * information of Variant type is unique according to name.It can be a maximum of
+     * 100 characters.
+     */
+    name: string;
+    /**
+     * It is the image information of the variant values.
+     */
+    thumbnailImageId: string | null;
+    /**
+     * It is the color code information of the variant values. It can be a maximum of 7 characters.
+     */
+    colorCode: string | null;
+}
+export interface listVariantType_listVariantType_translations_values {
+    __typename: "VariantValueTranslation";
+    id: string;
+    /**
+     * It is the information in which language the translation is saved.
+     */
+    name: string | null;
+}
+export interface listVariantType_listVariantType_translations {
+    __typename: "VariantTypeTranslation";
+    /**
+     * It is the name information of the translation.
+     */
+    locale: string;
+    /**
+     * It is the information in which language the translation is saved.
+     */
+    name: string | null;
+    /**
+     * It is the translation information of the values of variant types.
+     */
+    values: listVariantType_listVariantType_translations_values[] | null;
+}
+export interface listVariantType_listVariantType {
+    __typename: "VariantType";
+    id: string;
+    createdAt: any | null;
+    updatedAt: any | null;
+    deleted: boolean | null;
+    /**
+     * Product variant type name information. ***For example: Size, Color, Number etc.***.It can be a maximum of 100 characters.
+     */
+    name: string;
+    /**
+     * Product variant type selection type. It can be choice or color.
+     */
+    selectionType: VariantSelectionTypeEnum;
+    /**
+     * Variant values used in Variant type. *** For example, variant type: Size.
+     * Variant values can be thought of as S, M, L, XL. ***It is unique according to
+     * the value name.Values array size must have at least one element.
+     */
+    values: listVariantType_listVariantType_values[];
+    /**
+     * It is the translation information of the product variant types.
+     */
+    translations: listVariantType_listVariantType_translations[] | null;
+}
+export interface listVariantType {
+    listVariantType: listVariantType_listVariantType[];
+}
+export interface listVariantTypeVariables {
+    id: StringFilterInput;
+}

package/build/scripts/generators/api/variant-type/index.d.ts

@@ -0,0 +1,4 @@
+import { IkasVariantType } from "../../models";
+export declare class IkasVariantTypeAPI {
+    static listVariantTypes(idList?: string[]): Promise<IkasVariantType[]>;
+}

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

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

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

@@ -0,0 +1,123 @@
+import { IkasOrderAddress } from "../../../../models/data/order/address";
+import { IkasCountry, IkasState, IkasCity, IkasDistrict, IkasCustomerAddress } from "../../../../models";
+declare type Callback = ((value: string) => void) | null | undefined;
+export interface AddressFormViewModelParams {
+    address: IkasOrderAddress | IkasCustomerAddress;
+    isCorporate?: boolean;
+    isErrorsVisible: boolean;
+    isCustomerAddress?: boolean;
+    allowedCountryIds?: string[] | null;
+    allowCorporateInfo?: boolean;
+    allowTitleChange?: boolean;
+    firstNameChangeCallback?: Callback;
+    lastNameChangeCallback?: Callback;
+}
+export default class AddressFormViewModel {
+    address: IkasOrderAddress | IkasCustomerAddress;
+    isCorporate: boolean;
+    isErrorsVisible: boolean;
+    isCustomerAddress?: boolean;
+    allowedCountryIds?: string[] | null;
+    allowCorporateInfo?: boolean;
+    allowTitleChange?: boolean;
+    firstNameChangeCallback?: Callback;
+    lastNameChangeCallback?: Callback;
+    countries: IkasCountry[];
+    states: IkasState[];
+    cities: IkasCity[];
+    districts: IkasDistrict[];
+    myCountryCode?: string | null;
+    constructor(data: AddressFormViewModelParams);
+    get firstName(): string | null | undefined;
+    get lastName(): string | null | undefined;
+    get phone(): string | null | undefined;
+    get identityNumber(): string | null | undefined;
+    get country(): {
+        id?: string | undefined;
+        name?: string | undefined;
+        code?: string | undefined;
+        iso2?: string | undefined;
+        iso3?: string | undefined;
+    } | {
+        id?: string | undefined;
+        name?: string | undefined;
+        code?: string | undefined;
+    } | null | undefined;
+    get state(): {
+        id?: string | undefined;
+        name?: string | undefined;
+        code?: string | undefined;
+        iso2?: string | undefined;
+        iso3?: string | undefined;
+    } | {
+        id?: string | undefined;
+        name?: string | undefined;
+        code?: string | undefined;
+    } | null | undefined;
+    get city(): {
+        id?: string | undefined;
+        name?: string | undefined;
+        code?: string | undefined;
+        iso2?: string | undefined;
+        iso3?: string | undefined;
+    } | {
+        id?: string | undefined;
+        name?: string | undefined;
+        code?: string | undefined;
+    } | null | undefined;
+    get district(): {
+        id?: string | undefined;
+        name?: string | undefined;
+        code?: string | undefined;
+        iso2?: string | undefined;
+        iso3?: string | undefined;
+    } | {
+        id?: string | undefined;
+        name?: string | undefined;
+        code?: string | undefined;
+    } | null | undefined;
+    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;
+    onIdentityNumberChange: (value: string) => void;
+    onAddressTitleChange: (value: string) => void;
+    onAddressLine1Change: (value: string) => void;
+    onAddressLine2Change: (value: string) => void;
+    onAddressPostalCodeChange: (value: string) => void;
+    onCountryChange: (countryId: string) => void;
+    onStateChange: (stateId: string) => void;
+    onCityChange: (cityId: string) => void;
+    onDistrictChange: (districtId: string) => void;
+    onDistrictInputChange: (value: string) => void;
+    onCorporateChange: (value: boolean) => void;
+    onCompanyChange: (value: string) => void;
+    onTaxNumberChange: (value: string) => void;
+    onTaxOfficeChange: (value: string) => void;
+}
+export {};

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

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

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

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

package/build/scripts/generators/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/scripts/generators/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/scripts/generators/components/checkout/components/checkbox/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 Checkbox: React.FC<Props>;
+export {};

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

@@ -0,0 +1,21 @@
+import { IkasCustomerAddress } from "../../../../models";
+import CheckoutViewModel from "../../model";
+export declare type AddressType = "shipping" | "billing";
+export default class CustomerAddressesViewModel {
+    vm: CheckoutViewModel;
+    addressType: AddressType;
+    editingCustomerAddress: IkasCustomerAddress | null;
+    isDeleteAddressLoading: boolean;
+    isEditAddressLoading: boolean;
+    isEditAddressErrorsVisible: boolean;
+    constructor(vm: CheckoutViewModel, addressType: AddressType);
+    get address(): import("../../../../models/data/order/address").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/scripts/generators/components/checkout/components/error/customer-login-required-error/index.d.ts

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

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

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

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

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

package/build/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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/scripts/generators/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;