@getpara/react-sdk-lite 2.8.0 → 2.9.0

package/dist/modal/components/VerificationCodeStep/VerificationCodeStep.js

@@ -113,13 +113,14 @@ const VerificationCode = ({ authInfo, onResend, onSubmit, status, error }) => {
               errorText: codeError || "",
               onKeyDown: (e) => __async(void 0, null, function* () {
                 return e.key === "Enter" && (yield handleSubmitCode());
-              })
+              }),
+              "data-testid": "para-otp-input"
             }
           )
         }
       ),
       /* @__PURE__ */ jsxs(InlineText, { variant: "bodyS", color: "secondary", children: [
-        "Didn\u2019t receive a code?",
+        "Didn't receive a code?",
         " ",
         /* @__PURE__ */ jsx(
           ClickableText,
@@ -127,6 +128,7 @@ const VerificationCode = ({ authInfo, onResend, onSubmit, status, error }) => {
             variant: "bodyS",
             style: { cursor: resendDisabled ? "default" : "pointer" },
             onClick: handleResendClick,
+            "data-testid": "para-otp-resend",
             children: resendDisabled ? "Resent!" : "Resend."
           }
         )

package/dist/modal/components/WalletCreationDoneStep/WalletCreationDoneStep.js

@@ -68,10 +68,10 @@ const WalletCreationDoneStep = ({ twoFactorAuthEnabled, onClose }) => {
     /* @__PURE__ */ jsx(CardContainer, { children: hideWallets ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(HeroIcon, { icon: "checkCircleFilled" }),
       /* @__PURE__ */ jsx(CpslText, { variant: "bodyM", color: "secondary", weight: "medium", style: { marginTop: "16px" }, children: "Your account has been created." })
-    ] }) : /* @__PURE__ */ jsx(WalletCards, { children: para.currentWalletIdsArray.map(([id, type]) => {
+    ] }) : /* @__PURE__ */ jsx(WalletCards, { "data-testid": "para-wallet-card", children: para.currentWalletIdsArray.map(([id, type]) => {
       return /* @__PURE__ */ jsx(WalletCard, { id, type, showAddFunds: isOnRampConfigured }, id);
     }) }) }),
-    /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, onClick: handleNext, disabled: isWaiting, children: twoFactorAuthEnabled ? "Continue" : "Done" }) })
+    /* @__PURE__ */ jsx(InnerStepContainer, { children: /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, onClick: handleNext, disabled: isWaiting, "data-testid": "para-done-button", children: twoFactorAuthEnabled ? "Continue" : "Done" }) })
   ] });
 };
 const CardContainer = safeStyled(InnerStepContainer)`

package/dist/modal/components/common.d.ts

@@ -10,7 +10,7 @@ export declare const FullWidthFilledDisabledInput: typeof CpslInput;
 export declare const CenteredText: typeof CpslText;
 export declare const InnerStepContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StepContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, {
     $wide?: boolean;
 }>> & string;

package/dist/modal/stores/modal/actions.js

@@ -139,7 +139,8 @@ const getActions = (set, get) => ({
   setIsPasskeySupported: (isPasskeySupported) => set({ isPasskeySupported }),
   setAccountLinkOptions: (accountLinkOptions) => set({ accountLinkOptions }),
   setProfileWallet: (profileWallet) => set({ profileWallet }),
-  setSendTx: (sendTx) => set({ sendTx })
+  setSendTx: (sendTx) => set({ sendTx }),
+  setIsTestModeAlertDismissed: (isTestModeAlertDismissed) => set({ isTestModeAlertDismissed })
 });
 export {
   getActions

package/dist/modal/stores/modal/useModalStore.d.ts

@@ -62,6 +62,7 @@ interface ModalState {
     accountLinkOptions: SupportedAccountLinks;
     profileWallet?: AvailableWallet;
     sendTx: BroadcastTransactionResult | null;
+    isTestModeAlertDismissed: boolean;
 }
 export interface ModalActions {
     resetState: () => void;
@@ -102,6 +103,7 @@ export interface ModalActions {
     setAccountLinkOptions: (_: SupportedAccountLinks) => void;
     setProfileWallet: (_?: AvailableWallet) => void;
     setSendTx: (_: BroadcastTransactionResult | null) => void;
+    setIsTestModeAlertDismissed: (_: boolean) => void;
 }
 export type ModalStore = ModalState & ModalActions;
 export declare const DEFAULT_MODAL_STATE: Omit<ModalState, 'step' | 'onRampConfig'>;

package/dist/modal/stores/modal/useModalStore.js

@@ -50,7 +50,8 @@ const DEFAULT_MODAL_STATE = {
   isPasskeySupported: true,
   accountLinkOptions: [...LINKED_ACCOUNT_TYPES],
   profileWallet: void 0,
-  sendTx: null
+  sendTx: null,
+  isTestModeAlertDismissed: false
 };
 const useModalStore = create()(
   persist(

package/dist/modal/utils/validatePortalOrigin.js

@@ -5,6 +5,12 @@ const validatePortalOrigin = (event, paraCtx) => {
   const portalBase = getPortalBaseURL(paraCtx);
   const portalLocalBase = getPortalBaseURL(paraCtx, true);
   const normalizedOrigin = event.origin.replace("usecapsule", "getpara");
+  if (paraCtx.portalUrlOverride) {
+    const allowedPatterns = [/^https:\/\/\d+-portal\.preview\.sandbox\.getpara\.com$/, /^https?:\/\/localhost:\d+$/];
+    const overrideOrigin = new URL(paraCtx.portalUrlOverride).origin;
+    const isAllowed = allowedPatterns.some((pattern) => pattern.test(overrideOrigin));
+    if (isAllowed && normalizedOrigin === overrideOrigin) return true;
+  }
   if (normalizedOrigin !== portalBase && normalizedOrigin !== portalLocalBase) {
     return false;
   }

package/dist/provider/ParaProviderMin.js

@@ -101,6 +101,9 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
     }
     const newClient = isParaWeb(paraClientConfig) ? paraClientConfig : paraClientConfig.env ? new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts) : new ParaWeb(paraClientConfig.apiKey, paraClientConfig.opts);
     newClient.setModalError = setModalError;
+    if (typeof globalThis !== "undefined" && globalThis.__PARA_PORTAL_URL_OVERRIDE__) {
+      newClient.ctx.portalUrlOverride = globalThis.__PARA_PORTAL_URL_OVERRIDE__;
+    }
     newClient.portalTheme = paraModalConfig == null ? void 0 : paraModalConfig.theme;
     if (newClient.isReady) {
       setIsClientReady(true);

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.8.0",
-    "@getpara/react-components": "2.8.0",
-    "@getpara/web-sdk": "2.8.0",
+    "@getpara/react-common": "2.9.0",
+    "@getpara/react-components": "2.9.0",
+    "@getpara/web-sdk": "2.9.0",
     "date-fns": "^3.6.0",
     "framer-motion": "^11.3.31",
     "libphonenumber-js": "^1.11.7",
@@ -16,9 +16,9 @@
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.8.0",
-    "@getpara/evm-wallet-connectors": "2.8.0",
-    "@getpara/solana-wallet-connectors": "2.8.0",
+    "@getpara/cosmos-wallet-connectors": "2.9.0",
+    "@getpara/evm-wallet-connectors": "2.9.0",
+    "@getpara/solana-wallet-connectors": "2.9.0",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -38,7 +38,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "44d3bdc9a075861613210bd0817a03ab67deed4e",
+  "gitHead": "672cc943bc57cbeced8e79127c52a4fab0af4aed",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",

package/dist/modal/components/AddFunds/common.d.ts

@@ -1,5 +0,0 @@
-export declare const NoProviders: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<any, "ref"> & import("react").RefAttributes<any>, "ref"> & {
-    ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;
-}, {
-    isHidden?: boolean;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>, keyof import("react").Component<any, {}, any>>;

package/dist/modal/components/AddFunds/common.js

@@ -1,17 +0,0 @@
-"use client";
-import "../../../chunk-MMUBH76A.js";
-import { CpslText } from "@getpara/react-components";
-import { safeStyled } from "@getpara/react-common";
-const NoProviders = safeStyled(CpslText)`
-  width: 100%;
-  text-align: center;
-  visibility: ${({ isHidden }) => isHidden ? "hidden" : "visible"};
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  transition: visibility 0.2s;
-`;
-export {
-  NoProviders
-};