@dutchiesdk/ecommerce-extensions-sdk 0.21.0 → 0.23.2

package/README.md

@@ -52,7 +52,7 @@ To request access to the development environment contact: **partners@dutchie.com
 ```bash
 npm install @dutchiesdk/ecommerce-extensions-sdk
 # or
-yarn add @dutchiesdk/ecommerce-extensions-sdk
+pnpm add @dutchiesdk/ecommerce-extensions-sdk
 ```
 
 ## Quick Start
@@ -2003,7 +2003,7 @@ Stay up to date with this SDK by checking the repository for changes and updatin
 ```bash
 npm install @dutchiesdk/ecommerce-extensions-sdk@latest
 # or
-yarn upgrade @dutchiesdk/ecommerce-extensions-sdk@latest
+pnpm update @dutchiesdk/ecommerce-extensions-sdk@latest
 ```
 
 ## License

package/dist/components/remote-boundary.cjs

@@ -32,10 +32,13 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const ecommerce_data_bridge_cjs_namespaceObject = require("../context/ecommerce-data-bridge.cjs");
 const withRemoteBoundary = (WrappedComponent)=>{
-    function WithRemoteBoundaryComponent({ data }) {
+    function WithRemoteBoundaryComponent(props) {
+        const { __dsdk__dataBridgeData, data, ...rest } = props;
         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ecommerce_data_bridge_cjs_namespaceObject.DataBridgeContext.Provider, {
-            value: data,
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WrappedComponent, {})
+            value: __dsdk__dataBridgeData ?? data,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WrappedComponent, {
+                ...rest
+            })
         });
     }
     WithRemoteBoundaryComponent.DataBridgeVersion = ecommerce_data_bridge_cjs_namespaceObject.DataBridgeVersion;
@@ -45,21 +48,19 @@ function createLazyRemoteBoundaryComponent(importFn, options = {}) {
     const { fallback, onError } = options;
     const LazyComponent = /*#__PURE__*/ (0, external_react_namespaceObject.lazy)(async ()=>{
         try {
-            const module = await importFn();
-            const WrappedComponent = withRemoteBoundary(module.default);
-            return {
-                default: WrappedComponent
-            };
+            return await importFn();
         } 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
+        const { __dsdk__dataBridgeData, data, ...rest } = props;
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ecommerce_data_bridge_cjs_namespaceObject.DataBridgeContext.Provider, {
+            value: __dsdk__dataBridgeData ?? data,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Suspense, {
+                fallback: fallback || null,
+                children: /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(LazyComponent, rest)
             })
         });
     }
@@ -67,11 +68,9 @@ function createLazyRemoteBoundaryComponent(importFn, options = {}) {
     return LazyRemoteBoundaryWrapper;
 }
 function createRemoteBoundaryComponent(Component) {
-    const WrappedComponent = withRemoteBoundary(Component);
+    const Wrapped = withRemoteBoundary(Component);
     function RemoteBoundaryWrapper(props) {
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(WrappedComponent, {
-            ...props
-        });
+        return /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(Wrapped, props);
     }
     RemoteBoundaryWrapper.DataBridgeVersion = ecommerce_data_bridge_cjs_namespaceObject.DataBridgeVersion;
     return RemoteBoundaryWrapper;

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

@@ -1,20 +1,23 @@
 import { type ComponentType, type ReactNode } from 'react';
-import type { RemoteBoundaryComponent } from '../types/ecommerce-extension';
+import type { RemoteBoundaryComponent, SupportedDirectProps } from '../types/ecommerce-extension';
 import type { CommerceComponentsDataInterface } from '../types/interface';
-type WithRemoteBoundaryProps = {
+export type WithRemoteBoundaryProps = {
+    __dsdk__dataBridgeData?: CommerceComponentsDataInterface;
+    /** @deprecated Use __dsdk__dataBridgeData instead */
     data?: CommerceComponentsDataInterface;
 };
-export declare const withRemoteBoundary: (WrappedComponent: ComponentType) => {
-    ({ data }: WithRemoteBoundaryProps): import("react/jsx-runtime").JSX.Element;
+/** Wraps a component so it receives data bridge context, while forwarding SDK-defined props (e.g. ProductCardGridProps). */
+export declare const withRemoteBoundary: <P extends SupportedDirectProps = {}>(WrappedComponent: ComponentType<P>) => {
+    (props: P & WithRemoteBoundaryProps): import("react/jsx-runtime").JSX.Element;
     DataBridgeVersion: string;
 };
 interface LazyRemoteBoundaryOptions {
     fallback?: ReactNode;
     onError?: (error: Error) => void;
 }
-export declare function createLazyRemoteBoundaryComponent<P extends WithRemoteBoundaryProps = WithRemoteBoundaryProps>(importFn: () => Promise<{
-    default: ComponentType;
-}>, options?: LazyRemoteBoundaryOptions): RemoteBoundaryComponent<P>;
+export declare function createLazyRemoteBoundaryComponent<P extends SupportedDirectProps = {}>(importFn: () => Promise<{
+    default: ComponentType<P>;
+}>, options?: LazyRemoteBoundaryOptions): RemoteBoundaryComponent<P & WithRemoteBoundaryProps>;
 /** Wraps a component with the data bridge context (non-lazy). */
-export declare function createRemoteBoundaryComponent<P extends WithRemoteBoundaryProps = WithRemoteBoundaryProps>(Component: ComponentType): RemoteBoundaryComponent<P>;
+export declare function createRemoteBoundaryComponent<P extends SupportedDirectProps = {}>(Component: ComponentType<P>): RemoteBoundaryComponent<P & WithRemoteBoundaryProps>;
 export {};

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

@@ -30,7 +30,7 @@ __webpack_require__.d(__webpack_exports__, {
     useDataBridge: ()=>useDataBridge
 });
 const external_react_namespaceObject = require("react");
-const DataBridgeVersion = '0.21.0';
+const DataBridgeVersion = '0.23.2';
 const DataBridgeContext = (0, external_react_namespaceObject.createContext)(void 0);
 const useDataBridge = ()=>{
     const context = (0, external_react_namespaceObject.useContext)(DataBridgeContext);

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

@@ -1,20 +1,23 @@
 import { type ComponentType, type ReactNode } from 'react';
-import type { RemoteBoundaryComponent } from '../types/ecommerce-extension';
+import type { RemoteBoundaryComponent, SupportedDirectProps } from '../types/ecommerce-extension';
 import type { CommerceComponentsDataInterface } from '../types/interface';
-type WithRemoteBoundaryProps = {
+export type WithRemoteBoundaryProps = {
+    __dsdk__dataBridgeData?: CommerceComponentsDataInterface;
+    /** @deprecated Use __dsdk__dataBridgeData instead */
     data?: CommerceComponentsDataInterface;
 };
-export declare const withRemoteBoundary: (WrappedComponent: ComponentType) => {
-    ({ data }: WithRemoteBoundaryProps): import("react/jsx-runtime").JSX.Element;
+/** Wraps a component so it receives data bridge context, while forwarding SDK-defined props (e.g. ProductCardGridProps). */
+export declare const withRemoteBoundary: <P extends SupportedDirectProps = {}>(WrappedComponent: ComponentType<P>) => {
+    (props: P & WithRemoteBoundaryProps): import("react/jsx-runtime").JSX.Element;
     DataBridgeVersion: string;
 };
 interface LazyRemoteBoundaryOptions {
     fallback?: ReactNode;
     onError?: (error: Error) => void;
 }
-export declare function createLazyRemoteBoundaryComponent<P extends WithRemoteBoundaryProps = WithRemoteBoundaryProps>(importFn: () => Promise<{
-    default: ComponentType;
-}>, options?: LazyRemoteBoundaryOptions): RemoteBoundaryComponent<P>;
+export declare function createLazyRemoteBoundaryComponent<P extends SupportedDirectProps = {}>(importFn: () => Promise<{
+    default: ComponentType<P>;
+}>, options?: LazyRemoteBoundaryOptions): RemoteBoundaryComponent<P & WithRemoteBoundaryProps>;
 /** Wraps a component with the data bridge context (non-lazy). */
-export declare function createRemoteBoundaryComponent<P extends WithRemoteBoundaryProps = WithRemoteBoundaryProps>(Component: ComponentType): RemoteBoundaryComponent<P>;
+export declare function createRemoteBoundaryComponent<P extends SupportedDirectProps = {}>(Component: ComponentType<P>): RemoteBoundaryComponent<P & WithRemoteBoundaryProps>;
 export {};

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

@@ -1,11 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { Suspense, lazy } from "react";
+import { Suspense, createElement, lazy } from "react";
 import { DataBridgeContext, DataBridgeVersion } from "../context/ecommerce-data-bridge.js";
 const withRemoteBoundary = (WrappedComponent)=>{
-    function WithRemoteBoundaryComponent({ data }) {
+    function WithRemoteBoundaryComponent(props) {
+        const { __dsdk__dataBridgeData, data, ...rest } = props;
         return /*#__PURE__*/ jsx(DataBridgeContext.Provider, {
-            value: data,
-            children: /*#__PURE__*/ jsx(WrappedComponent, {})
+            value: __dsdk__dataBridgeData ?? data,
+            children: /*#__PURE__*/ jsx(WrappedComponent, {
+                ...rest
+            })
         });
     }
     WithRemoteBoundaryComponent.DataBridgeVersion = DataBridgeVersion;
@@ -15,21 +18,19 @@ function createLazyRemoteBoundaryComponent(importFn, options = {}) {
     const { fallback, onError } = options;
     const LazyComponent = /*#__PURE__*/ lazy(async ()=>{
         try {
-            const module = await importFn();
-            const WrappedComponent = withRemoteBoundary(module.default);
-            return {
-                default: WrappedComponent
-            };
+            return await importFn();
         } catch (error) {
             onError?.(error);
             throw error;
         }
     });
     function LazyRemoteBoundaryWrapper(props) {
-        return /*#__PURE__*/ jsx(Suspense, {
-            fallback: fallback || null,
-            children: /*#__PURE__*/ jsx(LazyComponent, {
-                ...props
+        const { __dsdk__dataBridgeData, data, ...rest } = props;
+        return /*#__PURE__*/ jsx(DataBridgeContext.Provider, {
+            value: __dsdk__dataBridgeData ?? data,
+            children: /*#__PURE__*/ jsx(Suspense, {
+                fallback: fallback || null,
+                children: /*#__PURE__*/ createElement(LazyComponent, rest)
             })
         });
     }
@@ -37,11 +38,9 @@ function createLazyRemoteBoundaryComponent(importFn, options = {}) {
     return LazyRemoteBoundaryWrapper;
 }
 function createRemoteBoundaryComponent(Component) {
-    const WrappedComponent = withRemoteBoundary(Component);
+    const Wrapped = withRemoteBoundary(Component);
     function RemoteBoundaryWrapper(props) {
-        return /*#__PURE__*/ jsx(WrappedComponent, {
-            ...props
-        });
+        return /*#__PURE__*/ createElement(Wrapped, props);
     }
     RemoteBoundaryWrapper.DataBridgeVersion = DataBridgeVersion;
     return RemoteBoundaryWrapper;

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

@@ -1,5 +1,5 @@
 import { createContext, useContext, useEffect, useState } from "react";
-const DataBridgeVersion = '0.21.0';
+const DataBridgeVersion = '0.23.2';
 const DataBridgeContext = createContext(void 0);
 const useDataBridge = ()=>{
     const context = useContext(DataBridgeContext);

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

@@ -2,13 +2,16 @@ import type React from 'react';
 import type { MenuContext } from './data';
 import type { Events } from './events';
 import type { CommerceComponentsDataInterface } from './interface';
+import type { ProductCardGridProps, ProductCardListItemProps } from './product-card';
+/** Union of SDK-defined direct prop types that can be passed through the remote boundary. */
+export type SupportedDirectProps = {} | ProductCardGridProps | ProductCardListItemProps;
 export type RemoteBoundaryComponent<P = {}> = React.FC<P> & {
     DataBridgeVersion: string;
 };
 export type MenuSpecificRemoteComponent = {
     [key in MenuContext]?: RemoteBoundaryComponent;
 };
-export type ModuleRegistryEntry = MenuSpecificRemoteComponent | RemoteBoundaryComponent;
+export type ModuleRegistryEntry = MenuSpecificRemoteComponent | RemoteBoundaryComponent | RemoteBoundaryComponent<SupportedDirectProps>;
 export type RoutablePageRegistryEntry = {
     component: RemoteBoundaryComponent;
     path: string;
@@ -55,6 +58,8 @@ export type RemoteModuleRegistry = {
     StoreFrontHeader?: ModuleRegistryEntry;
     StoreFrontNavigation?: ModuleRegistryEntry;
     StoreFrontFooter?: ModuleRegistryEntry;
+    /** CSS-in-JS global stylesheet injected at the theme provider level */
+    GlobalStyles?: ModuleRegistryEntry;
     StoreFrontCarouselInterstitials?: ModuleRegistryEntry[];
     StoreFrontHero?: ModuleRegistryEntry;
     ProductDetailsPrimary?: ModuleRegistryEntry;

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

@@ -2,13 +2,16 @@ import type React from 'react';
 import type { MenuContext } from './data';
 import type { Events } from './events';
 import type { CommerceComponentsDataInterface } from './interface';
+import type { ProductCardGridProps, ProductCardListItemProps } from './product-card';
+/** Union of SDK-defined direct prop types that can be passed through the remote boundary. */
+export type SupportedDirectProps = {} | ProductCardGridProps | ProductCardListItemProps;
 export type RemoteBoundaryComponent<P = {}> = React.FC<P> & {
     DataBridgeVersion: string;
 };
 export type MenuSpecificRemoteComponent = {
     [key in MenuContext]?: RemoteBoundaryComponent;
 };
-export type ModuleRegistryEntry = MenuSpecificRemoteComponent | RemoteBoundaryComponent;
+export type ModuleRegistryEntry = MenuSpecificRemoteComponent | RemoteBoundaryComponent | RemoteBoundaryComponent<SupportedDirectProps>;
 export type RoutablePageRegistryEntry = {
     component: RemoteBoundaryComponent;
     path: string;
@@ -55,6 +58,8 @@ export type RemoteModuleRegistry = {
     StoreFrontHeader?: ModuleRegistryEntry;
     StoreFrontNavigation?: ModuleRegistryEntry;
     StoreFrontFooter?: ModuleRegistryEntry;
+    /** CSS-in-JS global stylesheet injected at the theme provider level */
+    GlobalStyles?: ModuleRegistryEntry;
     StoreFrontCarouselInterstitials?: ModuleRegistryEntry[];
     StoreFrontHero?: ModuleRegistryEntry;
     ProductDetailsPrimary?: ModuleRegistryEntry;

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.21.0",
+  "version": "0.23.2",
   "license": "MIT",
   "type": "module",
   "module": "./dist/esm/index.js",
@@ -24,9 +24,7 @@
   ],
   "scripts": {
     "build": "rslib build",
-    "check": "biome check --write",
     "dev": "rslib build --watch",
-    "format": "biome format --write",
     "test": "vitest run"
   },
   "devDependencies": {
@@ -48,6 +46,5 @@
     "react": "^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"
+  }
 }