@stytch/vanilla-js 6.0.2 → 6.0.3

package/dist/cjs/b2b/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var shadcn = require('../shadcn-DEJIbMOE.js');
+var shadcn = require('../shadcn-BmPw6Q7O.js');
 var uniqueId = require('../uniqueId-DLJHPADm.js');
 var storage = require('../storage-MqgW9SGA.js');
 var index$1 = require('../index-DQfLs1N5.js');
@@ -3573,6 +3573,7 @@ const Discovery = ()=>{
             message: "Accept Invite"
         });
         return /*#__PURE__*/ uniqueId.wn.createElement(OrganizationRow, {
+            key: organization.organization_id,
             organization: organization,
             action: action,
             onClick: ()=>handleDiscoveryOrganizationStart(discoveredOrganization)
@@ -4477,21 +4478,29 @@ var modules_b00e876f = {"qr":"TOTPEnrollQRScreen_module_qr__ae8d607c"};
 const TOTPEnrollQRScreen = ()=>{
     const stytchClient = shadcn.useStytch();
     const [state, dispatch] = shadcn.useGlobalReducer();
+    const onEvent = shadcn.useEventCallback();
+    const onError = shadcn.useErrorCallback();
     const { i18n: $__i18n, _: $__ } = uniqueId.useLingui();
-    const { mfa: { totp: { createError, enrollment, isCreating } } } = state;
     // This screen should only be shown if primary info and TOTP enrollment are
     // available
     const { memberId, organizationId } = state.mfa.primaryInfo;
-    const { trigger: createTotp } = useMutate('stytch.totp.create', (_, { arg: { memberId, organizationId } })=>{
-        dispatch({
-            type: 'totp/create'
-        });
-        return stytchClient.totp.create({
+    const { data } = index$1.useSWR([
+        'stytch.totp.create',
+        memberId,
+        organizationId
+    ], ()=>stytchClient.totp.create({
             member_id: memberId,
             organization_id: organizationId
-        });
-    }, {
+        }), {
+        revalidateOnFocus: false,
+        revalidateOnReconnect: false,
+        revalidateIfStale: false,
         onSuccess: (response)=>{
+            onEvent({
+                type: storage.StytchEventType.B2BTOTPCreate,
+                data: response
+            });
+            // Store the enrollment object so we can show recovery code after authenticating
             dispatch({
                 type: 'totp/create_success',
                 response,
@@ -4506,26 +4515,9 @@ const TOTPEnrollQRScreen = ()=>{
                     message
                 });
             }
-            dispatch({
-                type: 'totp/create_error',
-                error
-            });
+            onError(error);
         }
     });
-    const shouldCreate = !enrollment && !isCreating && !createError;
-    uniqueId.p(()=>{
-        if (shouldCreate) {
-            createTotp({
-                memberId,
-                organizationId
-            });
-        }
-    }, [
-        createTotp,
-        memberId,
-        organizationId,
-        shouldCreate
-    ]);
     const handleShowManualCode = ()=>{
         dispatch({
             type: 'totp/show_code',
@@ -4551,12 +4543,12 @@ const TOTPEnrollQRScreen = ()=>{
     }, $__i18n._({
         id: "totp.setupQr.content",
         message: "Your organization requires an additional form of verification to make your account more secure. If you don’t have an authenticator app, you’ll need to install one first."
-    })), enrollment ? /*#__PURE__*/ uniqueId.wn.createElement(uniqueId.wn.Fragment, null, /*#__PURE__*/ uniqueId.wn.createElement("img", {
+    })), data ? /*#__PURE__*/ uniqueId.wn.createElement(uniqueId.wn.Fragment, null, /*#__PURE__*/ uniqueId.wn.createElement("img", {
         alt: $__i18n._({
             id: "mfaTotpEnrollment.qrAltText",
             message: "QR code for TOTP enrollment"
         }),
-        src: enrollment.qrCode,
+        src: data.qr_code,
         className: modules_b00e876f.qr
     }), /*#__PURE__*/ uniqueId.wn.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ uniqueId.wn.createElement(shadcn.Button, {
         variant: "primary",