@aurora-is-near/intents-swap-widget 3.21.0 → 3.22.0

package/dist/components/WidgetContainer.js

@@ -3,15 +3,15 @@ import "../constants/chains.js";
 import "viem";
 import "ethers";
 import { cn as s } from "../utils/cn.js";
-import { useTheme as f } from "../hooks/useTheme.js";
-const x = "#24262d", v = ({
-  children: n,
+import { useTheme as x } from "../hooks/useTheme.js";
+const a = "#24262d", v = ({
+  children: o,
   HeaderComponent: t,
-  FooterComponent: r,
+  FooterComponent: m,
   isFullPage: l,
-  className: m
+  className: r
 }) => {
-  const o = f(), i = /* @__PURE__ */ c(
+  const i = x(), n = /* @__PURE__ */ c(
     "div",
     {
       style: {
@@ -19,18 +19,18 @@ const x = "#24262d", v = ({
       },
       className: s(
         "w-full h-fit flex flex-col justify-center items-center relative",
-        m
+        r
       ),
       children: [
         t && /* @__PURE__ */ e("div", { className: "w-full mb-sw-2xl", children: t }),
-        n,
-        r && /* @__PURE__ */ e(
+        o,
+        m && /* @__PURE__ */ e(
           "div",
           {
             className: s("flex flex-col gap-3 items-center w-full mt-sw-2xl", {
               "mb-sw-2xl": l
             }),
-            children: r
+            children: m
           }
         )
       ]
@@ -41,14 +41,23 @@ const x = "#24262d", v = ({
     {
       className: s(
         "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
+        r
       ),
       style: {
-        backgroundColor: o?.backgroundColor ?? x
+        backgroundColor: i?.backgroundColor ?? a
       },
-      children: /* @__PURE__ */ e("div", { className: "w-full h-fit max-w-[456px] min-w-[270px]", children: i })
+      children: /* @__PURE__ */ e("div", { className: "w-full h-fit max-w-[456px] min-w-[270px]", children: n })
     }
-  ) : i;
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      className: s(
+        "relative w-auto mx-auto",
+        i?.showContainer ? "max-w-[496px] sm:w-[496px] p-csw-2xl bg-sw-container rounded-sw-lg" : "max-w-[456px] sm:w-[456px]"
+      ),
+      children: n
+    }
+  );
 };
 export {
   v as WidgetContainer

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_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      }}\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,MAAA;AAAA,MAEhD,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,iBACEC,GAAO,mBAAmBP;AAAA,MAAA;AAAA,MAE9B,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAA,EAAAA,CAAI;AAAA,IAAA;AAAA,EAAA,IAb1DA;AAgBX;"}
+{"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      }}\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 (\n      <div\n        className={cn(\n          'relative w-auto mx-auto',\n          theme?.showContainer\n            ? 'max-w-[496px] sm:w-[496px] p-csw-2xl bg-sw-container rounded-sw-lg'\n            : 'max-w-[456px] sm:w-[456px]',\n        )}>\n        {jsx}\n      </div>\n    );\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,MAAA;AAAA,MAEhD,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,IAeH,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,IAtB/D,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAJ,GAAO,gBACH,uEACA;AAAA,MAAA;AAAA,MAEL,UAAAE;AAAAA,IAAA;AAAA,EAAA;AAkBT;"}

package/dist/components/WidgetTabs.d.ts

@@ -0,0 +1,8 @@
+declare const TABS: readonly ["swap", "deposit", "withdraw"];
+export type WidgetTab = (typeof TABS)[number];
+type Props = {
+    activeTab: WidgetTab;
+    onSelect: (tab: WidgetTab) => void;
+};
+export declare const WidgetTabs: ({ activeTab, onSelect }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/WidgetTabs.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../constants/chains.js";
+import "viem";
+import "ethers";
+import { cn as o } from "../utils/cn.js";
+const p = ["swap", "deposit", "withdraw"], w = ({ activeTab: s, onSelect: e }) => /* @__PURE__ */ t("nav", { className: "space-x-[10px] mb-sw-2xl w-full", children: p.map((r) => /* @__PURE__ */ t(
+  "button",
+  {
+    onClick: () => e(r),
+    className: o(
+      "rounded-sw-md text-sw-label-md cursor-pointer py-[10px] px-sw-lg",
+      s === r ? "bg-sw-gray-50 text-sw-gray-950" : "bg-transparent text-sw-gray-200"
+    ),
+    children: r.charAt(0).toUpperCase() + r.slice(1)
+  }
+)) });
+export {
+  w as WidgetTabs
+};
+//# sourceMappingURL=WidgetTabs.js.map

package/dist/components/WidgetTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetTabs.js","sources":["../../src/components/WidgetTabs.tsx"],"sourcesContent":["import { cn } from '../utils';\n\nconst TABS = ['swap', 'deposit', 'withdraw'] as const;\n\nexport type WidgetTab = (typeof TABS)[number];\n\ntype Props = {\n  activeTab: WidgetTab;\n  onSelect: (tab: WidgetTab) => void;\n};\n\nexport const WidgetTabs = ({ activeTab, onSelect }: Props) => {\n  return (\n    <nav className=\"space-x-[10px] mb-sw-2xl w-full\">\n      {TABS.map((tab) => {\n        const isActive = activeTab === tab;\n\n        return (\n          <button\n            onClick={() => onSelect(tab)}\n            className={cn(\n              'rounded-sw-md text-sw-label-md cursor-pointer py-[10px] px-sw-lg',\n              isActive\n                ? 'bg-sw-gray-50 text-sw-gray-950'\n                : 'bg-transparent text-sw-gray-200',\n            )}>\n            {tab.charAt(0).toUpperCase() + tab.slice(1)}\n          </button>\n        );\n      })}\n    </nav>\n  );\n};\n"],"names":["TABS","WidgetTabs","activeTab","onSelect","tab","jsx","cn"],"mappings":";;;;;AAEA,MAAMA,IAAO,CAAC,QAAQ,WAAW,UAAU,GAS9BC,IAAa,CAAC,EAAE,WAAAC,GAAW,UAAAC,0BAEnC,OAAA,EAAI,WAAU,mCACZ,UAAAH,EAAK,IAAI,CAACI,MAIP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAS,MAAMF,EAASC,CAAG;AAAA,IAC3B,WAAWE;AAAA,MACT;AAAA,MANWJ,MAAcE,IAQrB,mCACA;AAAA,IAAA;AAAA,IAEL,UAAAA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,MAAM,CAAC;AAAA,EAAA;AAAA,CAG/C,EAAA,CACH;"}

package/dist/{config-CyBNYvb1.js → config-Opy5ppbU.js}

@@ -1069,7 +1069,7 @@ const ms = (e) => {
   x("quoteSetStatus", Mn), x("walletAddressSet", Hn), x("transferSetStatus", jn), x("tokenSelectRotate", be), x("tokenSetBalance", Gn), x("tokenSetAmount", Vn), x("depositTypeSet", Qn), x("setInputsValidating", Kn), x("externalDepositTxSet", $n), x("tokenSelect", bs), x("addressSet", Wn), x("errorSet", Un), x("quoteSet", Pn), x("reset", qn), x("validateDryInputs", Ft), x("validateExternalInputs", Lt), x("validateInternalInputs", Bt);
 }, Cs = gn(({ debug: e }) => {
   e && E.debug(
-    "[WIDGET] Debug mode is enabled (package version: 3.21.0)"
+    "[WIDGET] Debug mode is enabled (package version: 3.22.0)"
   ), Es(), ys({ debug: e }), _s({ debug: e });
 }), Ol = ({ listenTo: e, debug: t = !1 }) => {
   C(() => {
@@ -2980,4 +2980,4 @@ export {
   y,
   Wl as z
 };
-//# sourceMappingURL=config-CyBNYvb1.js.map
+//# sourceMappingURL=config-Opy5ppbU.js.map