@howone/sdk 0.5.3 → 0.7.0

package/dist/index.mjs

@@ -154,7 +154,20 @@ function decodeJwtPayload(token) {
     if (pad === 2) base64 += "==";
     else if (pad === 3) base64 += "=";
     else if (pad !== 0) return null;
-    const json = atob(base64);
+    const binary = atob(base64);
+    let json = binary;
+    try {
+      if (typeof TextDecoder !== "undefined") {
+        const bytes = Uint8Array.from(binary, (ch) => ch.charCodeAt(0));
+        json = new TextDecoder("utf-8", { fatal: false }).decode(bytes);
+      } else {
+        json = decodeURIComponent(
+          binary.split("").map((ch) => `%${ch.charCodeAt(0).toString(16).padStart(2, "0")}`).join("")
+        );
+      }
+    } catch {
+      json = binary;
+    }
     return JSON.parse(json);
   } catch {
     return null;
@@ -1856,18 +1869,14 @@ var TOAST_ICONS = {
     icon: "mdi:success",
     color: "text-green-400",
     className: "text-green-400",
-    // 深色主题配置
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#389726",
       borderGradient: "border-[#389726]",
       borderGradientColor: "#389726"
     },
-    // 浅色主题配置
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#22c55e",
       borderGradient: "border-[#22c55e]",
       borderGradientColor: "#22c55e"
@@ -1879,14 +1888,12 @@ var TOAST_ICONS = {
     className: "text-red-400",
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#ef4444",
       borderGradient: "border-[#ef4444]",
       borderGradientColor: "#ef4444"
     },
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#f87171",
       borderGradient: "border-[#f87171]",
       borderGradientColor: "#f87171"
@@ -1898,14 +1905,12 @@ var TOAST_ICONS = {
     className: "text-yellow-400",
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#facc15",
       borderGradient: "border-[#facc15]",
       borderGradientColor: "#facc15"
     },
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#f59e0b",
       borderGradient: "border-[#f59e0b]",
       borderGradientColor: "#f59e0b"
@@ -1917,14 +1922,12 @@ var TOAST_ICONS = {
     className: "text-blue-400",
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#60a5fa",
       borderGradient: "border-[#60a5fa]",
       borderGradientColor: "#f0f0f0"
     },
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#3b82f6",
       borderGradient: "border-[#3b82f6]",
       borderGradientColor: "#3b82f6"
@@ -1936,14 +1939,12 @@ var TOAST_ICONS = {
     className: "text-gray-400",
     dark: {
       bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
       gradientColor: "#9ca3af",
       borderGradient: "border-[#9ca3af]",
       borderGradientColor: "#9ca3af"
     },
     light: {
       bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
       gradientColor: "#6b7280",
       borderGradient: "border-[#6b7280]",
       borderGradientColor: "#6b7280"
@@ -1969,7 +1970,7 @@ var CloseButton = React7.memo(({ closeToast }) => {
     Icon4,
     {
       icon: "vaadin:close",
-      className: "flex items-center justify-center rounded-full relative z-10 flex-shrink-0 cursor-pointer \n                    transition-colors duration-200 drop-shadow-sm",
+      className: "flex items-center justify-center rounded-full relative z-10 flex-shrink-0 cursor-pointer transition-colors duration-200 drop-shadow-sm",
       onClick: handleClick,
       width: 14,
       height: 14,
@@ -2003,15 +2004,10 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
   const themeConfig = getThemeConfig();
   const lightBaseBackgroundByType = {
     success: "#f0fdf4",
-    // green-50
     error: "#fef2f2",
-    // red-50
     warning: "#fffbeb",
-    // amber-50
     info: "#eff6ff",
-    // blue-50
     default: "#f9fafb"
-    // gray-50
   };
   if (component) {
     return /* @__PURE__ */ jsxs8("div", { className: `flex items-start gap-3 !min-h-[90px] w-full backdrop-blur-md p-4 shadow-2xl overflow-hidden ${themeConfig.bgGradient}`, children: [
@@ -2055,30 +2051,18 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx12("div", { className: "flex-shrink-0 flex-grow-0 mt-0.5 relative z-10", children: /* @__PURE__ */ jsx12(
-      "div",
+    /* @__PURE__ */ jsx12("div", { className: "flex-shrink-0 mt-0.5 relative z-10", children: /* @__PURE__ */ jsx12("div", { className: `w-7 h-7 backdrop-blur-sm rounded-full flex items-center justify-center ${theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "bg-white/10" : "bg-black/5"}`, children: /* @__PURE__ */ jsx12(
+      Icon4,
       {
-        className: "backdrop-blur-sm rounded-full flex items-center justify-center overflow-hidden flex-shrink-0 flex-grow-0",
+        icon: iconConfig.icon,
+        width: 16,
+        height: 16,
+        className: iconConfig.color,
         style: {
-          backgroundColor: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)",
-          width: "28px",
-          height: "28px"
-        },
-        children: /* @__PURE__ */ jsx12("div", { className: "rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx12(
-          Icon4,
-          {
-            icon: iconConfig.icon,
-            width: 16,
-            height: 16,
-            className: `flex-shrink-0`,
-            style: {
-              color: themeConfig.gradientColor,
-              display: "block"
-            }
-          }
-        ) })
+          color: themeConfig.gradientColor
+        }
       }
-    ) }),
+    ) }) }),
     /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1 flex-1 relative z-10", children: [
       title && /* @__PURE__ */ jsx12(
         "div",
@@ -2108,7 +2092,7 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
 };
 var defaultToastOptions = {
   position: "bottom-right",
-  autoClose: 1500,
+  autoClose: 3e3,
   hideProgressBar: true,
   closeOnClick: false,
   pauseOnHover: true,
@@ -2130,7 +2114,8 @@ var createToast = (type) => {
     const { title, message, component, options } = params;
     toast(
       ({ closeToast }) => {
-        if (params.render) return params.render(closeToast);
+        if (params.render) return params.render(closeToast ?? (() => {
+        }));
         return /* @__PURE__ */ jsx12(
           ToastContent,
           {
@@ -2146,9 +2131,8 @@ var createToast = (type) => {
         ...defaultToastOptions,
         ...options,
         theme: getToastifyTheme(),
-        // 确保圆角样式不被覆盖，添加 rounded-xl 类
         className: "!p-0 !shadow-none !rounded-xl",
-        style: { padding: 0, borderRadius: "0.75rem", backgroundColor: "transparent" }
+        style: { padding: 0, borderRadius: "0.75rem" }
       }
     );
   };
@@ -2264,19 +2248,7 @@ function showLimitUpgradeToast(message, onUpgrade) {
   ClayxToast.default({
     render: (closeToast) => /* @__PURE__ */ jsx13(LimitToastContainer, { message, onUpgrade, closeToast }),
     options: {
-      position: "bottom-right",
-      closeOnClick: false,
-      autoClose: false,
-      hideProgressBar: true,
-      draggable: false,
-      pauseOnHover: true,
-      className: "!bg-transparent !shadow-none",
-      style: {
-        background: "transparent",
-        padding: 0,
-        width: "auto",
-        maxWidth: "420px"
-      }
+      autoClose: false
     }
   });
 }