@dloizides/auth-web 1.22.0 → 1.22.1

package/dist/index.js

@@ -576,6 +576,12 @@ function useAuthStyles(theme) {
         marginTop: spacing.xs,
         color: colors.danger
       },
+      errorBody: {
+        fontSize: typography.body,
+        marginTop: spacing.xs,
+        marginBottom: spacing.md,
+        color: colors.danger
+      },
       successText: {
         fontSize: typography.body,
         lineHeight: typography.body * 1.4,
@@ -4673,6 +4679,11 @@ function createBffChangePasswordClient(options = {}) {
     }
   };
 }
+function useFocusOnMount(ref) {
+  react.useEffect(() => {
+    ref.current?.focus();
+  }, [ref]);
+}
 function useResendVerification({ client, verifyUrlTemplate }) {
   const [email, setEmail] = react.useState("");
   const [missingEmail, setMissingEmail] = react.useState(false);
@@ -4692,6 +4703,11 @@ function useResendVerification({ client, verifyUrlTemplate }) {
   }, [client, email, verifyUrlTemplate]);
   return { email, setEmail, missingEmail, submitting, confirmed, submit };
 }
+function ResendConfirmation({ style, testID, text }) {
+  const ref = react.useRef(null);
+  useFocusOnMount(ref);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ref, accessible: true, accessibilityLiveRegion: "polite", focusable: true, testID, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style, children: text }) });
+}
 function VerifyEmailResendForm({
   client,
   labels,
@@ -4703,7 +4719,7 @@ function VerifyEmailResendForm({
   const resend = useResendVerification({ client, verifyUrlTemplate });
   const id = (base) => withTestIdPrefix(base, testIdPrefix);
   if (resend.confirmed) {
-    return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.successText, testID: id(AuthTestIds.verifyEmailResendConfirmation), children: labels.resendConfirmation });
+    return /* @__PURE__ */ jsxRuntime.jsx(ResendConfirmation, { style: styles3.successText, testID: id(AuthTestIds.verifyEmailResendConfirmation), text: labels.resendConfirmation });
   }
   const submit = () => {
     void resend.submit();
@@ -4732,7 +4748,7 @@ function VerifyEmailResendForm({
         }
       )
     ] }),
-    resend.missingEmail ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.errorText, children: labels.resendMissingEmail }) : null,
+    resend.missingEmail ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.errorBody, children: labels.resendMissingEmail }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.TouchableOpacity,
       {
@@ -4829,6 +4845,23 @@ function verifyEmailErrorText(code, labels) {
   }
   return labels.errorGeneric;
 }
+function ResendCta({ label, hint, style, textStyle, testID, onPress }) {
+  const ref = react.useRef(null);
+  useFocusOnMount(ref);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactNative.TouchableOpacity,
+    {
+      ref,
+      accessibilityHint: hint,
+      accessibilityLabel: label,
+      accessibilityRole: "button",
+      style,
+      testID,
+      onPress,
+      children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: textStyle, children: label })
+    }
+  );
+}
 function VerifyEmailScreen({
   client,
   token,
@@ -4874,7 +4907,7 @@ function VerifyEmailScreen({
     ] }) : null,
     phase === "failure" /* Failure */ ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { testID: id(AuthTestIds.verifyEmailError), children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { accessibilityRole: "header", style: styles3.title, children: labels.errorTitle }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.errorText, children: verifyEmailErrorText(errorCode, labels) }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.errorBody, children: verifyEmailErrorText(errorCode, labels) }),
       resendOpen ? /* @__PURE__ */ jsxRuntime.jsx(
         VerifyEmailResendForm,
         {
@@ -4886,15 +4919,14 @@ function VerifyEmailScreen({
           verifyUrlTemplate
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
-        reactNative.TouchableOpacity,
+        ResendCta,
         {
-          accessibilityHint: labels.resendCtaHint,
-          accessibilityLabel: labels.resendCta,
-          accessibilityRole: "button",
+          hint: labels.resendCtaHint,
+          label: labels.resendCta,
           style: styles3.primaryButton,
           testID: id(AuthTestIds.verifyEmailResendCta),
-          onPress: openResend,
-          children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.primaryButtonText, children: labels.resendCta })
+          textStyle: styles3.primaryButtonText,
+          onPress: openResend
         }
       )
     ] }) : null
@@ -4912,6 +4944,9 @@ var SERVER_ERROR_CODES2 = [
   "KEYCLOAK_UPDATE_FAILED" /* KeycloakUpdateFailed */
 ];
 var GENERIC_FAILURE = { success: false, errorCode: "GENERIC" /* Generic */ };
+var INVALID_TOKEN = { success: false, errorCode: "TOKEN_INVALID" /* TokenInvalid */ };
+var HTTP_BAD_REQUEST3 = 400;
+var TOKEN_FIELD = "token";
 async function lazyFetchHttpClient3(request) {
   const fetchImpl = typeof fetch === "function" ? fetch.bind(globalThis) : void 0;
   if (fetchImpl === void 0) {
@@ -4925,14 +4960,23 @@ function isServerErrorCode(value) {
 function isRecord3(value) {
   return typeof value === "object" && value !== null;
 }
-function decodeVerifyResponse(body) {
+function isTokenValidationRejection(status, body) {
+  if (status !== HTTP_BAD_REQUEST3 || !isRecord3(body.errors)) {
+    return false;
+  }
+  return Object.keys(body.errors).some((field2) => field2.toLowerCase() === TOKEN_FIELD);
+}
+function decodeVerifyResponse(status, body) {
   if (!isRecord3(body)) {
     return GENERIC_FAILURE;
   }
   if (body.success === true) {
     return { success: true };
   }
-  return isServerErrorCode(body.errorCode) ? { success: false, errorCode: body.errorCode } : GENERIC_FAILURE;
+  if (isServerErrorCode(body.errorCode)) {
+    return { success: false, errorCode: body.errorCode };
+  }
+  return isTokenValidationRejection(status, body) ? INVALID_TOKEN : GENERIC_FAILURE;
 }
 function createBffVerifyEmailClient(options = {}) {
   const http = options.http ?? lazyFetchHttpClient3;
@@ -4948,7 +4992,7 @@ function createBffVerifyEmailClient(options = {}) {
     verifyEmail: async (token) => {
       try {
         const response = await post(VERIFY_EMAIL_ENDPOINT, { token });
-        return decodeVerifyResponse(response.data);
+        return decodeVerifyResponse(response.status, response.data);
       } catch {
         return GENERIC_FAILURE;
       }