@trustware/sdk-staging 0.0.0 → 1.0.14-staging.11

package/dist/constants.cjs

@@ -29,7 +29,7 @@ __export(constants_exports, {
 });
 module.exports = __toCommonJS(constants_exports);
 var SDK_NAME = "@trustware/sdk";
-var SDK_VERSION = "0.0.0";
+var SDK_VERSION = "1.0.14-staging.11";
 var API_ROOT = "https://api.trustware.io";
 var API_PREFIX = "/api";
 var ASSETS_BASE_URL = "https://app.trustware.io";

package/dist/constants.mjs

@@ -1,6 +1,6 @@
 // src/constants.ts
 var SDK_NAME = "@trustware/sdk";
-var SDK_VERSION = "0.0.0";
+var SDK_VERSION = "1.0.14-staging.11";
 var API_ROOT = "https://api.trustware.io";
 var API_PREFIX = "/api";
 var ASSETS_BASE_URL = "https://app.trustware.io";

package/dist/index.cjs

@@ -74,7 +74,7 @@ var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     SDK_NAME = "@trustware/sdk";
-    SDK_VERSION = "0.0.0";
+    SDK_VERSION = "1.0.14-staging.11";
     API_ROOT = "https://api.trustware.io";
     API_PREFIX = "/api";
     ASSETS_BASE_URL = "https://app.trustware.io";
@@ -172,7 +172,10 @@ function resolveConfig(input) {
     theme,
     messages,
     retry,
-    walletConnect
+    walletConnect,
+    onError: input.onError,
+    onSuccess: input.onSuccess,
+    onEvent: input.onEvent
   };
 }
 var init_merge = __esm({
@@ -1976,6 +1979,25 @@ function useTokens(chainId) {
   };
 }
 
+// src/errors/TrustwareError.ts
+var TrustwareError = class extends Error {
+  constructor(params) {
+    super(params.message);
+    this.name = "TrustwareError";
+    this.code = params.code;
+    this.userMessage = params.userMessage;
+    this.cause = params.cause;
+  }
+  toJSON() {
+    return {
+      name: this.name,
+      code: this.code,
+      message: this.message,
+      userMessage: this.userMessage
+    };
+  }
+};
+
 // src/core/index.ts
 var _lastValidatedKey = null;
 var Trustware = {
@@ -1989,7 +2011,16 @@ var Trustware = {
         _lastValidatedKey = key;
       } catch (err) {
         const reason = err instanceof Error && err.message ? `: ${err.message}` : "";
-        throw new Error(`Trustware.init: API key validation failed${reason}`);
+        const error = new TrustwareError({
+          code: "INVALID_API_KEY" /* INVALID_API_KEY */,
+          message: `Trustware.init: API key validation failed${reason}`,
+          userMessage: "API key validation failed. Please verify your Trustware API key.",
+          cause: err
+        });
+        const config = TrustwareConfigStore.get();
+        config.onError?.(error);
+        config.onEvent?.({ type: "error", error });
+        throw error;
       }
     }
     return Trustware;
@@ -2244,6 +2275,7 @@ var zIndex = {
   30: "30",
   40: "40",
   50: "50",
+  60: "60",
   auto: "auto"
 };
 
@@ -3058,22 +3090,42 @@ function TrustwareProvider({
     [config]
   );
   useWireDetectionIntoManager();
+  const initialize = (0, import_react9.useCallback)(
+    async (setStatusFn = setStatus, setErrorsFn = setErrors) => {
+      setStatusFn("initializing");
+      setErrorsFn(void 0);
+      await Trustware.init(config);
+      if (wallet) {
+        Trustware.useWallet(wallet);
+        setStatusFn("ready");
+        return;
+      }
+      if (autoDetect) {
+        await Trustware.autoDetect(400);
+      }
+      setStatusFn("ready");
+    },
+    [config, wallet, autoDetect]
+  );
+  const revalidate = (0, import_react9.useCallback)(async () => {
+    try {
+      await initialize();
+    } catch (e) {
+      setStatus("error");
+      setErrors(e instanceof Error ? e.message : String(e));
+    }
+  }, [initialize]);
   (0, import_react9.useEffect)(() => {
     let cancelled = false;
+    const setStatusSafe = (s) => {
+      if (!cancelled) setStatus(s);
+    };
+    const setErrorsSafe = (e) => {
+      if (!cancelled) setErrors(e);
+    };
     (async () => {
       try {
-        setStatus("initializing");
-        setErrors(void 0);
-        await Trustware.init(config);
-        if (wallet) {
-          Trustware.useWallet(wallet);
-          if (!cancelled) setStatus("ready");
-          return;
-        }
-        if (autoDetect) {
-          await Trustware.autoDetect(400);
-        }
-        if (!cancelled) setStatus("ready");
+        await initialize(setStatusSafe, setErrorsSafe);
       } catch (e) {
         if (!cancelled) {
           setStatus("error");
@@ -3084,7 +3136,7 @@ function TrustwareProvider({
     return () => {
       cancelled = true;
     };
-  }, [config, wallet, autoDetect]);
+  }, [initialize]);
   const value = (0, import_react9.useMemo)(
     () => ({
       status,
@@ -3092,9 +3144,10 @@ function TrustwareProvider({
       core: Trustware,
       emitError,
       emitSuccess,
-      emitEvent
+      emitEvent,
+      revalidate
     }),
-    [status, errors, emitError, emitSuccess, emitEvent]
+    [status, errors, emitError, emitSuccess, emitEvent, revalidate]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ctx.Provider, { value, children });
 }
@@ -8742,27 +8795,6 @@ function SelectToken({ style }) {
 // src/widget-v2/pages/CryptoPay.tsx
 var import_react22 = require("react");
 var import_viem = require("viem");
-
-// src/errors/TrustwareError.ts
-var TrustwareError = class extends Error {
-  constructor(params) {
-    super(params.message);
-    this.name = "TrustwareError";
-    this.code = params.code;
-    this.userMessage = params.userMessage;
-    this.cause = params.cause;
-  }
-  toJSON() {
-    return {
-      name: this.name,
-      code: this.code,
-      message: this.message,
-      userMessage: this.userMessage
-    };
-  }
-};
-
-// src/widget-v2/pages/CryptoPay.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function normalizeTokenAddressForCompare(chain, addr) {
   const chainType = (chain.type ?? chain.chainType ?? "").toLowerCase();
@@ -11591,6 +11623,99 @@ function ConfirmCloseDialog({
     }
   ) });
 }
+function InitErrorOverlay({
+  open,
+  isDark,
+  isRefreshing,
+  onRefresh
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": "init-error-title",
+      "aria-describedby": "init-error-description",
+      style: {
+        position: "absolute",
+        inset: 0,
+        backgroundColor: isDark ? "rgba(0, 0, 0, 0.55)" : "rgba(0, 0, 0, 0.2)",
+        zIndex: zIndex[40],
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: spacing[6],
+        borderRadius: "20px"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        "div",
+        {
+          style: {
+            width: "100%",
+            maxWidth: "420px",
+            borderRadius: borderRadius.xl,
+            padding: spacing[6],
+            backgroundColor: colors.card,
+            color: colors.cardForeground,
+            boxShadow: "0 25px 50px -12px rgb(0 0 0 / 0.35)",
+            textAlign: "left",
+            border: `1px solid ${colors.border}`
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "h2",
+              {
+                id: "init-error-title",
+                style: {
+                  fontSize: fontSize.lg,
+                  fontWeight: fontWeight.semibold,
+                  color: colors.cardForeground
+                },
+                children: "API key validation failed"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "p",
+              {
+                id: "init-error-description",
+                style: {
+                  marginTop: spacing[2],
+                  fontSize: fontSize.sm,
+                  color: colors.mutedForeground
+                },
+                children: "We could not validate your Trustware API key. Please refresh to retry."
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "button",
+              {
+                onClick: onRefresh,
+                disabled: isRefreshing,
+                "aria-label": "Refresh validation",
+                style: {
+                  marginTop: spacing[4],
+                  width: "100%",
+                  borderRadius: "0.5rem",
+                  backgroundColor: colors.primary,
+                  padding: `${spacing[2.5]} ${spacing[4]}`,
+                  fontSize: fontSize.sm,
+                  fontWeight: fontWeight.medium,
+                  color: colors.primaryForeground,
+                  border: 0,
+                  cursor: isRefreshing ? "not-allowed" : "pointer",
+                  opacity: isRefreshing ? 0.7 : 1,
+                  transition: "background-color 0.2s"
+                },
+                children: isRefreshing ? "Refreshing..." : "Refresh"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
 function WidgetInner({
   style,
   onClose,
@@ -11599,6 +11724,7 @@ function WidgetInner({
   showThemeToggle
 }) {
   const { transactionStatus, resetState, resolvedTheme } = useDeposit();
+  const { status, revalidate } = useTrustware();
   const [showConfirmDialog, setShowConfirmDialog] = (0, import_react26.useState)(false);
   const handleCloseRequest = (0, import_react26.useCallback)(() => {
     if (ACTIVE_TRANSACTION_STATUSES.includes(transactionStatus)) {
@@ -11622,14 +11748,30 @@ function WidgetInner({
     setShowConfirmDialog(false);
   }, []);
   const effectiveTheme = resolvedTheme;
+  const isRefreshing = status === "initializing";
+  const initBlocked = status === "error";
+  const handleRefresh = (0, import_react26.useCallback)(() => {
+    revalidate?.();
+  }, [revalidate]);
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(WidgetContainer, { theme: effectiveTheme, style, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-      WidgetContent,
-      {
-        onStateChange,
-        showThemeToggle
-      }
-    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(WidgetContainer, { theme: effectiveTheme, style, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        WidgetContent,
+        {
+          onStateChange,
+          showThemeToggle
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        InitErrorOverlay,
+        {
+          open: initBlocked,
+          isDark: resolvedTheme === "dark",
+          isRefreshing,
+          onRefresh: handleRefresh
+        }
+      )
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       ConfirmCloseDialog,
       {