@bosonprotocol/react-kit 0.29.0 → 0.29.1-alpha.1

package/src/components/datepicker/SelectTime.tsx

@@ -46,8 +46,8 @@ export default function SelectTime({
       period
         ? [date?.isToday() ? dayjs().format("HH") : "00", "23"]
         : date?.isToday()
-        ? dayjs().format("HH")
-        : "00",
+          ? dayjs().format("HH")
+          : "00",
     [period, date]
   );
   const DEFAULT_MINUTE = useMemo(
@@ -55,8 +55,8 @@ export default function SelectTime({
       period
         ? [date?.isToday() ? dayjs().add(5, "minute").format("mm") : "00", "59"]
         : date?.isToday()
-        ? dayjs().add(5, "minute").format("mm")
-        : "00",
+          ? dayjs().add(5, "minute").format("mm")
+          : "00",
     [period, date]
   );
   const DEFAULT_TIME = useMemo(() => (period ? ["00", "00"] : "00"), [period]);

package/src/components/form/BaseSelect.tsx

@@ -23,8 +23,8 @@ const customStyles = (error: any) => ({
     border: state.isFocused
       ? `1px solid ${colors.secondary}`
       : !checkIfValueIsEmpty(error)
-      ? `1px solid ${colors.orange}`
-      : `1px solid ${colors.border}`
+        ? `1px solid ${colors.orange}`
+        : `1px solid ${colors.border}`
   }),
   container: (provided: any, state: any) => ({
     ...provided,

package/src/components/form/Select.tsx

@@ -42,8 +42,8 @@ const customStyles = (error: any) => ({
       border: state.isFocused
         ? `1px solid ${colors.secondary}`
         : !checkIfValueIsEmpty(error)
-        ? `1px solid ${colors.orange}`
-        : `1px solid ${colors.border}`,
+          ? `1px solid ${colors.orange}`
+          : `1px solid ${colors.border}`,
       ...before
     };
   },
@@ -87,8 +87,8 @@ export default function SelectComponent({
     meta.error && meta.touched && !errorMessage
       ? meta.error
       : meta.error && meta.touched && errorMessage
-      ? errorMessage
-      : "";
+        ? errorMessage
+        : "";
 
   const displayError =
     typeof displayErrorMessage === typeof "string" &&

package/src/components/modal/ModalContext.tsx

@@ -24,11 +24,10 @@ export type Store = {
   > | null;
   theme?: "light" | "dark";
 };
-export type GenericModalProps<T extends keyof typeof MODAL_TYPES> = Parameters<
-  typeof MODAL_COMPONENTS[T]
->[0] extends Record<string, never>
-  ? ModalProps & Record<string, never>
-  : ModalProps & Parameters<typeof MODAL_COMPONENTS[T]>[0];
+export type GenericModalProps<T extends keyof typeof MODAL_TYPES> =
+  Parameters<(typeof MODAL_COMPONENTS)[T]>[0] extends Record<string, never>
+    ? ModalProps & Record<string, never>
+    : ModalProps & Parameters<(typeof MODAL_COMPONENTS)[T]>[0];
 
 export interface ModalContextType {
   showModal: <T extends keyof typeof MODAL_TYPES>(

package/src/components/modal/components/Commit/CommitSuccess/CommitSuccess.tsx

@@ -113,7 +113,7 @@ export function CommitSuccess({ onHouseClick, exchangeId, commitHash }: Props) {
                     }}
                   >
                     View on{" "}
-                    {[80001, 137].includes(config.chainId)
+                    {[80002, 137].includes(config.chainId)
                       ? "Polygonscan"
                       : "Etherscan"}{" "}
                     <ArrowSquareUpRight

package/src/components/modal/components/Redeem/ExchangeView/cancellation/CancelExchange.tsx

@@ -233,9 +233,8 @@ export function CancelExchange({
               const [, { exchangeId }] = args;
               await poll(
                 async () => {
-                  const canceledExchange = await coreSDK.getExchangeById(
-                    exchangeId
-                  );
+                  const canceledExchange =
+                    await coreSDK.getExchangeById(exchangeId);
                   return canceledExchange.cancelledDate;
                 },
                 (cancelledDate) => {

package/src/components/modal/components/Redeem/ExchangeView/expireVoucher/ExpireVoucher.tsx

@@ -236,9 +236,8 @@ export default function ExpireVoucher({
               const [, { exchangeId }] = args;
               await poll(
                 async () => {
-                  const expiredExchange = await coreSDK.getExchangeById(
-                    exchangeId
-                  );
+                  const expiredExchange =
+                    await coreSDK.getExchangeById(exchangeId);
                   return expiredExchange.expired;
                 },
                 (expired) => {

package/src/components/modal/components/Redeem/MyItems/WithExchangesData.tsx

@@ -52,8 +52,8 @@ export function WithExchangesData(
         ? sellerIds.filter((s) => sellerCurationList?.includes(s))
         : sellerIds
       : enableCurationLists
-      ? sellerCurationList
-      : undefined;
+        ? sellerCurationList
+        : undefined;
     const committedExchanges = useExchanges(
       {
         ...orderProps,

package/src/components/modal/components/Redeem/RedeemNonModal.tsx

@@ -257,14 +257,14 @@ const getInitialStep = (
   return showRedemptionOverview
     ? ActiveStep.STEPS_OVERVIEW
     : widgetAction === RedemptionWidgetAction.SELECT_EXCHANGE
-    ? ActiveStep.MY_ITEMS
-    : widgetAction === RedemptionWidgetAction.REDEEM_FORM
-    ? ActiveStep.REDEEM_FORM
-    : widgetAction === RedemptionWidgetAction.CANCEL_FORM
-    ? ActiveStep.CANCELLATION_VIEW
-    : widgetAction === RedemptionWidgetAction.EXCHANGE_DETAILS
-    ? ActiveStep.EXCHANGE_VIEW
-    : ActiveStep.REDEEM_FORM_CONFIRMATION;
+      ? ActiveStep.MY_ITEMS
+      : widgetAction === RedemptionWidgetAction.REDEEM_FORM
+        ? ActiveStep.REDEEM_FORM
+        : widgetAction === RedemptionWidgetAction.CANCEL_FORM
+          ? ActiveStep.CANCELLATION_VIEW
+          : widgetAction === RedemptionWidgetAction.EXCHANGE_DETAILS
+            ? ActiveStep.EXCHANGE_VIEW
+            : ActiveStep.REDEEM_FORM_CONFIRMATION;
 };
 const getPreviousSteps = (
   widgetAction: RedemptionWidgetAction,

package/src/components/modal/components/common/OfferFullDescription/DigitalProductData.tsx

@@ -102,12 +102,12 @@ export const DigitalProductData: React.FC<DigitalProductDataProps> = ({
                             attribute.value as keyof typeof digitalTypeMappingDisplay
                           ]
                         : digitalNftTypeMapping[
-                            attribute.value as keyof typeof digitalNftTypeMapping
-                          ]
-                        ? digitalNftTypeMapping[
-                            attribute.value as keyof typeof digitalNftTypeMapping
-                          ]
-                        : attribute.value}
+                              attribute.value as keyof typeof digitalNftTypeMapping
+                            ]
+                          ? digitalNftTypeMapping[
+                              attribute.value as keyof typeof digitalNftTypeMapping
+                            ]
+                          : attribute.value}
                     </Typography>
                   )
                 })),

package/src/components/modal/components/common/OfferFullDescription/OfferFullDescription.tsx

@@ -31,7 +31,7 @@ export type OfferFullDescriptionProps = OnClickBuyOrSwapHandler & {
   includeGeneralProductDataTab: boolean;
   exchange: Exchange | null;
   className?: string;
-  defaultSelectedTabId?: typeof ids[number];
+  defaultSelectedTabId?: (typeof ids)[number];
 } & Pick<UseGetOfferDetailDataProps, "onExchangePolicyClick"> &
   Pick<TabsProps, "withFullViewportWidth">;
 

package/src/components/modal/components/common/detail/Detail.style.tsx

@@ -506,8 +506,11 @@ export const BaseWidget = styled.div`
   }
 
   box-shadow: 0px 4.318px 107.946px rgba(21, 30, 52, 0.1);
-  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05), 0px 0px 16px rgba(0, 0, 0, 0.05),
-    0px 0px 32px rgba(0, 0, 0, 0.05), 0px 0px 64px rgba(0, 0, 0, 0.05),
+  box-shadow:
+    0px 0px 0px rgba(0, 0, 0, 0.05),
+    0px 0px 16px rgba(0, 0, 0, 0.05),
+    0px 0px 32px rgba(0, 0, 0, 0.05),
+    0px 0px 64px rgba(0, 0, 0, 0.05),
     0px 0px 128px rgba(0, 0, 0, 0.05);
 
   > div {

package/src/components/modal/components/common/detail/DetailSlider.tsx

@@ -125,8 +125,8 @@ export default function DetailSlider({
     outerShowArrows === false
       ? false
       : sumMediaFiles !== 1 && (sliderOptions.perView ?? 1) === 1
-      ? true
-      : sumMediaFiles > (sliderOptions.perView ?? 1);
+        ? true
+        : sumMediaFiles > (sliderOptions.perView ?? 1);
   const draggable = showArrows;
   useEffect(() => {
     if (mediaFiles.length !== 0 && ref.current !== null) {

package/src/components/modal/components/common/detail/DetailViewWithProvider.tsx

@@ -111,7 +111,7 @@ export const DetailViewWithProvider: React.FC<
             )
           : "",
         [swapQueryParameters.exactField]: Field.OUTPUT.toLowerCase()
-      } as const),
+      }) as const,
     [
       minNeededBalance,
       offer.exchangeToken.address,

package/src/components/modal/components/common/detail/TokenGatedItem.tsx

@@ -216,16 +216,16 @@ export const TokenGatedItem = ({
       !chainId || !condition
         ? null
         : condition.tokenAddress === ethers.constants.AddressZero
-        ? nativeOnChain(chainId)
-        : erc20TokenInfo
-        ? new Token(
-            chainId,
-            condition.tokenAddress,
-            Number(erc20TokenInfo.decimals),
-            erc20TokenInfo.symbol,
-            erc20TokenInfo.name
-          )
-        : null,
+          ? nativeOnChain(chainId)
+          : erc20TokenInfo
+            ? new Token(
+                chainId,
+                condition.tokenAddress,
+                Number(erc20TokenInfo.decimals),
+                erc20TokenInfo.symbol,
+                erc20TokenInfo.name
+              )
+            : null,
     [chainId, condition, erc20TokenInfo]
   );
 

package/src/components/wallet/wallet-connection.ts

@@ -12,11 +12,33 @@ import { useConfigContext } from "../config/ConfigContext";
 
 function getChain(
   chainId: number
-): [typeof wagmiChains[keyof typeof wagmiChains]] {
+): [(typeof wagmiChains)[keyof typeof wagmiChains]] {
   const chain = Object.values(wagmiChains).find(
     (chain) => chain.id === chainId
   );
   if (!chain) {
+    if (chainId === 80002) {
+      // Amoy config, from https://github.com/wevm/viem/pull/1787
+      return [
+        {
+          id: 80_002,
+          name: "Polygon Amoy",
+          nativeCurrency: { name: "MATIC", symbol: "MATIC", decimals: 18 },
+          rpcUrls: {
+            default: {
+              http: ["https://rpc-amoy.polygon.technology"]
+            }
+          },
+          blockExplorers: {
+            default: {
+              name: "OK LINK",
+              url: "https://www.oklink.com/amoy"
+            }
+          },
+          testnet: true
+        } as unknown as (typeof wagmiChains)[keyof typeof wagmiChains] // Force casting
+      ];
+    }
     throw new Error(`Cannot find a chain with id ${chainId} in wagmiChains`);
   }
   return [chain];

package/src/components/widgets/commit/CommitModalWithOffer.tsx

@@ -82,7 +82,7 @@ function WithProductOrOffer(
                   ({
                     variations: productV1Item.variations,
                     offer: bundle.offer
-                  } as VariantV1)
+                  }) as VariantV1
               );
             })
             .filter(isTruthy);

package/src/lib/chains/getNativeLogoURI.ts

@@ -2,10 +2,13 @@ import { ChainId } from "@uniswap/sdk-core";
 import EthereumLogo from "../../assets/svg/ethereum_square_logo.svg";
 import MaticLogo from "../../assets/svg/matic-token-icon.svg";
 
-export function getNativeLogoURI(chainId: ChainId = ChainId.MAINNET): string {
+export function getNativeLogoURI(
+  chainId: ChainId | number = ChainId.MAINNET
+): string {
   switch (chainId) {
     case ChainId.POLYGON:
     case ChainId.POLYGON_MUMBAI:
+    case 80002:
       return MaticLogo;
     default:
       return EthereumLogo;

package/src/lib/const/chainInfo.ts

@@ -98,6 +98,21 @@ const CHAIN_INFO: ChainInfoMap = {
       symbol: "mMATIC",
       decimals: 18
     }
+  },
+  80002: {
+    networkType: NetworkType.L1,
+    blockWaitMsBeforeWarning: ms(`10m`),
+    bridge: "https://wallet.polygon.technology/polygon/bridge/deposit",
+    docs: "https://polygon.io/",
+    explorer: "https://www.oklink.com/amoy/",
+    infoLink: "https://info.uniswap.org/#/polygon/",
+    label: "Polygon Amoy",
+    logoUrl: polygonMaticLogo,
+    nativeCurrency: {
+      name: "Polygon Amoy Matic",
+      symbol: "aMATIC",
+      decimals: 18
+    }
   }
 } as const;
 

package/src/lib/const/chains.ts

@@ -5,6 +5,7 @@ export const CHAIN_IDS_TO_NAMES = {
   [ChainId.SEPOLIA]: "sepolia",
   [ChainId.POLYGON]: "polygon",
   [ChainId.POLYGON_MUMBAI]: "polygon_mumbai",
+  80002: "polygon_amoy",
   [ChainId.CELO]: "celo",
   [ChainId.CELO_ALFAJORES]: "celo_alfajores",
   [ChainId.ARBITRUM_ONE]: "arbitrum",
@@ -25,7 +26,8 @@ export const L1_CHAIN_IDS = [
   // ChainId.GOERLI,
   ChainId.SEPOLIA,
   ChainId.POLYGON,
-  ChainId.POLYGON_MUMBAI
+  ChainId.POLYGON_MUMBAI,
+  80002
   // LocalChainId
   // ChainId.CELO,
   // ChainId.CELO_ALFAJORES

package/src/lib/const/networks.ts

@@ -71,6 +71,10 @@ export const FALLBACK_URLS = {
     "https://rpc-mumbai.maticvigil.com",
     "https://matic-testnet-archive-rpc.bwarelabs.com"
   ],
+  80002: [
+    // "Safe" URLs
+    "https://rpc-amoy.polygon.technology"
+  ],
   [ChainId.ARBITRUM_ONE]: [
     // "Safe" URLs
     "https://arb1.arbitrum.io/rpc",
@@ -175,6 +179,10 @@ export const getRpcUrls = (infuraKey: string) => ({
     `https://polygon-mumbai.infura.io/v3/${infuraKey}`,
     ...FALLBACK_URLS[ChainId.POLYGON_MUMBAI]
   ],
+  80002: [ // AMOY
+    `https://polygon-amoy.infura.io/v3/${infuraKey}`,
+    ...FALLBACK_URLS[80002]
+  ],
   [ChainId.CELO]: FALLBACK_URLS[ChainId.CELO],
   [ChainId.CELO_ALFAJORES]: FALLBACK_URLS[ChainId.CELO_ALFAJORES],
   [ChainId.BNB]: [

package/src/lib/const/tokens.ts

@@ -411,6 +411,13 @@ export const WRAPPED_NATIVE_CURRENCY: { [chainId: number]: Token | undefined } =
       "WMATIC",
       "Wrapped MATIC"
     ),
+    80002: new Token(
+      80002,
+      "0x52eF3d68BaB452a294342DC3e5f464d7f610f72E",
+      18,
+      "WMATIC",
+      "Wrapped MATIC"
+    ),
     [ChainId.CELO]: new Token(
       ChainId.CELO,
       "0x471ece3750da237f93b8e339c536989b8978a438",
@@ -458,10 +465,16 @@ function getCeloNativeCurrency(chainId: number) {
   }
 }
 
+type NewType = 80002;
+
 export function isMatic(
   chainId: number
-): chainId is ChainId.POLYGON | ChainId.POLYGON_MUMBAI {
-  return chainId === ChainId.POLYGON_MUMBAI || chainId === ChainId.POLYGON;
+): chainId is ChainId.POLYGON | ChainId.POLYGON_MUMBAI | NewType {
+  return (
+    chainId === ChainId.POLYGON_MUMBAI ||
+    chainId === ChainId.POLYGON ||
+    chainId === 80002
+  );
 }
 
 class MaticNativeCurrency extends NativeCurrency {

package/src/lib/opensea/getOpenSeaUrl.ts

@@ -4,12 +4,12 @@ import { getExchangeTokenId } from "../utils/exchange";
 
 const openSeaUrlMap = new Map([
   [
-    "testing", // Mumbai
+    "testing", // testnets
     new Map([
       [
-        "testing-80001-0",
+        "testing-80002-0",
         (tokenId: string, contractAddress: string) =>
-          `https://testnets.opensea.io/assets/mumbai/${contractAddress}/${tokenId}`
+          `https://testnets.opensea.io/assets/amoy/${contractAddress}/${tokenId}` // TO BE CONFIRMED
       ],
       [
         "testing-11155111-0",
@@ -19,12 +19,12 @@ const openSeaUrlMap = new Map([
     ])
   ],
   [
-    "staging", // Mumbai
+    "staging", // testnets
     new Map([
       [
-        "staging-80001-0",
+        "staging-80002-0",
         (tokenId: string, contractAddress: string) =>
-          `https://testnets.opensea.io/assets/mumbai/${contractAddress}/${tokenId}`
+          `https://testnets.opensea.io/assets/amoy/${contractAddress}/${tokenId}` // TO BE CONFIRMED
       ],
       [
         "staging-11155111-0",

package/src/stories/cta/dispute/AddFeesDisputeResolverButton.stories.tsx

@@ -41,7 +41,7 @@ export const WithExtraInfo: ComponentStory<
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing",
     web3Provider: undefined
   },
@@ -74,7 +74,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing",
     web3Provider: undefined
   },

package/src/stories/cta/dispute/AddSellerToDisputeResolverButton.stories.tsx

@@ -40,7 +40,7 @@ export const WithExtraInfo: ComponentStory<typeof AddSellerToDisputeResolver> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing",
     web3Provider: undefined
   },
@@ -66,7 +66,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing",
     web3Provider: undefined
   },

package/src/stories/cta/dispute/CreateDisputeResolverButton.stories.tsx

@@ -40,7 +40,7 @@ export const WithExtraInfo: ComponentStory<typeof CreateDisputeResolverButton> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing",
     web3Provider: undefined
   },
@@ -75,7 +75,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing",
     web3Provider: undefined
   },

package/src/stories/cta/dispute/DecideDisputeButton.stories.tsx

@@ -41,7 +41,7 @@ export const WithExtraInfo: ComponentStory<typeof DecideDisputeButton> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
     // metaTransactionsApiId: "dummyApiId",
@@ -68,7 +68,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
   },

package/src/stories/cta/dispute/EscalateDisputeButton.stories.tsx

@@ -40,7 +40,7 @@ export const WithExtraInfo: ComponentStory<typeof EscalateDisputeButton> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
     // metaTransactionsApiId: "dummyApiId",
@@ -66,7 +66,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
   },

package/src/stories/cta/dispute/ExpireDisputeButton.stories.tsx

@@ -41,7 +41,7 @@ export const WithExtraInfo: ComponentStory<typeof ExpireDisputeButton> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
     // metaTransactionsApiId: "dummyApiId",
@@ -67,7 +67,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
   },

package/src/stories/cta/dispute/ExpireEscalationDisputeButton.stories.tsx

@@ -41,7 +41,7 @@ export const WithExtraInfo: ComponentStory<
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
     // metaTransactionsApiId: "dummyApiId"
@@ -67,7 +67,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
   },

package/src/stories/cta/dispute/ExtendDisputeTimeoutButton.stories.tsx

@@ -40,7 +40,7 @@ export const WithExtraInfo: ComponentStory<typeof ExtendDisputeTimeoutButton> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
     // metaTransactionsApiId: "dummyApiId",
@@ -67,7 +67,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
   },

package/src/stories/cta/dispute/RaiseDisputeButton.stories.tsx

@@ -41,7 +41,7 @@ export const WithExtraInfo: ComponentStory<typeof RaiseDisputeButton> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
     // metaTransactionsApiId: "dummyApiId",
@@ -67,7 +67,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
   },

package/src/stories/cta/dispute/RefuseDisputeButton.stories.tsx

@@ -41,7 +41,7 @@ export const WithExtraInfo: ComponentStory<typeof RefuseDisputeButton> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
     // metaTransactionsApiId: "dummyApiId",
@@ -67,7 +67,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing"
     // metaTransactionsApiKey: undefined,
   },

package/src/stories/cta/dispute/RemoveFeesDisputeResolverButton.stories.tsx

@@ -40,7 +40,7 @@ export const WithExtraInfo: ComponentStory<typeof RemoveFeesDisputeResolver> =
 
 Simple.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing",
     web3Provider: undefined
   },
@@ -66,7 +66,7 @@ Simple.args = {
 
 WithExtraInfo.args = {
   coreSdkConfig: {
-    configId: "testing-80001-0",
+    configId: "testing-80002-0",
     envName: "testing",
     web3Provider: undefined
   },