@kaena1/ecomm-contained-utils 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -7,6 +7,13 @@ export declare interface ComponentManifest {
     styleUrl?: string;
 }
 
+declare interface CountdownbannerProps {
+    isEnabled: boolean;
+    startDatetime: Date;
+    endDatetime: Date;
+    message: string;
+}
+
 export declare function fetchManifest(manifestUrl: string): Promise<RemoteManifest>;
 
 /**
@@ -26,6 +33,29 @@ export declare interface ImportMapConfig {
 
 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;
@@ -110,6 +140,11 @@ declare interface RemoteRendererProps {
     errorFallback?: (error: string) => default_2.ReactNode;
 }
 
+declare interface SlimbannerProps {
+    bannerMessage: string;
+    isEnabled: boolean;
+}
+
 export declare function useRemoteComponent(options: UseRemoteComponentOptions): UseRemoteComponentReturn;
 
 export declare interface UseRemoteComponentOptions {
@@ -124,4 +159,33 @@ export declare interface UseRemoteComponentReturn extends RemoteComponentState {
     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/lib/api/server/getMintLayoutProps/getMintLayoutProps.js

@@ -0,0 +1,24 @@
+"use server";
+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`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: "Basic " + Buffer.from(e + ":" + r).toString("base64")
+      },
+      body: JSON.stringify({})
+    }
+  );
+  if (!t.ok)
+    throw new Error(
+      `Failed to fetch mint layout props: ${JSON.stringify(await t.json())}`
+    );
+  const a = await t.json();
+  return i(o, a);
+}
+export {
+  c as getMintLayoutProps
+};

package/dist/lib/mappers/mapMintLayoutResponseToProps.js

@@ -0,0 +1,35 @@
+const p = (n, e) => {
+  const t = r(e.widgets, "countdown"), a = t ? i(e.theme.countdown, t) : void 0, o = r(e.widgets, "slim-banner"), s = o ? m(o) : void 0;
+  return {
+    config: {
+      NEXT_PUBLIC_SITE_URL: n
+    },
+    headerProps: {
+      primaryNav: {
+        left: e.menuItems["primary-navigation-left"],
+        right: e.menuItems["primary-navigation-right"]
+      },
+      className: "mint-header-class"
+    },
+    footerProps: {
+      footerNav: e.menuItems["footer-menu"],
+      subfooterNav: e.menuItems["footer-legal-pages"]
+    },
+    countdownbannerProps: a ?? {},
+    slimBannerProps: s ?? {}
+  };
+}, i = (n, e) => ({
+  isEnabled: n.is_enabled || !1,
+  startDatetime: new Date(n.start_datetime_utc || ""),
+  endDatetime: new Date(n.end_datetime_utc || ""),
+  message: e.rendered || ""
+}), m = (n) => ({
+  bannerMessage: n.rendered || "",
+  isEnabled: !0
+}), r = (n, e) => {
+  var t;
+  return (t = n.find((a) => a.name === e)) == null ? void 0 : t.data;
+};
+export {
+  p as mapMintLayoutResponseToProps
+};

package/dist/server.d.ts

@@ -5,6 +5,13 @@ export declare interface ComponentManifest {
     styleUrl?: string;
 }
 
+declare interface CountdownbannerProps {
+    isEnabled: boolean;
+    startDatetime: Date;
+    endDatetime: Date;
+    message: string;
+}
+
 export declare function fetchManifest(manifestUrl: string): Promise<RemoteManifest>;
 
 /**
@@ -17,6 +24,8 @@ export declare const generateImportMap: (config?: ImportMapConfig) => object;
 
 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 {
     reactVersion?: string;
     reactDomVersion?: string;
@@ -24,6 +33,29 @@ export declare interface ImportMapConfig {
 
 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 interface ModuleLoadOptions {
     bundleUrl: string;
     componentName: string;
@@ -51,6 +83,11 @@ export declare interface RemoteManifest {
     generatedAt: string;
 }
 
+declare interface SlimbannerProps {
+    bannerMessage: string;
+    isEnabled: boolean;
+}
+
 export declare interface UseRemoteComponentOptions {
     manifest: ComponentManifest;
     componentName: string;
@@ -63,4 +100,33 @@ export declare interface UseRemoteComponentReturn extends RemoteComponentState {
     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/server.js

@@ -1,11 +1,13 @@
-import { fetchManifest as o } from "./services/fetchManifest.js";
+import { fetchManifest as t } from "./services/fetchManifest.js";
 import { generateImportMap as p, generateImportMapJson as m } from "./services/ImportMapService.js";
 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";
 export {
   f as ImportMapScripts,
   s as RemoteLinks,
-  o as fetchManifest,
+  t as fetchManifest,
   p as generateImportMap,
-  m as generateImportMapJson
+  m as generateImportMapJson,
+  M as getMintLayoutProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaena1/ecomm-contained-utils",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Shared utilities for loading remote React components in Mint Mobile microfrontends",
   "type": "module",
   "main": "./dist/index.js",