@xapps-platform/marketplace-ui 0.1.2 → 0.1.3

package/dist/index.js

@@ -4010,6 +4010,27 @@ function readPaymentEvidenceParams(search) {
   }
   return out;
 }
+function toSessionExpiredUi(input) {
+  const data = asRecord(input);
+  const reason = readString(data.reason).toLowerCase();
+  const message = readFirstString(data.message);
+  if (reason === "logout") {
+    return {
+      title: "Session ended",
+      message: message || "Your session ended. Go back and open the widget again."
+    };
+  }
+  if (reason === "token_refresh_failed") {
+    return {
+      title: "Widget session expired",
+      message: message || "This widget session expired and could not be renewed. Open it again to continue."
+    };
+  }
+  return {
+    title: "Widget session expired",
+    message: message || "This widget session ended. Go back and open it again to continue."
+  };
+}
 function WidgetView() {
   const { client, host, env } = useMarketplace();
   const { installationId, widgetId } = useParams3();
@@ -4024,6 +4045,7 @@ function WidgetView() {
   const [discoveredOperationalSurfaces, setDiscoveredOperationalSurfaces] = useState8([]);
   const [widgetToken, setWidgetToken] = useState8("");
   const [error, setError] = useState8(null);
+  const [sessionExpired, setSessionExpired] = useState8(null);
   const [hostNestedExpandStage, setHostNestedExpandStage] = useState8("inline");
   const loc = useLocation8();
   const isEmbedded = window.location.pathname.startsWith("/embed");
@@ -4114,6 +4136,7 @@ function WidgetView() {
       try {
         const { token: wToken } = await client.getWidgetToken(installationId, widgetId);
         if (!alive) return;
+        setSessionExpired(null);
         setWidgetToken(wToken);
       } catch (e) {
         if (!alive) return;
@@ -4124,6 +4147,22 @@ function WidgetView() {
       alive = false;
     };
   }, [installationId, widgetId, client]);
+  async function remintWidgetSession() {
+    if (!installationId || !widgetId) {
+      throw new Error("Missing installationId/widgetId for widget refresh");
+    }
+    const refreshed = await client.getWidgetToken(installationId, widgetId);
+    const nextToken = String(refreshed?.token || "").trim();
+    if (!nextToken) {
+      throw new Error("Widget refresh did not return a token");
+    }
+    setSessionExpired(null);
+    setWidgetToken(nextToken);
+    return {
+      token: nextToken,
+      expires_in: Number.isFinite(Number(refreshed?.expires_in)) && Number(refreshed?.expires_in) > 0 ? Number(refreshed?.expires_in) : void 0
+    };
+  }
   useEffect9(() => {
     return () => {
       for (const [, pending] of nestedExpandPendingRef.current) {
@@ -4351,6 +4390,56 @@ function WidgetView() {
         }
         return;
       }
+      if (msgType === "XAPPS_TOKEN_REFRESH_REQUEST" && e.source === iframeRef.current?.contentWindow) {
+        void (async () => {
+          try {
+            const refreshed = await remintWidgetSession();
+            try {
+              e.source?.postMessage(
+                {
+                  type: "XAPPS_TOKEN_REFRESH",
+                  id: readString(msg.id) || void 0,
+                  data: {
+                    token: refreshed.token,
+                    ...typeof refreshed.expires_in === "number" ? { expires_in: refreshed.expires_in } : {}
+                  }
+                },
+                "*"
+              );
+            } catch {
+            }
+          } catch (refreshError) {
+            const sessionExpiredUi = toSessionExpiredUi({
+              reason: "token_refresh_failed",
+              message: readFirstString(asRecord(refreshError).message) || "Widget session refresh failed"
+            });
+            setSessionExpired(sessionExpiredUi);
+            setWidgetToken("");
+            try {
+              e.source?.postMessage(
+                {
+                  type: "XAPPS_SESSION_EXPIRED",
+                  id: readString(msg.id) || void 0,
+                  data: {
+                    reason: "token_refresh_failed",
+                    channel: "host",
+                    recoverable: false,
+                    message: sessionExpiredUi.message
+                  }
+                },
+                "*"
+              );
+            } catch {
+            }
+          }
+        })();
+        return;
+      }
+      if (msgType === "XAPPS_SESSION_EXPIRED") {
+        setSessionExpired(toSessionExpiredUi(msg.data));
+        setWidgetToken("");
+        return;
+      }
       if (msgType === "XAPPS_OPEN_WIDGET") {
         if (e.source === window) return;
         const data = asRecord(msg.data);
@@ -4451,6 +4540,27 @@ function WidgetView() {
       ] })
     ] });
   }
+  if (sessionExpired) {
+    return /* @__PURE__ */ jsxs11("div", { className: `mx-catalog-container ${isEmbedded ? "is-embedded" : ""}`, children: [
+      /* @__PURE__ */ jsxs11("div", { className: "mx-breadcrumb", children: [
+        /* @__PURE__ */ jsx13("button", { className: "mx-breadcrumb-link-btn", onClick: onBackToPortal, children: "Portal" }),
+        !env?.singleXappMode && /* @__PURE__ */ jsxs11(Fragment8, { children: [
+          /* @__PURE__ */ jsx13("span", { className: "mx-breadcrumb-sep", children: "/" }),
+          /* @__PURE__ */ jsx13(Link10, { to: marketplaceTo, children: "Marketplace" })
+        ] }),
+        /* @__PURE__ */ jsx13("span", { className: "mx-breadcrumb-sep", children: "/" }),
+        /* @__PURE__ */ jsx13("span", { children: "Session" })
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "mx-widget-error", children: [
+        /* @__PURE__ */ jsx13("div", { className: "mx-widget-error-title", children: sessionExpired.title }),
+        /* @__PURE__ */ jsx13("div", { className: "mx-widget-error-desc", children: sessionExpired.message }),
+        /* @__PURE__ */ jsxs11("div", { className: "mx-widget-error-actions", children: [
+          /* @__PURE__ */ jsx13(Link10, { to: marketplaceTo, className: "mx-btn mx-btn-outline", children: "Back to Marketplace" }),
+          /* @__PURE__ */ jsx13("button", { className: "mx-btn mx-btn-ghost", onClick: onBackToPortal, children: "Back to Portal" })
+        ] })
+      ] })
+    ] });
+  }
   if (!widgetToken) {
     return /* @__PURE__ */ jsxs11("div", { className: `mx-catalog-container ${isEmbedded ? "is-embedded" : ""}`, children: [
       /* @__PURE__ */ jsxs11("div", { className: "mx-breadcrumb", children: [