@velora-dex/widget 0.3.6 → 0.3.7-dev.2

package/dist/core/index.d.ts

@@ -1,3 +1,3 @@
 import { WidgetProps } from './types';
-export declare const Widget: ({ config, provider, events, input }: WidgetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Widget: ({ config, apiConfig, provider, events, input, }: WidgetProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAiB7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAqU3C,eAAO,MAAM,MAAM,GAAI,qCAAqC,WAAW,4CAatE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAiB7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiV3C,eAAO,MAAM,MAAM,GAAI,iDAMpB,WAAW,4CAcb,CAAC"}

package/dist/core/index.js

@@ -69,6 +69,7 @@ import { isBridgePrice } from '../hooks/swap/prices/delta/queries/useDeltaPriceQ
 import { BridgeSelectorExpandable } from '../components/widget/BridgeSelectorExpandable/BridgeSelectorExpandable.js';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useInitialValue } from './screen/hooks/useInitialValue.js';
+import { apiConfigAtom } from './state/apiConfigAtom.js';
 
 runSubscriptions();
 const SwapScreen = () => {
@@ -277,9 +278,10 @@ const App = () => {
   return t2;
 };
 const WidgetBase = (t0) => {
-  const $ = distExports.c(70);
+  const $ = distExports.c(83);
   const {
     config: _config,
+    apiConfig,
     provider,
     events,
     input: formInputProps
@@ -287,6 +289,7 @@ const WidgetBase = (t0) => {
   const queryClient = useQueryClient();
   const setWidgetConfig = useSetAtom(setWidgetConfigAtom);
   const setSubConfig = useSetAtom(setSubConfigAtom);
+  const setApiConfig = useSetAtom(apiConfigAtom);
   let t1;
   if ($[0] !== _config) {
     t1 = _config || {};
@@ -361,75 +364,92 @@ const WidgetBase = (t0) => {
   } else {
     t3 = $[18];
   }
-  const t4 = provider || null;
-  let t5;
-  if ($[19] !== t4) {
-    t5 = [externalProviderAtom, t4];
-    $[19] = t4;
-    $[20] = t5;
+  let t4;
+  if ($[19] !== apiConfig) {
+    t4 = apiConfig || {};
+    $[19] = apiConfig;
+    $[20] = t4;
   } else {
-    t5 = $[20];
+    t4 = $[20];
   }
-  let t6;
-  if ($[21] !== events) {
-    t6 = events || {};
-    $[21] = events;
-    $[22] = t6;
+  let t5;
+  if ($[21] !== t4) {
+    t5 = [apiConfigAtom, t4];
+    $[21] = t4;
+    $[22] = t5;
   } else {
-    t6 = $[22];
+    t5 = $[22];
   }
+  const t6 = provider || null;
   let t7;
   if ($[23] !== t6) {
-    t7 = [widgetEventsAtom, t6];
+    t7 = [externalProviderAtom, t6];
     $[23] = t6;
     $[24] = t7;
   } else {
     t7 = $[24];
   }
   let t8;
-  if ($[25] !== formInputProps) {
-    t8 = formInputProps || {};
-    $[25] = formInputProps;
+  if ($[25] !== events) {
+    t8 = events || {};
+    $[25] = events;
     $[26] = t8;
   } else {
     t8 = $[26];
   }
   let t9;
   if ($[27] !== t8) {
-    t9 = [formInputPropsAtom, t8];
+    t9 = [widgetEventsAtom, t8];
     $[27] = t8;
     $[28] = t9;
   } else {
     t9 = $[28];
   }
   let t10;
-  if ($[29] !== queryClient) {
-    t10 = [queryClientAtom, queryClient];
-    $[29] = queryClient;
+  if ($[29] !== formInputProps) {
+    t10 = formInputProps || {};
+    $[29] = formInputProps;
     $[30] = t10;
   } else {
     t10 = $[30];
   }
   let t11;
-  if ($[31] !== t10 || $[32] !== t2 || $[33] !== t3 || $[34] !== t5 || $[35] !== t7 || $[36] !== t9) {
-    t11 = [t2, t3, t5, t7, t9, t10];
+  if ($[31] !== t10) {
+    t11 = [formInputPropsAtom, t10];
     $[31] = t10;
-    $[32] = t2;
-    $[33] = t3;
-    $[34] = t5;
-    $[35] = t7;
-    $[36] = t9;
-    $[37] = t11;
+    $[32] = t11;
   } else {
-    t11 = $[37];
+    t11 = $[32];
   }
-  useHydrateAtoms(t11);
-  useWidgetEventsSetter(events);
-  useSetFormInputFromProps(formInputProps);
   let t12;
+  if ($[33] !== queryClient) {
+    t12 = [queryClientAtom, queryClient];
+    $[33] = queryClient;
+    $[34] = t12;
+  } else {
+    t12 = $[34];
+  }
   let t13;
-  if ($[38] !== config.debug || $[39] !== config.enableCrossChain || $[40] !== config.enableDelta || $[41] !== config.ignoreBadUsdPrice || $[42] !== config.partner || $[43] !== config.privyAppId || $[44] !== config.privyClientId || $[45] !== config.theme || $[46] !== config.widgetMode || $[47] !== setWidgetConfig) {
-    t12 = () => {
+  if ($[35] !== t11 || $[36] !== t12 || $[37] !== t2 || $[38] !== t3 || $[39] !== t5 || $[40] !== t7 || $[41] !== t9) {
+    t13 = [t2, t3, t5, t7, t9, t11, t12];
+    $[35] = t11;
+    $[36] = t12;
+    $[37] = t2;
+    $[38] = t3;
+    $[39] = t5;
+    $[40] = t7;
+    $[41] = t9;
+    $[42] = t13;
+  } else {
+    t13 = $[42];
+  }
+  useHydrateAtoms(t13);
+  useWidgetEventsSetter(events);
+  useSetFormInputFromProps(formInputProps);
+  let t14;
+  let t15;
+  if ($[43] !== config.debug || $[44] !== config.enableCrossChain || $[45] !== config.enableDelta || $[46] !== config.ignoreBadUsdPrice || $[47] !== config.partner || $[48] !== config.privyAppId || $[49] !== config.privyClientId || $[50] !== config.theme || $[51] !== config.widgetMode || $[52] !== setWidgetConfig) {
+    t14 = () => {
       setWidgetConfig({
         theme: config.theme,
         enableDelta: config.enableDelta,
@@ -442,28 +462,28 @@ const WidgetBase = (t0) => {
         ignoreBadUsdPrice: config.ignoreBadUsdPrice
       });
     };
-    t13 = [config.theme, config.enableDelta, config.enableCrossChain, config.partner, config.privyAppId, config.privyClientId, config.debug, config.widgetMode, config.ignoreBadUsdPrice, setWidgetConfig];
-    $[38] = config.debug;
-    $[39] = config.enableCrossChain;
-    $[40] = config.enableDelta;
-    $[41] = config.ignoreBadUsdPrice;
-    $[42] = config.partner;
-    $[43] = config.privyAppId;
-    $[44] = config.privyClientId;
-    $[45] = config.theme;
-    $[46] = config.widgetMode;
-    $[47] = setWidgetConfig;
-    $[48] = t12;
-    $[49] = t13;
-  } else {
-    t12 = $[48];
-    t13 = $[49];
-  }
-  useLayoutEffect(t12, t13);
-  let t14;
-  let t15;
-  if ($[50] !== destChains || $[51] !== devURLs || $[52] !== excludeUI || $[53] !== setSubConfig || $[54] !== srcChains || $[55] !== tokenLists || $[56] !== tradeModes) {
-    t14 = () => {
+    t15 = [config.theme, config.enableDelta, config.enableCrossChain, config.partner, config.privyAppId, config.privyClientId, config.debug, config.widgetMode, config.ignoreBadUsdPrice, setWidgetConfig];
+    $[43] = config.debug;
+    $[44] = config.enableCrossChain;
+    $[45] = config.enableDelta;
+    $[46] = config.ignoreBadUsdPrice;
+    $[47] = config.partner;
+    $[48] = config.privyAppId;
+    $[49] = config.privyClientId;
+    $[50] = config.theme;
+    $[51] = config.widgetMode;
+    $[52] = setWidgetConfig;
+    $[53] = t14;
+    $[54] = t15;
+  } else {
+    t14 = $[53];
+    t15 = $[54];
+  }
+  useLayoutEffect(t14, t15);
+  let t16;
+  let t17;
+  if ($[55] !== destChains || $[56] !== devURLs || $[57] !== excludeUI || $[58] !== setSubConfig || $[59] !== srcChains || $[60] !== tokenLists || $[61] !== tradeModes) {
+    t16 = () => {
       setSubConfig({
         srcChains,
         destChains,
@@ -473,97 +493,127 @@ const WidgetBase = (t0) => {
         devURLs
       });
     };
-    t15 = [srcChains, destChains, tokenLists, setSubConfig, tradeModes, excludeUI, devURLs];
-    $[50] = destChains;
-    $[51] = devURLs;
-    $[52] = excludeUI;
-    $[53] = setSubConfig;
-    $[54] = srcChains;
-    $[55] = tokenLists;
-    $[56] = tradeModes;
-    $[57] = t14;
-    $[58] = t15;
-  } else {
-    t14 = $[57];
-    t15 = $[58];
+    t17 = [srcChains, destChains, tokenLists, setSubConfig, tradeModes, excludeUI, devURLs];
+    $[55] = destChains;
+    $[56] = devURLs;
+    $[57] = excludeUI;
+    $[58] = setSubConfig;
+    $[59] = srcChains;
+    $[60] = tokenLists;
+    $[61] = tradeModes;
+    $[62] = t16;
+    $[63] = t17;
+  } else {
+    t16 = $[62];
+    t17 = $[63];
   }
-  useLayoutEffect(t14, t15);
+  useLayoutEffect(t16, t17);
+  let t18;
+  if ($[64] !== apiConfig?.apiKey || $[65] !== apiConfig?.headers || $[66] !== setApiConfig) {
+    t18 = () => {
+      setApiConfig({
+        apiKey: apiConfig?.apiKey,
+        headers: apiConfig?.headers
+      });
+    };
+    $[64] = apiConfig?.apiKey;
+    $[65] = apiConfig?.headers;
+    $[66] = setApiConfig;
+    $[67] = t18;
+  } else {
+    t18 = $[67];
+  }
+  const t19 = apiConfig?.apiKey;
+  const t20 = apiConfig?.headers;
+  let t21;
+  if ($[68] !== setApiConfig || $[69] !== t19 || $[70] !== t20) {
+    t21 = [t19, t20, setApiConfig];
+    $[68] = setApiConfig;
+    $[69] = t19;
+    $[70] = t20;
+    $[71] = t21;
+  } else {
+    t21 = $[71];
+  }
+  useLayoutEffect(t18, t21);
   const setExternalProvider = useSetAtom(externalProviderAtom);
-  let t16;
-  let t17;
-  if ($[59] !== provider || $[60] !== setExternalProvider) {
-    t16 = () => {
+  let t22;
+  let t23;
+  if ($[72] !== provider || $[73] !== setExternalProvider) {
+    t22 = () => {
       setExternalProvider(provider || null);
     };
-    t17 = [provider, setExternalProvider];
-    $[59] = provider;
-    $[60] = setExternalProvider;
-    $[61] = t16;
-    $[62] = t17;
+    t23 = [provider, setExternalProvider];
+    $[72] = provider;
+    $[73] = setExternalProvider;
+    $[74] = t22;
+    $[75] = t23;
   } else {
-    t16 = $[61];
-    t17 = $[62];
+    t22 = $[74];
+    t23 = $[75];
   }
-  useLayoutEffect(t16, t17);
+  useLayoutEffect(t22, t23);
   const isDappMode = config?.widgetMode === "dapp";
   const reconnectOnMountInit = useInitialValue(!isDappMode);
-  let t18;
-  let t19;
-  let t20;
-  let t21;
-  let t22;
-  if ($[63] === Symbol.for("react.memo_cache_sentinel")) {
-    t18 = /* @__PURE__ */ jsx(AutoconnectExternalProvider, {});
-    t19 = /* @__PURE__ */ jsx(PrivyIframeDependency, {});
-    t20 = /* @__PURE__ */ jsx(Updaters, {});
-    t21 = /* @__PURE__ */ jsx(App, {});
-    t22 = false;
-    $[63] = t18;
-    $[64] = t19;
-    $[65] = t20;
-    $[66] = t21;
-    $[67] = t22;
-  } else {
-    t18 = $[63];
-    t19 = $[64];
-    t20 = $[65];
-    t21 = $[66];
-    t22 = $[67];
-  }
-  let t23;
-  if ($[68] !== reconnectOnMountInit) {
-    t23 = /* @__PURE__ */ jsxs(Web3Providers, { reconnectOnMount: reconnectOnMountInit, children: [
-      t18,
-      t19,
-      t20,
-      t21,
-      t22
+  let t24;
+  let t25;
+  let t26;
+  let t27;
+  let t28;
+  if ($[76] === Symbol.for("react.memo_cache_sentinel")) {
+    t24 = /* @__PURE__ */ jsx(AutoconnectExternalProvider, {});
+    t25 = /* @__PURE__ */ jsx(PrivyIframeDependency, {});
+    t26 = /* @__PURE__ */ jsx(Updaters, {});
+    t27 = /* @__PURE__ */ jsx(App, {});
+    t28 = false;
+    $[76] = t24;
+    $[77] = t25;
+    $[78] = t26;
+    $[79] = t27;
+    $[80] = t28;
+  } else {
+    t24 = $[76];
+    t25 = $[77];
+    t26 = $[78];
+    t27 = $[79];
+    t28 = $[80];
+  }
+  let t29;
+  if ($[81] !== reconnectOnMountInit) {
+    t29 = /* @__PURE__ */ jsxs(Web3Providers, { reconnectOnMount: reconnectOnMountInit, children: [
+      t24,
+      t25,
+      t26,
+      t27,
+      t28
     ] });
-    $[68] = reconnectOnMountInit;
-    $[69] = t23;
+    $[81] = reconnectOnMountInit;
+    $[82] = t29;
   } else {
-    t23 = $[69];
+    t29 = $[82];
   }
-  return t23;
+  return t29;
 };
 const Widget = (t0) => {
-  const $ = distExports.c(5);
+  const $ = distExports.c(6);
   const {
     config,
+    apiConfig,
     provider,
     events,
     input
   } = t0;
   let t1;
-  if ($[0] !== config || $[1] !== events || $[2] !== input || $[3] !== provider) {
-    t1 = /* @__PURE__ */ jsx(JotaiProvider, { children: /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(WidgetBase, { config, provider, events, input }) }) });
-    $[0] = config;
-    $[1] = events;
-    $[2] = input;
-    $[3] = provider;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
+  if ($[0] !== apiConfig || $[1] !== config || $[2] !== events || $[3] !== input || $[4] !== provider) {
+    t1 = /* @__PURE__ */ jsx(JotaiProvider, { children: /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(WidgetBase, { config, apiConfig, provider, events, input }) }) });
+    $[0] = apiConfig;
+    $[1] = config;
+    $[2] = events;
+    $[3] = input;
+    $[4] = provider;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
   }
   return t1;
 };