@velora-dex/widget 0.3.11-dev.4 → 0.3.11-dev.5

package/dist/core/index.js

@@ -64,6 +64,7 @@ import { useQueryClient } from '@tanstack/react-query';
 import { useScreenValue } from './screen/state/hooks/useScreenValue.js';
 import { SecondaryScreenContainer, MainScreenContainer } from '../components/widget/Screen/ScreenContainer.js';
 import { useCloseScreenOnClickOutside } from './screen/hooks/useOnClickOutside.js';
+import { useResizeObserver } from './screen/hooks/useResizeObserver.js';
 import { useLimitReceiverAddress } from './limit/state/receiverAddressAtom.js';
 import { isBridgePrice } from '../hooks/swap/prices/delta/queries/useDeltaPriceQuery.js';
 import { BridgeSelectorExpandable } from '../components/widget/BridgeSelectorExpandable/BridgeSelectorExpandable.js';
@@ -278,7 +279,7 @@ const App = () => {
   return t2;
 };
 const WidgetBase = (t0) => {
-  const $ = distExports.c(71);
+  const $ = distExports.c(73);
   const {
     config: _config,
     provider,
@@ -300,6 +301,7 @@ const WidgetBase = (t0) => {
   let destChains;
   let devURLs;
   let excludeUI;
+  let partnerConfig;
   let srcChains;
   let tokenLists;
   let tradeModes;
@@ -311,6 +313,7 @@ const WidgetBase = (t0) => {
       tradeModes,
       excludeUI,
       devURLs,
+      partnerConfig,
       ...config
     } = t1);
     $[2] = t1;
@@ -318,31 +321,33 @@ const WidgetBase = (t0) => {
     $[4] = destChains;
     $[5] = devURLs;
     $[6] = excludeUI;
-    $[7] = srcChains;
-    $[8] = tokenLists;
-    $[9] = tradeModes;
+    $[7] = partnerConfig;
+    $[8] = srcChains;
+    $[9] = tokenLists;
+    $[10] = tradeModes;
   } else {
     config = $[3];
     destChains = $[4];
     devURLs = $[5];
     excludeUI = $[6];
-    srcChains = $[7];
-    tokenLists = $[8];
-    tradeModes = $[9];
+    partnerConfig = $[7];
+    srcChains = $[8];
+    tokenLists = $[9];
+    tradeModes = $[10];
   }
   let t2;
-  if ($[10] !== config) {
+  if ($[11] !== config) {
     t2 = [setWidgetConfigAtom, {
       ...defaultWidgetConfig,
       ...config
     }];
-    $[10] = config;
-    $[11] = t2;
+    $[11] = config;
+    $[12] = t2;
   } else {
-    t2 = $[11];
+    t2 = $[12];
   }
   let t3;
-  if ($[12] !== destChains || $[13] !== devURLs || $[14] !== excludeUI || $[15] !== srcChains || $[16] !== tokenLists || $[17] !== tradeModes) {
+  if ($[13] !== destChains || $[14] !== devURLs || $[15] !== excludeUI || $[16] !== partnerConfig || $[17] !== srcChains || $[18] !== tokenLists || $[19] !== tradeModes) {
     t3 = [setSubConfigAtom, {
       ...defaultSubConfig,
       srcChains,
@@ -350,101 +355,102 @@ const WidgetBase = (t0) => {
       tokenLists,
       tradeModes,
       excludeUI,
-      devURLs
+      devURLs,
+      partnerConfig
     }];
-    $[12] = destChains;
-    $[13] = devURLs;
-    $[14] = excludeUI;
-    $[15] = srcChains;
-    $[16] = tokenLists;
-    $[17] = tradeModes;
-    $[18] = t3;
+    $[13] = destChains;
+    $[14] = devURLs;
+    $[15] = excludeUI;
+    $[16] = partnerConfig;
+    $[17] = srcChains;
+    $[18] = tokenLists;
+    $[19] = tradeModes;
+    $[20] = t3;
   } else {
-    t3 = $[18];
+    t3 = $[20];
   }
   const t4 = provider || null;
   let t5;
-  if ($[19] !== t4) {
+  if ($[21] !== t4) {
     t5 = [externalProviderAtom, t4];
-    $[19] = t4;
-    $[20] = t5;
+    $[21] = t4;
+    $[22] = t5;
   } else {
-    t5 = $[20];
+    t5 = $[22];
   }
   let t6;
-  if ($[21] !== events) {
+  if ($[23] !== events) {
     t6 = events || {};
-    $[21] = events;
-    $[22] = t6;
+    $[23] = events;
+    $[24] = t6;
   } else {
-    t6 = $[22];
+    t6 = $[24];
   }
   let t7;
-  if ($[23] !== t6) {
+  if ($[25] !== t6) {
     t7 = [widgetEventsAtom, t6];
-    $[23] = t6;
-    $[24] = t7;
+    $[25] = t6;
+    $[26] = t7;
   } else {
-    t7 = $[24];
+    t7 = $[26];
   }
   let t8;
-  if ($[25] !== formInputProps) {
+  if ($[27] !== formInputProps) {
     t8 = formInputProps || {};
-    $[25] = formInputProps;
-    $[26] = t8;
+    $[27] = formInputProps;
+    $[28] = t8;
   } else {
-    t8 = $[26];
+    t8 = $[28];
   }
   let t9;
-  if ($[27] !== t8) {
+  if ($[29] !== t8) {
     t9 = [formInputPropsAtom, t8];
-    $[27] = t8;
-    $[28] = t9;
+    $[29] = t8;
+    $[30] = t9;
   } else {
-    t9 = $[28];
+    t9 = $[30];
   }
   let t10;
-  if ($[29] !== queryClient) {
+  if ($[31] !== queryClient) {
     t10 = [queryClientAtom, queryClient];
-    $[29] = queryClient;
-    $[30] = t10;
+    $[31] = queryClient;
+    $[32] = t10;
   } else {
-    t10 = $[30];
+    t10 = $[32];
   }
   let t11;
-  if ($[31] !== t10 || $[32] !== t2 || $[33] !== t3 || $[34] !== t5 || $[35] !== t7 || $[36] !== t9) {
+  if ($[33] !== t10 || $[34] !== t2 || $[35] !== t3 || $[36] !== t5 || $[37] !== t7 || $[38] !== t9) {
     t11 = [t2, t3, t5, t7, t9, t10];
-    $[31] = t10;
-    $[32] = t2;
-    $[33] = t3;
-    $[34] = t5;
-    $[35] = t7;
-    $[36] = t9;
-    $[37] = t11;
+    $[33] = t10;
+    $[34] = t2;
+    $[35] = t3;
+    $[36] = t5;
+    $[37] = t7;
+    $[38] = t9;
+    $[39] = t11;
   } else {
-    t11 = $[37];
+    t11 = $[39];
   }
   let t12;
-  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
     t12 = {
       store: jotaiStore
     };
-    $[38] = t12;
+    $[40] = t12;
   } else {
-    t12 = $[38];
+    t12 = $[40];
   }
   useHydrateAtoms(t11, t12);
   useWidgetEventsSetter(events);
   useSetFormInputFromProps(formInputProps);
   let t13;
   let t14;
-  if ($[39] !== config.debug || $[40] !== config.enableCrossChain || $[41] !== config.enableDelta || $[42] !== config.ignoreBadUsdPrice || $[43] !== config.partner || $[44] !== config.privyAppId || $[45] !== config.privyClientId || $[46] !== config.theme || $[47] !== config.widgetMode || $[48] !== setWidgetConfig) {
+  if ($[41] !== config.debug || $[42] !== config.enableCrossChain || $[43] !== config.enableDelta || $[44] !== config.ignoreBadUsdPrice || $[45] !== config.privyAppId || $[46] !== config.privyClientId || $[47] !== config.theme || $[48] !== config.widgetMode || $[49] !== setWidgetConfig) {
     t13 = () => {
       setWidgetConfig({
         theme: config.theme,
         enableDelta: config.enableDelta,
         enableCrossChain: config.enableCrossChain,
-        partner: config.partner,
         privyAppId: config.privyAppId,
         privyClientId: config.privyClientId,
         debug: config.debug,
@@ -452,27 +458,26 @@ const WidgetBase = (t0) => {
         ignoreBadUsdPrice: config.ignoreBadUsdPrice
       });
     };
-    t14 = [config.theme, config.enableDelta, config.enableCrossChain, config.partner, config.privyAppId, config.privyClientId, config.debug, config.widgetMode, config.ignoreBadUsdPrice, setWidgetConfig];
-    $[39] = config.debug;
-    $[40] = config.enableCrossChain;
-    $[41] = config.enableDelta;
-    $[42] = config.ignoreBadUsdPrice;
-    $[43] = config.partner;
-    $[44] = config.privyAppId;
-    $[45] = config.privyClientId;
-    $[46] = config.theme;
-    $[47] = config.widgetMode;
-    $[48] = setWidgetConfig;
-    $[49] = t13;
-    $[50] = t14;
-  } else {
-    t13 = $[49];
-    t14 = $[50];
+    t14 = [config.theme, config.enableDelta, config.enableCrossChain, config.privyAppId, config.privyClientId, config.debug, config.widgetMode, config.ignoreBadUsdPrice, setWidgetConfig];
+    $[41] = config.debug;
+    $[42] = config.enableCrossChain;
+    $[43] = config.enableDelta;
+    $[44] = config.ignoreBadUsdPrice;
+    $[45] = config.privyAppId;
+    $[46] = config.privyClientId;
+    $[47] = config.theme;
+    $[48] = config.widgetMode;
+    $[49] = setWidgetConfig;
+    $[50] = t13;
+    $[51] = t14;
+  } else {
+    t13 = $[50];
+    t14 = $[51];
   }
   useLayoutEffect(t13, t14);
   let t15;
   let t16;
-  if ($[51] !== destChains || $[52] !== devURLs || $[53] !== excludeUI || $[54] !== setSubConfig || $[55] !== srcChains || $[56] !== tokenLists || $[57] !== tradeModes) {
+  if ($[52] !== destChains || $[53] !== devURLs || $[54] !== excludeUI || $[55] !== partnerConfig || $[56] !== setSubConfig || $[57] !== srcChains || $[58] !== tokenLists || $[59] !== tradeModes) {
     t15 = () => {
       setSubConfig({
         srcChains,
@@ -480,39 +485,41 @@ const WidgetBase = (t0) => {
         tokenLists,
         tradeModes,
         excludeUI,
-        devURLs
+        devURLs,
+        partnerConfig
       });
     };
-    t16 = [srcChains, destChains, tokenLists, setSubConfig, tradeModes, excludeUI, devURLs];
-    $[51] = destChains;
-    $[52] = devURLs;
-    $[53] = excludeUI;
-    $[54] = setSubConfig;
-    $[55] = srcChains;
-    $[56] = tokenLists;
-    $[57] = tradeModes;
-    $[58] = t15;
-    $[59] = t16;
-  } else {
-    t15 = $[58];
-    t16 = $[59];
+    t16 = [srcChains, destChains, tokenLists, setSubConfig, tradeModes, excludeUI, devURLs, partnerConfig];
+    $[52] = destChains;
+    $[53] = devURLs;
+    $[54] = excludeUI;
+    $[55] = partnerConfig;
+    $[56] = setSubConfig;
+    $[57] = srcChains;
+    $[58] = tokenLists;
+    $[59] = tradeModes;
+    $[60] = t15;
+    $[61] = t16;
+  } else {
+    t15 = $[60];
+    t16 = $[61];
   }
   useLayoutEffect(t15, t16);
   const setExternalProvider = useSetAtom(externalProviderAtom);
   let t17;
   let t18;
-  if ($[60] !== provider || $[61] !== setExternalProvider) {
+  if ($[62] !== provider || $[63] !== setExternalProvider) {
     t17 = () => {
       setExternalProvider(provider || null);
     };
     t18 = [provider, setExternalProvider];
-    $[60] = provider;
-    $[61] = setExternalProvider;
-    $[62] = t17;
-    $[63] = t18;
+    $[62] = provider;
+    $[63] = setExternalProvider;
+    $[64] = t17;
+    $[65] = t18;
   } else {
-    t17 = $[62];
-    t18 = $[63];
+    t17 = $[64];
+    t18 = $[65];
   }
   useLayoutEffect(t17, t18);
   const isDappMode = config?.widgetMode === "dapp";
@@ -522,26 +529,26 @@ const WidgetBase = (t0) => {
   let t21;
   let t22;
   let t23;
-  if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
     t19 = /* @__PURE__ */ jsx(AutoconnectExternalProvider, {});
     t20 = /* @__PURE__ */ jsx(PrivyIframeDependency, {});
     t21 = /* @__PURE__ */ jsx(Updaters, {});
     t22 = /* @__PURE__ */ jsx(App, {});
     t23 = false;
-    $[64] = t19;
-    $[65] = t20;
-    $[66] = t21;
-    $[67] = t22;
-    $[68] = t23;
-  } else {
-    t19 = $[64];
-    t20 = $[65];
-    t21 = $[66];
-    t22 = $[67];
-    t23 = $[68];
+    $[66] = t19;
+    $[67] = t20;
+    $[68] = t21;
+    $[69] = t22;
+    $[70] = t23;
+  } else {
+    t19 = $[66];
+    t20 = $[67];
+    t21 = $[68];
+    t22 = $[69];
+    t23 = $[70];
   }
   let t24;
-  if ($[69] !== reconnectOnMountInit) {
+  if ($[71] !== reconnectOnMountInit) {
     t24 = /* @__PURE__ */ jsxs(Web3Providers, { reconnectOnMount: reconnectOnMountInit, children: [
       t19,
       t20,
@@ -549,10 +556,10 @@ const WidgetBase = (t0) => {
       t22,
       t23
     ] });
-    $[69] = reconnectOnMountInit;
-    $[70] = t24;
+    $[71] = reconnectOnMountInit;
+    $[72] = t24;
   } else {
-    t24 = $[70];
+    t24 = $[72];
   }
   return t24;
 };
@@ -585,6 +592,7 @@ function Containers(t0) {
   const setContainerElement = useSetAtom(containerAtom);
   const containerRef = useRef(null);
   useCloseScreenOnClickOutside(containerRef);
+  useResizeObserver(containerRef);
   const widgetConfig = useWidgetConfig();
   const {
     isDrawerFullCover,