@ikas/storefront 0.0.1

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;
+};
+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;
+        }[];
+    };
+};
+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;
+        })[];
+    };
+};
+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;
+        })[];
+    };
+};
+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;
+        }[];
+    };
+};
+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;
+            coupon: string;
+            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;
+            }[];
+        };
+    };
+};
+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;
+        }[];
+    };
+};
+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

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

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

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

package/build/components/index.d.ts

@@ -0,0 +1,6 @@
+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";

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare type Props = {
+    pageTitle?: string | null;
+    description?: string | null;
+};
+export declare const IkasPageHead: React.FC<Props>;
+export {};

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { IkasThemePage } from "../../models/index";
+import { IkasPageComponentPropValue } from "../../utils/index";
+declare type Props = {
+    propValues: IkasPageComponentPropValue[];
+    page?: IkasThemePage;
+};
+export declare const IkasPage: 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;

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

@@ -0,0 +1,59 @@
+import { NextRouter } from "next/router";
+import { IkasThemePage, IkasThemePageComponent, IkasTheme, IkasThemeComponent } from "../../models/index";
+import { IkasPageDataProvider } from "../../utils/index";
+export default class PageViewModel {
+    theme?: IkasTheme | null;
+    page?: IkasThemePage | null;
+    selectedPageComponentId?: string | null;
+    hoveredPageComponentId?: string | null;
+    componentRefs: any;
+    isLoading: boolean;
+    pageParams: Record<string, any>;
+    queryParams: Record<string, any>;
+    apiKey?: string | null;
+    pageDataProvider?: IkasPageDataProvider | null;
+    router: NextRouter;
+    constructor(router: NextRouter);
+    get selectedPageComponent(): IkasThemePageComponent;
+    get selectedComponent(): IkasThemeComponent;
+    startMessaging: () => void;
+    onMessage: (event: MessageEvent) => Promise<void>;
+    onClick: (id: string) => void;
+    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;
+    handleUpdateFrameData: (data: any) => Promise<void>;
+    handleUpdatePropValue: (data: any) => Promise<void>;
+    handleUpdatePageParams: (data: any) => Promise<void>;
+    handleUpdatePageComponentOrder: (data: any) => Promise<void>;
+    handleAddNewComponent: (data: any) => void;
+    handleDeleteComponent: (data: any) => void;
+    handleUpdateComponent: (data: any) => void;
+    handleAddNewPageComponent: (data: any) => Promise<void>;
+    handleDeletePageComponent: (data: any) => void;
+    handleSetSelectedComponent: (data: any) => void;
+    handleSetHoveredComponent: (data: any) => void;
+    handleScrollToComponent: (data: any) => void;
+}
+export declare enum BridgeMessageType {
+    FRAME_DID_LOAD = "FRAME_DID_LOAD",
+    UPDATE_FRAME_DATA = "UPDATE_FRAME_DATA",
+    UPDATE_PROP_VALUE = "UPDATE_PROP_VALUE",
+    UPDATE_PAGE_PARAMS = "UPDATE_PAGE_PARAMS",
+    UPDATE_PAGE_COMPONENT_ORDER = "UPDATE_PAGE_COMPONENT_ORDER",
+    ADD_NEW_COMPONENT = "ADD_NEW_COMPONENT",
+    DELETE_COMPONENT = "DELETE_COMPONENT",
+    UPDATE_COMPONENT = "UPDATE_COMPONENT",
+    ADD_NEW_PAGE_COMPONENT = "ADD_NEW_PAGE_COMPONENT",
+    DELETE_PAGE_COMPONENT = "DELETE_PAGE_COMPONENT",
+    COMPONENT_MOUSE_OVER = "COMPONENT_MOUSE_OVER",
+    COMPONENT_MOUSE_LEAVE = "COMPONENT_MOUSE_LEAVE",
+    COMPONENT_CLICK = "COMPONENT_CLICK",
+    SET_SELECTED_COMPONENT = "SET_SELECTED_COMPONENT",
+    SET_HOVERED_COMPONENT = "SET_HOVERED_COMPONENT",
+    SCROLL_TO_COMPONENT = "SCROLL_TO_COMPONENT"
+}

package/build/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./api/index";
+export * from "./components/index";
+export * from "./models/index";
+export * from "./pages/index";
+export * from "./store/index";
+export * from "./storefront/index";
+export * from "./utils/index";