@aurora-is-near/intents-swap-widget 3.15.0 → 3.15.1

package/dist/components/Icon.js

@@ -5,13 +5,13 @@ const i = ({
   children: t,
   size: r = 28,
   radius: a = 9999,
-  className: o
+  className: s
 }) => /* @__PURE__ */ e(
   "div",
   {
     className: c(
-      "flex items-center justify-center overflow-hidden",
-      o
+      "flex items-center justify-center overflow-hidden bg-sw-gray-700",
+      s
     ),
     style: {
       width: `${r}px`,
@@ -24,11 +24,11 @@ const i = ({
   icon: t,
   label: r,
   radius: a = 9999,
-  size: o = 28,
-  className: s
+  size: s = 28,
+  className: o
 }) => {
   const [d, n] = p("loading");
-  return typeof t == "string" && d === "failed" ? /* @__PURE__ */ e(i, { size: o, radius: a, className: s, children: /* @__PURE__ */ e("span", { className: "text-sw-label-md text-sw-gray-100", children: r.charAt(0).toUpperCase() }) }) : /* @__PURE__ */ e(i, { size: o, radius: a, className: s, children: /* @__PURE__ */ e(() => t ? typeof t == "string" ? /* @__PURE__ */ e(
+  return typeof t == "string" && d === "failed" ? /* @__PURE__ */ e(i, { size: s, radius: a, className: o, children: /* @__PURE__ */ e("span", { className: "text-sw-label-sm text-sw-gray-100", children: r.charAt(0).toUpperCase() }) }) : /* @__PURE__ */ e(i, { size: s, radius: a, className: o, children: /* @__PURE__ */ e(() => t ? typeof t == "string" ? /* @__PURE__ */ e(
     "img",
     {
       width: 28,

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../src/components/Icon.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport { cn } from '@/utils/cn';\n\ntype State = 'loading' | 'loaded' | 'failed';\n\ntype Props = {\n  label: string;\n  size?: number;\n  radius?: number;\n  className?: string;\n  icon: React.ReactElement | string | undefined;\n};\n\nconst Wrapper = ({\n  children,\n  size = 28,\n  radius = 9999,\n  className,\n}: PropsWithChildren<{\n  size: number;\n  radius?: number;\n  className?: string;\n}>) => (\n  <div\n    className={cn(\n      'flex items-center justify-center overflow-hidden',\n      className,\n    )}\n    style={{\n      width: `${size}px`,\n      height: `${size}px`,\n      borderRadius: `${radius}px`,\n    }}>\n    {children}\n  </div>\n);\n\nexport const Icon = ({\n  icon,\n  label,\n  radius = 9999,\n  size = 28,\n  className,\n}: Props) => {\n  const [imageState, setImageState] = useState<State>('loading');\n\n  if (typeof icon === 'string' && imageState === 'failed') {\n    return (\n      <Wrapper size={size} radius={radius} className={className}>\n        <span className=\"text-sw-label-md text-sw-gray-100\">\n          {label.charAt(0).toUpperCase()}\n        </span>\n      </Wrapper>\n    );\n  }\n\n  const Ico = () => {\n    if (!icon) {\n      return (\n        <span className=\"text-sw-label-md text-sw-gray-100\">\n          {label?.charAt(0).toUpperCase()}\n        </span>\n      );\n    }\n\n    if (typeof icon === 'string') {\n      return (\n        <img\n          width={28}\n          height={28}\n          src={icon}\n          alt={label}\n          onLoad={() => setImageState('loaded')}\n          onError={() => setImageState('failed')}\n        />\n      );\n    }\n\n    return icon;\n  };\n\n  return (\n    <Wrapper size={size} radius={radius} className={className}>\n      <Ico />\n    </Wrapper>\n  );\n};\n"],"names":["Wrapper","children","size","radius","className","jsx","cn","Icon","icon","label","imageState","setImageState","useState"],"mappings":";;;AAeA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAKE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,OAAO,GAAGF,CAAI;AAAA,MACd,QAAQ,GAAGA,CAAI;AAAA,MACf,cAAc,GAAGC,CAAM;AAAA,IAAA;AAAA,IAExB,UAAAF;AAAA,EAAA;AACH,GAGWM,IAAO,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAN,IAAS;AAAA,EACT,MAAAD,IAAO;AAAA,EACP,WAAAE;AACF,MAAa;AACX,QAAM,CAACM,GAAYC,CAAa,IAAIC,EAAgB,SAAS;AAE7D,SAAI,OAAOJ,KAAS,YAAYE,MAAe,WAE3C,gBAAAL,EAACL,GAAA,EAAQ,MAAAE,GAAY,QAAAC,GAAgB,WAAAC,GACnC,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,qCACb,YAAM,OAAO,CAAC,EAAE,eACnB,GACF,sBA8BDL,GAAA,EAAQ,MAAAE,GAAY,QAAAC,GAAgB,WAAAC,GACnC,UAAA,gBAAAC,EA3BQ,MACLG,IAQD,OAAOA,KAAS,WAEhB,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAKG;AAAA,MACL,KAAKC;AAAA,MACL,QAAQ,MAAME,EAAc,QAAQ;AAAA,MACpC,SAAS,MAAMA,EAAc,QAAQ;AAAA,IAAA;AAAA,EAAA,IAKpCH,IAnBH,gBAAAH,EAAC,UAAK,WAAU,qCACb,aAAO,OAAO,CAAC,EAAE,YAAA,EAAY,CAChC,KAsBG,EAAA,CACP;AAEJ;"}
+{"version":3,"file":"Icon.js","sources":["../../src/components/Icon.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nimport { cn } from '@/utils/cn';\n\ntype State = 'loading' | 'loaded' | 'failed';\n\ntype Props = {\n  label: string;\n  size?: number;\n  radius?: number;\n  className?: string;\n  icon: React.ReactElement | string | undefined;\n};\n\nconst Wrapper = ({\n  children,\n  size = 28,\n  radius = 9999,\n  className,\n}: PropsWithChildren<{\n  size: number;\n  radius?: number;\n  className?: string;\n}>) => (\n  <div\n    className={cn(\n      'flex items-center justify-center overflow-hidden bg-sw-gray-700',\n      className,\n    )}\n    style={{\n      width: `${size}px`,\n      height: `${size}px`,\n      borderRadius: `${radius}px`,\n    }}>\n    {children}\n  </div>\n);\n\nexport const Icon = ({\n  icon,\n  label,\n  radius = 9999,\n  size = 28,\n  className,\n}: Props) => {\n  const [imageState, setImageState] = useState<State>('loading');\n\n  if (typeof icon === 'string' && imageState === 'failed') {\n    return (\n      <Wrapper size={size} radius={radius} className={className}>\n        <span className=\"text-sw-label-sm text-sw-gray-100\">\n          {label.charAt(0).toUpperCase()}\n        </span>\n      </Wrapper>\n    );\n  }\n\n  const Ico = () => {\n    if (!icon) {\n      return (\n        <span className=\"text-sw-label-md text-sw-gray-100\">\n          {label?.charAt(0).toUpperCase()}\n        </span>\n      );\n    }\n\n    if (typeof icon === 'string') {\n      return (\n        <img\n          width={28}\n          height={28}\n          src={icon}\n          alt={label}\n          onLoad={() => setImageState('loaded')}\n          onError={() => setImageState('failed')}\n        />\n      );\n    }\n\n    return icon;\n  };\n\n  return (\n    <Wrapper size={size} radius={radius} className={className}>\n      <Ico />\n    </Wrapper>\n  );\n};\n"],"names":["Wrapper","children","size","radius","className","jsx","cn","Icon","icon","label","imageState","setImageState","useState"],"mappings":";;;AAeA,MAAMA,IAAU,CAAC;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAKE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,OAAO,GAAGF,CAAI;AAAA,MACd,QAAQ,GAAGA,CAAI;AAAA,MACf,cAAc,GAAGC,CAAM;AAAA,IAAA;AAAA,IAExB,UAAAF;AAAA,EAAA;AACH,GAGWM,IAAO,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAN,IAAS;AAAA,EACT,MAAAD,IAAO;AAAA,EACP,WAAAE;AACF,MAAa;AACX,QAAM,CAACM,GAAYC,CAAa,IAAIC,EAAgB,SAAS;AAE7D,SAAI,OAAOJ,KAAS,YAAYE,MAAe,WAE3C,gBAAAL,EAACL,GAAA,EAAQ,MAAAE,GAAY,QAAAC,GAAgB,WAAAC,GACnC,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,qCACb,YAAM,OAAO,CAAC,EAAE,eACnB,GACF,sBA8BDL,GAAA,EAAQ,MAAAE,GAAY,QAAAC,GAAgB,WAAAC,GACnC,UAAA,gBAAAC,EA3BQ,MACLG,IAQD,OAAOA,KAAS,WAEhB,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAKG;AAAA,MACL,KAAKC;AAAA,MACL,QAAQ,MAAME,EAAc,QAAQ;AAAA,MACpC,SAAS,MAAMA,EAAc,QAAQ;AAAA,IAAA;AAAA,EAAA,IAKpCH,IAnBH,gBAAAH,EAAC,UAAK,WAAU,qCACb,aAAO,OAAO,CAAC,EAAE,YAAA,EAAY,CAChC,KAsBG,EAAA,CACP;AAEJ;"}

package/dist/components/TokenIcon.js

@@ -4,27 +4,36 @@ import "../constants/chains.js";
 import "viem";
 import "ethers";
 import { cn as p } from "../utils/cn.js";
-const b = ({
-  icon: o,
-  name: i,
-  chainName: t,
-  chainIcon: s,
-  chainShowIcon: l,
+const o = 4, u = ({
+  icon: i,
+  name: t,
+  chainName: s,
+  chainIcon: l,
+  chainShowIcon: c,
   className: m
 }) => /* @__PURE__ */ n("div", { className: "relative flex items-center", children: [
-  /* @__PURE__ */ e(r, { icon: o, label: i }),
-  l && /* @__PURE__ */ e(
+  /* @__PURE__ */ e(r, { icon: i, label: t }),
+  c && /* @__PURE__ */ e(
     "div",
     {
       className: p(
-        "absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden rounded-[4px] border-2",
+        "absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden border-2",
         m
       ),
-      children: /* @__PURE__ */ e(r, { size: 16, radius: 6, icon: s, label: t })
+      style: { borderRadius: o },
+      children: /* @__PURE__ */ e(
+        r,
+        {
+          size: 16,
+          radius: o,
+          icon: l,
+          label: s
+        }
+      )
     }
   )
 ] });
 export {
-  b as TokenIcon
+  u as TokenIcon
 };
 //# sourceMappingURL=TokenIcon.js.map

package/dist/components/TokenIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenIcon.js","sources":["../../src/components/TokenIcon.tsx"],"sourcesContent":["import { Icon } from './Icon';\n\nimport { cn } from '@/utils';\n\ntype TokenItemProps = {\n  icon: string;\n  name: string;\n  className?: string;\n} & (\n  | {\n      chainShowIcon: true;\n      chainIcon: string;\n      chainName: string;\n    }\n  | {\n      chainShowIcon: false;\n      chainIcon?: string | undefined;\n      chainName?: string | undefined;\n    }\n);\n\nexport const TokenIcon = ({\n  icon,\n  name,\n  chainName,\n  chainIcon,\n  chainShowIcon,\n  className,\n}: TokenItemProps) => (\n  <div className=\"relative flex items-center\">\n    <Icon icon={icon} label={name} />\n    {chainShowIcon && (\n      <div\n        className={cn(\n          'absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden rounded-[4px] border-2',\n          className,\n        )}>\n        <Icon size={16} radius={6} icon={chainIcon} label={chainName} />\n      </div>\n    )}\n  </div>\n);\n"],"names":["TokenIcon","icon","name","chainName","chainIcon","chainShowIcon","className","jsxs","jsx","Icon","cn"],"mappings":";;;;;;AAqBO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AACF,MACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAK,MAAAR,GAAY,OAAOC,EAAA,CAAM;AAAA,EAC9BG,KACC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,UAAA,gBAAAE,EAACC,KAAK,MAAM,IAAI,QAAQ,GAAG,MAAML,GAAW,OAAOD,EAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AAChE,EAAA,CAEJ;"}
+{"version":3,"file":"TokenIcon.js","sources":["../../src/components/TokenIcon.tsx"],"sourcesContent":["import { Icon } from './Icon';\n\nimport { cn } from '@/utils';\n\ntype TokenItemProps = {\n  icon: string;\n  name: string;\n  className?: string;\n} & (\n  | {\n      chainShowIcon: true;\n      chainIcon: string;\n      chainName: string;\n    }\n  | {\n      chainShowIcon: false;\n      chainIcon?: string | undefined;\n      chainName?: string | undefined;\n    }\n);\n\nconst BORDER_RADIUS = 4;\n\nexport const TokenIcon = ({\n  icon,\n  name,\n  chainName,\n  chainIcon,\n  chainShowIcon,\n  className,\n}: TokenItemProps) => (\n  <div className=\"relative flex items-center\">\n    <Icon icon={icon} label={name} />\n    {chainShowIcon && (\n      <div\n        className={cn(\n          'absolute top-[19px] right-[-4px] flex h-[16px] w-[16px] items-center justify-center overflow-hidden border-2',\n          className,\n        )}\n        style={{ borderRadius: BORDER_RADIUS }}>\n        <Icon\n          size={16}\n          radius={BORDER_RADIUS}\n          icon={chainIcon}\n          label={chainName}\n        />\n      </div>\n    )}\n  </div>\n);\n"],"names":["BORDER_RADIUS","TokenIcon","icon","name","chainName","chainIcon","chainShowIcon","className","jsxs","jsx","Icon","cn"],"mappings":";;;;;;AAqBA,MAAMA,IAAgB,GAETC,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AACF,MACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAK,MAAAR,GAAY,OAAOC,EAAA,CAAM;AAAA,EAC9BG,KACC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,cAAcP,EAAA;AAAA,MACvB,UAAA,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAQV;AAAA,UACR,MAAMK;AAAA,UACN,OAAOD;AAAA,QAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AACF,EAAA,CAEJ;"}

package/dist/{config-DWuCYXia.js → config-DCXH00Br.js}

@@ -1040,7 +1040,7 @@ const Hs = (e) => {
   C("quoteSetStatus", xn), C("walletAddressSet", Bn), C("transferSetStatus", Un), C("tokenSelectRotate", we), C("tokenSetBalance", qn), C("tokenSetAmount", Dn), C("depositTypeSet", On), C("setInputsValidating", Ln), C("externalDepositTxSet", Fn), C("tokenSelect", or), C("addressSet", vn), C("errorSet", Rn), C("quoteSet", Cn), C("reset", En), C("validateDryInputs", bt), C("validateExternalInputs", Et), C("validateInternalInputs", Rt);
 }, cr = on(({ debug: e }) => {
   e && b.debug(
-    "[WIDGET] Debug mode is enabled (package version: 3.15.0)"
+    "[WIDGET] Debug mode is enabled (package version: 3.15.1)"
   ), ir(), ar({ debug: e }), rr({ debug: e });
 }), Bi = ({ listenTo: e, debug: t = !1 }) => {
   R(() => {
@@ -2847,4 +2847,4 @@ export {
   y,
   Qi as z
 };
-//# sourceMappingURL=config-DWuCYXia.js.map
+//# sourceMappingURL=config-DCXH00Br.js.map