@evervault/react - npm Package Compare versions

Comparing version 2.12.0 to 2.13.0

dist/evervault-react.main.js

 "use client";
 import * as u from "react";
-import { createContext as I, useContext as Y, useState as L, useRef as h, useLayoutEffect as R, useEffect as E, useMemo as T, useCallback as P } from "react";
+import { createContext as I, useContext as Y, useState as L, useRef as h, useLayoutEffect as R, useEffect as g, useMemo as T, useCallback as P } from "react";
 function U(o) {
@@ -361,3 +361,3 @@ return (n) => ({
 }, Symbol.toStringTag, { value: "Module" })), z = I(null);
-function g() {
+function E() {
   if (typeof window > "u")
@@ -414,3 +414,3 @@ return null;
 function D({ request: o, children: n, onReady: r, onError: i }) {
-  const l = h(!1), d = g(), [e, a] = L(null), c = h(null);
+  const l = h(!1), d = E(), [e, a] = L(null), c = h(null);
   return u.useEffect(() => {
@@ -422,3 +422,3 @@ if (!(!e || !r))
       return e == null ? void 0 : e.on("error", i);
-  }, [e, i]), E(() => {
+  }, [e, i]), g(() => {
     if (!c.current || l.current)
@@ -455,16 +455,16 @@ return;
 }) {
-  const w = g(), b = h(!1), x = h(null), [f, M] = u.useState(null);
-  E(() => {
+  const w = E(), b = h(!1), x = h(null), [f, M] = u.useState(null);
+  g(() => {
     if (!(!f || !e))
       return f == null ? void 0 : f.on("ready", e);
-  }, [f, e]), E(() => {
+  }, [f, e]), g(() => {
     if (!(!f || !a))
       return f == null ? void 0 : f.on("error", a);
-  }, [f, a]), E(() => {
+  }, [f, a]), g(() => {
     if (!(!f || !d))
       return f == null ? void 0 : f.on("swipe", d);
-  }, [f, d]), E(() => {
+  }, [f, d]), g(() => {
     if (!(!f || !c))
       return f == null ? void 0 : f.on("change", c);
-  }, [f, c]), E(() => {
+  }, [f, c]), g(() => {
     if (!(!f || !s))
@@ -523,3 +523,3 @@ return f == null ? void 0 : f.on("complete", s);
 }) {
-  const c = g(), s = h(!1), [t, v] = u.useState(null), p = h(null);
+  const c = E(), s = h(!1), [t, v] = u.useState(null), p = h(null);
   u.useEffect(() => {
@@ -570,3 +570,3 @@ if (!(!t || !d))
 }) {
-  const a = g(), c = u.useRef(!1), s = u.useRef(null), [t, v] = u.useState(
+  const a = E(), c = u.useRef(!1), s = u.useRef(null), [t, v] = u.useState(
     null
@@ -609,9 +609,13 @@ );
 function k(o) {
-  const n = g(), r = h(null), i = P(
+  const n = E(), r = h(null), i = P(
     (d, e) => {
-      if (r.current)
-        return;
+      r.current && (r.current.unmount(), r.current = null);
       async function a() {
         const c = await n;
-        c && (r.current = c.ui.threeDSecure(d, o), e != null && e.onReady && r.current.on("ready", e.onReady), e != null && e.onSuccess && r.current.on("success", e.onSuccess), e != null && e.onFailure && r.current.on("failure", e.onFailure), e != null && e.onError && r.current.on("error", e.onError), r.current.mount());
+        if (c)
+          try {
+            r.current = c.ui.threeDSecure(d, o), e != null && e.onReady && r.current.on("ready", e.onReady), e != null && e.onSuccess && r.current.on("success", e.onSuccess), e != null && e.onFailure && r.current.on("failure", e.onFailure), e != null && e.onError && r.current.on("error", e.onError), r.current.mount();
+          } catch (s) {
+            r.current = null, e != null && e.onError && e.onError(s);
+          }
       }
@@ -621,3 +625,7 @@ a();
     [n, o]
-  ), l = P((d) => {
+  );
+  g(() => () => {
+    r.current && (r.current.unmount(), r.current = null);
+  }, []);
+  const l = P((d) => {
     r.current && r.current.update(d);
@@ -698,3 +706,3 @@ }, []);
 };
-function te({
+function re({
   onChange: o,
@@ -707,3 +715,3 @@ config: n,
     return /* @__PURE__ */ u.createElement("div", { id: i });
-  const l = g(), { height: d = "auto", ...e } = n ?? {}, a = e ? { height: d, ...e } : { height: d };
+  const l = E(), { height: d = "auto", ...e } = n ?? {}, a = e ? { height: d, ...e } : { height: d };
   return u.useEffect(() => {
@@ -718,3 +726,3 @@ l == null || l.then((c) => {
 }
-function re({
+function te({
   request: o,
@@ -729,3 +737,3 @@ config: n,
     return /* @__PURE__ */ u.createElement("div", { id: d });
-  const e = g(), { height: a = "auto", ...c } = n ?? {}, s = c ? { height: a, ...c } : { height: a };
+  const e = E(), { height: a = "auto", ...c } = n ?? {}, s = c ? { height: a, ...c } : { height: a };
   return u.useEffect(() => {
@@ -744,5 +752,5 @@ e == null || e.then((t) => {
   X as Card,
-  te as EvervaultInput,
+  re as EvervaultInput,
   ee as EvervaultProvider,
-  re as EvervaultReveal,
+  te as EvervaultReveal,
   Z as Pin,
@@ -753,4 +761,4 @@ F as PromisifiedEvervaultClient,
   W as themes,
-  g as useEvervault,
+  E as useEvervault,
   k as useThreeDSecure
 };

package.json

 {
   "private": false,
   "name": "@evervault/react",
-  "version": "2.12.0",
+  "version": "2.13.0",
   "description": "React package for the Evervault SDK",
@@ -34,2 +34,3 @@ "license": "MIT",
     "react-dom": "^18.2.0",
+    "typescript": "5.5.4",
     "vite": "^4.5.5",
@@ -36,0 +37,0 @@ "vite-plugin-dts": "^3.6.3",

No alert changes

Improved metrics

Total package byte prevSize

85351

increased by0.53%

Lines of code

1868

increased by0.48%

Worsened metrics

Dev dependency count

12

increased by9.09%

No dependency changes