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

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

@@ -2,13 +2,8 @@
 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,17 +7,14 @@ 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;
-    checkoutSettings: IkasCheckoutSettings;
     storefront?: IkasStorefront | null;
     customerStore: IkasCustomerStore;
     router: NextRouter;
     isCheckoutLoaded: boolean;
     isErrorsVisible: boolean;
     isStepLoading: boolean;
-    isTermsAndConditionsChecked: boolean;
     step: CheckoutStep;
     merchantSettings?: IkasMerchantSettings;
     cardData?: CreditCardData | null;
@@ -30,17 +27,12 @@ export default class CheckoutViewModel {
     shippingCountryIds?: string[] | null;
     selectedShippingAddressId?: string;
     selectedBillingAddressId?: string;
-    returnPolicy: string;
-    privacyPolicy: string;
-    termsOfService: string;
-    policyModalTitle: string;
-    policyModalText: string;
     error?: CheckoutError | null;
-    constructor(checkout: IkasCheckout, checkoutSettings: IkasCheckoutSettings, queryParams: ParsedUrlQuery, router: NextRouter, returnPolicy: string, privacyPolicy: string, termsOfService: string);
+    constructor(checkout: IkasCheckout, queryParams: ParsedUrlQuery, router: NextRouter);
     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(): {
@@ -49,10 +41,9 @@ 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 | undefined;
+    get canPerformPayment(): boolean;
     saveCheckout: () => Promise<void>;
     checkStocks: () => Promise<void>;
     getShippingCountries: () => Promise<void>;
@@ -60,22 +51,19 @@ 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>;
@@ -101,8 +89,7 @@ export declare enum ErrorType {
     API_ERROR = 1,
     STOCK_ERROR = 2,
     PAYMENT_ERROR = 3,
-    NO_SHIPPING_ERROR = 4,
-    CUSTOMER_LOGIN_REQUIRED_ERROR = 5
+    NO_SHIPPING_ERROR = 4
 }
 export declare type CheckoutError = {
     type: ErrorType;

package/build/components/gtm/functions.d.ts

@@ -0,0 +1,164 @@
+import { IkasProductDetail, IkasOrderLineItem, IkasCheckout } from "../../models/index";
+import { CheckoutStep } from "../checkout/model";
+export declare function GTMPageView(url: string): {
+    event: string;
+    page: string;
+} | undefined;
+export declare function GTMProductView(productDetail: IkasProductDetail): {
+    event: string;
+    ecommerce: {
+        items: {
+            item_name: string;
+            item_id: string;
+            price: number;
+            item_brand: string;
+            item_category: string;
+            item_category_2: string;
+            item_category_3: string;
+            item_category_4: string;
+            item_variant: string;
+            item_list_name: string;
+            item_list_id: string;
+            index: number;
+            quantity: number;
+        }[];
+    };
+} | undefined;
+export declare function GTMAddToCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number): {
+    event: string;
+    ecommerce: {
+        items: ({
+            item_name: string;
+            item_id: string;
+            price: number;
+            item_brand: string;
+            item_category: string;
+            item_category_2: string;
+            item_category_3: string;
+            item_category_4: string;
+            item_variant: string;
+            item_list_name: string;
+            item_list_id: string;
+            index: number;
+            quantity: number;
+        } | {
+            item_name: string;
+            item_id: string;
+            price: string;
+            item_brand: string;
+            item_category: string;
+            item_category_2: string;
+            item_category_3: string;
+            item_category_4: string;
+            item_variant: string;
+            item_list_name: string;
+            item_list_id: string;
+            index: number;
+            quantity: number;
+        })[];
+    };
+} | undefined;
+export declare function GTMRemoveFromCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number): {
+    event: string;
+    ecommerce: {
+        items: ({
+            item_name: string;
+            item_id: string;
+            price: number;
+            item_brand: string;
+            item_category: string;
+            item_category_2: string;
+            item_category_3: string;
+            item_category_4: string;
+            item_variant: string;
+            item_list_name: string;
+            item_list_id: string;
+            index: number;
+            quantity: number;
+        } | {
+            item_name: string;
+            item_id: string;
+            price: string;
+            item_brand: string;
+            item_category: string;
+            item_category_2: string;
+            item_category_3: string;
+            item_category_4: string;
+            item_variant: string;
+            item_list_name: string;
+            item_list_id: string;
+            index: number;
+            quantity: number;
+        })[];
+    };
+} | undefined;
+export declare function GTMBeginCheckout(checkout: IkasCheckout): {
+    event: string;
+    ecommerce: {
+        items: {
+            item_name: string;
+            item_id: string;
+            price: string;
+            item_brand: string;
+            item_category: string;
+            item_category_2: string;
+            item_category_3: string;
+            item_category_4: string;
+            item_variant: string;
+            item_list_name: string;
+            item_list_id: string;
+            index: number;
+            quantity: number;
+        }[] | undefined;
+    };
+} | undefined;
+export declare function GTMPurchase(checkout: IkasCheckout, orderId: string): {
+    event: string;
+    ecommerce: {
+        purchase: {
+            transaction_id: string;
+            affiliation: string;
+            value: string;
+            tax: string;
+            shipping: string;
+            currency: string | undefined;
+            coupon: string | null | undefined;
+            items: {
+                item_name: string;
+                item_id: string;
+                price: string;
+                item_brand: string;
+                item_category: string;
+                item_category_2: string;
+                item_category_3: string;
+                item_category_4: string;
+                item_variant: string;
+                item_list_name: string;
+                item_list_id: string;
+                index: number;
+                quantity: number;
+            }[] | undefined;
+        };
+    };
+} | undefined;
+export declare function GTMCheckoutStep(checkout: IkasCheckout, step: CheckoutStep): {
+    event: string;
+    ecommerce: {
+        items: {
+            item_name: string;
+            item_id: string;
+            price: string;
+            item_brand: string;
+            item_category: string;
+            item_category_2: string;
+            item_category_3: string;
+            item_category_4: string;
+            item_variant: string;
+            item_list_name: string;
+            item_list_id: string;
+            index: number;
+            quantity: number;
+        }[] | undefined;
+    };
+} | undefined;
+export declare function GTMDisableHTML(): void;

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare type GTMHeadProps = {
+    blockHTML?: boolean;
+};
+export declare const GTMHead: React.FC<GTMHeadProps>;
+export declare const GTMBody: React.FC;
+export {};

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

@@ -1,10 +1,10 @@
 import * as React from "react";
-import { IkasThemeSettings } from "../../models/index";
+import { IkasThemePageComponent } 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/index.d.ts

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

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

@@ -1,12 +1,7 @@
 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,14 +1,9 @@
 import * as React from "react";
-import { IkasThemePage, IkasThemeSettings } from "../../models/index";
+import { IkasThemePage } 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,7 +1,6 @@
 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;
@@ -15,8 +14,6 @@ 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;
@@ -25,6 +22,7 @@ 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;
@@ -40,7 +38,6 @@ 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",
@@ -58,6 +55,5 @@ 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",
-    UPDATE_THEME_SETTINGS = "UPDATE_THEME_SETTINGS"
+    SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT"
 }

package/build/index.d.ts

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