@kaena1/ecomm-contained-utils 1.0.1 → 1.0.3

package/dist/lib/api/server/getMintLayoutProps/getMintLayoutProps.js

@@ -2,7 +2,7 @@
 import { mapMintLayoutResponseToProps as i } from "../../../mappers/mapMintLayoutResponseToProps.js";
 async function c(o, n, s) {
   const [e, r] = s.split("|"), t = await fetch(
-    `${n}mint/components/mintLayout/v1`,
+    `${n}/mint/components/mintLayout/v1`,
     {
       method: "POST",
       headers: {

package/dist/server.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 
-export declare interface ComponentManifest {
+declare interface ComponentManifest {
     bundleUrl: string;
     styleUrl?: string;
 }
@@ -26,13 +26,15 @@ export declare const generateImportMapJson: (config?: ImportMapConfig) => string
 
 export declare function getMintLayoutProps(NEXT_PUBLIC_SITE_URL: string, ECOMM_API_URL: string, ECOMM_API_STANDALONE_DEVICE_CREDS: string): Promise<MintLayoutProps>;
 
-export declare interface ImportMapConfig {
+declare interface ImportMapConfig {
     reactVersion?: string;
     reactDomVersion?: string;
 }
 
 export declare const ImportMapScripts: () => JSX.Element;
 
+export declare const mapMintLayoutResponseToProps: (NEXT_PUBLIC_SITE_URL: string, data: MintLayoutPropsAPIResponse) => MintLayoutProps;
+
 declare interface MintFooterProps {
     footerNav: WP_REST_API_Nav_Menu_Items;
     subfooterNav: WP_REST_API_Nav_Menu_Items;
@@ -46,7 +48,7 @@ declare interface MintHeaderProps {
     className?: string;
 }
 
-export declare interface MintLayoutProps {
+declare interface MintLayoutProps {
     config: {
         NEXT_PUBLIC_SITE_URL: string;
     };
@@ -56,28 +58,24 @@ export declare interface MintLayoutProps {
     slimBannerProps?: Partial<SlimbannerProps>;
 }
 
-export declare interface ModuleLoadOptions {
-    bundleUrl: string;
-    componentName: string;
-}
-
-export declare interface RemoteComponentState {
-    component: RemoteComponentType | null;
-    manifest: ComponentManifest | null;
-    loading: boolean;
-    error: string | null;
-    loaded: boolean;
+declare interface MintLayoutPropsAPIResponse {
+    theme: WP_REST_API_Theme;
+    widgets: WP_REST_API_Widget[];
+    menuItems: {
+        'primary-navigation-left': WP_REST_API_Nav_Menu_Items;
+        'primary-navigation-right': WP_REST_API_Nav_Menu_Items;
+        'footer-menu': WP_REST_API_Nav_Menu_Items;
+        'footer-legal-pages': WP_REST_API_Nav_Menu_Items;
+    };
 }
 
-export declare type RemoteComponentType = React.ComponentType<any>;
-
 export declare const RemoteLinks: ({ manifest }: RemoteLinksProps) => JSX.Element;
 
 declare interface RemoteLinksProps {
     manifest: ComponentManifest;
 }
 
-export declare interface RemoteManifest {
+declare interface RemoteManifest {
     components: Record<string, ComponentManifest>;
     version: string;
     generatedAt: string;
@@ -88,18 +86,6 @@ declare interface SlimbannerProps {
     isEnabled: boolean;
 }
 
-export declare interface UseRemoteComponentOptions {
-    manifest: ComponentManifest;
-    componentName: string;
-    autoLoad?: boolean;
-}
-
-export declare interface UseRemoteComponentReturn extends RemoteComponentState {
-    loadComponent: () => Promise<void>;
-    reload: () => Promise<void>;
-    clearError: () => void;
-}
-
 declare interface WP_REST_API_Content {
     rendered: string;
     raw: string;
@@ -129,4 +115,22 @@ declare interface WP_REST_API_Nav_Menu_Item {
 
 declare type WP_REST_API_Nav_Menu_Items = WP_REST_API_Nav_Menu_Item[];
 
+declare interface WP_REST_API_Theme {
+    countdown: {
+        is_enabled: boolean;
+        start_datetime: string;
+        start_timezone: string;
+        end_datetime: string;
+        end_timezone: string;
+        start_datetime_utc: string;
+        end_datetime_utc: string;
+        is_server_now_between: boolean;
+    };
+}
+
+declare interface WP_REST_API_Widget {
+    name: string;
+    data: WP_REST_API_Content;
+}
+
 export { }

package/dist/server.js

@@ -3,11 +3,13 @@ import { generateImportMap as p, generateImportMapJson as m } from "./services/I
 import { ImportMapScripts as f } from "./components/ImportMapScripts.js";
 import { RemoteLinks as s } from "./components/RemoteLinks.js";
 import { getMintLayoutProps as M } from "./lib/api/server/getMintLayoutProps/getMintLayoutProps.js";
+import { mapMintLayoutResponseToProps as g } from "./lib/mappers/mapMintLayoutResponseToProps.js";
 export {
   f as ImportMapScripts,
   s as RemoteLinks,
   t as fetchManifest,
   p as generateImportMap,
   m as generateImportMapJson,
-  M as getMintLayoutProps
+  M as getMintLayoutProps,
+  g as mapMintLayoutResponseToProps
 };

package/dist/types.d.ts

@@ -0,0 +1,137 @@
+export declare interface ComponentManifest {
+    bundleUrl: string;
+    styleUrl?: string;
+}
+
+declare interface CountdownbannerProps {
+    isEnabled: boolean;
+    startDatetime: Date;
+    endDatetime: Date;
+    message: string;
+}
+
+export declare interface ImportMapConfig {
+    reactVersion?: string;
+    reactDomVersion?: string;
+}
+
+declare interface MintFooterProps {
+    footerNav: WP_REST_API_Nav_Menu_Items;
+    subfooterNav: WP_REST_API_Nav_Menu_Items;
+}
+
+declare interface MintHeaderProps {
+    primaryNav: {
+        left: WP_REST_API_Nav_Menu_Items;
+        right: WP_REST_API_Nav_Menu_Items;
+    };
+    className?: string;
+}
+
+export declare interface MintLayoutProps {
+    config: {
+        NEXT_PUBLIC_SITE_URL: string;
+    };
+    headerProps?: MintHeaderProps;
+    footerProps?: MintFooterProps;
+    countdownbannerProps?: Partial<CountdownbannerProps>;
+    slimBannerProps?: Partial<SlimbannerProps>;
+}
+
+export declare interface MintLayoutPropsAPIResponse {
+    theme: WP_REST_API_Theme;
+    widgets: WP_REST_API_Widget[];
+    menuItems: {
+        'primary-navigation-left': WP_REST_API_Nav_Menu_Items;
+        'primary-navigation-right': WP_REST_API_Nav_Menu_Items;
+        'footer-menu': WP_REST_API_Nav_Menu_Items;
+        'footer-legal-pages': WP_REST_API_Nav_Menu_Items;
+    };
+}
+
+export declare interface ModuleLoadOptions {
+    bundleUrl: string;
+    componentName: string;
+}
+
+export declare interface RemoteComponentState {
+    component: RemoteComponentType | null;
+    manifest: ComponentManifest | null;
+    loading: boolean;
+    error: string | null;
+    loaded: boolean;
+}
+
+export declare type RemoteComponentType = React.ComponentType<any>;
+
+export declare interface RemoteManifest {
+    components: Record<string, ComponentManifest>;
+    version: string;
+    generatedAt: string;
+}
+
+declare interface SlimbannerProps {
+    bannerMessage: string;
+    isEnabled: boolean;
+}
+
+export declare interface UseRemoteComponentOptions {
+    manifest: ComponentManifest;
+    componentName: string;
+    autoLoad?: boolean;
+}
+
+export declare interface UseRemoteComponentReturn extends RemoteComponentState {
+    loadComponent: () => Promise<void>;
+    reload: () => Promise<void>;
+    clearError: () => void;
+}
+
+export declare interface WP_REST_API_Content {
+    rendered: string;
+    raw: string;
+}
+
+export declare interface WP_REST_API_Nav_Menu_Item {
+    id: number;
+    title: WP_REST_API_Content;
+    status: string;
+    url: string;
+    attr_title: string;
+    description: string;
+    type: string;
+    type_label: string;
+    object: string;
+    object_id: number;
+    parent: number;
+    menu_order: number;
+    target: string;
+    classes: string[];
+    xfn: string[];
+    invalid: boolean;
+    meta: Record<string, string>;
+    menus: number;
+    _links: Record<string, []>;
+}
+
+export declare type WP_REST_API_Nav_Menu_Items = WP_REST_API_Nav_Menu_Item[];
+
+export declare interface WP_REST_API_Theme {
+    countdown: {
+        is_enabled: boolean;
+        start_datetime: string;
+        start_timezone: string;
+        end_datetime: string;
+        end_timezone: string;
+        start_datetime_utc: string;
+        end_datetime_utc: string;
+        is_server_now_between: boolean;
+    };
+}
+
+export declare interface WP_REST_API_Widget {
+    name: string;
+    data: WP_REST_API_Content;
+}
+
+export { }

package/dist/types.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,16 +1,9 @@
 {
   "name": "@kaena1/ecomm-contained-utils",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Shared utilities for loading remote React components in Mint Mobile microfrontends",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
     "./server": {
       "types": "./dist/server.d.ts",
       "import": "./dist/server.js"
@@ -18,6 +11,10 @@
     "./client": {
       "types": "./dist/client.d.ts",
       "import": "./dist/client.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.js"
     }
   },
   "files": [

package/dist/index.d.ts

@@ -1,191 +0,0 @@
-/// <reference types="react" />
-
-import { default as default_2 } from 'react';
-
-export declare interface ComponentManifest {
-    bundleUrl: string;
-    styleUrl?: string;
-}
-
-declare interface CountdownbannerProps {
-    isEnabled: boolean;
-    startDatetime: Date;
-    endDatetime: Date;
-    message: string;
-}
-
-export declare function fetchManifest(manifestUrl: string): Promise<RemoteManifest>;
-
-/**
- * Generate complete import map object for remote components
- *
- * @param config - Optional configuration to override default settings
- * @returns Import map object ready for browser consumption
- */
-export declare const generateImportMap: (config?: ImportMapConfig) => object;
-
-export declare const generateImportMapJson: (config?: ImportMapConfig) => string;
-
-export declare interface ImportMapConfig {
-    reactVersion?: string;
-    reactDomVersion?: string;
-}
-
-export declare const ImportMapScripts: () => JSX.Element;
-
-declare interface MintFooterProps {
-    footerNav: WP_REST_API_Nav_Menu_Items;
-    subfooterNav: WP_REST_API_Nav_Menu_Items;
-}
-
-declare interface MintHeaderProps {
-    primaryNav: {
-        left: WP_REST_API_Nav_Menu_Items;
-        right: WP_REST_API_Nav_Menu_Items;
-    };
-    className?: string;
-}
-
-export declare interface MintLayoutProps {
-    config: {
-        NEXT_PUBLIC_SITE_URL: string;
-    };
-    headerProps?: MintHeaderProps;
-    footerProps?: MintFooterProps;
-    countdownbannerProps?: Partial<CountdownbannerProps>;
-    slimBannerProps?: Partial<SlimbannerProps>;
-}
-
-export declare class ModuleLoader {
-    private loadedModules;
-    private importMapInjected;
-    private prepareGlobalDependencies;
-    /**
-     * Ensure import map is injected before loading any modules
-     * Import maps MUST be added before any module scripts
-     */
-    private ensureImportMap;
-    /**
-     * Load remote React component from ES module URL
-     *
-     * @param options - Configuration object with bundleUrl and componentName
-     * @returns Promise that resolves to the loaded React component
-     * @throws Error if component loading fails or times out (10s)
-     */
-    loadComponent(options: ModuleLoadOptions): Promise<RemoteComponentType>;
-    /**
-     * Load ES module from external URL using dynamic script injection
-     * This bypasses Webpack's module resolution and works with import maps
-     */
-    private loadModuleViaScript;
-    /**
-     * Preload a module without extracting components
-     * Useful for warming up cache
-     *
-     * @param bundleUrl - URL of the module to preload
-     */
-    preloadModule(bundleUrl: string): Promise<void>;
-    /**
-     * Check if a module has already been loaded
-     *
-     * @param bundleUrl - URL of the module to check
-     * @returns true if module is already loaded, false otherwise
-     */
-    isLoaded(bundleUrl: string): boolean;
-    /**
-     * Clear all loaded modules from cache
-     * Useful for development/testing
-     */
-    clearCache(): void;
-}
-
-export declare const moduleLoader: ModuleLoader;
-
-export declare interface ModuleLoadOptions {
-    bundleUrl: string;
-    componentName: string;
-}
-
-export declare interface RemoteComponentState {
-    component: RemoteComponentType | null;
-    manifest: ComponentManifest | null;
-    loading: boolean;
-    error: string | null;
-    loaded: boolean;
-}
-
-export declare type RemoteComponentType = React.ComponentType<any>;
-
-export declare const RemoteLinks: ({ manifest }: RemoteLinksProps) => JSX.Element;
-
-declare interface RemoteLinksProps {
-    manifest: ComponentManifest;
-}
-
-export declare interface RemoteManifest {
-    components: Record<string, ComponentManifest>;
-    version: string;
-    generatedAt: string;
-}
-
-export declare const RemoteRenderer: default_2.FC<RemoteRendererProps>;
-
-declare interface RemoteRendererProps {
-    manifest: ComponentManifest;
-    componentName: string;
-    componentProps?: any;
-    autoLoad?: boolean;
-    placeholder?: default_2.ReactNode;
-    children?: default_2.ReactNode;
-    errorFallback?: (error: string) => default_2.ReactNode;
-}
-
-declare interface SlimbannerProps {
-    bannerMessage: string;
-    isEnabled: boolean;
-}
-
-export declare function useRemoteComponent(options: UseRemoteComponentOptions): UseRemoteComponentReturn;
-
-export declare interface UseRemoteComponentOptions {
-    manifest: ComponentManifest;
-    componentName: string;
-    autoLoad?: boolean;
-}
-
-export declare interface UseRemoteComponentReturn extends RemoteComponentState {
-    loadComponent: () => Promise<void>;
-    reload: () => Promise<void>;
-    clearError: () => void;
-}
-
-declare interface WP_REST_API_Content {
-    rendered: string;
-    raw: string;
-}
-
-declare interface WP_REST_API_Nav_Menu_Item {
-    id: number;
-    title: WP_REST_API_Content;
-    status: string;
-    url: string;
-    attr_title: string;
-    description: string;
-    type: string;
-    type_label: string;
-    object: string;
-    object_id: number;
-    parent: number;
-    menu_order: number;
-    target: string;
-    classes: string[];
-    xfn: string[];
-    invalid: boolean;
-    meta: Record<string, string>;
-    menus: number;
-    _links: Record<string, []>;
-}
-
-declare type WP_REST_API_Nav_Menu_Items = WP_REST_API_Nav_Menu_Item[];
-
-export { }

package/dist/index.js

@@ -1,18 +0,0 @@
-import { fetchManifest as r } from "./services/fetchManifest.js";
-import { ModuleLoader as m, moduleLoader as p } from "./services/moduleLoader.js";
-import { generateImportMap as a, generateImportMapJson as n } from "./services/ImportMapService.js";
-import { useRemoteComponent as d } from "./hooks/useRemoteComponent.js";
-import { RemoteRenderer as M } from "./components/RemoteRenderer.js";
-import { RemoteLinks as i } from "./components/RemoteLinks.js";
-import { ImportMapScripts as I } from "./components/ImportMapScripts.js";
-export {
-  I as ImportMapScripts,
-  m as ModuleLoader,
-  i as RemoteLinks,
-  M as RemoteRenderer,
-  r as fetchManifest,
-  a as generateImportMap,
-  n as generateImportMapJson,
-  p as moduleLoader,
-  d as useRemoteComponent
-};