@velora-dex/widget 0.3.11-dev.8 → 0.3.12

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;AAgV3C,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;AA4V3C,eAAO,MAAM,MAAM,GAAI,iDAMpB,WAAW,4CAcb,CAAC"}

package/dist/core/index.js

@@ -70,6 +70,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 = () => {
@@ -279,9 +280,10 @@ const App = () => {
   return t2;
 };
 const WidgetBase = (t0) => {
-  const $ = distExports.c(73);
+  const $ = distExports.c(86);
   const {
     config: _config,
+    apiConfig,
     provider,
     events,
     input: formInputProps
@@ -289,6 +291,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 || {};
@@ -369,84 +372,101 @@ const WidgetBase = (t0) => {
   } else {
     t3 = $[20];
   }
-  const t4 = provider || null;
-  let t5;
-  if ($[21] !== t4) {
-    t5 = [externalProviderAtom, t4];
-    $[21] = t4;
-    $[22] = t5;
+  let t4;
+  if ($[21] !== apiConfig) {
+    t4 = apiConfig || {};
+    $[21] = apiConfig;
+    $[22] = t4;
   } else {
-    t5 = $[22];
+    t4 = $[22];
   }
-  let t6;
-  if ($[23] !== events) {
-    t6 = events || {};
-    $[23] = events;
-    $[24] = t6;
+  let t5;
+  if ($[23] !== t4) {
+    t5 = [apiConfigAtom, t4];
+    $[23] = t4;
+    $[24] = t5;
   } else {
-    t6 = $[24];
+    t5 = $[24];
   }
+  const t6 = provider || null;
   let t7;
   if ($[25] !== t6) {
-    t7 = [widgetEventsAtom, t6];
+    t7 = [externalProviderAtom, t6];
     $[25] = t6;
     $[26] = t7;
   } else {
     t7 = $[26];
   }
   let t8;
-  if ($[27] !== formInputProps) {
-    t8 = formInputProps || {};
-    $[27] = formInputProps;
+  if ($[27] !== events) {
+    t8 = events || {};
+    $[27] = events;
     $[28] = t8;
   } else {
     t8 = $[28];
   }
   let t9;
   if ($[29] !== t8) {
-    t9 = [formInputPropsAtom, t8];
+    t9 = [widgetEventsAtom, t8];
     $[29] = t8;
     $[30] = t9;
   } else {
     t9 = $[30];
   }
   let t10;
-  if ($[31] !== queryClient) {
-    t10 = [queryClientAtom, queryClient];
-    $[31] = queryClient;
+  if ($[31] !== formInputProps) {
+    t10 = formInputProps || {};
+    $[31] = formInputProps;
     $[32] = t10;
   } else {
     t10 = $[32];
   }
   let t11;
-  if ($[33] !== t10 || $[34] !== t2 || $[35] !== t3 || $[36] !== t5 || $[37] !== t7 || $[38] !== t9) {
-    t11 = [t2, t3, t5, t7, t9, t10];
+  if ($[33] !== t10) {
+    t11 = [formInputPropsAtom, t10];
     $[33] = t10;
-    $[34] = t2;
-    $[35] = t3;
-    $[36] = t5;
-    $[37] = t7;
-    $[38] = t9;
-    $[39] = t11;
+    $[34] = t11;
   } else {
-    t11 = $[39];
+    t11 = $[34];
   }
   let t12;
-  if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
-    t12 = {
+  if ($[35] !== queryClient) {
+    t12 = [queryClientAtom, queryClient];
+    $[35] = queryClient;
+    $[36] = t12;
+  } else {
+    t12 = $[36];
+  }
+  let t13;
+  if ($[37] !== t11 || $[38] !== t12 || $[39] !== t2 || $[40] !== t3 || $[41] !== t5 || $[42] !== t7 || $[43] !== t9) {
+    t13 = [t2, t3, t5, t7, t9, t11, t12];
+    $[37] = t11;
+    $[38] = t12;
+    $[39] = t2;
+    $[40] = t3;
+    $[41] = t5;
+    $[42] = t7;
+    $[43] = t9;
+    $[44] = t13;
+  } else {
+    t13 = $[44];
+  }
+  let t14;
+  if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+    t14 = {
       store: jotaiStore
     };
-    $[40] = t12;
+    $[45] = t14;
   } else {
-    t12 = $[40];
+    t14 = $[45];
   }
-  useHydrateAtoms(t11, t12);
+  useHydrateAtoms(t13, t14);
   useWidgetEventsSetter(events);
   useSetFormInputFromProps(formInputProps);
-  let t13;
-  let t14;
-  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 = () => {
+  let t15;
+  let t16;
+  if ($[46] !== config.debug || $[47] !== config.enableCrossChain || $[48] !== config.enableDelta || $[49] !== config.ignoreBadUsdPrice || $[50] !== config.privyAppId || $[51] !== config.privyClientId || $[52] !== config.theme || $[53] !== config.widgetMode || $[54] !== setWidgetConfig) {
+    t15 = () => {
       setWidgetConfig({
         theme: config.theme,
         enableDelta: config.enableDelta,
@@ -458,27 +478,27 @@ const WidgetBase = (t0) => {
         ignoreBadUsdPrice: config.ignoreBadUsdPrice
       });
     };
-    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 ($[52] !== destChains || $[53] !== devURLs || $[54] !== excludeUI || $[55] !== partnerConfig || $[56] !== setSubConfig || $[57] !== srcChains || $[58] !== tokenLists || $[59] !== tradeModes) {
-    t15 = () => {
+    t16 = [config.theme, config.enableDelta, config.enableCrossChain, config.privyAppId, config.privyClientId, config.debug, config.widgetMode, config.ignoreBadUsdPrice, setWidgetConfig];
+    $[46] = config.debug;
+    $[47] = config.enableCrossChain;
+    $[48] = config.enableDelta;
+    $[49] = config.ignoreBadUsdPrice;
+    $[50] = config.privyAppId;
+    $[51] = config.privyClientId;
+    $[52] = config.theme;
+    $[53] = config.widgetMode;
+    $[54] = setWidgetConfig;
+    $[55] = t15;
+    $[56] = t16;
+  } else {
+    t15 = $[55];
+    t16 = $[56];
+  }
+  useLayoutEffect(t15, t16);
+  let t17;
+  let t18;
+  if ($[57] !== destChains || $[58] !== devURLs || $[59] !== excludeUI || $[60] !== partnerConfig || $[61] !== setSubConfig || $[62] !== srcChains || $[63] !== tokenLists || $[64] !== tradeModes) {
+    t17 = () => {
       setSubConfig({
         srcChains,
         destChains,
@@ -489,98 +509,128 @@ const WidgetBase = (t0) => {
         partnerConfig
       });
     };
-    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];
+    t18 = [srcChains, destChains, tokenLists, setSubConfig, tradeModes, excludeUI, devURLs, partnerConfig];
+    $[57] = destChains;
+    $[58] = devURLs;
+    $[59] = excludeUI;
+    $[60] = partnerConfig;
+    $[61] = setSubConfig;
+    $[62] = srcChains;
+    $[63] = tokenLists;
+    $[64] = tradeModes;
+    $[65] = t17;
+    $[66] = t18;
+  } else {
+    t17 = $[65];
+    t18 = $[66];
   }
-  useLayoutEffect(t15, t16);
+  useLayoutEffect(t17, t18);
+  let t19;
+  if ($[67] !== apiConfig?.apiKey || $[68] !== apiConfig?.headers || $[69] !== setApiConfig) {
+    t19 = () => {
+      setApiConfig({
+        apiKey: apiConfig?.apiKey,
+        headers: apiConfig?.headers
+      });
+    };
+    $[67] = apiConfig?.apiKey;
+    $[68] = apiConfig?.headers;
+    $[69] = setApiConfig;
+    $[70] = t19;
+  } else {
+    t19 = $[70];
+  }
+  const t20 = apiConfig?.apiKey;
+  const t21 = apiConfig?.headers;
+  let t22;
+  if ($[71] !== setApiConfig || $[72] !== t20 || $[73] !== t21) {
+    t22 = [t20, t21, setApiConfig];
+    $[71] = setApiConfig;
+    $[72] = t20;
+    $[73] = t21;
+    $[74] = t22;
+  } else {
+    t22 = $[74];
+  }
+  useLayoutEffect(t19, t22);
   const setExternalProvider = useSetAtom(externalProviderAtom);
-  let t17;
-  let t18;
-  if ($[62] !== provider || $[63] !== setExternalProvider) {
-    t17 = () => {
+  let t23;
+  let t24;
+  if ($[75] !== provider || $[76] !== setExternalProvider) {
+    t23 = () => {
       setExternalProvider(provider || null);
     };
-    t18 = [provider, setExternalProvider];
-    $[62] = provider;
-    $[63] = setExternalProvider;
-    $[64] = t17;
-    $[65] = t18;
+    t24 = [provider, setExternalProvider];
+    $[75] = provider;
+    $[76] = setExternalProvider;
+    $[77] = t23;
+    $[78] = t24;
   } else {
-    t17 = $[64];
-    t18 = $[65];
+    t23 = $[77];
+    t24 = $[78];
   }
-  useLayoutEffect(t17, t18);
+  useLayoutEffect(t23, t24);
   const isDappMode = config?.widgetMode === "dapp";
   const reconnectOnMountInit = useInitialValue(!isDappMode);
-  let t19;
-  let t20;
-  let t21;
-  let t22;
-  let t23;
-  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;
-    $[66] = t19;
-    $[67] = t20;
-    $[68] = t21;
-    $[69] = t22;
-    $[70] = t23;
-  } else {
-    t19 = $[66];
-    t20 = $[67];
-    t21 = $[68];
-    t22 = $[69];
-    t23 = $[70];
-  }
-  let t24;
-  if ($[71] !== reconnectOnMountInit) {
-    t24 = /* @__PURE__ */ jsxs(Web3Providers, { reconnectOnMount: reconnectOnMountInit, children: [
-      t19,
-      t20,
-      t21,
-      t22,
-      t23
+  let t25;
+  let t26;
+  let t27;
+  let t28;
+  let t29;
+  if ($[79] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = /* @__PURE__ */ jsx(AutoconnectExternalProvider, {});
+    t26 = /* @__PURE__ */ jsx(PrivyIframeDependency, {});
+    t27 = /* @__PURE__ */ jsx(Updaters, {});
+    t28 = /* @__PURE__ */ jsx(App, {});
+    t29 = false;
+    $[79] = t25;
+    $[80] = t26;
+    $[81] = t27;
+    $[82] = t28;
+    $[83] = t29;
+  } else {
+    t25 = $[79];
+    t26 = $[80];
+    t27 = $[81];
+    t28 = $[82];
+    t29 = $[83];
+  }
+  let t30;
+  if ($[84] !== reconnectOnMountInit) {
+    t30 = /* @__PURE__ */ jsxs(Web3Providers, { reconnectOnMount: reconnectOnMountInit, children: [
+      t25,
+      t26,
+      t27,
+      t28,
+      t29
     ] });
-    $[71] = reconnectOnMountInit;
-    $[72] = t24;
+    $[84] = reconnectOnMountInit;
+    $[85] = t30;
   } else {
-    t24 = $[72];
+    t30 = $[85];
   }
-  return t24;
+  return t30;
 };
 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;
 };