@dutchiesdk/ecommerce-extensions-sdk 0.7.0 → 0.8.1

package/dist/components/remote-boundary.cjs

@@ -0,0 +1,95 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    createLazyRemoteBoundaryComponent: ()=>createLazyRemoteBoundaryComponent,
+    default: ()=>remote_boundary,
+    withRemoteBoundary: ()=>withRemoteBoundary
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
+const ecommerce_data_bridge_cjs_namespaceObject = require("../context/ecommerce-data-bridge.cjs");
+const withRemoteBoundary = (WrappedComponent)=>{
+    function WithRemoteBoundaryComponent(props) {
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RemoteBoundary, {
+            ...props,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WrappedComponent, {})
+        });
+    }
+    WithRemoteBoundaryComponent.DataBridgeVersion = ecommerce_data_bridge_cjs_namespaceObject.DataBridgeVersion;
+    return WithRemoteBoundaryComponent;
+};
+const RemoteBoundary = ({ children, data })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ecommerce_data_bridge_cjs_namespaceObject.DataBridgeContext.Provider, {
+        value: data,
+        children: children
+    });
+RemoteBoundary.DataBridgeVersion = ecommerce_data_bridge_cjs_namespaceObject.DataBridgeVersion;
+const remote_boundary = RemoteBoundary;
+function createLazyRemoteBoundaryComponent(importFn, options = {}) {
+    const { fallback, onError } = options;
+    const LazyComponent = /*#__PURE__*/ external_react_default().lazy(async ()=>{
+        try {
+            const module = await importFn();
+            const WrappedComponent = withRemoteBoundary(module.default);
+            return {
+                default: WrappedComponent
+            };
+        } catch (error) {
+            onError?.(error);
+            throw error;
+        }
+    });
+    function LazyRemoteBoundaryWrapper(props) {
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Suspense, {
+            fallback: fallback || null,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LazyComponent, {
+                ...props
+            })
+        });
+    }
+    LazyRemoteBoundaryWrapper.DataBridgeVersion = ecommerce_data_bridge_cjs_namespaceObject.DataBridgeVersion;
+    return LazyRemoteBoundaryWrapper;
+}
+exports.createLazyRemoteBoundaryComponent = __webpack_exports__.createLazyRemoteBoundaryComponent;
+exports["default"] = __webpack_exports__["default"];
+exports.withRemoteBoundary = __webpack_exports__.withRemoteBoundary;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "createLazyRemoteBoundaryComponent",
+    "default",
+    "withRemoteBoundary"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/remote-boundary.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { RemoteBoundaryComponent, RemoteModuleRegistry } from '../types/ecommerce-extension';
+import type { CommerceComponentsDataInterface } from '../types/interface';
+export type { RemoteBoundaryComponent, RemoteModuleRegistry };
+interface RemoteBoundaryProps {
+    children?: React.ReactNode;
+    data: CommerceComponentsDataInterface;
+}
+export declare const withRemoteBoundary: (WrappedComponent: React.ComponentType) => {
+    (props: RemoteBoundaryProps): import("react/jsx-runtime").JSX.Element;
+    DataBridgeVersion: string;
+};
+declare const RemoteBoundary: {
+    ({ children, data }: RemoteBoundaryProps): import("react/jsx-runtime").JSX.Element;
+    DataBridgeVersion: string;
+};
+export default RemoteBoundary;
+interface LazyRemoteBoundaryOptions {
+    fallback?: React.ReactNode;
+    onError?: (error: Error) => void;
+}
+export declare function createLazyRemoteBoundaryComponent<P extends RemoteBoundaryProps = RemoteBoundaryProps>(importFn: () => Promise<{
+    default: React.ComponentType;
+}>, options?: LazyRemoteBoundaryOptions): {
+    (props: P): import("react/jsx-runtime").JSX.Element;
+    DataBridgeVersion: string;
+};

package/dist/context/ecommerce-data-bridge.cjs

@@ -0,0 +1,65 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DataBridgeContext: ()=>DataBridgeContext,
+    DataBridgeVersion: ()=>DataBridgeVersion,
+    useAsyncLoader: ()=>useAsyncLoader,
+    useDataBridge: ()=>useDataBridge
+});
+const external_react_namespaceObject = require("react");
+const external_package_json_namespaceObject = require("../../package.json");
+const DataBridgeVersion = external_package_json_namespaceObject.version;
+const DataBridgeContext = (0, external_react_namespaceObject.createContext)(void 0);
+const useDataBridge = ()=>{
+    const context = (0, external_react_namespaceObject.useContext)(DataBridgeContext);
+    if (void 0 === context) throw new Error('useDataBridge must be used within a DataBridgeProvider');
+    return context;
+};
+const useAsyncLoader = (fn)=>{
+    const [data, setData] = (0, external_react_namespaceObject.useState)(null);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        fn().then(setData);
+    }, [
+        fn
+    ]);
+    return {
+        data,
+        isLoading: null === data
+    };
+};
+exports.DataBridgeContext = __webpack_exports__.DataBridgeContext;
+exports.DataBridgeVersion = __webpack_exports__.DataBridgeVersion;
+exports.useAsyncLoader = __webpack_exports__.useAsyncLoader;
+exports.useDataBridge = __webpack_exports__.useDataBridge;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DataBridgeContext",
+    "DataBridgeVersion",
+    "useAsyncLoader",
+    "useDataBridge"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/context/ecommerce-data-bridge.d.ts

@@ -0,0 +1,31 @@
+import type { CommerceComponentsDataInterface } from '../types/interface';
+/**
+ * The version of the expected provided data. This value reflects the SDK version.
+ *
+ * If the implementation has a lower major version of the expected interface, the
+ * component will not render.
+ *
+ * For example, if `MyComponent.DataBridgeVersion == '1.1.0';` and `DataBridgeVersion`
+ * in the front end is providing data compatible with `>=2.0.0`, `MyComponent` will not be loaded.
+ *
+ * It is recommended to use this value directly in the component:
+ * `MyComponent.DataBridgeVersion = DataBridgeVersion`.
+ */
+export declare const DataBridgeVersion: string;
+export declare const DataBridgeContext: import("react").Context<CommerceComponentsDataInterface | undefined>;
+/**
+ * A hook to access the data bridge context.
+ *
+ * @returns The data bridge context.
+ */
+export declare const useDataBridge: () => CommerceComponentsDataInterface;
+/**
+ * A hook to load data asynchronously.
+ *
+ * @param fn - The function to load the data.
+ * @returns The data and a boolean indicating if the data is loading.
+ */
+export declare const useAsyncLoader: <S>(fn: () => Promise<S>) => {
+    data: S | null;
+    isLoading: boolean;
+};

package/dist/esm/components/remote-boundary.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { RemoteBoundaryComponent, RemoteModuleRegistry } from '../types/ecommerce-extension';
+import type { CommerceComponentsDataInterface } from '../types/interface';
+export type { RemoteBoundaryComponent, RemoteModuleRegistry };
+interface RemoteBoundaryProps {
+    children?: React.ReactNode;
+    data: CommerceComponentsDataInterface;
+}
+export declare const withRemoteBoundary: (WrappedComponent: React.ComponentType) => {
+    (props: RemoteBoundaryProps): import("react/jsx-runtime").JSX.Element;
+    DataBridgeVersion: string;
+};
+declare const RemoteBoundary: {
+    ({ children, data }: RemoteBoundaryProps): import("react/jsx-runtime").JSX.Element;
+    DataBridgeVersion: string;
+};
+export default RemoteBoundary;
+interface LazyRemoteBoundaryOptions {
+    fallback?: React.ReactNode;
+    onError?: (error: Error) => void;
+}
+export declare function createLazyRemoteBoundaryComponent<P extends RemoteBoundaryProps = RemoteBoundaryProps>(importFn: () => Promise<{
+    default: React.ComponentType;
+}>, options?: LazyRemoteBoundaryOptions): {
+    (props: P): import("react/jsx-runtime").JSX.Element;
+    DataBridgeVersion: string;
+};

package/dist/esm/components/remote-boundary.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import external_react_default, { Suspense } from "react";
+import { DataBridgeContext, DataBridgeVersion } from "../context/ecommerce-data-bridge.js";
+const withRemoteBoundary = (WrappedComponent)=>{
+    function WithRemoteBoundaryComponent(props) {
+        return /*#__PURE__*/ jsx(RemoteBoundary, {
+            ...props,
+            children: /*#__PURE__*/ jsx(WrappedComponent, {})
+        });
+    }
+    WithRemoteBoundaryComponent.DataBridgeVersion = DataBridgeVersion;
+    return WithRemoteBoundaryComponent;
+};
+const RemoteBoundary = ({ children, data })=>/*#__PURE__*/ jsx(DataBridgeContext.Provider, {
+        value: data,
+        children: children
+    });
+RemoteBoundary.DataBridgeVersion = DataBridgeVersion;
+const remote_boundary = RemoteBoundary;
+function createLazyRemoteBoundaryComponent(importFn, options = {}) {
+    const { fallback, onError } = options;
+    const LazyComponent = /*#__PURE__*/ external_react_default.lazy(async ()=>{
+        try {
+            const module = await importFn();
+            const WrappedComponent = withRemoteBoundary(module.default);
+            return {
+                default: WrappedComponent
+            };
+        } catch (error) {
+            onError?.(error);
+            throw error;
+        }
+    });
+    function LazyRemoteBoundaryWrapper(props) {
+        return /*#__PURE__*/ jsx(Suspense, {
+            fallback: fallback || null,
+            children: /*#__PURE__*/ jsx(LazyComponent, {
+                ...props
+            })
+        });
+    }
+    LazyRemoteBoundaryWrapper.DataBridgeVersion = DataBridgeVersion;
+    return LazyRemoteBoundaryWrapper;
+}
+export { createLazyRemoteBoundaryComponent, remote_boundary as default, withRemoteBoundary };

package/dist/esm/context/ecommerce-data-bridge.d.ts

@@ -0,0 +1,31 @@
+import type { CommerceComponentsDataInterface } from '../types/interface';
+/**
+ * The version of the expected provided data. This value reflects the SDK version.
+ *
+ * If the implementation has a lower major version of the expected interface, the
+ * component will not render.
+ *
+ * For example, if `MyComponent.DataBridgeVersion == '1.1.0';` and `DataBridgeVersion`
+ * in the front end is providing data compatible with `>=2.0.0`, `MyComponent` will not be loaded.
+ *
+ * It is recommended to use this value directly in the component:
+ * `MyComponent.DataBridgeVersion = DataBridgeVersion`.
+ */
+export declare const DataBridgeVersion: string;
+export declare const DataBridgeContext: import("react").Context<CommerceComponentsDataInterface | undefined>;
+/**
+ * A hook to access the data bridge context.
+ *
+ * @returns The data bridge context.
+ */
+export declare const useDataBridge: () => CommerceComponentsDataInterface;
+/**
+ * A hook to load data asynchronously.
+ *
+ * @param fn - The function to load the data.
+ * @returns The data and a boolean indicating if the data is loading.
+ */
+export declare const useAsyncLoader: <S>(fn: () => Promise<S>) => {
+    data: S | null;
+    isLoading: boolean;
+};

package/dist/esm/context/ecommerce-data-bridge.js

@@ -0,0 +1,22 @@
+import { createContext, useContext, useEffect, useState } from "react";
+import { version } from "../../package.json";
+const DataBridgeVersion = version;
+const DataBridgeContext = createContext(void 0);
+const useDataBridge = ()=>{
+    const context = useContext(DataBridgeContext);
+    if (void 0 === context) throw new Error('useDataBridge must be used within a DataBridgeProvider');
+    return context;
+};
+const useAsyncLoader = (fn)=>{
+    const [data, setData] = useState(null);
+    useEffect(()=>{
+        fn().then(setData);
+    }, [
+        fn
+    ]);
+    return {
+        data,
+        isLoading: null === data
+    };
+};
+export { DataBridgeContext, DataBridgeVersion, useAsyncLoader, useDataBridge };

package/dist/esm/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components/remote-boundary';
+export * from './context/ecommerce-data-bridge';
+export * from './types/actions';
+export * from './types/data';
+export * from './types/ecommerce-extension';
+export * from './types/interface';

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+export * from "./components/remote-boundary.js";
+export * from "./context/ecommerce-data-bridge.js";
+export * from "./types/actions.js";
+export * from "./types/data.js";
+export * from "./types/ecommerce-extension.js";
+export * from "./types/interface.js";

package/dist/esm/types/actions.d.ts

@@ -0,0 +1,118 @@
+type AuthenticationActions = {
+    /**
+     * Navigate to login
+     */
+    goToLogin: () => void;
+    /**
+     * Navigate to registration
+     */
+    goToRegister: () => void;
+};
+type CartActions = {
+    /**
+     * Add product to cart
+     * @param productId - The product ID
+     * @param quantity - The quantity
+     */
+    addToCart: (productId: string, quantity: number) => void;
+    /**
+     * Clear cart
+     */
+    clearCart: () => void;
+    /**
+     * Hide cart sidebar/modal
+     */
+    hideCart: () => void;
+    /**
+     * Navigate to checkout
+     */
+    goToCheckout: () => void;
+    /**
+     * Remove product from cart
+     * @param productId - The product ID
+     */
+    removeFromCart: (productId: string) => void;
+    /**
+     * Show cart sidebar/modal
+     */
+    showCart: () => void;
+    /**
+     * Update product quantity in cart
+     * @param productId - The product ID
+     * @param quantity - The quantity
+     */
+    updateCartItem: (productId: string, quantity: number) => void;
+};
+type ComponentActions = {
+    /**
+     * Navigate to search
+     * @param query - The search query
+     */
+    goToSearch: (query?: string) => void;
+    /**
+     * Navigate to store browser
+     */
+    goToStoreBrowser: () => void;
+    /**
+     * Navigate to store locator
+     */
+    goToStoreLocator: () => void;
+};
+type DetailPageActions = {
+    /**
+     * Navigate to category page
+     * @param categoryId - The category ID
+     * @param categoryCname - The category CNAME
+     */
+    goToCategory: (categoryId?: string, categoryCname?: string) => void;
+    /**
+     * Navigate to brand page
+     */
+    goToBrand: (brandId?: string, brandCname?: string) => void;
+    /**
+     * Navigate to product details
+     * @param productId - The product ID
+     * @param productCname - The product CNAME
+     */
+    goToProductDetails: (productId?: string, productCname?: string) => void;
+};
+type ListPageActions = {
+    /**
+     * Navigate to brand list
+     * @param brandId - The brand ID
+     * @param brandCname - The brand CNAME
+     */
+    goToBrandList: (brandId?: string, brandCname?: string) => void;
+    /**
+     * Navigate to collection list
+     */
+    goToCollectionList: (collectionId?: string, collectionCname?: string) => void;
+    /**
+     * Navigate to product list
+     * @param categoryId - The category ID
+     * @param categoryCname - The category CNAME
+     * @param brandId - The brand ID
+     * @param brandCname - The brand CNAME
+     * @param collectionId - The collection ID
+     * @param collectionCname - The collection CNAME
+     */
+    goToProductList: (categoryId?: string, categoryCname?: string, brandId?: string, brandCname?: string, collectionId?: string, collectionCname?: string) => void;
+};
+type NavigationActions = {
+    /**
+     * Navigate to store info
+     */
+    goToInfoPage: () => void;
+    /**
+     * Navigate to specific store
+     * @param storeId - The store ID
+     * @param storeCname - The store CNAME
+     */
+    goToStore: (storeId?: string, storeCname?: string) => void;
+    /**
+     * Navigate to store front
+     */
+    goToStoreFront: () => void;
+};
+export type Actions = AuthenticationActions & CartActions & ComponentActions & DetailPageActions & ListPageActions & NavigationActions;
+export {};

package/dist/esm/types/data.d.ts

@@ -0,0 +1,152 @@
+export type Brand = {
+    cname: string;
+    id: string;
+    name: string;
+};
+export type CartItem = {
+    name: string;
+    price: number;
+    productId: string;
+    quantity: number;
+};
+export type Cart = {
+    discount: number;
+    items: CartItem[];
+    subtotal: number;
+    tax: number;
+    total: number;
+};
+export type Category = {
+    cname: string;
+    id: string;
+    name: string;
+};
+export type Collection = {
+    cname: string;
+    id: string;
+    name: string;
+};
+export type MenuContext = 'store-front' | 'kiosk';
+export type DayHours = {
+    active?: boolean;
+    end?: string;
+    start?: string;
+};
+export type Dispensary = {
+    address: DispensaryAddress;
+    chain: string;
+    cname: string;
+    email: string;
+    hours: DispensaryHoursSettings;
+    id: string;
+    images: {
+        logo: string;
+    };
+    links: {
+        website: string;
+        storeFrontRoot: string;
+    };
+    name: string;
+    orderTypes: DispensaryOrderTypes;
+    orderTypesConfig: OrderTypesConfig;
+    phone: string;
+    status: string;
+};
+export type DispensaryAddress = {
+    city: string;
+    stateAbbreviation: string;
+    state: string;
+    street1: string;
+    street2: string;
+    zip: string;
+};
+export type DispensaryHoursSettings = {
+    curbsidePickup?: HoursSettingsForOrderType;
+    delivery?: HoursSettingsForOrderType;
+    driveThruPickup?: HoursSettingsForOrderType;
+    inStorePickup?: HoursSettingsForOrderType;
+};
+export type DispensaryOrderTypes = {
+    curbsidePickup: boolean;
+    delivery: boolean;
+    driveThruPickup: boolean;
+    inStorePickup: boolean;
+    kiosk: boolean;
+    pickup: boolean;
+};
+export type HoursSettingsForOrderType = {
+    effectiveHours?: {
+        Monday?: DayHours;
+        Tuesday?: DayHours;
+        Wednesday?: DayHours;
+        Thursday?: DayHours;
+        Friday?: DayHours;
+        Saturday?: DayHours;
+        Sunday?: DayHours;
+    };
+    enabled: boolean;
+};
+export type OrderTypeConfig = {
+    enableAfterHoursOrdering?: boolean;
+    enableASAPOrdering?: boolean;
+    enableScheduledOrdering?: boolean;
+};
+export type OrderTypesConfig = {
+    curbsidePickup?: OrderTypeConfig;
+    delivery?: OrderTypeConfig;
+    driveThruPickup?: OrderTypeConfig;
+    inStorePickup?: OrderTypeConfig;
+    offerAnyPickupService?: boolean;
+    offerDeliveryService?: boolean;
+};
+export type Product = {
+    cname: string;
+    description: string;
+    id: string;
+    image: string;
+    name: string;
+    price: number;
+};
+export type Special = {
+    cname: string;
+    description: string;
+    id: string;
+    image: string;
+    name: string;
+};
+export type User = {
+    birthday: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+};
+export type DataLoaders = {
+    /**
+     * Available brands
+     */
+    brands: () => Promise<Brand[] | []>;
+    /**
+     * Product categories
+     */
+    categories: () => Promise<Category[] | []>;
+    /**
+     * Product collections
+     */
+    collections: () => Promise<Collection[] | []>;
+    /**
+     * All dispensary locations
+     */
+    getAllLocations: () => Promise<Dispensary[] | []>;
+    /**
+     * Current context locations
+     */
+    locations: () => Promise<Dispensary[] | []>;
+    /**
+     * Product catalog
+     */
+    products: () => Promise<Product[] | []>;
+    /**
+     * Available specials
+     */
+    specials: () => Promise<Special[] | []>;
+};

package/dist/esm/types/ecommerce-extension.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+export type RemoteBoundaryComponent<P = {}> = React.FC<P> & {
+    DataBridgeVersion: string;
+};
+export type RoutablePageRegistryEntry = {
+    component: RemoteBoundaryComponent;
+    path: string;
+};
+export type RemoteModuleRegistry = {
+    RouteablePages?: RoutablePageRegistryEntry[];
+    StoreFrontHeader?: RemoteBoundaryComponent;
+    StoreFrontNavigation?: RemoteBoundaryComponent;
+    StoreFrontFooter?: RemoteBoundaryComponent;
+    StoreFrontHero?: RemoteBoundaryComponent;
+    ProductDetailsPrimary?: RemoteBoundaryComponent;
+};

package/dist/esm/types/interface.d.ts

@@ -0,0 +1,10 @@
+import type { Actions } from './actions';
+import type { Cart, DataLoaders, Dispensary, MenuContext, User } from './data';
+export type CommerceComponentsDataInterface = {
+    actions: Actions;
+    cart?: Cart;
+    dataLoaders: DataLoaders;
+    location?: Dispensary;
+    menuContext: MenuContext;
+    user?: User;
+};

package/dist/index.cjs

@@ -0,0 +1,105 @@
+"use strict";
+var __webpack_modules__ = {
+    "./components/remote-boundary": function(module) {
+        module.exports = require("./components/remote-boundary.cjs");
+    },
+    "./context/ecommerce-data-bridge": function(module) {
+        module.exports = require("./context/ecommerce-data-bridge.cjs");
+    },
+    "./types/actions": function(module) {
+        module.exports = require("./types/actions.cjs");
+    },
+    "./types/data": function(module) {
+        module.exports = require("./types/data.cjs");
+    },
+    "./types/ecommerce-extension": function(module) {
+        module.exports = require("./types/ecommerce-extension.cjs");
+    },
+    "./types/interface": function(module) {
+        module.exports = require("./types/interface.cjs");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    var _components_remote_boundary__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./components/remote-boundary");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _components_remote_boundary__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _components_remote_boundary__WEBPACK_IMPORTED_MODULE_0__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _context_ecommerce_data_bridge__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./context/ecommerce-data-bridge");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _context_ecommerce_data_bridge__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _context_ecommerce_data_bridge__WEBPACK_IMPORTED_MODULE_1__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _types_actions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./types/actions");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _types_actions__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _types_actions__WEBPACK_IMPORTED_MODULE_2__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _types_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./types/data");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _types_data__WEBPACK_IMPORTED_MODULE_3__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _types_data__WEBPACK_IMPORTED_MODULE_3__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _types_ecommerce_extension__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./types/ecommerce-extension");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _types_ecommerce_extension__WEBPACK_IMPORTED_MODULE_4__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _types_ecommerce_extension__WEBPACK_IMPORTED_MODULE_4__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _types_interface__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./types/interface");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _types_interface__WEBPACK_IMPORTED_MODULE_5__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _types_interface__WEBPACK_IMPORTED_MODULE_5__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+})();
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components/remote-boundary';
+export * from './context/ecommerce-data-bridge';
+export * from './types/actions';
+export * from './types/data';
+export * from './types/ecommerce-extension';
+export * from './types/interface';

package/dist/types/actions.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/types/actions.d.ts

@@ -0,0 +1,118 @@
+type AuthenticationActions = {
+    /**
+     * Navigate to login
+     */
+    goToLogin: () => void;
+    /**
+     * Navigate to registration
+     */
+    goToRegister: () => void;
+};
+type CartActions = {
+    /**
+     * Add product to cart
+     * @param productId - The product ID
+     * @param quantity - The quantity
+     */
+    addToCart: (productId: string, quantity: number) => void;
+    /**
+     * Clear cart
+     */
+    clearCart: () => void;
+    /**
+     * Hide cart sidebar/modal
+     */
+    hideCart: () => void;
+    /**
+     * Navigate to checkout
+     */
+    goToCheckout: () => void;
+    /**
+     * Remove product from cart
+     * @param productId - The product ID
+     */
+    removeFromCart: (productId: string) => void;
+    /**
+     * Show cart sidebar/modal
+     */
+    showCart: () => void;
+    /**
+     * Update product quantity in cart
+     * @param productId - The product ID
+     * @param quantity - The quantity
+     */
+    updateCartItem: (productId: string, quantity: number) => void;
+};
+type ComponentActions = {
+    /**
+     * Navigate to search
+     * @param query - The search query
+     */
+    goToSearch: (query?: string) => void;
+    /**
+     * Navigate to store browser
+     */
+    goToStoreBrowser: () => void;
+    /**
+     * Navigate to store locator
+     */
+    goToStoreLocator: () => void;
+};
+type DetailPageActions = {
+    /**
+     * Navigate to category page
+     * @param categoryId - The category ID
+     * @param categoryCname - The category CNAME
+     */
+    goToCategory: (categoryId?: string, categoryCname?: string) => void;
+    /**
+     * Navigate to brand page
+     */
+    goToBrand: (brandId?: string, brandCname?: string) => void;
+    /**
+     * Navigate to product details
+     * @param productId - The product ID
+     * @param productCname - The product CNAME
+     */
+    goToProductDetails: (productId?: string, productCname?: string) => void;
+};
+type ListPageActions = {
+    /**
+     * Navigate to brand list
+     * @param brandId - The brand ID
+     * @param brandCname - The brand CNAME
+     */
+    goToBrandList: (brandId?: string, brandCname?: string) => void;
+    /**
+     * Navigate to collection list
+     */
+    goToCollectionList: (collectionId?: string, collectionCname?: string) => void;
+    /**
+     * Navigate to product list
+     * @param categoryId - The category ID
+     * @param categoryCname - The category CNAME
+     * @param brandId - The brand ID
+     * @param brandCname - The brand CNAME
+     * @param collectionId - The collection ID
+     * @param collectionCname - The collection CNAME
+     */
+    goToProductList: (categoryId?: string, categoryCname?: string, brandId?: string, brandCname?: string, collectionId?: string, collectionCname?: string) => void;
+};
+type NavigationActions = {
+    /**
+     * Navigate to store info
+     */
+    goToInfoPage: () => void;
+    /**
+     * Navigate to specific store
+     * @param storeId - The store ID
+     * @param storeCname - The store CNAME
+     */
+    goToStore: (storeId?: string, storeCname?: string) => void;
+    /**
+     * Navigate to store front
+     */
+    goToStoreFront: () => void;
+};
+export type Actions = AuthenticationActions & CartActions & ComponentActions & DetailPageActions & ListPageActions & NavigationActions;
+export {};

package/dist/types/data.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/types/data.d.ts

@@ -0,0 +1,152 @@
+export type Brand = {
+    cname: string;
+    id: string;
+    name: string;
+};
+export type CartItem = {
+    name: string;
+    price: number;
+    productId: string;
+    quantity: number;
+};
+export type Cart = {
+    discount: number;
+    items: CartItem[];
+    subtotal: number;
+    tax: number;
+    total: number;
+};
+export type Category = {
+    cname: string;
+    id: string;
+    name: string;
+};
+export type Collection = {
+    cname: string;
+    id: string;
+    name: string;
+};
+export type MenuContext = 'store-front' | 'kiosk';
+export type DayHours = {
+    active?: boolean;
+    end?: string;
+    start?: string;
+};
+export type Dispensary = {
+    address: DispensaryAddress;
+    chain: string;
+    cname: string;
+    email: string;
+    hours: DispensaryHoursSettings;
+    id: string;
+    images: {
+        logo: string;
+    };
+    links: {
+        website: string;
+        storeFrontRoot: string;
+    };
+    name: string;
+    orderTypes: DispensaryOrderTypes;
+    orderTypesConfig: OrderTypesConfig;
+    phone: string;
+    status: string;
+};
+export type DispensaryAddress = {
+    city: string;
+    stateAbbreviation: string;
+    state: string;
+    street1: string;
+    street2: string;
+    zip: string;
+};
+export type DispensaryHoursSettings = {
+    curbsidePickup?: HoursSettingsForOrderType;
+    delivery?: HoursSettingsForOrderType;
+    driveThruPickup?: HoursSettingsForOrderType;
+    inStorePickup?: HoursSettingsForOrderType;
+};
+export type DispensaryOrderTypes = {
+    curbsidePickup: boolean;
+    delivery: boolean;
+    driveThruPickup: boolean;
+    inStorePickup: boolean;
+    kiosk: boolean;
+    pickup: boolean;
+};
+export type HoursSettingsForOrderType = {
+    effectiveHours?: {
+        Monday?: DayHours;
+        Tuesday?: DayHours;
+        Wednesday?: DayHours;
+        Thursday?: DayHours;
+        Friday?: DayHours;
+        Saturday?: DayHours;
+        Sunday?: DayHours;
+    };
+    enabled: boolean;
+};
+export type OrderTypeConfig = {
+    enableAfterHoursOrdering?: boolean;
+    enableASAPOrdering?: boolean;
+    enableScheduledOrdering?: boolean;
+};
+export type OrderTypesConfig = {
+    curbsidePickup?: OrderTypeConfig;
+    delivery?: OrderTypeConfig;
+    driveThruPickup?: OrderTypeConfig;
+    inStorePickup?: OrderTypeConfig;
+    offerAnyPickupService?: boolean;
+    offerDeliveryService?: boolean;
+};
+export type Product = {
+    cname: string;
+    description: string;
+    id: string;
+    image: string;
+    name: string;
+    price: number;
+};
+export type Special = {
+    cname: string;
+    description: string;
+    id: string;
+    image: string;
+    name: string;
+};
+export type User = {
+    birthday: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+};
+export type DataLoaders = {
+    /**
+     * Available brands
+     */
+    brands: () => Promise<Brand[] | []>;
+    /**
+     * Product categories
+     */
+    categories: () => Promise<Category[] | []>;
+    /**
+     * Product collections
+     */
+    collections: () => Promise<Collection[] | []>;
+    /**
+     * All dispensary locations
+     */
+    getAllLocations: () => Promise<Dispensary[] | []>;
+    /**
+     * Current context locations
+     */
+    locations: () => Promise<Dispensary[] | []>;
+    /**
+     * Product catalog
+     */
+    products: () => Promise<Product[] | []>;
+    /**
+     * Available specials
+     */
+    specials: () => Promise<Special[] | []>;
+};

package/dist/types/ecommerce-extension.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/types/ecommerce-extension.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+export type RemoteBoundaryComponent<P = {}> = React.FC<P> & {
+    DataBridgeVersion: string;
+};
+export type RoutablePageRegistryEntry = {
+    component: RemoteBoundaryComponent;
+    path: string;
+};
+export type RemoteModuleRegistry = {
+    RouteablePages?: RoutablePageRegistryEntry[];
+    StoreFrontHeader?: RemoteBoundaryComponent;
+    StoreFrontNavigation?: RemoteBoundaryComponent;
+    StoreFrontFooter?: RemoteBoundaryComponent;
+    StoreFrontHero?: RemoteBoundaryComponent;
+    ProductDetailsPrimary?: RemoteBoundaryComponent;
+};

package/dist/types/interface.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/types/interface.d.ts

@@ -0,0 +1,10 @@
+import type { Actions } from './actions';
+import type { Cart, DataLoaders, Dispensary, MenuContext, User } from './data';
+export type CommerceComponentsDataInterface = {
+    actions: Actions;
+    cart?: Cart;
+    dataLoaders: DataLoaders;
+    location?: Dispensary;
+    menuContext: MenuContext;
+    user?: User;
+};

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.7.0",
+  "version": "0.8.1",
   "license": "MIT",
   "type": "module",
   "module": "./dist/esm/index.js",
@@ -30,7 +30,7 @@
     "test": "vitest run"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
+    "@biomejs/biome": "^2.0.6",
     "@rsbuild/plugin-react": "^1.3.2",
     "@rslib/core": "^0.9.2",
     "@testing-library/dom": "^10.4.0",
@@ -46,7 +46,8 @@
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-shadow": "^20.5.0"
   },
   "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }