@okta/okta-signin-widget 7.16.0 → 7.16.1

package/src/v3/src/transformer/selectAuthenticator/__snapshots__/transformSelectOVCustomAppMethodVerify.test.ts.snap

@@ -126,7 +126,6 @@ Object {
       },
       Object {
         "contentType": "subtitle",
-        "noMargin": true,
         "options": Object {
           "content": "oie.select.authenticators.verify.subtitle",
         },

package/src/v3/src/transformer/selectAuthenticator/__snapshots__/utils.test.ts.snap

@@ -1,5 +1,90 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Select Authenticator Utility Tests getAuthenticatorEnrollButtonElements Tests should detect authenticator options for additional enroll 1`] = `
+Array [
+  Object {
+    "dir": undefined,
+    "id": "auth_btn_okta_password_1234abc",
+    "label": "Password",
+    "noTranslate": false,
+    "options": Object {
+      "actionParams": Object {
+        "authenticator.enrollmentId": undefined,
+        "authenticator.id": "1234abc",
+        "authenticator.methodType": undefined,
+      },
+      "ariaLabel": "oie.select.authenticator.enroll.password.label",
+      "authenticator": Object {
+        "displayName": "Okta Password",
+        "id": "",
+        "key": "okta_password",
+        "methods": Array [
+          Object {
+            "type": "password",
+          },
+        ],
+        "type": "password",
+      },
+      "ctaLabel": "oie.enroll.authenticator.button.text",
+      "dataSe": "okta_password",
+      "description": "oie.password.authenticator.description",
+      "iconName": "okta_password_0",
+      "includeData": true,
+      "includeImmutableData": false,
+      "isAdditionalEnroll": false,
+      "isEnroll": true,
+      "key": "okta_password",
+      "logoUri": undefined,
+      "nickname": undefined,
+      "step": "select-authenticator-authenticate",
+      "type": "button",
+      "usageDescription": undefined,
+    },
+    "type": "AuthenticatorButton",
+  },
+  Object {
+    "dir": undefined,
+    "id": "auth_btn_okta_email_1235abc",
+    "label": "Email",
+    "noTranslate": false,
+    "options": Object {
+      "actionParams": Object {
+        "authenticator.enrollmentId": undefined,
+        "authenticator.id": "1235abc",
+        "authenticator.methodType": undefined,
+      },
+      "ariaLabel": "oie.select.authenticator.enroll.email.label",
+      "authenticator": Object {
+        "displayName": "Okta Email",
+        "id": "",
+        "key": "okta_email",
+        "methods": Array [
+          Object {
+            "type": "email",
+          },
+        ],
+        "type": "email",
+      },
+      "ctaLabel": "enroll.choices.setup.another",
+      "dataSe": "okta_email",
+      "description": "oie.email.authenticator.description",
+      "iconName": "okta_email_1",
+      "includeData": true,
+      "includeImmutableData": false,
+      "isAdditionalEnroll": true,
+      "isEnroll": true,
+      "key": "okta_email",
+      "logoUri": undefined,
+      "nickname": undefined,
+      "step": "select-authenticator-authenticate",
+      "type": "button",
+      "usageDescription": undefined,
+    },
+    "type": "AuthenticatorButton",
+  },
+]
+`;
+
 exports[`Select Authenticator Utility Tests getAuthenticatorEnrollButtonElements Tests should format on_prem authenticator option when display name exists 1`] = `
 Array [
   Object {
@@ -31,10 +116,12 @@ Array [
       "iconName": "onprem_mfa_0",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": false,
+      "isEnroll": true,
       "key": "onprem_mfa",
       "logoUri": undefined,
       "nickname": undefined,
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
       "usageDescription": undefined,
     },
@@ -47,7 +134,7 @@ exports[`Select Authenticator Utility Tests getAuthenticatorEnrollButtonElements
 Array [
   Object {
     "id": "auth_btn_okta_verify_totp",
-    "label": "Code",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -61,15 +148,17 @@ Array [
       "iconName": "oktaVerify_0",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": false,
+      "isEnroll": true,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
   },
   Object {
     "id": "auth_btn_okta_verify_push",
-    "label": "Push",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -83,8 +172,10 @@ Array [
       "iconName": "oktaVerifyPush_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": false,
+      "isEnroll": true,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
@@ -96,7 +187,7 @@ exports[`Select Authenticator Utility Tests getAuthenticatorVerifyButtonElements
 Array [
   Object {
     "id": "auth_btn_okta_verify_totp",
-    "label": "Code",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -105,20 +196,22 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.totp.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-totp",
-      "description": "oie.okta_verify.label",
+      "description": "Code",
       "iconDescr": "factor.totpSoft.description",
       "iconName": "oktaVerify_0",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
   },
   Object {
     "id": "auth_btn_okta_verify_push",
-    "label": "Push",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -127,13 +220,15 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.push.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-push",
-      "description": "oie.okta_verify.label",
+      "description": "Push",
       "iconDescr": "factor.push.description",
       "iconName": "oktaVerifyPush_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
@@ -170,10 +265,12 @@ Array [
       "iconName": "phone_number_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "phone_number",
       "logoUri": undefined,
       "nickname": undefined,
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
       "usageDescription": undefined,
     },
@@ -187,7 +284,7 @@ Array [
   Object {
     "dir": undefined,
     "id": "auth_btn_okta_verify_abc234",
-    "label": "Okta Verify",
+    "label": "oie.okta_verify.label",
     "noTranslate": false,
     "options": Object {
       "actionParams": Object {
@@ -209,14 +306,16 @@ Array [
       },
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-signed_nonce",
-      "description": "oie.okta_verify.label",
+      "description": "Okta Verify",
       "iconName": "okta_verify_0",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
       "logoUri": undefined,
       "nickname": undefined,
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
       "usageDescription": undefined,
     },
@@ -254,10 +353,12 @@ Array [
       "iconName": "phone_number_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "phone_number",
       "logoUri": undefined,
       "nickname": undefined,
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
       "usageDescription": undefined,
     },
@@ -270,7 +371,7 @@ exports[`Select Authenticator Utility Tests getAuthenticatorVerifyButtonElements
 Array [
   Object {
     "id": "auth_btn_okta_verify_totp",
-    "label": "Code",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -279,20 +380,22 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.totp.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-totp",
-      "description": "oie.okta_verify.label",
+      "description": "Code",
       "iconDescr": "factor.totpSoft.description",
       "iconName": "oktaVerify_0",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
   },
   Object {
     "id": "auth_btn_okta_verify_push",
-    "label": "Push",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -301,13 +404,15 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.push.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-push",
-      "description": "oie.okta_verify.label",
+      "description": "Push",
       "iconDescr": "factor.push.description",
       "iconName": "oktaVerifyPush_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
@@ -319,7 +424,7 @@ exports[`Select Authenticator Utility Tests getAuthenticatorVerifyButtonElements
 Array [
   Object {
     "id": "auth_btn_okta_verify_signed_nonce",
-    "label": "Fastpass",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -328,20 +433,22 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.signed_nonce.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-signed_nonce",
-      "description": "oie.okta_verify.label",
+      "description": "Fastpass",
       "iconDescr": "factor.push.description",
       "iconName": "oktaVerifyPush_2",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
   },
   Object {
     "id": "auth_btn_okta_verify_totp",
-    "label": "Code",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -350,20 +457,22 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.totp.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-totp",
-      "description": "oie.okta_verify.label",
+      "description": "Code",
       "iconDescr": "factor.totpSoft.description",
       "iconName": "oktaVerify_0",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
   },
   Object {
     "id": "auth_btn_okta_verify_push",
-    "label": "Push",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -372,13 +481,15 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.push.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-push",
-      "description": "oie.okta_verify.label",
+      "description": "Push",
       "iconDescr": "factor.push.description",
       "iconName": "oktaVerifyPush_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
@@ -415,10 +526,12 @@ Array [
       "iconName": "phone_number_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "phone_number",
       "logoUri": undefined,
       "nickname": undefined,
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
       "usageDescription": undefined,
     },
@@ -431,7 +544,7 @@ exports[`Select Authenticator Utility Tests getAuthenticatorVerifyButtonElements
 Array [
   Object {
     "id": "auth_btn_okta_verify_totp",
-    "label": "Code",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -440,20 +553,22 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.totp.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-totp",
-      "description": "oie.okta_verify.label",
+      "description": "Code",
       "iconDescr": "factor.totpSoft.description",
       "iconName": "oktaVerify_0",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
   },
   Object {
     "id": "auth_btn_okta_verify_push",
-    "label": "Push",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -462,13 +577,15 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.push.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-push",
-      "description": "oie.okta_verify.label",
+      "description": "Push",
       "iconDescr": "factor.push.description",
       "iconName": "oktaVerifyPush_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",
@@ -505,10 +622,12 @@ Array [
       "iconName": "phone_number_1",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "phone_number",
       "logoUri": undefined,
       "nickname": undefined,
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
       "usageDescription": undefined,
     },
@@ -516,7 +635,7 @@ Array [
   },
   Object {
     "id": "auth_btn_okta_verify_signed_nonce",
-    "label": "Fastpass",
+    "label": "oie.okta_verify.label",
     "options": Object {
       "actionParams": Object {
         "authenticator.id": "1234abc",
@@ -525,13 +644,15 @@ Array [
       "ariaLabel": "oie.select.authenticator.okta_verify.signed_nonce.label",
       "ctaLabel": "oie.verify.authenticator.button.text",
       "dataSe": "okta_verify-signed_nonce",
-      "description": "oie.okta_verify.label",
+      "description": "Fastpass",
       "iconDescr": "factor.push.description",
       "iconName": "oktaVerifyPush_2",
       "includeData": true,
       "includeImmutableData": false,
+      "isAdditionalEnroll": undefined,
+      "isEnroll": undefined,
       "key": "okta_verify",
-      "step": "select-authenticator-enroll",
+      "step": "select-authenticator-authenticate",
       "type": "button",
     },
     "type": "AuthenticatorButton",

package/src/v3/src/transformer/selectAuthenticator/transformSelectAuthenticatorEnroll.ts

@@ -40,7 +40,12 @@ export const transformSelectAuthenticatorEnroll: IdxStepTransformer = ({
 }) => {
   const { uischema } = formBag;
   const { brandName } = widgetProps;
-  const { nextStep: { inputs, name: stepName } = {} as NextStep, availableSteps } = transaction;
+  const {
+    nextStep: { inputs, name: stepName } = {} as NextStep,
+    availableSteps,
+    // @ts-ignore OKTA-499928 authenticatorEnrollments missing from rawIdxState
+    rawIdxState: { authenticatorEnrollments },
+  } = transaction;
 
   const authenticator = inputs?.find(({ name }) => name === 'authenticator');
   if (!authenticator?.options?.length) {
@@ -49,6 +54,7 @@ export const transformSelectAuthenticatorEnroll: IdxStepTransformer = ({
   const authenticatorButtons = getAuthenticatorEnrollButtonElements(
     authenticator.options,
     stepName,
+    authenticatorEnrollments?.value,
   );
   const skipStep = availableSteps?.find(({ name }) => name === 'skip');
 

package/src/v3/src/transformer/selectAuthenticator/transformSelectAuthenticatorVerify.ts

@@ -75,7 +75,6 @@ export const transformSelectAuthenticatorVerify: IdxStepTransformer = ({
   const informationalTextElement: DescriptionElement = {
     type: 'Description',
     contentType: 'subtitle',
-    noMargin: true,
     options: {
       content: isPwRecovery
         ? loc('oie.password.reset.verification', 'login')

package/src/v3/src/transformer/selectAuthenticator/transformSelectOVCustomAppMethodVerify.ts

@@ -133,7 +133,6 @@ export const transformSelectOVCustomAppMethodVerify: IdxStepTransformer = ({
     const descriptionElement: DescriptionElement = {
       type: 'Description',
       contentType: 'subtitle',
-      noMargin: true,
       options: {
         content: loc('oie.select.authenticators.verify.subtitle', 'login'),
       },