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

package/dist/components/WidgetContainer.js

@@ -1,55 +1,63 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import "../constants/chains.js";
 import "viem";
 import "ethers";
-import { cn as r } from "../utils/cn.js";
-import { useTheme as f } from "../hooks/useTheme.js";
+import { cn as s } from "../utils/cn.js";
+import { useTheme as x } from "../hooks/useTheme.js";
 const a = "#24262d", v = ({
-  children: n,
-  HeaderComponent: s,
-  FooterComponent: t,
-  isFullPage: e,
-  className: m
+  children: o,
+  HeaderComponent: t,
+  FooterComponent: m,
+  isFullPage: l,
+  className: r
 }) => {
-  const o = f(), i = /* @__PURE__ */ c(
+  const i = x(), n = /* @__PURE__ */ c(
     "div",
     {
       style: {
-        transform: e ? "translateY(15dvh)" : "none",
-        backgroundColor: o?.backgroundColor
+        transform: l ? "translateY(15dvh)" : "none"
       },
-      className: r(
+      className: s(
         "w-full h-fit flex flex-col justify-center items-center relative",
-        m
+        r
       ),
       children: [
-        s && /* @__PURE__ */ l("div", { className: "w-full mb-sw-2xl", children: s }),
-        n,
-        t && /* @__PURE__ */ l(
+        t && /* @__PURE__ */ e("div", { className: "w-full mb-sw-2xl", children: t }),
+        o,
+        m && /* @__PURE__ */ e(
           "div",
           {
-            className: r("flex flex-col gap-3 items-center w-full mt-sw-2xl", {
-              "mb-sw-2xl": e
+            className: s("flex flex-col gap-3 items-center w-full mt-sw-2xl", {
+              "mb-sw-2xl": l
             }),
-            children: t
+            children: m
           }
         )
       ]
     }
   );
-  return e ? /* @__PURE__ */ l(
+  return l ? /* @__PURE__ */ e(
     "div",
     {
-      className: r(
+      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 ?? a
+        backgroundColor: i?.backgroundColor ?? a
       },
-      children: /* @__PURE__ */ l("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        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;"}
+{"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;"}