@rango-dev/widget-embedded 0.22.2-next.1 → 0.22.3

package/dist/pages/LiquiditySourcePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiquiditySourcePage.d.ts","sourceRoot":"","sources":["../../src/pages/LiquiditySourcePage.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,UAAU,SAAS;IACjB,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;CACrC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,qBA6H5D"}
+{"version":3,"file":"LiquiditySourcePage.d.ts","sourceRoot":"","sources":["../../src/pages/LiquiditySourcePage.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,UAAU,SAAS;IACjB,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;CACrC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,qBAwH5D"}

package/dist/pages/SettingsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SettingsPage.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,wBAAgB,YAAY,sBA+M3B"}
+{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SettingsPage.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,wBAAgB,YAAY,sBA4K3B"}

package/dist/store/app.d.ts

@@ -3,7 +3,7 @@ import type { DataSlice } from './slices/data';
 import type { SettingsSlice } from './slices/settings';
 import type { WidgetConfig } from '../types';
 import type { StateCreator } from 'zustand';
-export type StateCreatorWithInitialData<T extends Partial<WidgetConfig>, R extends Partial<AppStoreState>, V extends Partial<AppStoreState>> = (initialData: T | undefined, ...rest: Parameters<StateCreator<R, [], [], V>>) => ReturnType<StateCreator<R, [], [], V>>;
+export type StateCreatorWithInitialData<T extends Partial<WidgetConfig>, R extends Record<string, unknown>, V extends Record<string, unknown>> = (initialData: T | undefined, ...rest: Parameters<StateCreator<R, [], [], V>>) => ReturnType<StateCreator<R, [], [], V>>;
 export type AppStoreState = DataSlice & ConfigSlice & SettingsSlice;
 export declare function createAppStore(initialData?: WidgetConfig): import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<AppStoreState>, "persist"> & {
     persist: {

package/dist/store/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/store/app.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAS5C,MAAM,MAAM,2BAA2B,CACrC,CAAC,SAAS,OAAO,CAAC,YAAY,CAAC,EAC/B,CAAC,SAAS,OAAO,CAAC,aAAa,CAAC,EAChC,CAAC,SAAS,OAAO,CAAC,aAAa,CAAC,IAC9B,CACF,WAAW,EAAE,CAAC,GAAG,SAAS,EAC1B,GAAG,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAC5C,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAEpE,wBAAgB,cAAc,CAAC,WAAW,CAAC,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BxD"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/store/app.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAS5C,MAAM,MAAM,2BAA2B,CACrC,CAAC,SAAS,OAAO,CAAC,YAAY,CAAC,EAC/B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAC/B,CACF,WAAW,EAAE,CAAC,GAAG,SAAS,EAC1B,GAAG,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAC5C,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;AAEpE,wBAAgB,cAAc,CAAC,WAAW,CAAC,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BxD"}

package/dist/store/slices/config.d.ts

@@ -1,27 +1,17 @@
-import type { SettingsSlice } from './settings';
 import type { WidgetConfig } from '../../types';
 import type { StateCreatorWithInitialData } from '../app';
 export declare const DEFAULT_CONFIG: WidgetConfig;
 interface IframeConfigs {
     clientUrl?: string;
 }
-interface CampaignMode {
-    liquiditySources?: string[];
-}
-export interface ConfigSlice {
+export type ConfigSlice = {
     config: WidgetConfig;
-    campaignMode: CampaignMode;
-    isInCampaignMode: () => boolean;
-    getLiquiditySources: () => string[];
-    getDisabledLiquiditySources: () => string[];
-    excludeLiquiditySources: () => boolean;
     updateConfig: (config: WidgetConfig) => void;
-    updateCampaignMode: <K extends keyof CampaignMode>(name: K, value: CampaignMode[K]) => void;
     iframe: {
         clientUrl?: string;
     };
     updateIframe: <K extends keyof IframeConfigs>(name: K, value: IframeConfigs[K]) => void;
-}
-export declare const createConfigSlice: StateCreatorWithInitialData<WidgetConfig, ConfigSlice & SettingsSlice, ConfigSlice>;
+};
+export declare const createConfigSlice: StateCreatorWithInitialData<WidgetConfig, ConfigSlice, ConfigSlice>;
 export {};
 //# sourceMappingURL=config.d.ts.map

package/dist/store/slices/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/store/slices/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;AAE1D,eAAO,MAAM,cAAc,EAAE,YAM5B,CAAC;AAEF,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,YAAY;IACpB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAUD,MAAM,WAAW,WAAW;IAE1B,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,mBAAmB,EAAE,MAAM,MAAM,EAAE,CAAC;IACpC,2BAA2B,EAAE,MAAM,MAAM,EAAE,CAAC;IAC5C,uBAAuB,EAAE,MAAM,OAAO,CAAC;IACvC,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAC/C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KACnB,IAAI,CAAC;IAEV,MAAM,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,EAAE,CAAC,CAAC,SAAS,MAAM,aAAa,EAC1C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KACpB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,iBAAiB,EAAE,2BAA2B,CACzD,YAAY,EACZ,WAAW,GAAG,aAAa,EAC3B,WAAW,CA+DZ,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/store/slices/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;AAE1D,eAAO,MAAM,cAAc,EAAE,YAM5B,CAAC;AAEF,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,MAAM,MAAM,WAAW,GAAG;IAExB,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAG7C,MAAM,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,EAAE,CAAC,CAAC,SAAS,MAAM,aAAa,EAC1C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KACpB,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,2BAA2B,CACzD,YAAY,EACZ,WAAW,EACX,WAAW,CA6BZ,CAAC"}

package/dist/store/slices/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/store/slices/data.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;CACjC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC;IAE/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC3D,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,cAAc,EAAE,KAAK,EAAE,CAAC;IACxB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,iBAAiB,KAAK,cAAc,EAAE,CAAC;IAC/D,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,KAAK,EAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,WAAW,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,aAAa,KAAK,OAAO,CAAC;IAEzE,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CACxC,SAAS,GAAG,WAAW,EACvB;CAAE,EACF;CAAE,EACF,SAAS,CA+MT,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../src/store/slices/data.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAQ5C,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;CACjC,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC;IAE/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC3D,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,cAAc,EAAE,CAAC;IAC/B,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,cAAc,EAAE,KAAK,EAAE,CAAC;IACxB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,iBAAiB,KAAK,cAAc,EAAE,CAAC;IAC/D,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,KAAK,EAAE,CAAC;IAC5C,QAAQ,EAAE,MAAM,WAAW,EAAE,CAAC;IAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,aAAa,KAAK,OAAO,CAAC;IAEzE,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CACxC,SAAS,GAAG,WAAW,EACvB;CAAE,EACF;CAAE,EACF,SAAS,CAsMT,CAAC"}

package/dist/utils/settings.d.ts

@@ -9,7 +9,7 @@ export type UniqueSwappersGroupType = {
     selected: boolean;
 };
 export declare function getUniqueSwappersGroups(swappers: SwapperMeta[], disabledLiquiditySources: string[]): UniqueSwappersGroupType[];
-export declare function sortLiquiditySourcesByGroupTitle(a: SwapperMeta, b: SwapperMeta): 1 | 0 | -1;
+export declare function sortLiquiditySourcesByGroupTitle(a: SwapperMeta, b: SwapperMeta): 0 | 1 | -1;
 export declare function isFeatureHidden(feature: keyof Features, features?: Features): boolean;
 export declare function isFeatureEnabled(feature: keyof Features, features?: Features): boolean;
 //# sourceMappingURL=settings.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.22.2-next.1",
+  "version": "0.22.3",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -21,16 +21,17 @@
   "dependencies": {
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
-    "@rango-dev/provider-all": "^0.26.0",
+    "@rango-dev/provider-all": "^0.27.0",
     "@rango-dev/queue-manager-core": "^0.25.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.26.0",
+    "@rango-dev/queue-manager-rango-preset": "^0.27.0",
     "@rango-dev/queue-manager-react": "^0.25.0",
-    "@rango-dev/ui": "^0.28.1-next.1",
-    "@rango-dev/wallets-react": "^0.12.0",
-    "@rango-dev/wallets-shared": "^0.26.0",
+    "@rango-dev/ui": "^0.28.1",
+    "@rango-dev/wallets-react": "^0.13.0",
+    "@rango-dev/wallets-shared": "^0.27.0",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",
+    "ethers": "^5.7.2",
     "immer": "^9.0.19",
     "mitt": "^3.0.0",
     "rango-sdk": "^0.1.44",
@@ -47,4 +48,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/NoResult/NoResult.tsx

@@ -18,7 +18,7 @@ import { Container, Footer, PrefixIcon } from './NoResult.styles';
 
 export function NoResult(props: PropTypes) {
   const { fetch, error } = props;
-  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
+  const disabledLiquiditySources = useAppStore().disabledLiquiditySources;
   const toggleAllLiquiditySources = useAppStore().toggleAllLiquiditySources;
 
   const swappers = useAppStore().swappers();

package/src/components/SettingsContainer/SettingsContainer.style.ts

@@ -6,13 +6,6 @@ export const LiquiditySourceList = styled('ul', {
   listStyle: 'none',
   height: '100%',
   overflowY: 'auto',
-  variants: {
-    disabled: {
-      true: {
-        pointerEvents: 'none',
-      },
-    },
-  },
 });
 
 export const LiquiditySourceSuffix = styled('div', {

package/src/constants/searchParams.ts

@@ -5,11 +5,6 @@ export enum SearchParams {
   TO_TOKEN = 'toToken',
   FROM_AMOUNT = 'fromAmount',
   AUTO_CONNECT = 'autoConnect',
-  /*
-   * dApps can transmit liquidity sources as a search parameter,
-   * and these take precedence over widget configurations
-   */
-  LIQUIDITY_SOURCES = 'liquiditySources',
   // iframe environments
   CLIENT_URL = 'clientUrl',
 }

package/src/hooks/useConfirmSwap/useConfirmSwap.ts

@@ -35,8 +35,8 @@ export function useConfirmSwap(): ConfirmSwap {
     affiliatePercent,
     affiliateRef,
     affiliateWallets,
+    disabledLiquiditySources,
   } = useAppStore();
-  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
   const { connectedWallets } = useWalletsStore();
   const blockchains = useAppStore().blockchains();
   const tokens = useAppStore().tokens();

package/src/hooks/useSwapInput.ts

@@ -40,7 +40,8 @@ type UseSwapInput = {
  */
 export function useSwapInput(): UseSwapInput {
   const { fetch: fetchQuote, cancelFetch } = useFetchQuote();
-  const { enableNewLiquiditySources, features } = useAppStore().config;
+  const { liquiditySources, enableNewLiquiditySources, features } =
+    useAppStore().config;
   const tokens = useAppStore().tokens();
   const {
     fromToken,
@@ -57,12 +58,9 @@ export function useSwapInput(): UseSwapInput {
     affiliatePercent,
     affiliateRef,
     affiliateWallets,
+    disabledLiquiditySources,
     fetchStatus,
   } = useAppStore();
-  const liquiditySources = useAppStore().getLiquiditySources();
-  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
-  const excludeLiquiditySources = useAppStore().excludeLiquiditySources();
-
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<QuoteError | null>(null);
   const [warning, setWarning] = useState<QuoteWarning | null>(null);
@@ -101,7 +99,7 @@ export function useSwapInput(): UseSwapInput {
         fromToken,
         toToken,
         inputAmount,
-        liquiditySources: liquiditySources,
+        liquiditySources,
         excludeLiquiditySources,
         disabledLiquiditySources,
         slippage,
@@ -172,7 +170,7 @@ export function useSwapInput(): UseSwapInput {
       fromToken,
       toToken,
       liquiditySources,
-      excludeLiquiditySources,
+      excludeLiquiditySources: enableNewLiquiditySources,
       disabledLiquiditySources,
       slippage: userSlippage,
       affiliateRef,
@@ -206,7 +204,7 @@ export function useSwapInput(): UseSwapInput {
         fromToken,
         toToken,
         liquiditySources,
-        excludeLiquiditySources,
+        excludeLiquiditySources: enableNewLiquiditySources,
         disabledLiquiditySources,
         slippage: userSlippage,
         affiliateRef,

package/src/hooks/useSyncUrlAndStore/useSyncUrlAndStore.ts

@@ -1,4 +1,4 @@
-import { useEffect, useRef } from 'react';
+import { useEffect } from 'react';
 import {
   useInRouterContext,
   useLocation,
@@ -33,9 +33,7 @@ export function useSyncUrlAndStore() {
   const blockchains = useAppStore().blockchains();
   const tokens = useAppStore().tokens();
   const isInRouterContext = useInRouterContext();
-  const { updateIframe, updateCampaignMode } = useAppStore();
-  const campaignMode = useAppStore().isInCampaignMode();
-  const liquiditySourcesParamsRef = useRef<string>();
+  const { updateIframe } = useAppStore();
 
   const getUrlSearchParams = () => {
     const fromAmount = searchParams.get(SearchParams.FROM_AMOUNT);
@@ -45,7 +43,6 @@ export function useSyncUrlAndStore() {
     const toToken = searchParams.get(SearchParams.TO_TOKEN);
     const autoConnect = searchParams.get(SearchParams.AUTO_CONNECT);
     const clientUrl = searchParams.get(SearchParams.CLIENT_URL);
-    const liquiditySources = searchParams.get(SearchParams.LIQUIDITY_SOURCES);
 
     return {
       fromAmount,
@@ -55,7 +52,6 @@ export function useSyncUrlAndStore() {
       toToken,
       autoConnect,
       clientUrl,
-      liquiditySources,
     };
   };
 
@@ -81,9 +77,6 @@ export function useSyncUrlAndStore() {
         [SearchParams.FROM_AMOUNT]: inputAmount,
         [SearchParams.AUTO_CONNECT]: autoConnect ?? undefined,
         [SearchParams.CLIENT_URL]: clientUrl ?? undefined,
-        [SearchParams.LIQUIDITY_SOURCES]: campaignMode
-          ? liquiditySourcesParamsRef.current
-          : undefined,
       });
     }
   }, [
@@ -93,24 +86,16 @@ export function useSyncUrlAndStore() {
     fromToken,
     toBlockchain,
     toToken,
-    campaignMode,
   ]);
 
   useEffect(() => {
     if (!isInRouterContext) {
       return;
     }
-
     const searchParams = getUrlSearchParams();
-
-    if (!liquiditySourcesParamsRef.current && searchParams.liquiditySources) {
-      liquiditySourcesParamsRef.current = searchParams.liquiditySources;
-    }
-
     if (searchParams.fromAmount) {
       setInputAmount(searchParams.fromAmount);
     }
-
     if (fetchMetaStatus === 'success') {
       const fromBlockchain = blockchains.find(
         (blockchain) => blockchain.name === searchParams.fromBlockchain
@@ -128,7 +113,6 @@ export function useSyncUrlAndStore() {
         searchParams.toToken,
         toBlockchain ?? null
       );
-
       if (!!fromBlockchain) {
         setFromBlockchain(fromBlockchain);
         if (!!fromToken) {
@@ -141,7 +125,6 @@ export function useSyncUrlAndStore() {
           });
         }
       }
-
       if (!!toBlockchain) {
         setToBlockchain(toBlockchain);
         if (!!toToken) {
@@ -154,14 +137,9 @@ export function useSyncUrlAndStore() {
     }
   }, [fetchMetaStatus]);
 
+  // We run this only once, because if the app is embedded into an iframe, the data in url for iframe will not change.
   useEffect(() => {
-    const { clientUrl, liquiditySources } = getUrlSearchParams();
-    // We run this only once, because if the app is embedded into an iframe, the data in url for iframe will not change.
+    const { clientUrl } = getUrlSearchParams();
     updateIframe('clientUrl', clientUrl || undefined);
-
-    updateCampaignMode(
-      'liquiditySources',
-      liquiditySources?.split(',') ?? undefined
-    );
   }, []);
 }

package/src/pages/ConfirmSwapPage.tsx

@@ -88,7 +88,7 @@ export function ConfirmSwapPage() {
   const showWalletsOnInit = !quoteWalletsConfirmed;
   const [showWallets, setShowWallets] = useState(false);
   const { isActiveTab } = useUiStore();
-  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
+  const disabledLiquiditySources = useAppStore().disabledLiquiditySources;
   const prevDisabledLiquiditySources = useRef(disabledLiquiditySources);
   const { manager } = useManager();
   const {

package/src/pages/LiquiditySourcePage.tsx

@@ -33,10 +33,9 @@ interface PropTypes {
 export function LiquiditySourcePage({ sourceType }: PropTypes) {
   const fetchStatus = useAppStore().fetchStatus;
   const swappers = useAppStore().swappers();
-  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
+  const disabledLiquiditySources = useAppStore().disabledLiquiditySources;
   const [searchedFor, setSearchedFor] = useState<string>('');
   const toggleLiquiditySource = useAppStore().toggleLiquiditySource;
-  const campaignMode = useAppStore().isInCampaignMode();
   const supportedUniqueSwappersGroups: Array<UniqueSwappersGroupType> =
     getUniqueSwappersGroups(swappers, disabledLiquiditySources);
 
@@ -74,12 +73,8 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) {
     const { selected, groupTitle, logo } = sourceItem;
     return {
       start: <Image src={logo} size={22} type="circular" />,
-      onClick: () => {
-        if (!campaignMode) {
-          toggleLiquiditySource(groupTitle);
-        }
-      },
-      end: <Checkbox checked={selected} disabled={campaignMode} />,
+      onClick: () => toggleLiquiditySource(groupTitle),
+      end: <Checkbox checked={selected} />,
       title: (
         <Typography variant="title" size="xmedium">
           {i18n.t(groupTitle)}
@@ -136,7 +131,7 @@ export function LiquiditySourcePage({ sourceType }: PropTypes) {
           </NotFoundContainer>
         ) : (
           fetchStatus === 'success' && (
-            <LiquiditySourceList disabled={campaignMode}>
+            <LiquiditySourceList>
               {filteredList.map((sourceItem) => {
                 return (
                   <React.Fragment key={sourceItem.id}>

package/src/pages/SettingsPage.tsx

@@ -1,50 +1,35 @@
 import { i18n } from '@lingui/core';
 import {
-  Alert,
-  Button,
   ChevronRightIcon,
   Divider,
   InfoIcon,
   List,
   ListItemButton,
   Skeleton,
-  styled,
   Switch,
   Tooltip,
   Typography,
 } from '@rango-dev/ui';
 import React from 'react';
-import {
-  useInRouterContext,
-  useNavigate,
-  useSearchParams,
-} from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 
 import { Layout, PageContainer } from '../components/Layout';
 import { Slippage } from '../components/Slippage';
 import { SlippageTooltipContainer as TooltipContainer } from '../components/Slippage/Slippage.styles';
 import { navigationRoutes } from '../constants/navigationRoutes';
-import { SearchParams } from '../constants/searchParams';
 import { useAppStore } from '../store/AppStore';
 import { getContainer } from '../utils/common';
 import { getUniqueSwappersGroups, isFeatureHidden } from '../utils/settings';
 
-const ResetAction = styled('div', {
-  paddingLeft: '$8',
-});
-
 export function SettingsPage() {
   const navigate = useNavigate();
   const { theme } = useAppStore().config;
   const fetchStatus = useAppStore().fetchStatus;
   const swappers = useAppStore().swappers();
-  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
+  const disabledLiquiditySources = useAppStore().disabledLiquiditySources;
   const {
     config: { features },
-    isInCampaignMode,
-    updateCampaignMode,
   } = useAppStore();
-  const campaignMode = isInCampaignMode();
   const isThemeHidden = isFeatureHidden('theme', features);
 
   const isLiquidityHidden = isFeatureHidden('liquiditySource', features);
@@ -192,44 +177,12 @@ export function SettingsPage() {
   }
   settingItems.push(infiniteApprovalItem);
 
-  const [, setSearchParams] = useSearchParams();
-  const isRouterInContext = useInRouterContext();
-
-  const onClick = () => {
-    if (isRouterInContext && campaignMode) {
-      setSearchParams(
-        (prev) => {
-          prev.delete(SearchParams.LIQUIDITY_SOURCES);
-          return prev;
-        },
-        { replace: true }
-      );
-      updateCampaignMode('liquiditySources', undefined);
-    }
-  };
-
   return (
     <Layout
       header={{
         title: i18n.t('Settings'),
       }}>
       <PageContainer>
-        {campaignMode && (
-          <Alert
-            type="info"
-            variant="alarm"
-            title={i18n.t(
-              "Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"
-            )}
-            action={
-              <ResetAction>
-                <Button type="secondary" size="small" onClick={onClick}>
-                  Reset
-                </Button>
-              </ResetAction>
-            }
-          />
-        )}
         <Slippage />
         <List
           type={

package/src/store/app.ts

@@ -13,8 +13,8 @@ import { createSettingsSlice } from './slices/settings';
 
 export type StateCreatorWithInitialData<
   T extends Partial<WidgetConfig>,
-  R extends Partial<AppStoreState>,
-  V extends Partial<AppStoreState>
+  R extends Record<string, unknown>,
+  V extends Record<string, unknown>
 > = (
   initialData: T | undefined,
   ...rest: Parameters<StateCreator<R, [], [], V>>

package/src/store/slices/config.ts

@@ -1,4 +1,3 @@
-import type { SettingsSlice } from './settings';
 import type { WidgetConfig } from '../../types';
 import type { StateCreatorWithInitialData } from '../app';
 
@@ -14,70 +13,31 @@ interface IframeConfigs {
   clientUrl?: string;
 }
 
-interface CampaignMode {
-  liquiditySources?: string[];
-}
-
 const DEFAULT_IFRAME_CONFIGS: IframeConfigs = {
   clientUrl: undefined,
 };
 
-const DEFAULT_CAMPAIGN_MODE: CampaignMode = {
-  liquiditySources: undefined,
-};
-
-export interface ConfigSlice {
+export type ConfigSlice = {
   // What user can set directly.
   config: WidgetConfig;
-  campaignMode: CampaignMode;
-  isInCampaignMode: () => boolean;
-  getLiquiditySources: () => string[];
-  getDisabledLiquiditySources: () => string[];
-  excludeLiquiditySources: () => boolean;
   updateConfig: (config: WidgetConfig) => void;
-  updateCampaignMode: <K extends keyof CampaignMode>(
-    name: K,
-    value: CampaignMode[K]
-  ) => void;
-  // What we are setting based on environments.
+
+  // What we are setting based on enviroments.
   iframe: { clientUrl?: string };
   updateIframe: <K extends keyof IframeConfigs>(
     name: K,
     value: IframeConfigs[K]
   ) => void;
-}
+};
 
 export const createConfigSlice: StateCreatorWithInitialData<
   WidgetConfig,
-  ConfigSlice & SettingsSlice,
+  ConfigSlice,
   ConfigSlice
 > = (initialData, set, get) => {
   return {
     config: { ...DEFAULT_CONFIG, ...initialData },
     iframe: DEFAULT_IFRAME_CONFIGS,
-    campaignMode: DEFAULT_CAMPAIGN_MODE,
-    getLiquiditySources: () => {
-      const { config, campaignMode } = get();
-      return campaignMode.liquiditySources?.length
-        ? campaignMode.liquiditySources
-        : config.liquiditySources ?? [];
-    },
-    getDisabledLiquiditySources: () => {
-      const { disabledLiquiditySources, campaignMode } = get();
-      return campaignMode.liquiditySources?.length
-        ? []
-        : disabledLiquiditySources;
-    },
-    excludeLiquiditySources: () => {
-      const { config, campaignMode } = get();
-      return campaignMode.liquiditySources?.length
-        ? false
-        : !!config.enableNewLiquiditySources;
-    },
-    isInCampaignMode: () => {
-      const { campaignMode } = get();
-      return !!campaignMode.liquiditySources?.length;
-    },
 
     // Actions
     updateConfig: (nextConfig: WidgetConfig) => {
@@ -91,17 +51,6 @@ export const createConfigSlice: StateCreatorWithInitialData<
       });
     },
 
-    updateCampaignMode: (name, value) => {
-      const currentCampaignMode = get().campaignMode;
-
-      set({
-        campaignMode: {
-          ...currentCampaignMode,
-          [name]: value,
-        },
-      });
-    },
-
     updateIframe: (name, value) => {
       const currentIframeConfig = get().iframe;
 

package/src/store/slices/data.ts

@@ -168,18 +168,9 @@ export const createDataSlice: StateCreator<
     return pinned;
   },
   swappers: () => {
-    const { config, campaignMode } = get();
-
-    const campaignModeLiquiditySource = campaignMode.liquiditySources?.length
-      ? campaignMode.liquiditySources
-      : null;
-
-    const liquiditySources =
-      campaignModeLiquiditySource ?? config.liquiditySources;
-
-    const enableNewLiquiditySources = campaignModeLiquiditySource
-      ? false
-      : config.enableNewLiquiditySources;
+    const {
+      config: { enableNewLiquiditySources, liquiditySources },
+    } = get();
 
     /*
      * If the enableNewLiquiditySources flag is set to true, we return all swappers that are not included in the config.