@imtbl/checkout-widgets 2.22.1-alpha.0 → 2.23.1-0

package/dist/browser/{index-DA2LhN2H.js → index-BV45HG4m.js}

@@ -1,4 +1,4 @@
-import { e5 as __awaiter, e6 as __generator } from './index-BH3M5w3K.js';
+import { e5 as __awaiter, e6 as __generator } from './index-BDE66Im8.js';
 
 function loadLegacyVideoPlugins(analytics) {
     return __awaiter(this, void 0, void 0, function () {
@@ -7,7 +7,7 @@ function loadLegacyVideoPlugins(analytics) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, import(
                     // @ts-expect-error
-                    './index.umd-BQX9rJ7N.js').then(function (n) { return n.i; })
+                    './index.umd-BdWIFOPJ.js').then(function (n) { return n.i; })
                     // This is super gross, but we need to support the `window.analytics.plugins` namespace
                     // that is linked in the segment docs in order to be backwards compatible with ajs-classic
                     // @ts-expect-error

package/dist/browser/{index-D1K4g3zX.js → index-BqfzuXYY.js}

@@ -1,4 +1,4 @@
-import { e5 as __awaiter, e6 as __generator, e7 as loadScript, e8 as getNextIntegrationsURL, e9 as unloadScript, ea as __spreadArray, eb as isOffline, ec as __assign, ed as ContextCancelation, ee as applyDestinationMiddleware, ef as dist, eg as isServer, eh as mergedOptions, ei as isPlainObject, ej as pWhile, ek as PriorityQueue, el as PersistedPriorityQueue, em as attempt, en as isOnline, eo as Context } from './index-BH3M5w3K.js';
+import { e5 as __awaiter, e6 as __generator, e7 as loadScript, e8 as getNextIntegrationsURL, e9 as unloadScript, ea as __spreadArray, eb as isOffline, ec as __assign, ed as ContextCancelation, ee as applyDestinationMiddleware, ef as dist, eg as isServer, eh as mergedOptions, ei as isPlainObject, ej as pWhile, ek as PriorityQueue, el as PersistedPriorityQueue, em as attempt, en as isOnline, eo as Context } from './index-BDE66Im8.js';
 import { i as isPlanEventEnabled } from './is-plan-event-enabled-mXX0dwl-.js';
 
 function normalizeName(name) {

package/dist/browser/{index-7GBD2TGk.js → index-C6GZHO2x.js}

@@ -1,4 +1,4 @@
-import { dX as se$1, dY as T$2, dZ as oe$1, d_ as R$1, d$ as a$2, e0 as te$1, e1 as p$1, e2 as ne$1, e3 as y$1 } from './index-BH3M5w3K.js';
+import { dX as se$1, dY as T$2, dZ as oe$1, d_ as R$1, d$ as a$2, e0 as te$1, e1 as p$1, e2 as ne$1, e3 as y$1 } from './index-BDE66Im8.js';
 
 /**
  * @license

package/dist/browser/{index-D9SO3VpU.js → index-C7IyH910.js}

@@ -1,4 +1,4 @@
-import { ec as __assign } from './index-BH3M5w3K.js';
+import { ec as __assign } from './index-BDE66Im8.js';
 import { i as isPlanEventEnabled } from './is-plan-event-enabled-mXX0dwl-.js';
 
 function disabledActionDestinations(plan, settings) {

package/dist/browser/{index-RJOLDd8o.js → index-DkbMrE9I.js}

@@ -1,4 +1,4 @@
-import { e4 as getAugmentedNamespace, az as commonjsGlobal } from './index-BH3M5w3K.js';
+import { e4 as getAugmentedNamespace, az as commonjsGlobal } from './index-BDE66Im8.js';
 
 var dist$1 = {};
 

package/dist/browser/{index-DIMD3G3p.js → index-aCZSkeUi.js}

@@ -1,4 +1,4 @@
-import { e5 as __awaiter, e6 as __generator, eg as isServer, e8 as getNextIntegrationsURL, e7 as loadScript } from './index-BH3M5w3K.js';
+import { e5 as __awaiter, e6 as __generator, eg as isServer, e8 as getNextIntegrationsURL, e7 as loadScript } from './index-BDE66Im8.js';
 
 function remoteMiddlewares(ctx, settings, obfuscate) {
     var _a;

package/dist/browser/index.js

@@ -1 +1 @@
-export { er as WidgetsFactory } from './index-BH3M5w3K.js';
+export { er as WidgetsFactory } from './index-BDE66Im8.js';

package/dist/browser/{index.umd-BQX9rJ7N.js → index.umd-BdWIFOPJ.js}

@@ -1,4 +1,4 @@
-import { ay as getDefaultExportFromCjs } from './index-BH3M5w3K.js';
+import { ay as getDefaultExportFromCjs } from './index-BDE66Im8.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/dist/browser/{useInterval-TNyi_xTA.js → useInterval-BihI5iZ3.js}

@@ -1,4 +1,4 @@
-import { b as reactExports, dW as useBrowserLayoutEffect } from './index-BH3M5w3K.js';
+import { r as reactExports, dW as useBrowserLayoutEffect } from './index-BDE66Im8.js';
 
 // Inspired by https://usehooks-ts.com/react-hook/use-interval
 function useInterval(callback, delay) {

package/dist/types/components/NotEnoughGas/NotEnoughGasStyles.d.ts

@@ -13,11 +13,11 @@ export declare const headingTextStyles: {
     paddingX: string;
 };
 export declare const bodyTextStyles: {
-    color: string;
     fontFamily: string;
     textAlign: string;
     marginTop: string;
     paddingX: string;
+    color: string;
 };
 export declare const actionButtonContainerStyles: {
     display: string;

package/dist/types/context/analytics-provider/SegmentAnalyticsProvider.d.ts

@@ -1,4 +1,5 @@
-import { StandardAnalyticsActions, StandardAnalyticsControlTypes } from '@imtbl/react-analytics';
+import { StandardAnalyticsControlTypes } from '@imtbl/react-analytics';
+import type { PropsWithChildren, ReactElement } from 'react';
 export declare enum UserJourney {
     CONNECT = "Connect",
     WALLET = "Wallet",
@@ -11,14 +12,12 @@ export declare enum UserJourney {
     TRANSFER = "Transfer"
 }
 export type AnalyticsControlTypes = StandardAnalyticsControlTypes | 'IframeEvent' | 'Event';
-export declare const AnalyticsProvider: ({ children, loaderOverride: browserClass, log, }: import("react").PropsWithChildren<{
-    loaderOverride?: typeof import("@segment/analytics-next").AnalyticsBrowser;
-    log?: typeof console.debug;
-}>) => import("@emotion/react/jsx-runtime").JSX.Element, useAnalytics: () => {
+export declare const AnalyticsProvider: (props: PropsWithChildren) => ReactElement;
+export declare const useAnalytics: () => {
     page: (props: {
         screen: string;
         userJourney: UserJourney;
-        action?: StandardAnalyticsActions | undefined;
+        action?: import("@imtbl/react-analytics").StandardAnalyticsActions | undefined;
         extras?: Record<string, unknown> | undefined;
     }) => Promise<import("@segment/analytics-next").Context>;
     track: (props: {
@@ -26,13 +25,13 @@ export declare const AnalyticsProvider: ({ children, loaderOverride: browserClas
         userJourney: UserJourney;
         extras?: Record<string, unknown> | undefined;
     } & ({
-        action: StandardAnalyticsActions;
+        action: import("@imtbl/react-analytics").StandardAnalyticsActions;
         control?: undefined;
         controlType?: undefined;
     } | {
         control: string;
         controlType: AnalyticsControlTypes;
-        action?: StandardAnalyticsActions | undefined;
+        action?: import("@imtbl/react-analytics").StandardAnalyticsActions | undefined;
     })) => Promise<import("@segment/analytics-next").Context>;
     identify: import("@segment/analytics-next/dist/types/core/buffer").AnalyticsBuffered["identify"];
     group(traits: import("@segment/analytics-next").GroupTraits): Promise<import("@segment/analytics-next").Context>;

package/dist/types/lib/clients/checkoutApiType.d.ts

@@ -2,8 +2,8 @@ export declare enum TransactionType {
     BRIDGE = "bridge"
 }
 export declare const TransactionStatus: {
-    readonly IN_PROGRESS: "in_progress";
-    readonly WITHDRAWAL_PENDING: "withdrawal_pending";
+    readonly IN_PROGRESS: 'in_progress';
+    readonly WITHDRAWAL_PENDING: 'withdrawal_pending';
 };
 export type CurrentStatus = {
     status: string;

package/dist/types/lib/constants.d.ts

@@ -60,7 +60,7 @@ export declare const DEFAULT_QUOTE_REFRESH_INTERVAL = 30000;
  * Base URL for the checkout CDN based on the environment.
  */
 export declare const CHECKOUT_CDN_BASE_URL: {
-    [x: string]: string;
+    [ENV_DEVELOPMENT]: string;
     sandbox: string;
     production: string;
 };
@@ -68,7 +68,7 @@ export declare const CHECKOUT_CDN_BASE_URL: {
  * URL for axelar scan based on the environment
  */
 export declare const AXELAR_SCAN_URL: {
-    [x: string]: string;
+    [ENV_DEVELOPMENT]: string;
     sandbox: string;
     production: string;
 };
@@ -76,12 +76,12 @@ export declare const AXELAR_SCAN_URL: {
  * URL for passport based on environment
  */
 export declare const PASSPORT_URL: {
-    [x: string]: string;
+    [ENV_DEVELOPMENT]: string;
     sandbox: string;
     production: string;
 };
 export declare const IMAGE_RESIZER_URL: {
-    [x: string]: string;
+    [ENV_DEVELOPMENT]: string;
     sandbox: string;
     production: string;
 };

package/dist/types/lib/logoUtils.d.ts

@@ -1,3 +1,3 @@
 import { WalletProviderName } from '@imtbl/checkout-sdk';
-export declare function getWalletLogoByName(walletProviderName: WalletProviderName | string): "WalletConnectSymbol" | "MetaMaskSymbol" | "PassportSymbolOutlined";
-export declare function getWalletDisplayName(walletProviderName: WalletProviderName | string): "Passport" | "MetaMask" | "Other" | "WalletConnect";
+export declare function getWalletLogoByName(walletProviderName: WalletProviderName | string): "MetaMaskSymbol" | "PassportSymbolOutlined" | "WalletConnectSymbol";
+export declare function getWalletDisplayName(walletProviderName: WalletProviderName | string): "MetaMask" | "Other" | "Passport" | "WalletConnect";

package/dist/types/lib/squid/functions/execute.d.ts

@@ -1,8 +1,8 @@
 import { EIP6963ProviderInfo, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
 import { Flow } from '@imtbl/metrics';
-import { ethers, TransactionReceipt } from 'ethers';
+import { TransactionReceipt } from 'ethers';
 import { RouteResponse } from '@0xsquid/squid-types';
 import { Squid } from '@0xsquid/sdk';
-export declare const waitForReceipt: (provider: WrappedBrowserProvider, txHash: string, maxAttempts?: number) => Promise<ethers.TransactionReceipt>;
+export declare const waitForReceipt: (provider: WrappedBrowserProvider, txHash: string, maxAttempts?: number) => Promise<TransactionReceipt>;
 export declare const callApprove: (flow: Flow, fromProviderInfo: EIP6963ProviderInfo, provider: WrappedBrowserProvider, routeResponse: RouteResponse) => Promise<TransactionReceipt>;
 export declare const callExecute: (flow: Flow, squid: Squid, fromProviderInfo: EIP6963ProviderInfo, provider: WrappedBrowserProvider, routeResponse: RouteResponse) => Promise<TransactionReceipt>;

package/dist/types/lib/utils.d.ts

@@ -6,7 +6,7 @@ export declare const tokenSymbolNameOverrides: {
     timx: string;
 };
 export declare const sortTokensByAmount: (config: CheckoutConfiguration, tokens: GetBalanceResult[], chainId: ChainId) => GetBalanceResult[];
-export declare const sortNetworksCompareFn: (a: NetworkInfo, b: NetworkInfo, config: CheckoutConfiguration) => 0 | 1 | -1;
+export declare const sortNetworksCompareFn: (a: NetworkInfo, b: NetworkInfo, config: CheckoutConfiguration) => -1 | 0 | 1;
 export declare const formatFiatString: (amount: number, decimals?: number) => string;
 export declare const calculateCryptoToFiat: (amount: string, symbol: string, conversions: Map<string, number>, zeroString?: string, maxDecimals?: number) => string;
 export declare const calculateFeesFiat: (quote: TransactionResponse, fromToken: TokenInfo, gasFeeToken: TokenInfo, conversions: Map<string, number>, gasFeeValue: string) => number;

package/dist/types/widgets/add-tokens/utils/animation.d.ts

@@ -1 +1,6 @@
-export declare const PULSE_SHADOW: import("@emotion/react").Keyframes;
+export declare const PULSE_SHADOW: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;

package/dist/types/widgets/immutable-commerce/CommerceWidgetRoot.d.ts

@@ -4,17 +4,15 @@ export declare class CommerceWidgetRoot extends Base<WidgetType.IMMUTABLE_COMMER
     protected eventTopic: IMTBLWidgetEvents;
     protected getValidatedProperties({ config, }: WidgetProperties<WidgetType.IMMUTABLE_COMMERCE>): WidgetProperties<WidgetType.IMMUTABLE_COMMERCE>;
     protected getValidConnectFlowParams(params: CommerceWidgetConnectFlowParams): {
-        flow: CommerceFlowType.CONNECT;
         language?: import("@imtbl/checkout-sdk").WidgetLanguage;
         targetChainId?: import("@imtbl/checkout-sdk").ChainId;
         targetWalletRdns?: string | import("@imtbl/checkout-sdk").WalletProviderRdns;
         blocklistWalletRdns?: string[];
         allowlistWalletRdns?: string[];
+        flow: CommerceFlowType.CONNECT;
     };
     protected getValidWalletFlowParams(params: CommerceWidgetWalletFlowParams): CommerceWidgetWalletFlowParams;
     protected getValidSaleFlowParams(params: CommerceWidgetSaleFlowParams): {
-        items: import("@imtbl/checkout-sdk").SaleItem[];
-        flow: CommerceFlowType.SALE;
         environmentId?: string;
         collectionName?: string;
         walletProviderName?: import("@imtbl/checkout-sdk").WalletProviderName;
@@ -23,9 +21,10 @@ export declare class CommerceWidgetRoot extends Base<WidgetType.IMMUTABLE_COMMER
         excludeFiatCurrencies?: string[];
         preferredCurrency?: string;
         customOrderData?: Record<string, unknown>;
+        flow: CommerceFlowType.SALE;
+        items: import("@imtbl/checkout-sdk").SaleItem[];
     };
     protected getValidAddTokensFlowParams(params: CommerceWidgetAddTokensFlowParams): {
-        flow: CommerceFlowType.ADD_TOKENS;
         language?: import("@imtbl/checkout-sdk").WidgetLanguage;
         showOnrampOption?: boolean;
         showSwapOption?: boolean;
@@ -35,24 +34,24 @@ export declare class CommerceWidgetRoot extends Base<WidgetType.IMMUTABLE_COMMER
         showBackButton?: boolean;
         toProvider?: import("@imtbl/checkout-sdk").WrappedBrowserProvider;
         experiments?: Record<string, string>;
+        flow: CommerceFlowType.ADD_TOKENS;
     };
     protected getValidPurchaseFlowParams(params: CommerceWidgetPurchaseFlowParams): {
-        items: import("@imtbl/checkout-sdk").SaleItem[];
-        flow: CommerceFlowType.PURCHASE;
         language?: import("@imtbl/checkout-sdk").WidgetLanguage;
         environmentId?: string;
         showBackButton?: boolean;
+        flow: CommerceFlowType.PURCHASE;
+        items: import("@imtbl/checkout-sdk").SaleItem[];
     };
     protected getValidTransferFlowParams(params: CommerceWidgetTransferFlowParams): {
-        flow: CommerceFlowType.TRANSFER;
         language?: import("@imtbl/checkout-sdk").WidgetLanguage;
         amount?: string;
-        tokenAddress?: `0x${string}` | "native";
+        tokenAddress?: `0x${string}` | 'native';
         toAddress?: `0x${string}`;
         showBackButton?: boolean;
+        flow: CommerceFlowType.TRANSFER;
     };
     protected getValidSwapFlowParams(params: CommerceWidgetSwapFlowParams): {
-        flow: CommerceFlowType.SWAP;
         amount?: string;
         fromTokenAddress?: string;
         toTokenAddress?: string;
@@ -61,22 +60,23 @@ export declare class CommerceWidgetRoot extends Base<WidgetType.IMMUTABLE_COMMER
         autoProceed?: boolean;
         direction?: import("@imtbl/checkout-sdk").SwapDirection;
         showBackButton?: boolean;
+        flow: CommerceFlowType.SWAP;
     };
     protected getValidBridgeFlowParams(params: CommerceWidgetBridgeFlowParams): {
-        flow: CommerceFlowType.BRIDGE;
         tokenAddress?: string;
         amount?: string;
         walletProviderName?: import("@imtbl/checkout-sdk").WalletProviderName;
         language?: import("@imtbl/checkout-sdk").WidgetLanguage;
         showBackButton?: boolean;
+        flow: CommerceFlowType.BRIDGE;
     };
     protected getValidOnRampFlowParams(params: CommerceWidgetOnRampFlowParams): {
-        flow: CommerceFlowType.ONRAMP;
         tokenAddress?: string;
         amount?: string;
         walletProviderName?: import("@imtbl/checkout-sdk").WalletProviderName;
         language?: import("@imtbl/checkout-sdk").WidgetLanguage;
         showBackButton?: boolean;
+        flow: CommerceFlowType.ONRAMP;
     };
     protected getValidatedParameters(params: CommerceWidgetParams): CommerceWidgetParams;
     protected render(): void;

package/dist/types/widgets/swap/functions/FetchQuote.d.ts

@@ -1,6 +1,9 @@
 import { Exchange, TransactionResponse } from '@imtbl/dex-sdk';
 import { WrappedBrowserProvider, TokenInfo } from '@imtbl/checkout-sdk';
+declare const fromAmountIn: (exchange: Exchange, provider: WrappedBrowserProvider, fromToken: TokenInfo, fromAmount: string, toToken: TokenInfo) => Promise<TransactionResponse>;
+declare const fromAmountOut: (exchange: Exchange, provider: WrappedBrowserProvider, toToken: TokenInfo, toAmount: string, fromToken: TokenInfo) => Promise<TransactionResponse>;
 export declare const quotesProcessor: {
-    fromAmountIn: (exchange: Exchange, provider: WrappedBrowserProvider, fromToken: TokenInfo, fromAmount: string, toToken: TokenInfo) => Promise<TransactionResponse>;
-    fromAmountOut: (exchange: Exchange, provider: WrappedBrowserProvider, toToken: TokenInfo, toAmount: string, fromToken: TokenInfo) => Promise<TransactionResponse>;
+    fromAmountIn: typeof fromAmountIn;
+    fromAmountOut: typeof fromAmountOut;
 };
+export {};

package/jest.config.cjs

@@ -0,0 +1,11 @@
+const { createJsdomJestConfig } = require('../../../jest.config.base.cjs');
+
+module.exports = createJsdomJestConfig({
+  transform: {
+    '^.+\.(t|j)sx?$': '@swc/jest',
+    '^.+\.mjs?$': '@swc/jest',
+  },
+  transformIgnorePatterns: [
+    '../../../node_modules/.pnpm/(?!axios|@biom3/design-tokens)',
+  ],
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imtbl/checkout-widgets",
-  "version": "2.22.1-alpha.0",
+  "version": "2.23.1-0",
   "browserslist": {
     "production": [
       ">0.2%",
@@ -18,18 +18,12 @@
     "@biom3/design-tokens": "^0.4.5",
     "@biom3/react": "^0.29.4",
     "@emotion/react": "^11.11.3",
-    "@imtbl/bridge-sdk": "2.22.1-alpha.0",
-    "@imtbl/checkout-sdk": "2.22.1-alpha.0",
-    "@imtbl/config": "2.22.1-alpha.0",
-    "@imtbl/cryptofiat": "2.22.1-alpha.0",
-    "@imtbl/dex-sdk": "2.22.1-alpha.0",
-    "@imtbl/passport": "2.22.1-alpha.0",
     "@imtbl/react-analytics": "0.3.4-alpha",
     "@rive-app/react-canvas-lite": "^4.9.0",
     "@walletconnect/ethereum-provider": "^2.11.1",
     "@walletconnect/modal": "^2.6.2",
-    "axios": "^1.6.5",
-    "ethers": "^6.13.4",
+    "axios": "^1.18.1",
+    "ethers": "^6.17.0",
     "framer-motion": "^11.0.6",
     "i18next": "^23.7.6",
     "i18next-browser-languagedetector": "^7.2.0",
@@ -37,23 +31,28 @@
     "lodash.debounce": "^4.0.8",
     "pako": "^2.1.0",
     "pino-pretty": "^11.2.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "react-i18next": "^13.5.0",
     "ts-deepmerge": "^7.0.2",
-    "uuid": "^9.0.1"
+    "uuid": "^9.0.1",
+    "@imtbl/bridge-sdk": "2.23.1-0",
+    "@imtbl/checkout-sdk": "2.23.1-0",
+    "@imtbl/config": "2.23.1-0",
+    "@imtbl/dex-sdk": "2.23.1-0",
+    "@imtbl/passport": "2.23.1-0",
+    "@imtbl/cryptofiat": "2.23.1-0"
   },
   "devDependencies": {
     "@0xsquid/squid-types": "^0.1.108",
-    "@jest/globals": "^29.5.0",
+    "@jest/globals": "^29.7.0",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.7",
+    "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@segment/analytics-next": "^1.53.2",
-    "@svgr/webpack": "^8.0.1",
-    "@swc/core": "^1.4.2",
+    "@swc/core": "^1.15.46",
     "@swc/jest": "^0.2.37",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
@@ -61,20 +60,16 @@
     "@types/jest": "^29.5.12",
     "@types/lodash.debounce": "^4.0.9",
     "@types/node": "^22.10.7",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@types/uuid": "^8.3.4",
-    "eslint": "^8.56.0",
+    "@typescript/native": "npm:typescript@^7.0.2",
     "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.4.3",
-    "react-scripts": "5.0.1",
-    "rimraf": "^6.0.1",
+    "jest-environment-jsdom": "^29.7.0",
     "rollup": "^4.22.4",
     "rollup-plugin-polyfill-node": "^0.13.0",
-    "ts-jest": "^29.1.0",
-    "typescript": "^5.6.2",
-    "unplugin-swc": "^1.5.1",
-    "web-vitals": "^2.1.4"
+    "typescript": "npm:@typescript/typescript6@^6.0.2",
+    "unplugin-swc": "^1.5.1"
   },
   "exports": {
     "development": {
@@ -96,20 +91,21 @@
   "publishConfig": {
     "access": "public"
   },
-  "repository": "immutable/ts-immutable-sdk.git",
+  "repository": {
+    "type": "git",
+    "url": "immutable/ts-immutable-sdk.git"
+  },
   "type": "module",
   "types": "./dist/types/index.d.ts",
   "scripts": {
     "build": "NODE_ENV=production node --max-old-space-size=14366 ./node_modules/rollup/dist/bin/rollup --config rollup.config.js && pnpm typegen",
-    "transpile": "node --max-old-space-size=14366 ./node_modules/rollup/dist/bin/rollup --config rollup.config.js",
-    "typegen": "tsc --customConditions default --emitDeclarationOnly --outDir dist/types",
-    "pack:root": "pnpm pack --pack-destination $(dirname $(pnpm root -w))",
     "build:local": "pnpm build && mkdir -p ../sample-app/public/lib/js && cp dist/browser/*.js ../sample-app/public/lib/js/",
-    "lint": "eslint ./src --ext .ts,.jsx,.tsx",
-    "lint:fix": "eslint ./src --ext .ts,.jsx,.tsx --fix",
+    "pack:root": "pnpm pack --pack-destination $(dirname $(pnpm root -w))",
     "start": "NODE_ENV=development rollup --config rollup.config.js --watch",
     "test": "jest test --passWithNoTests",
     "test:watch": "jest test --passWithNoTests --watch",
-    "typecheck": "tsc --customConditions default --customConditions \"default\" --noEmit"
+    "transpile": "node --max-old-space-size=14366 ./node_modules/rollup/dist/bin/rollup --config rollup.config.js",
+    "typecheck": "tsc --customConditions default --customConditions \"default\" --noEmit",
+    "typegen": "tsc --customConditions default --emitDeclarationOnly --outDir dist/types"
   }
 }

package/src/context/analytics-provider/SegmentAnalyticsProvider.ts

@@ -1,8 +1,8 @@
 import {
   createAnalytics,
-  StandardAnalyticsActions,
   StandardAnalyticsControlTypes,
 } from '@imtbl/react-analytics';
+import type { PropsWithChildren, ReactElement } from 'react';
 
 export enum UserJourney {
   CONNECT = 'Connect',
@@ -23,15 +23,19 @@ export type AnalyticsControlTypes =
 
 const productName = 'checkout';
 
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export const { AnalyticsProvider, useAnalytics } = createAnalytics<
-UserJourney,
-string,
-string,
-AnalyticsControlTypes,
-StandardAnalyticsActions
+const analytics = createAnalytics<
+  UserJourney,
+  string,
+  string,
+  AnalyticsControlTypes
 >({
   writeKey: '',
   appName: productName,
   storageKeyPrefix: 'checkoutWidgets',
 });
+
+// Explicit annotation: createAnalytics returns emotion JSX.Element, which is not portable
+export const AnalyticsProvider = analytics.AnalyticsProvider as (
+  props: PropsWithChildren,
+) => ReactElement;
+export const useAnalytics = analytics.useAnalytics;

package/src/widgets/bridge/components/BridgeReviewSummary.tsx

@@ -383,10 +383,15 @@ export function BridgeReviewSummary() {
     }
 
     try {
-      // eslint-disable-next-line max-len
-      const currentChainId = await (from?.browserProvider.provider as any).send('eth_chainId', []);
-      // eslint-disable-next-line radix
-      const parsedChainId = parseInt(currentChainId.toString());
+      const provider = from?.browserProvider?.provider as
+        | { send: (method: string, params: unknown[]) => Promise<unknown> }
+        | undefined;
+      if (!provider) {
+        setShowSwitchNetworkDrawer(true);
+        return;
+      }
+      const currentChainId = await provider.send('eth_chainId', []);
+      const parsedChainId = parseInt(String(currentChainId), 10);
       if (parsedChainId !== from?.network) {
         setShowSwitchNetworkDrawer(true);
         return;

package/tsconfig.json

@@ -1,17 +1,28 @@
 {
   "extends": "../../../tsconfig.base.json",
   "compilerOptions": {
+    "rootDir": "./src",
     "outDir": "./dist",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "customConditions": ["development"],
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "jsx": "react-jsx",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "noImplicitAny": false,
     "jsxImportSource": "@emotion/react",
     "experimentalDecorators": true,
-    "types": ["@segment/analytics-next", "jest", "node"]
+    "types": [
+      "@segment/analytics-next",
+      "jest",
+      "node"
+    ],
+    "jsx": "react-jsx"
   },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
 }

package/.eslintrc.cjs

@@ -1,75 +0,0 @@
-module.exports = {
-  "extends": ["../../../.eslintrc", 'plugin:react-hooks/recommended'],
-  "ignorePatterns": ["jest.config.*", "rollup.config.*"],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "project": "./tsconfig.json",
-    "tsconfigRootDir": __dirname
-  },
-  "rules": {
-    "@typescript-eslint/naming-convention": [
-      "error",
-      {
-        "selector": "default",
-        "format": ["camelCase"]
-      },
-      {
-        "selector": "objectLiteralProperty",
-        "format": ["camelCase"]
-      },
-      {
-        "selector": "variable",
-        "format": ["camelCase", "UPPER_CASE"]
-      },
-      {
-        "selector": "variable",
-        "types": ["function"],
-        "format": ["camelCase", "PascalCase"]
-      },
-      {
-        "selector": "function",
-        "format": ["camelCase", "PascalCase"]
-      },
-      {
-        "selector": "parameter",
-        "format": ["camelCase"],
-        "leadingUnderscore": "allow"
-      },
-      {
-        "selector": "class",
-        "format": ["PascalCase"]
-      },
-      {
-        "selector": "enum",
-        "format": ["PascalCase"]
-      },
-      {
-        "selector": "enumMember",
-        "format": ["UPPER_CASE"]
-      },
-      {
-        "selector": "memberLike",
-        "modifiers": ["private"],
-        "format": ["camelCase", "UPPER_CASE"]
-      },
-      {
-        "selector": "typeLike",
-        "format": ["PascalCase"]
-      },
-      {
-        "selector": "typeProperty",
-        "format": ["camelCase"]
-      }
-    ],
-    "prefer-promise-reject-errors": "off",
-    "class-methods-use-this": ["off"],
-    "react/require-default-props": ["off"],
-    "react/react-in-jsx-scope": ["off"],
-    "jsx-a11y/anchor-is-valid": "off",
-    "jsx-a11y/anchor-has-content": "off",
-    "jsx-a11y/control-has-associated-label": "off",
-    "react/jsx-props-no-spreading": "off",
-    "implicit-arrow-linebreak": "off",
-    "operator-linebreak": "off",
-  }
-}

package/jest.config.ts

@@ -1,27 +0,0 @@
-import type { Config } from 'jest';
-import { execSync } from 'child_process';
-import { name } from './package.json';
-
-const rootDirs = execSync(`pnpm --filter ${name}... exec pwd`)
-  .toString()
-  .split('\n')
-  .filter(Boolean)
-  .map((dir) => `${dir}/dist`);
-
-const config: Config = {
-  clearMocks: true,
-  roots: ['<rootDir>/src', ...rootDirs],
-  coverageProvider: 'v8',
-  moduleDirectories: ['node_modules', 'src'],
-  moduleNameMapper: { '^@imtbl/(.*)$': '<rootDir>/../../../node_modules/@imtbl/$1/src' },
-  testEnvironment: 'jsdom',
-  transform: {
-    '^.+\\.(t|j)sx?$': '@swc/jest',
-    '^.+\\.mjs?$': '@swc/jest',
-  },
-  transformIgnorePatterns: [
-    "../../../node_modules/.pnpm/(?!axios|@biom3/design-tokens)",
-  ],
-};
-
-export default config;