@kaena1/ecomm-contained-utils 1.0.4 → 1.0.5

package/README.md

@@ -404,44 +404,31 @@ return <Component {...props} />;
 
 ---
 
-### Services
+### Data fetching (server-side)
 
-#### `fetchManifest(manifestUrl: string): Promise<RemoteManifest>`
-
-Fetches and validates a remote component manifest.
-
-**Parameters:**
-
-- `manifestUrl`: `string` - URL to the manifest JSON file
-
-**Returns:** `Promise<RemoteManifest>`
-
-**Usage:**
-
-```typescript
-const manifest = await fetchManifest(
-  'https://assets-qa.mintmobile.com/.../manifest.json',
-);
-```
-
----
-
-#### `getRemoteManifest(manifestUrl): Promise<RemoteManifest>`
+#### `getRemoteManifest(environment, cookieStore): Promise<RemoteManifest>`
 
 Server-side function that fetches the remote component manifest. Encapsulates URL construction (cache-busting timestamp) and the fetch call.
 
 **Parameters:**
 
-- `manifestUrl`: `string` - Base URL to the manifest JSON file (without query params)
+- `environment`: `Environment` - Environment variable value set in the consumer app's repository. Can be `production` or `develop`. Defaults to `production`.
+- `cookieBranch`: `string | undefined` - f-branch can be set as a cookie with the name `cont-comp`. If it's not set or none is provided, it will default to `f-poc-live-update` for develop, and `master` for production.
 
 **Returns:** `Promise<RemoteManifest>`
 
-**Usage:**
+**Usage (NextJS):**
 
 ```typescript
 import { getRemoteManifest } from '@kaena1/ecomm-contained-utils/server';
+import { cookies } from 'next/headers';
 
-const remoteManifest = await getRemoteManifest(process.env.MANIFEST_URL);
+const cookieStore = await cookies();
+const branchCookie = cookieStore.get('cont-comp')?.value;
+const remoteManifest = await getRemoteManifest(
+  process.env.NEXT_PUBLIC_ENVIRONMENT,
+  branchCookie,
+);
 ```
 
 ---
@@ -472,19 +459,6 @@ const mintLayoutProps = await getMintLayoutProps(
 
 ---
 
-#### `mapMintLayoutResponseToProps(NEXT_PUBLIC_SITE_URL, data): MintLayoutProps`
-
-Maps the raw API response to `MintLayoutProps` format. Used internally by `getMintLayoutProps`, but exported for custom usage.
-
-**Parameters:**
-
-- `NEXT_PUBLIC_SITE_URL`: `string` - The public site URL
-- `data`: `MintLayoutPropsAPIResponse` - Raw API response
-
-**Returns:** `MintLayoutProps`
-
----
-
 ## Build & Development
 
 ### Build the Package

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

@@ -1,9 +1,15 @@
 "use server";
-import { fetchManifest as n } from "../../../../services/fetchManifest.js";
-async function s(t) {
-  const e = `${t}?_ts=${Date.now()}`;
-  return n(e);
+import { fetchManifest as t } from "../../../../services/fetchManifest.js";
+import "react";
+import "react-dom";
+import { mapManifestUrl as r } from "../../../mappers/mapManifestUrl.js";
+async function f(e, i) {
+  try {
+    return await t(r(e, i));
+  } catch {
+    return await t(r("production", void 0));
+  }
 }
 export {
-  s as getRemoteManifest
+  f as getRemoteManifest
 };

package/dist/lib/mappers/mapManifestUrl.js

@@ -0,0 +1,21 @@
+const n = "manifest.json", c = "https://assets.mintmobile.com", a = "https://assets-qa.mintmobile.com", p = (t, s) => {
+  const e = r(t), o = m(t, s);
+  return `${e}/contained-components/manifest-poc/${o}/${n}?_ts=${Date.now()}`;
+}, r = (t) => {
+  switch (t) {
+    case "production":
+      return c;
+    case "develop":
+      return a;
+  }
+}, m = (t, s) => {
+  switch (t) {
+    case "production":
+      return s || "master";
+    case "develop":
+      return s || "f-poc-live-update";
+  }
+};
+export {
+  p as mapManifestUrl
+};

package/dist/server.d.ts

@@ -12,31 +12,14 @@ declare interface CountdownbannerProps {
     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;
+declare type Environment = 'develop' | 'production';
 
 export declare function getMintLayoutProps(NEXT_PUBLIC_SITE_URL: string, ECOMM_API_URL: string, ECOMM_API_STANDALONE_DEVICE_CREDS: string): Promise<MintLayoutProps>;
 
-export declare function getRemoteManifest(manifestUrl: string): Promise<RemoteManifest>;
-
-declare interface ImportMapConfig {
-    reactVersion?: string;
-    reactDomVersion?: string;
-}
+export declare function getRemoteManifest(environment: Environment, cookieBranch: string | undefined): Promise<RemoteManifest>;
 
 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;
@@ -60,17 +43,6 @@ declare interface MintLayoutProps {
     slimBannerProps?: Partial<SlimbannerProps>;
 }
 
-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 const RemoteLinks: ({ manifest }: RemoteLinksProps) => JSX.Element;
 
 declare interface RemoteLinksProps {
@@ -117,22 +89,4 @@ 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

@@ -1,17 +1,10 @@
-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";
-import { getRemoteManifest as g } from "./lib/api/server/getRemoteManifest/getRemoteManifest.js";
-import { mapMintLayoutResponseToProps as L } from "./lib/mappers/mapMintLayoutResponseToProps.js";
+import { ImportMapScripts as e } from "./components/ImportMapScripts.js";
+import { RemoteLinks as p } from "./components/RemoteLinks.js";
+import { getMintLayoutProps as f } from "./lib/api/server/getMintLayoutProps/getMintLayoutProps.js";
+import { getRemoteManifest as s } from "./lib/api/server/getRemoteManifest/getRemoteManifest.js";
 export {
-  f as ImportMapScripts,
-  s as RemoteLinks,
-  t as fetchManifest,
-  p as generateImportMap,
-  m as generateImportMapJson,
-  M as getMintLayoutProps,
-  g as getRemoteManifest,
-  L as mapMintLayoutResponseToProps
+  e as ImportMapScripts,
+  p as RemoteLinks,
+  f as getMintLayoutProps,
+  s as getRemoteManifest
 };

package/dist/types.d.ts

@@ -10,6 +10,8 @@ declare interface CountdownbannerProps {
     message: string;
 }
 
+export declare type Environment = 'develop' | 'production';
+
 export declare interface ImportMapConfig {
     reactVersion?: string;
     reactDomVersion?: string;
@@ -38,17 +40,6 @@ export declare interface MintLayoutProps {
     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;
@@ -87,12 +78,12 @@ export declare interface UseRemoteComponentReturn extends RemoteComponentState {
     clearError: () => void;
 }
 
-export declare interface WP_REST_API_Content {
+declare interface WP_REST_API_Content {
     rendered: string;
     raw: string;
 }
 
-export declare interface WP_REST_API_Nav_Menu_Item {
+declare interface WP_REST_API_Nav_Menu_Item {
     id: number;
     title: WP_REST_API_Content;
     status: string;
@@ -114,24 +105,6 @@ export declare interface WP_REST_API_Nav_Menu_Item {
     _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;
-}
+declare type WP_REST_API_Nav_Menu_Items = WP_REST_API_Nav_Menu_Item[];
 
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaena1/ecomm-contained-utils",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Shared utilities for loading remote React components in Mint Mobile microfrontends",
   "type": "module",
   "exports": {