pxengine 0.1.64 → 0.1.66

package/dist/index.cjs

@@ -39164,25 +39164,48 @@ var import_react_dom2 = __toESM(require("react-dom"), 1);
 var import_framer_motion5 = require("framer-motion");
 
 // src/molecules/creator-discovery/CreatorWidget/defaultFetchers.ts
+function getBackendOrigin2() {
+  if (typeof window === "undefined") return null;
+  return window.__NEXT_DATA__?.runtimeConfig?.NEXT_PUBLIC_AGENT_BACKEND ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_AGENT_BACKEND : void 0) ?? null;
+}
+function getAuthToken2() {
+  if (typeof document === "undefined") return null;
+  for (const name of ["adminTokenBuilder", "adminToken", "token"]) {
+    const match2 = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
+    if (match2?.[1]) return match2[1];
+  }
+  return null;
+}
+function buildHeaders2(includeJson = false) {
+  const headers = {};
+  if (includeJson) headers["Content-Type"] = "application/json";
+  if (getBackendOrigin2()) {
+    const token = getAuthToken2();
+    if (token) headers["Authorization"] = `Bearer ${token}`;
+  }
+  return headers;
+}
 async function defaultFetchVersions(params) {
+  const backend = getBackendOrigin2();
   const versionParam = params.version ? `&version=${params.version}` : "";
-  const res = await fetch(
-    `/api/get-creator-versions?sessionId=${params.sessionId}${versionParam}&validated=${params.validated}`
-  );
+  const url = backend ? `${backend}/api/creators/versions?sessionId=${params.sessionId}${versionParam}&validated=${params.validated}` : `/api/get-creator-versions?sessionId=${params.sessionId}${versionParam}&validated=${params.validated}`;
+  const res = await fetch(url, { headers: buildHeaders2() });
   if (!res.ok) throw new Error(`HTTP ${res.status}`);
   return res.json();
 }
 async function defaultFetchStatus(params) {
-  const res = await fetch(
-    `/api/get-creator-detail-status?session_id=${params.sessionId}&version_no=${params.versionNo}`
-  );
+  const backend = getBackendOrigin2();
+  const url = backend ? `${backend}/api/creators/version-status?session_id=${params.sessionId}&version_no=${params.versionNo}` : `/api/get-creator-detail-status?session_id=${params.sessionId}&version_no=${params.versionNo}`;
+  const res = await fetch(url, { headers: buildHeaders2() });
   if (!res.ok) throw new Error(`HTTP ${res.status}`);
   return res.json();
 }
 async function defaultFetchCreatorDetails(params) {
-  const res = await fetch("/api/get-creator-details-by-id", {
+  const backend = getBackendOrigin2();
+  const url = backend ? `${backend}/api/creators/details-by-id` : `/api/get-creator-details-by-id`;
+  const res = await fetch(url, {
     method: "POST",
-    headers: { "Content-Type": "application/json" },
+    headers: buildHeaders2(true),
     body: JSON.stringify({
       creator_ids: params.creatorIds,
       session_id: params.sessionId,
@@ -40749,6 +40772,37 @@ function CreatorDisplay({
     ] })
   ] });
 }
+function CreatorCardSkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "bg-paperBackground rounded-[25px] py-5 pl-7 pr-7 border-2 border-gray300 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col gap-4 sm:grid sm:grid-cols-[1.3fr_1fr_2fr_120px] gap-8 items-start w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-start gap-1 md:gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "w-[5rem] h-[5rem] rounded-[10px] bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-5 w-36 rounded bg-gray200 animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-24 rounded bg-gray200 animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-32 rounded bg-gray200 animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-44 rounded bg-gray200 animate-pulse" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "space-y-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-32 rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-28 rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-24 rounded bg-gray200 animate-pulse" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "space-y-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-40 rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-full rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-[90%] rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-[75%] rounded bg-gray200 animate-pulse" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "hidden md:flex flex-col items-center justify-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-6 w-16 rounded bg-gray200 animate-pulse" }),
+      /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-20 rounded bg-gray200 animate-pulse" })
+    ] })
+  ] }) });
+}
+function CreatorDisplaySkeleton() {
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "px-4 py-4 space-y-4", children: Array.from({ length: 3 }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorCardSkeleton, {}, idx)) });
+}
 function CreatorExpandedPanel({
   isOpen,
   onClose,
@@ -40816,10 +40870,7 @@ function CreatorExpandedPanel({
               ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "border-b border-gray300" }),
-            loading ? /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "w-8 h-8 border-3 border-purple100 border-t-transparent rounded-full animate-spin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-sm text-gray600", children: "Fetching Creators" })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplay, { creators, isValidationComplete: version !== void 0 })
+            loading ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplaySkeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplay, { creators, isValidationComplete: version !== void 0 })
           ] })
         },
         "creator-panel"