@dhedge/trading-widget 6.0.0-canary.0 → 6.0.1

package/index.js

@@ -3736,41 +3736,43 @@ const ST = /* @__PURE__ */ Dn(AT), gi = ({
   size: t = "m",
   className: n = ""
 }) => {
-  const { Image: r = ci } = $(), o = e.join(""), [a, i] = W({
-    [o]: !1
-  }), { height: l, width: c, diameter: d } = zT(t), p = CT(e);
-  if (!p?.length || !p[0] || a[o]) return null;
-  const u = () => i((m) => ({ ...m, [o]: !0 }));
-  return p.length === 1 ? /* @__PURE__ */ s(
+  const { Image: r = ci, customIcons: o } = $(), a = e.join(""), [i, l] = W({
+    [a]: !1
+  }), { height: c, width: d, diameter: p } = zT(t), u = e.length === 1 ? o?.[e[0]] : void 0, m = CT(u ? [] : e);
+  if (u)
+    return /* @__PURE__ */ s(u, { className: C(c, d, n) });
+  if (!m?.length || !m[0] || i[a]) return null;
+  const h = () => l((v) => ({ ...v, [a]: !0 }));
+  return m.length === 1 ? /* @__PURE__ */ s(
     r,
     {
-      src: p[0],
+      src: m[0],
       alt: `${e[0]} icon`,
-      className: C(l, c, n),
-      width: d,
-      height: d,
-      onError: u
+      className: C(c, d, n),
+      width: p,
+      height: p,
+      onError: h
     }
   ) : /* @__PURE__ */ s(
     "span",
     {
-      className: `dtw-flex-no-wrap dtw-z-0 dtw-flex ${l} ${n}`,
-      children: p.map((m, h) => /* @__PURE__ */ s(
+      className: `dtw-flex-no-wrap dtw-z-0 dtw-flex ${c} ${n}`,
+      children: m.map((v, g) => /* @__PURE__ */ s(
         r,
         {
-          src: m,
-          alt: `${e[h]} icon`,
+          src: v,
+          alt: `${e[g]} icon`,
           className: C(
             "dtw-inline-block dtw-overflow-visible dtw-rounded-full",
+            d,
             c,
-            l,
-            UT(h, e.length)
+            UT(g, e.length)
           ),
-          width: d,
-          height: d,
-          onError: u
+          width: p,
+          height: p,
+          onError: h
         },
-        h
+        g
       ))
     }
   );
@@ -3966,17 +3968,16 @@ function Kn(e, t, n) {
     }
 }
 const qT = ({
-  action: e,
-  chainId: t,
-  txHash: n,
-  error: r
+  chainId: e,
+  txHash: t,
+  error: n
 }) => {
-  if (e !== "update_ondo_prices" || t !== On.id || !n || !r)
+  if (e !== On.id || !t || !n)
     return !1;
-  const o = r instanceof Error ? r.message : String(r);
-  return /UnknownRpcError|\bNo Result\b/i.test(o);
+  const r = n instanceof Error ? n.message : String(n);
+  return /\bNo Result\b/i.test(r);
 }, KT = () => {
-  const [e, t] = se(), n = Z()[1], r = Vd(), o = qd(), [a] = e, i = a?.txHash, l = a?.action, c = l === "approve", d = a?.chainId, { invalidateTradingQueries: p, invalidateAllowanceQueries: u } = Zt(), { data: m, error: h } = mt({
+  const [e, t] = se(), n = Z()[1], r = Vd(), o = qd(), [a] = e, i = a?.txHash, l = a?.action, c = l === "approve", d = a?.chainId, { invalidateTradingQueries: p, invalidateAllowanceQueries: u } = Zt(), { data: m, error: h, refetch: v } = mt({
     hash: i,
     chainId: d,
     pollingInterval: Gt,
@@ -3984,19 +3985,19 @@ const qT = ({
   });
   N(() => {
     if (!m) return;
-    const v = () => {
-      const b = m.transactionHash;
-      if (b) {
-        const T = Kn(b, "transaction", d);
-        l !== "update_ondo_prices" && (n({ link: T, status: "Success", action: l }), o?.(m, l, T)), t({ type: "remove", status: "success", txHash: b });
+    const g = () => {
+      const T = m.transactionHash;
+      if (T) {
+        const x = Kn(T, "transaction", d);
+        l !== "update_ondo_prices" && (n({ link: x, status: "Success", action: l }), o?.(m, l, x)), t({ type: "remove", status: "success", txHash: T });
       }
       c ? u() : p();
-    }, g = d ? Lr[d] ?? 0 : 0;
-    if (g > 0) {
-      const b = setTimeout(v, g);
-      return () => clearTimeout(b);
+    }, b = d ? Lr[d] ?? 0 : 0;
+    if (b > 0) {
+      const T = setTimeout(g, b);
+      return () => clearTimeout(T);
     } else
-      v();
+      g();
   }, [
     m,
     c,
@@ -4008,14 +4009,20 @@ const qT = ({
     u,
     p
   ]), N(() => {
-    !h || qT({ action: l, chainId: d, txHash: i, error: h }) || (n({
-      isOpen: !1,
-      status: "None",
-      link: "",
-      action: l,
-      sendTokens: null,
-      receiveTokens: null
-    }), t({ type: "remove", status: "fail" }), r?.(h, l, d, i));
+    if (h) {
+      if (qT({ chainId: d, txHash: i, error: h })) {
+        v();
+        return;
+      }
+      n({
+        isOpen: !1,
+        status: "None",
+        link: "",
+        action: l,
+        sendTokens: null,
+        receiveTokens: null
+      }), t({ type: "remove", status: "fail" }), r?.(h, l, d, i);
+    }
   }, [
     h,
     c,
@@ -4024,7 +4031,8 @@ const qT = ({
     i,
     n,
     t,
-    r
+    r,
+    v
   ]);
 }, je = ({
   action: e,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhedge/trading-widget",
-  "version": "6.0.0-canary.0",
+  "version": "6.0.1",
   "dependencies": {
     "@headlessui/react": "^2.1.2",
     "@heroicons/react": "^2.1.5",

package/trading-widget/providers/component-provider/component-provider.d.ts

@@ -15,5 +15,8 @@ export declare const ComponentProviderContext: import("react").Context<Partial<{
     OnDemandWithdrawAlert?: import("react").ComponentType | undefined;
     BecomeReferrerButton?: import("react").ComponentType<import('../../providers/component-provider/component-provider.types').BecomeReferrerButtonProps> | undefined;
     DeriveSuccessBanner?: import("react").ComponentType | undefined;
+    customIcons?: Record<string, import("react").ComponentType<{
+        className?: string | undefined;
+    }>> | undefined;
 } | undefined>>;
 export declare const ComponentProvider: FC<PropsWithChildren<ComponentProviderProps>>;

package/trading-widget/providers/component-provider/component-provider.hooks.d.ts

@@ -14,4 +14,7 @@ export declare const useComponentContext: () => Partial<{
     OnDemandWithdrawAlert?: import("react").ComponentType | undefined;
     BecomeReferrerButton?: import("react").ComponentType<import("./component-provider.types").BecomeReferrerButtonProps> | undefined;
     DeriveSuccessBanner?: import("react").ComponentType | undefined;
+    customIcons?: Record<string, import("react").ComponentType<{
+        className?: string | undefined;
+    }>> | undefined;
 }>;

package/trading-widget/providers/component-provider/component-provider.types.d.ts

@@ -45,5 +45,8 @@ export interface ComponentProviderProps {
         OnDemandWithdrawAlert?: ComponentType;
         BecomeReferrerButton?: ComponentType<BecomeReferrerButtonProps>;
         DeriveSuccessBanner?: ComponentType;
+        customIcons?: Record<string, ComponentType<{
+            className?: string;
+        }>>;
     };
 }