@ikas/storefront 0.0.15 → 0.0.16-0.alpha-1

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

@@ -1,23 +1,52 @@
-export interface getStorefront_getStorefront_regions {
-    __typename: "StorefrontRegion";
-    id: string | null;
+import { StorefrontStatusTypes, StorefrontThemeStatus } from "../../../__generated__/global-types";
+export interface getStorefront_getStorefront_localizations {
+    __typename: "StorefrontLocalization";
+    createdAt: any | null;
+    id: string;
+    isDefault: boolean;
     locale: string;
-    privacyPolicy: string | null;
-    returnPolicy: string | null;
-    termsOfService: string | null;
+    name: string;
 }
-export interface getStorefront_getStorefront {
-    __typename: "Storefront";
-    id: string | null;
+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;
-    userId: string;
-    regions: getStorefront_getStorefront_regions[];
+    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;
 }
 export interface getStorefrontVariables {
-    storefrontId: string;
+    id: string;
 }

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

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

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

@@ -1,7 +1,7 @@
 import { StringFilterInput, VariantSelectionTypeEnum } from "../../../__generated__/global-types";
 export interface listVariantType_listVariantType_values {
     __typename: "VariantValue";
-    id: string | null;
+    id: string;
     createdAt: any | null;
     updatedAt: any | null;
     deleted: boolean | null;
@@ -11,7 +11,7 @@ export interface listVariantType_listVariantType_values {
 }
 export interface listVariantType_listVariantType {
     __typename: "VariantType";
-    id: string | null;
+    id: string;
     createdAt: any | null;
     updatedAt: any | null;
     deleted: boolean | null;

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

@@ -1,12 +1,15 @@
 import * as React from "react";
 import { IkasOrderAddress, IkasAddressValidationResult } from "../../../../models/data/order/address/index";
 import { IkasCheckoutCustomer } from "../../../../models/index";
+import CheckoutViewModel from "../../model";
 declare type Props = {
+    vm: CheckoutViewModel;
     address: IkasOrderAddress;
     allowedCountryIds?: string[];
     customer?: IkasCheckoutCustomer;
     isErrorsVisible: boolean;
     validationResult: IkasAddressValidationResult;
+    isBilling?: boolean;
 };
 export declare const AddressForm: React.FC<Props>;
 export {};

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

@@ -1,17 +1,21 @@
 import { IkasOrderAddress } from "../../../../models/data/order/address/index";
 import { IkasCountry, IkasState, IkasCity, IkasDistrict, IkasCheckoutCustomer } from "../../../../models/index";
+import CheckoutViewModel from "../../model";
 export default class AddressFormViewModel {
+    vm: CheckoutViewModel;
     address: IkasOrderAddress;
-    customer?: IkasCheckoutCustomer;
+    customer?: IkasCheckoutCustomer | null;
     countries: IkasCountry[];
     states: IkasState[];
     cities: IkasCity[];
     districts: IkasDistrict[];
-    allowedCountryIds?: string[];
+    allowedCountryIds?: string[] | null;
+    isCorporate: boolean;
     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;
@@ -61,6 +65,7 @@ export default class AddressFormViewModel {
     onFirstNameChange: (value: string) => void;
     onLastNameChange: (value: string) => void;
     onPhoneChange: (value: string) => void;
+    onIdentityNumberChange: (value: string) => void;
     onAddressLine1Change: (value: string) => void;
     onAddressLine2Change: (value: string) => void;
     onAddressPostalCodeChange: (value: string) => void;
@@ -69,8 +74,14 @@ export default class AddressFormViewModel {
     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;
 }
 interface AddressFormViewModelParams extends Partial<AddressFormViewModel> {
+    vm: CheckoutViewModel;
     address: IkasOrderAddress;
+    isCorporate?: boolean;
 }
 export {};

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

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

package/build/components/checkout/components/cart-summary/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/cart-summary/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/checkbox/index.d.ts

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

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

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

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

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

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

@@ -1,5 +1,6 @@
 export default class FormItemViewModel implements Props {
     type: FormItemType;
+    inputType?: FormItemInputType;
     options?: FormItemSelectOption[];
     label: string;
     value?: string;
@@ -11,10 +12,12 @@ export default class FormItemViewModel implements Props {
     get labelStyle(): string;
     get inputStyle(): string;
     onValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onTextAreaValueChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
 }
 export interface Props {
     type: FormItemType;
+    inputType?: FormItemInputType;
     options?: FormItemSelectOption[];
     label: string;
     value?: string;
@@ -25,10 +28,16 @@ export interface Props {
 }
 export declare enum FormItemType {
     TEXT = 0,
-    SELECT = 1,
-    TEL = 2
+    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/index.d.ts

@@ -2,8 +2,13 @@
 import * as React from "react";
 import { ParsedUrlQuery } from "querystring";
 import { IkasCheckout } from "../../models/index";
+import { IkasCheckoutSettings } from "../../models/data/checkout-settings/index";
 declare type Props = {
     checkout: IkasCheckout;
+    checkoutSettings: IkasCheckoutSettings;
+    returnPolicy: string;
+    privacyPolicy: string;
+    termsOfService: string;
     queryParams: ParsedUrlQuery;
 };
 export declare const IkasCheckoutPage: React.FC<Props>;

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

@@ -7,32 +7,40 @@ import { IkasOrderLineVariant } from "../../models/data/order/line-item/variant/
 import { IkasStorefront } from "../../models/data/storefront/index";
 import { IkasCustomerStore } from "../../store/customer";
 import CreditCardData from "./components/credit-card-form/model";
+import { IkasCheckoutSettings } from "../../models/data/checkout-settings/index";
 export default class CheckoutViewModel {
     checkout: IkasCheckout;
-    storefront?: IkasStorefront;
+    checkoutSettings: IkasCheckoutSettings;
+    storefront?: IkasStorefront | null;
     customerStore: IkasCustomerStore;
     router: NextRouter;
     isCheckoutLoaded: boolean;
     isErrorsVisible: boolean;
     isStepLoading: boolean;
+    isTermsAndConditionsChecked: boolean;
     step: CheckoutStep;
     merchantSettings?: IkasMerchantSettings;
-    cardData?: CreditCardData;
-    paymentGatewayId?: string;
+    cardData?: CreditCardData | null;
+    paymentGatewayId?: string | null;
     paymentGateways: IkasPaymentGateway[];
-    installmentInfo?: IkasInstallmentInfo;
+    installmentInfo?: IkasInstallmentInfo | null;
     useDifferentAddress: boolean;
     shouldSaveAddress: boolean;
     addressTitle: string;
-    shippingCountryIds?: string[];
+    shippingCountryIds?: string[] | null;
     selectedShippingAddressId?: string;
     selectedBillingAddressId?: string;
+    returnPolicy: string;
+    privacyPolicy: string;
+    termsOfService: string;
+    policyModalTitle: string;
+    policyModalText: string;
     error?: CheckoutError | null;
-    constructor(checkout: IkasCheckout, queryParams: ParsedUrlQuery, router: NextRouter);
+    constructor(checkout: IkasCheckout, checkoutSettings: IkasCheckoutSettings, queryParams: ParsedUrlQuery, router: NextRouter, returnPolicy: string, privacyPolicy: string, termsOfService: string);
     init: (queryParams: ParsedUrlQuery) => Promise<void>;
     get cart(): import("../../models/data/cart/index").IkasCart | null | undefined;
-    get storefrontRegion(): import("../../models/data/storefront/storefront-region/index").IkasStorefrontRegion | undefined;
     get selectedPaymentGatewayIndex(): number;
+    get selectedPaymentGateway(): IkasPaymentGateway | undefined;
     get selectedInstallmentIndex(): number;
     get checkoutUrl(): string;
     get customerAddressOptions(): {
@@ -41,9 +49,10 @@ export default class CheckoutViewModel {
     }[];
     get installmentPrice(): number | null | undefined;
     get installmentExtraPrice(): number | undefined;
+    get finalPrice(): number;
     get canProceedToShipping(): boolean;
     get canProceedToPayment(): boolean;
-    get canPerformPayment(): boolean;
+    get canPerformPayment(): boolean | undefined;
     saveCheckout: () => Promise<void>;
     checkStocks: () => Promise<void>;
     getShippingCountries: () => Promise<void>;
@@ -51,19 +60,22 @@ export default class CheckoutViewModel {
     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;
+    onCouponCodeApply: () => Promise<void>;
     onSelectedShippingAddressIdChange: (value: string) => void;
     onSelectedBillingAddressIdChange: (value: string) => void;
+    onTermsAndConditionsCheckedChange: (value: boolean) => void;
+    onCheckoutNoteChange: (value: string) => void;
     onCardNumberChange: (value: string) => void;
     onCardHolderNameChange: (value: string) => void;
     onExpirationDateChange: (value: string) => void;
     onCvcChange: (value: string) => void;
+    onGoToCartClick: () => void;
     onBackToShoppingClick: () => void;
     onProceedToShippingClick: () => Promise<void>;
     onProceedToPaymentClick: () => Promise<void>;
@@ -89,7 +101,8 @@ export declare enum ErrorType {
     API_ERROR = 1,
     STOCK_ERROR = 2,
     PAYMENT_ERROR = 3,
-    NO_SHIPPING_ERROR = 4
+    NO_SHIPPING_ERROR = 4,
+    CUSTOMER_LOGIN_REQUIRED_ERROR = 5
 }
 export declare type CheckoutError = {
     type: ErrorType;

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

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

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

@@ -0,0 +1,35 @@
+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;
+} & ({
+    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

@@ -2,5 +2,4 @@ export { IkasCheckoutPage } from "./checkout/index";
 export { IkasPage } from "./page/index";
 export { IkasPageHead } from "./page/head";
 export { IkasPageEditor } from "./page-editor/index";
-export * from "./gtm/index";
-export * from "./gtm/functions";
+export { Image } from "./image/index";

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

@@ -1,7 +1,12 @@
 import * as React from "react";
+import { IkasThemePage } from "../../models/index";
 declare type Props = {
+    page?: IkasThemePage;
     pageTitle?: string | null;
     description?: string | null;
+    pageSpecificDataStr?: string;
+    merchantSettings?: string;
+    addOgpMetas?: boolean;
 };
 export declare const IkasPageHead: React.FC<Props>;
 export {};

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

@@ -1,9 +1,14 @@
 import * as React from "react";
-import { IkasThemePage } from "../../models/index";
+import { IkasThemePage, IkasThemeSettings } from "../../models/index";
 import { IkasPageComponentPropValue } from "../../utils/index";
 declare type Props = {
     propValues: IkasPageComponentPropValue[];
     page?: IkasThemePage;
+    pageSpecificDataStr?: string;
+    settingsStr: string;
+    merchantSettings?: string;
+    addOgpMetas?: boolean;
 };
 export declare const IkasPage: React.FC<Props>;
+export declare const renderComponent: (pageComponentPropValue: IkasPageComponentPropValue, settings: IkasThemeSettings, index: number) => JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 import { NextRouter } from "next/router";
 import { IkasThemePage, IkasThemePageComponent, IkasTheme, IkasThemeComponent } from "../../models/index";
 import { IkasPageDataProvider } from "../../utils/index";
+import { IkasThemePageSpecification } from "../../models/theme/page/index";
 export default class PageViewModel {
     theme?: IkasTheme | null;
     page?: IkasThemePage | null;
@@ -14,6 +15,8 @@ export default class PageViewModel {
     pageDataProvider?: IkasPageDataProvider | null;
     router: NextRouter;
     constructor(router: NextRouter);
+    get specification(): IkasThemePageSpecification | undefined;
+    get pageComponents(): IkasThemePageComponent[];
     get selectedPageComponent(): IkasThemePageComponent | undefined;
     get selectedComponent(): IkasThemeComponent | undefined;
     startMessaging: () => void;
@@ -22,7 +25,6 @@ export default class PageViewModel {
     onMouseOver: (id: string) => void;
     onMouseLeave: (id: string) => void;
     sendMessage: (type: BridgeMessageType, data?: any) => void;
-    getComponentPropValues: (pageComponent: IkasThemePageComponent) => any;
     getPagePropValues: () => Promise<void>;
     setComponentRef: (element: React.ElementType, component: IkasThemePageComponent) => void;
     isScrolledIntoView: (el: HTMLElement) => boolean;
@@ -38,6 +40,7 @@ export default class PageViewModel {
     handleSetSelectedComponent: (data: any) => void;
     handleSetHoveredComponent: (data: any) => void;
     handleScrollToComponent: (data: any) => void;
+    updateThemeSettings: (data: any) => void;
 }
 export declare enum BridgeMessageType {
     FRAME_DID_LOAD = "FRAME_DID_LOAD",
@@ -55,5 +58,6 @@ export declare enum BridgeMessageType {
     COMPONENT_CLICK = "COMPONENT_CLICK",
     SET_SELECTED_COMPONENT = "SET_SELECTED_COMPONENT",
     SET_HOVERED_COMPONENT = "SET_HOVERED_COMPONENT",
-    SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT"
+    SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT",
+    UPDATE_THEME_SETTINGS = "UPDATE_THEME_SETTINGS"
 }

package/build/index.d.ts

@@ -5,3 +5,4 @@ export * from "./pages/index";
 export * from "./store/index";
 export * from "./storefront/index";
 export * from "./utils/index";
+export * from "./analytics/index";