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

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/{config-CyBNYvb1.js → config-DAMaL9k2.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.21.1)"
   ), 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-DAMaL9k2.js.map