@xapps-platform/marketplace-ui 0.1.4 → 0.1.5

package/dist/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,aAAa,EAAW,MAAM,+BAA+B,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuiBvC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMtF;AAED,wBAAgB,kBAAkB;;;;;;;EAEjC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAe3F"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,aAAa,EAAW,MAAM,+BAA+B,CAAC;AAC1F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAuiBvC,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMtF;AAED,wBAAgB,kBAAkB;;;;;;;EAEjC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAmC3F"}

package/dist/index.js

@@ -625,17 +625,37 @@ function useMarketplaceI18n() {
   return useI18n();
 }
 function resolveMarketplaceText(value, locale) {
-  if (typeof value === "string") return value;
-  if (!value || typeof value !== "object" || Array.isArray(value)) return "";
+  let candidateValue = value;
+  if (typeof candidateValue === "string") {
+    const trimmed = candidateValue.trim();
+    if (!trimmed) return "";
+    if (trimmed.startsWith("{")) {
+      try {
+        const parsed = JSON.parse(trimmed);
+        if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+          candidateValue = parsed;
+        } else {
+          return trimmed;
+        }
+      } catch {
+        return trimmed;
+      }
+    } else {
+      return trimmed;
+    }
+  }
+  if (!candidateValue || typeof candidateValue !== "object" || Array.isArray(candidateValue)) {
+    return "";
+  }
   const currentLocale = String(locale || "en").trim() || "en";
-  const direct = value[currentLocale];
+  const direct = candidateValue[currentLocale];
   if (typeof direct === "string" && direct.trim()) return direct;
   const base = currentLocale.split("-")[0];
-  const baseValue = value[base];
+  const baseValue = candidateValue[base];
   if (typeof baseValue === "string" && baseValue.trim()) return baseValue;
-  const english = value.en;
+  const english = candidateValue.en;
   if (typeof english === "string" && english.trim()) return english;
-  for (const localized of Object.values(value)) {
+  for (const localized of Object.values(candidateValue)) {
     if (typeof localized === "string" && localized.trim()) return localized;
   }
   return "";
@@ -981,10 +1001,22 @@ function CatalogPage() {
         if (!Array.isArray(tags) || !tags.includes(selectedTag)) return false;
       }
       if (!qq) return true;
-      const hay = `${x.manifest?.title ?? x.name} ${x.manifest?.description ?? x.description ?? ""} ${x.slug}`.toLowerCase();
+      const manifest = asRecord(x.manifest);
+      const title = resolveMarketplaceText(manifest.title, locale) || readFirstString(x.name);
+      const description = resolveMarketplaceText(manifest.description, locale) || readFirstString(x.description);
+      const hay = `${title} ${description} ${x.slug}`.toLowerCase();
       return hay.includes(qq);
     });
-  }, [items, installationsByXappId, installedOnly, q, selectedTag, env?.tags, env?.publishers]);
+  }, [
+    env?.publishers,
+    env?.tags,
+    installationsByXappId,
+    installedOnly,
+    items,
+    locale,
+    q,
+    selectedTag
+  ]);
   return /* @__PURE__ */ jsxs3("div", { className: `mx-catalog-container ${isEmbedded ? "is-embedded" : ""}`, children: [
     /* @__PURE__ */ jsxs3("header", { className: "mx-header", children: [
       /* @__PURE__ */ jsx6("h1", { className: "mx-title", children: env?.title ?? t("common.marketplace", void 0, "Marketplace") }),
@@ -2730,7 +2762,7 @@ function useQuery4() {
 }
 function RequestDetailPage() {
   const { client, host, env } = useMarketplace();
-  const { t } = useMarketplaceI18n();
+  const { t, locale } = useMarketplaceI18n();
   const { id } = useParams();
   const token = useQueryToken5();
   const query = useQuery4();
@@ -2747,10 +2779,11 @@ function RequestDetailPage() {
   const dataRecord = asRecord(data);
   const requestRecord = asRecord(dataRecord.request);
   const toolRecord = asRecord(dataRecord.tool);
+  const manifestRecord = asRecord(dataRecord.manifest);
   const status = readFirstString(requestRecord.status) || void 0;
   const isTerminal = status === "COMPLETED" || status === "FAILED";
   const effectiveXappId = readFirstString(requestRecord.xapp_id, xappIdFilter);
-  const effectiveXappTitle = readFirstString(requestRecord.xapp_name);
+  const effectiveXappTitle = resolveMarketplaceText(manifestRecord.title, locale) || readFirstString(requestRecord.xapp_name);
   const xappCrumbLabel = effectiveXappTitle || effectiveXappId;
   const isEmbedded = typeof window !== "undefined" && window.location.pathname.startsWith("/embed");
   const marketplaceTo = {
@@ -2842,7 +2875,7 @@ function RequestDetailPage() {
     };
   }, [id]);
   const emptyState = error === "Subject required" || error === "Session token required";
-  const title = readFirstString(toolRecord.title, requestRecord.tool_name) || t("activity.request_detail_title", void 0, "Request Details");
+  const title = resolveMarketplaceText(toolRecord.title, locale) || readFirstString(requestRecord.tool_name) || t("activity.request_detail_title", void 0, "Request Details");
   const artifacts = Array.isArray(dataRecord.artifacts) ? dataRecord.artifacts : [];
   function attachArtifactLinks(value, arts) {
     if (typeof value === "string") {
@@ -3109,7 +3142,7 @@ function RequestDetailPage() {
             /* @__PURE__ */ jsxs8("div", { children: [
               /* @__PURE__ */ jsx12("h2", { className: "mx-title mx-request-section-title", children: title }),
               /* @__PURE__ */ jsxs8("div", { className: "mx-request-meta-row", children: [
-                /* @__PURE__ */ jsx12("span", { children: readString(requestRecord.xapp_name) }),
+                /* @__PURE__ */ jsx12("span", { children: effectiveXappTitle || "\u2014" }),
                 readString(requestRecord.xapp_version) && /* @__PURE__ */ jsxs8(Fragment5, { children: [
                   /* @__PURE__ */ jsx12("span", { children: "\xB7" }),
                   /* @__PURE__ */ jsxs8("span", { children: [
@@ -3128,7 +3161,7 @@ function RequestDetailPage() {
             ] }),
             /* @__PURE__ */ jsxs8("div", { className: "mx-meta-item", children: [
               /* @__PURE__ */ jsx12("span", { className: "mx-meta-label", children: t("common.tool", void 0, "Tool") }),
-              /* @__PURE__ */ jsx12("span", { className: "mx-meta-value", children: readFirstString(requestRecord.tool_name) || "\u2014" })
+              /* @__PURE__ */ jsx12("span", { className: "mx-meta-value", children: title || readFirstString(requestRecord.tool_name) || "\u2014" })
             ] }),
             /* @__PURE__ */ jsxs8("div", { className: "mx-meta-item", children: [
               /* @__PURE__ */ jsx12("span", { className: "mx-meta-label", children: t("common.created", void 0, "Created") }),
@@ -3422,7 +3455,7 @@ function RequestDetailPage() {
                 onClick: () => {
                   const installationId = readFirstString(requestRecord.installation_id);
                   const widgetId = readFirstString(widget.id);
-                  const widgetName = readFirstString(widget.title, widget.widget_name) || t("common.widget", void 0, "Widget");
+                  const widgetName = resolveMarketplaceText(widget.title, locale) || readFirstString(widget.widget_name) || t("common.widget", void 0, "Widget");
                   if (!installationId || !widgetId) return;
                   if (env?.embedMode) {
                     navigate({
@@ -3435,7 +3468,7 @@ function RequestDetailPage() {
                     installationId,
                     widgetId,
                     xappId: readString(requestRecord.xapp_id),
-                    xappTitle: readString(requestRecord.xapp_name),
+                    xappTitle: effectiveXappTitle,
                     widgetName,
                     toolName: readString(requestRecord.tool_name)
                   });
@@ -3443,9 +3476,9 @@ function RequestDetailPage() {
                 children: t(
                   "activity.open_widget",
                   {
-                    widget: readFirstString(widget.title, widget.widget_name) || t("common.widget", void 0, "Widget")
+                    widget: resolveMarketplaceText(widget.title, locale) || readFirstString(widget.widget_name) || t("common.widget", void 0, "Widget")
                   },
-                  `Open ${readFirstString(widget.title, widget.widget_name) || t("common.widget", void 0, "Widget")}`
+                  `Open ${resolveMarketplaceText(widget.title, locale) || readFirstString(widget.widget_name) || t("common.widget", void 0, "Widget")}`
                 )
               },
               readFirstString(widget.id)
@@ -3706,7 +3739,7 @@ function RequestsPage() {
             "..."
           ] }) }),
           /* @__PURE__ */ jsxs9("td", { "data-label": t("common.tool", void 0, "Tool"), children: [
-            /* @__PURE__ */ jsx13("div", { className: "mx-cell-bold", children: readFirstString(request.tool_name) || "\u2014" }),
+            /* @__PURE__ */ jsx13("div", { className: "mx-cell-bold", children: resolveMarketplaceText(request.tool_title, locale) || readFirstString(request.tool_name) || "\u2014" }),
             tags.length > 0 && /* @__PURE__ */ jsx13("div", { className: "mx-card-tags mx-card-tags-inline", children: tags.slice(0, 3).map((t2) => /* @__PURE__ */ jsx13("span", { className: "mx-tag mx-tag-compact", children: t2 }, t2)) }),
             hasGuardInfo && /* @__PURE__ */ jsxs9("div", { className: "mx-guard-summary", children: [
               /* @__PURE__ */ jsxs9("div", { children: [
@@ -4127,7 +4160,7 @@ function XappDetailPage() {
   };
   const terms = asRecord4(manifest?.terms);
   const termsTitle = resolveMarketplaceText(terms?.title, locale) || t("xapp.terms_title", void 0, "Terms & Conditions");
-  const termsText = readString4(terms?.text);
+  const termsText = resolveMarketplaceText(terms?.text, locale) || readString4(terms?.text);
   const termsUrl = readString4(terms?.url);
   const hasTermsContent = Boolean(termsText || termsUrl);
   const requiresTerms = Boolean(terms || action === "install" || action === "update");
@@ -4164,7 +4197,7 @@ function XappDetailPage() {
       widgetId,
       xappId: String(xappId ?? ""),
       xappTitle: String(title),
-      widgetName: readString4(widget?.title) || readString4(widget?.widget_name) || readString4(widget?.name) || t("common.widget", void 0, "Widget"),
+      widgetName: resolveMarketplaceText(widget?.title, locale) || readString4(widget?.widget_name) || readString4(widget?.name) || t("common.widget", void 0, "Widget"),
       toolName: readString4(widget?.bind_tool_name)
     });
   }, [
@@ -4172,6 +4205,7 @@ function XappDetailPage() {
     env?.embedMode,
     host,
     installation,
+    locale,
     queryToolName,
     requestedWidget,
     title,
@@ -4421,7 +4455,7 @@ function XappDetailPage() {
               void 0,
               "No app views are currently available."
             ) }) : /* @__PURE__ */ jsx14("div", { className: "mx-detail-widget-list", children: widgets.map((w, idx) => {
-              const name = readString4(w.title) || readString4(w.widget_name) || readString4(w.name) || readString4(w.id) || t("common.widget", void 0, "Widget");
+              const name = resolveMarketplaceText(w.title, locale) || readString4(w.widget_name) || readString4(w.name) || readString4(w.id) || t("common.widget", void 0, "Widget");
               const disabled = !widgetsEnabled;
               const isDefault = readBoolean(w.default, false) || idx === 0 && !widgets.some((ww) => readBoolean(ww.default, false));
               const widgetType = String(w.type || "").toLowerCase();
@@ -4776,7 +4810,7 @@ function XappDetailPage() {
                   widgetId: readString4(defaultWidget.id),
                   xappId: String(xappId ?? ""),
                   xappTitle: String(title),
-                  widgetName: readString4(defaultWidget?.title) || readString4(defaultWidget?.widget_name) || readString4(defaultWidget?.name) || t("common.widget", void 0, "Widget"),
+                  widgetName: resolveMarketplaceText(defaultWidget?.title, locale) || readString4(defaultWidget?.widget_name) || readString4(defaultWidget?.name) || t("common.widget", void 0, "Widget"),
                   toolName: readString4(defaultWidget?.bind_tool_name)
                 });
               },
@@ -5085,7 +5119,7 @@ function toSessionExpiredUi(input, t) {
 }
 function WidgetView() {
   const { client, host, env } = useMarketplace();
-  const { t } = useMarketplaceI18n();
+  const { t, locale } = useMarketplaceI18n();
   const { installationId, widgetId } = useParams3();
   const token = useQueryToken8();
   const iframeRef = useRef2(null);
@@ -5146,7 +5180,7 @@ function WidgetView() {
           setXappDetail(res);
           const detail = asRecord(res);
           setXappTitle(
-            readFirstString(asRecord(detail.manifest).title, asRecord(detail.xapp).name) || "App"
+            resolveMarketplaceText(asRecord(detail.manifest).title, locale) || readFirstString(asRecord(detail.xapp).name) || "App"
           );
         }
       } catch {
@@ -5155,7 +5189,7 @@ function WidgetView() {
     return () => {
       alive = false;
     };
-  }, [installationId, client, host]);
+  }, [installationId, client, host, locale]);
   useEffect9(() => {
     if (!xappId) {
       setDiscoveredOperationalSurfaces([]);