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

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,qBAwH5D"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../src/pages/SettingsPage.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,wBAAgB,YAAY,sBA4K3B"}
+{"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"}

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 Record<string, unknown>, V extends Record<string, unknown>> = (initialData: T | undefined, ...rest: Parameters<StateCreator<R, [], [], V>>) => ReturnType<StateCreator<R, [], [], V>>;
+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 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,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"}
+{"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"}

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

@@ -1,17 +1,27 @@
+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;
 }
-export type ConfigSlice = {
+interface CampaignMode {
+    liquiditySources?: string[];
+}
+export interface 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, ConfigSlice>;
+}
+export declare const createConfigSlice: StateCreatorWithInitialData<WidgetConfig, ConfigSlice & SettingsSlice, 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,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"}
+{"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"}

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,CAsMT,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,CA+MT,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): 0 | 1 | -1;
+export declare function sortLiquiditySourcesByGroupTitle(a: SwapperMeta, b: SwapperMeta): 1 | 0 | -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.1",
+  "version": "0.22.2-next.1",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,7 +25,7 @@
     "@rango-dev/queue-manager-core": "^0.25.0",
     "@rango-dev/queue-manager-rango-preset": "^0.26.0",
     "@rango-dev/queue-manager-react": "^0.25.0",
-    "@rango-dev/ui": "^0.28.0",
+    "@rango-dev/ui": "^0.28.1-next.1",
     "@rango-dev/wallets-react": "^0.12.0",
     "@rango-dev/wallets-shared": "^0.26.0",
     "bignumber.js": "^9.1.1",
@@ -47,4 +47,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().disabledLiquiditySources;
+  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
   const toggleAllLiquiditySources = useAppStore().toggleAllLiquiditySources;
 
   const swappers = useAppStore().swappers();

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

@@ -6,6 +6,13 @@ 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,6 +5,11 @@ 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,8 +40,7 @@ type UseSwapInput = {
  */
 export function useSwapInput(): UseSwapInput {
   const { fetch: fetchQuote, cancelFetch } = useFetchQuote();
-  const { liquiditySources, enableNewLiquiditySources, features } =
-    useAppStore().config;
+  const { enableNewLiquiditySources, features } = useAppStore().config;
   const tokens = useAppStore().tokens();
   const {
     fromToken,
@@ -58,9 +57,12 @@ 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);
@@ -99,7 +101,7 @@ export function useSwapInput(): UseSwapInput {
         fromToken,
         toToken,
         inputAmount,
-        liquiditySources,
+        liquiditySources: liquiditySources,
         excludeLiquiditySources,
         disabledLiquiditySources,
         slippage,
@@ -170,7 +172,7 @@ export function useSwapInput(): UseSwapInput {
       fromToken,
       toToken,
       liquiditySources,
-      excludeLiquiditySources: enableNewLiquiditySources,
+      excludeLiquiditySources,
       disabledLiquiditySources,
       slippage: userSlippage,
       affiliateRef,
@@ -204,7 +206,7 @@ export function useSwapInput(): UseSwapInput {
         fromToken,
         toToken,
         liquiditySources,
-        excludeLiquiditySources: enableNewLiquiditySources,
+        excludeLiquiditySources,
         disabledLiquiditySources,
         slippage: userSlippage,
         affiliateRef,

package/src/hooks/useSyncUrlAndStore/useSyncUrlAndStore.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import {
   useInRouterContext,
   useLocation,
@@ -33,7 +33,9 @@ export function useSyncUrlAndStore() {
   const blockchains = useAppStore().blockchains();
   const tokens = useAppStore().tokens();
   const isInRouterContext = useInRouterContext();
-  const { updateIframe } = useAppStore();
+  const { updateIframe, updateCampaignMode } = useAppStore();
+  const campaignMode = useAppStore().isInCampaignMode();
+  const liquiditySourcesParamsRef = useRef<string>();
 
   const getUrlSearchParams = () => {
     const fromAmount = searchParams.get(SearchParams.FROM_AMOUNT);
@@ -43,6 +45,7 @@ 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,
@@ -52,6 +55,7 @@ export function useSyncUrlAndStore() {
       toToken,
       autoConnect,
       clientUrl,
+      liquiditySources,
     };
   };
 
@@ -77,6 +81,9 @@ export function useSyncUrlAndStore() {
         [SearchParams.FROM_AMOUNT]: inputAmount,
         [SearchParams.AUTO_CONNECT]: autoConnect ?? undefined,
         [SearchParams.CLIENT_URL]: clientUrl ?? undefined,
+        [SearchParams.LIQUIDITY_SOURCES]: campaignMode
+          ? liquiditySourcesParamsRef.current
+          : undefined,
       });
     }
   }, [
@@ -86,16 +93,24 @@ 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
@@ -113,6 +128,7 @@ export function useSyncUrlAndStore() {
         searchParams.toToken,
         toBlockchain ?? null
       );
+
       if (!!fromBlockchain) {
         setFromBlockchain(fromBlockchain);
         if (!!fromToken) {
@@ -125,6 +141,7 @@ export function useSyncUrlAndStore() {
           });
         }
       }
+
       if (!!toBlockchain) {
         setToBlockchain(toBlockchain);
         if (!!toToken) {
@@ -137,9 +154,14 @@ 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 } = getUrlSearchParams();
+    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.
     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().disabledLiquiditySources;
+  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
   const prevDisabledLiquiditySources = useRef(disabledLiquiditySources);
   const { manager } = useManager();
   const {

package/src/pages/LiquiditySourcePage.tsx

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

package/src/pages/SettingsPage.tsx

@@ -1,35 +1,50 @@
 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 { useNavigate } from 'react-router-dom';
+import {
+  useInRouterContext,
+  useNavigate,
+  useSearchParams,
+} 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().disabledLiquiditySources;
+  const disabledLiquiditySources = useAppStore().getDisabledLiquiditySources();
   const {
     config: { features },
+    isInCampaignMode,
+    updateCampaignMode,
   } = useAppStore();
+  const campaignMode = isInCampaignMode();
   const isThemeHidden = isFeatureHidden('theme', features);
 
   const isLiquidityHidden = isFeatureHidden('liquiditySource', features);
@@ -177,12 +192,44 @@ 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 Record<string, unknown>,
-  V extends Record<string, unknown>
+  R extends Partial<AppStoreState>,
+  V extends Partial<AppStoreState>
 > = (
   initialData: T | undefined,
   ...rest: Parameters<StateCreator<R, [], [], V>>

package/src/store/slices/config.ts

@@ -1,3 +1,4 @@
+import type { SettingsSlice } from './settings';
 import type { WidgetConfig } from '../../types';
 import type { StateCreatorWithInitialData } from '../app';
 
@@ -13,31 +14,70 @@ interface IframeConfigs {
   clientUrl?: string;
 }
 
+interface CampaignMode {
+  liquiditySources?: string[];
+}
+
 const DEFAULT_IFRAME_CONFIGS: IframeConfigs = {
   clientUrl: undefined,
 };
 
-export type ConfigSlice = {
+const DEFAULT_CAMPAIGN_MODE: CampaignMode = {
+  liquiditySources: undefined,
+};
+
+export interface ConfigSlice {
   // What user can set directly.
   config: WidgetConfig;
+  campaignMode: CampaignMode;
+  isInCampaignMode: () => boolean;
+  getLiquiditySources: () => string[];
+  getDisabledLiquiditySources: () => string[];
+  excludeLiquiditySources: () => boolean;
   updateConfig: (config: WidgetConfig) => void;
-
-  // What we are setting based on enviroments.
+  updateCampaignMode: <K extends keyof CampaignMode>(
+    name: K,
+    value: CampaignMode[K]
+  ) => void;
+  // What we are setting based on environments.
   iframe: { clientUrl?: string };
   updateIframe: <K extends keyof IframeConfigs>(
     name: K,
     value: IframeConfigs[K]
   ) => void;
-};
+}
 
 export const createConfigSlice: StateCreatorWithInitialData<
   WidgetConfig,
-  ConfigSlice,
+  ConfigSlice & SettingsSlice,
   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) => {
@@ -51,6 +91,17 @@ 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,9 +168,18 @@ export const createDataSlice: StateCreator<
     return pinned;
   },
   swappers: () => {
-    const {
-      config: { enableNewLiquiditySources, liquiditySources },
-    } = get();
+    const { config, campaignMode } = get();
+
+    const campaignModeLiquiditySource = campaignMode.liquiditySources?.length
+      ? campaignMode.liquiditySources
+      : null;
+
+    const liquiditySources =
+      campaignModeLiquiditySource ?? config.liquiditySources;
+
+    const enableNewLiquiditySources = campaignModeLiquiditySource
+      ? false
+      : config.enableNewLiquiditySources;
 
     /*
      * If the enableNewLiquiditySources flag is set to true, we return all swappers that are not included in the config.