@aurora-is-near/intents-swap-widget 3.18.0 → 3.18.1

package/dist/chains.d.ts

@@ -0,0 +1,5 @@
+export declare const CHAINS: {
+    id: "eth" | "bera" | "base" | "gnosis" | "arb" | "bsc" | "avax" | "op" | "pol" | "sui" | "xrp" | "btc" | "doge" | "tron" | "ton" | "near" | "sol" | "zec" | "ltc" | "cardano";
+    label: string;
+    icon: import('react').ReactElement<import('react').SVGAttributes<SVGElement>, string | import('react').JSXElementConstructor<any>>;
+}[];

package/dist/chains.js

@@ -0,0 +1,15 @@
+import { cloneElement as o } from "react";
+import { CHAINS_LIST as t } from "./constants/chains.js";
+import { CHAIN_ICONS as r } from "./icons/index.js";
+const p = Object.values(t).map((e) => ({
+  id: e.id,
+  label: e.label,
+  icon: o(r[e.id], {
+    width: "100%",
+    height: "100%"
+  })
+}));
+export {
+  p as CHAINS
+};
+//# sourceMappingURL=chains.js.map

package/dist/chains.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chains.js","sources":["../src/chains.ts"],"sourcesContent":["import { cloneElement } from 'react';\nimport { CHAINS_LIST } from './constants';\nimport { CHAIN_ICONS } from './icons';\n\nexport const CHAINS = Object.values(CHAINS_LIST).map((chain) => {\n  return {\n    id: chain.id,\n    label: chain.label,\n    icon: cloneElement(CHAIN_ICONS[chain.id], {\n      width: '100%',\n      height: '100%',\n    }),\n  };\n});\n"],"names":["CHAINS","CHAINS_LIST","chain","cloneElement","CHAIN_ICONS"],"mappings":";;;AAIO,MAAMA,IAAS,OAAO,OAAOC,CAAW,EAAE,IAAI,CAACC,OAC7C;AAAA,EACL,IAAIA,EAAM;AAAA,EACV,OAAOA,EAAM;AAAA,EACb,MAAMC,EAAaC,EAAYF,EAAM,EAAE,GAAG;AAAA,IACxC,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT;AAAA,EAEJ;"}

package/dist/components/WidgetContainer.js

@@ -1,50 +1,53 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
 import "../constants/chains.js";
 import "viem";
 import "ethers";
-import { cn as s } from "../utils/cn.js";
+import { cn as r } from "../utils/cn.js";
 import { useTheme as f } from "../hooks/useTheme.js";
-const x = "#24262d", v = ({
+const a = "#24262d", v = ({
   children: n,
-  HeaderComponent: t,
-  FooterComponent: r,
-  isFullPage: l,
+  HeaderComponent: s,
+  FooterComponent: t,
+  isFullPage: e,
   className: m
 }) => {
   const o = f(), i = /* @__PURE__ */ c(
     "div",
     {
-      style: { transform: l ? "translateY(15dvh)" : "none" },
-      className: s(
+      style: {
+        transform: e ? "translateY(15dvh)" : "none",
+        backgroundColor: o?.backgroundColor
+      },
+      className: r(
         "w-full h-fit flex flex-col justify-center items-center relative",
         m
       ),
       children: [
-        t && /* @__PURE__ */ e("div", { className: "w-full mb-sw-2xl", children: t }),
+        s && /* @__PURE__ */ l("div", { className: "w-full mb-sw-2xl", children: s }),
         n,
-        r && /* @__PURE__ */ e(
+        t && /* @__PURE__ */ l(
           "div",
           {
-            className: s("flex flex-col gap-3 items-center w-full mt-sw-2xl", {
-              "mb-sw-2xl": l
+            className: r("flex flex-col gap-3 items-center w-full mt-sw-2xl", {
+              "mb-sw-2xl": e
             }),
-            children: r
+            children: t
           }
         )
       ]
     }
   );
-  return l ? /* @__PURE__ */ e(
+  return e ? /* @__PURE__ */ l(
     "div",
     {
-      className: s(
+      className: r(
         "sm:h-full min-h-screen sm:max-h-screen sm:overflow-auto w-full min-w-full px-sw-lg py-sw-xl sm:py-auto mx-auto flex justify-center sm:fixed sm:top-0 sm:left-0 sm:right-0",
         m
       ),
       style: {
-        backgroundColor: o?.backgroundColor ?? x
+        backgroundColor: o?.backgroundColor ?? a
       },
-      children: /* @__PURE__ */ e("div", { className: "w-full h-fit max-w-[456px] min-w-[270px]", children: i })
+      children: /* @__PURE__ */ l("div", { className: "w-full h-fit max-w-[456px] min-w-[270px]", children: i })
     }
   ) : i;
 };

package/dist/components/WidgetContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetContainer.js","sources":["../../src/components/WidgetContainer.tsx"],"sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { cn } from '../utils';\nimport { useTheme } from '../hooks/useTheme';\n\nconst DEFAULT_BACKGROUND_COLOR = '#24262d';\n\nexport type WidgetContainerProps = PropsWithChildren<{\n  HeaderComponent?: ReactElement | false | null;\n  FooterComponent?: ReactElement | false | null;\n  isFullPage?: boolean;\n  className?: string;\n}>;\n\nexport const WidgetContainer = ({\n  children,\n  HeaderComponent,\n  FooterComponent,\n  isFullPage,\n  className,\n}: WidgetContainerProps) => {\n  const theme = useTheme();\n\n  const jsx = (\n    <div\n      style={{ transform: isFullPage ? 'translateY(15dvh)' : 'none' }}\n      className={cn(\n        'w-full h-fit flex flex-col justify-center items-center relative',\n        className,\n      )}>\n      {HeaderComponent && (\n        <div className=\"w-full mb-sw-2xl\">{HeaderComponent}</div>\n      )}\n      {children}\n      {FooterComponent && (\n        <div\n          className={cn('flex flex-col gap-3 items-center w-full mt-sw-2xl', {\n            'mb-sw-2xl': isFullPage,\n          })}>\n          {FooterComponent}\n        </div>\n      )}\n    </div>\n  );\n\n  if (!isFullPage) {\n    return jsx;\n  }\n\n  return (\n    <div\n      className={cn(\n        'sm:h-full min-h-screen sm:max-h-screen sm:overflow-auto w-full min-w-full px-sw-lg py-sw-xl sm:py-auto mx-auto flex justify-center sm:fixed sm:top-0 sm:left-0 sm:right-0',\n        className,\n      )}\n      style={{\n        backgroundColor: theme?.backgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n      }}>\n      <div className=\"w-full h-fit max-w-[456px] min-w-[270px]\">{jsx}</div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_BACKGROUND_COLOR","WidgetContainer","children","HeaderComponent","FooterComponent","isFullPage","className","theme","useTheme","jsx","jsxs","cn"],"mappings":";;;;;;AAIA,MAAMA,IAA2B,WASpBC,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAQC,EAAA,GAERC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,WAAWL,IAAa,sBAAsB,OAAA;AAAA,MACvD,WAAWM;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,UAAA;AAAA,QAAAH,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAN,GAAgB;AAAA,QAEpDD;AAAA,QACAE,KACC,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAG,qDAAqD;AAAA,cACjE,aAAaN;AAAA,YAAA,CACd;AAAA,YACA,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAKN,SAAKC,IAKH,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,iBAAiBC,GAAO,mBAAmBP;AAAA,MAAA;AAAA,MAE7C,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAA,EAAAA,CAAI;AAAA,IAAA;AAAA,EAAA,IAZ1DA;AAeX;"}
+{"version":3,"file":"WidgetContainer.js","sources":["../../src/components/WidgetContainer.tsx"],"sourcesContent":["import { PropsWithChildren, ReactElement } from 'react';\nimport { cn } from '../utils';\nimport { useTheme } from '../hooks/useTheme';\n\nconst DEFAULT_FULL_PAGE_BACKGROUND_COLOR = '#24262d';\n\nexport type WidgetContainerProps = PropsWithChildren<{\n  HeaderComponent?: ReactElement | false | null;\n  FooterComponent?: ReactElement | false | null;\n  isFullPage?: boolean;\n  className?: string;\n}>;\n\nexport const WidgetContainer = ({\n  children,\n  HeaderComponent,\n  FooterComponent,\n  isFullPage,\n  className,\n}: WidgetContainerProps) => {\n  const theme = useTheme();\n\n  const jsx = (\n    <div\n      style={{\n        transform: isFullPage ? 'translateY(15dvh)' : 'none',\n        backgroundColor: theme?.backgroundColor,\n      }}\n      className={cn(\n        'w-full h-fit flex flex-col justify-center items-center relative',\n        className,\n      )}>\n      {HeaderComponent && (\n        <div className=\"w-full mb-sw-2xl\">{HeaderComponent}</div>\n      )}\n      {children}\n      {FooterComponent && (\n        <div\n          className={cn('flex flex-col gap-3 items-center w-full mt-sw-2xl', {\n            'mb-sw-2xl': isFullPage,\n          })}>\n          {FooterComponent}\n        </div>\n      )}\n    </div>\n  );\n\n  if (!isFullPage) {\n    return jsx;\n  }\n\n  return (\n    <div\n      className={cn(\n        'sm:h-full min-h-screen sm:max-h-screen sm:overflow-auto w-full min-w-full px-sw-lg py-sw-xl sm:py-auto mx-auto flex justify-center sm:fixed sm:top-0 sm:left-0 sm:right-0',\n        className,\n      )}\n      style={{\n        backgroundColor:\n          theme?.backgroundColor ?? DEFAULT_FULL_PAGE_BACKGROUND_COLOR,\n      }}>\n      <div className=\"w-full h-fit max-w-[456px] min-w-[270px]\">{jsx}</div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_FULL_PAGE_BACKGROUND_COLOR","WidgetContainer","children","HeaderComponent","FooterComponent","isFullPage","className","theme","useTheme","jsx","jsxs","cn"],"mappings":";;;;;;AAIA,MAAMA,IAAqC,WAS9BC,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAAQC,EAAA,GAERC,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAWL,IAAa,sBAAsB;AAAA,QAC9C,iBAAiBE,GAAO;AAAA,MAAA;AAAA,MAE1B,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,UAAA;AAAA,QAAAH,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,oBAAoB,UAAAN,GAAgB;AAAA,QAEpDD;AAAA,QACAE,KACC,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAG,qDAAqD;AAAA,cACjE,aAAaN;AAAA,YAAA,CACd;AAAA,YACA,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAKN,SAAKC,IAKH,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,OAAO;AAAA,QACL,iBACEC,GAAO,mBAAmBP;AAAA,MAAA;AAAA,MAE9B,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAA,EAAAA,CAAI;AAAA,IAAA;AAAA,EAAA,IAb1DA;AAgBX;"}