@aws-amplify/ui-vue 4.2.1 → 4.2.3

package/dist/index.js

@@ -46,7 +46,7 @@ function _sfc_render$3(_ctx, _cache) {
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$3]]);
+var __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$3]]);
 const _hoisted_1$c = ["type", "data-fullwidth", "data-size", "data-fontWeight", "data-variation", "data-loading", "data-disabled", "disabled"];
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "amplify-button",
@@ -726,6 +726,33 @@ const getErrors = (errors) => {
     return [errors];
   }
 };
+const censorAllButFirstAndLast = (value) => {
+  const split = value.trim().split("");
+  for (let i = 0; i < split.length; i++) {
+    if (i > 0 && i < split.length - 1) {
+      split[i] = "*";
+    }
+  }
+  return split.join("");
+};
+const censorPhoneNumber = (val) => {
+  if (val.length < 4) {
+    return val;
+  }
+  const split = val.split("");
+  for (let i = 0; i < split.length - 4; i++) {
+    split[i] = "*";
+  }
+  return split.join("");
+};
+const censorEmail = (val) => {
+  const splitEmail = val.split("@");
+  const censoredName = censorAllButFirstAndLast(splitEmail[0]);
+  return `${censoredName}@${splitEmail[1]}`;
+};
+const censorContactMethod = (type, value) => {
+  return type === "Phone Number" ? censorPhoneNumber(value) : censorEmail(value);
+};
 const hasSpecialChars = (password) => ALLOWED_SPECIAL_CHARACTERS.some((char) => password.includes(char));
 const getTotpCodeURL = (issuer, username, secret) => encodeURI(`otpauth://totp/${issuer}:${username}?secret=${secret}&issuer=${issuer}`);
 function trimValues(values, ...ignored) {
@@ -829,6 +856,7 @@ const enDict$1 = {
   "Confirm Password": "Confirm Password",
   "Confirm Sign Up": "Confirm Sign Up",
   "Confirm SMS Code": "Confirm SMS Code",
+  "Confirm MFA Code": "Confirm MFA Code",
   "Confirm TOTP Code": "Confirm TOTP Code",
   Confirm: "Confirm",
   "Confirmation Code": "Confirmation Code",
@@ -1970,7 +1998,7 @@ const heDict$1 = {
   "Enter your Email": "\u05D4\u05DB\u05E0\u05E1 \u05D0\u05EA \u05D4\u05DE\u05D9\u05D9\u05DC \u05E9\u05DC\u05DA",
   "Enter your phone number": "\u05D4\u05DB\u05E0\u05E1 \u05D0\u05EA \u05DE\u05E1\u05E4\u05E8 \u05D4\u05D8\u05DC\u05E4\u05D5\u05DF \u05E9\u05DC\u05DA",
   "Enter your username": "\u05D4\u05DB\u05E0\u05E1 \u05D0\u05EA \u05E9\u05DD \u05D4\u05DE\u05EA\u05DE\u05E9 \u05E9\u05DC\u05DA",
-  "Forgot your password?": "\u05E9\u05D7\u05DB\u05EA \u05E1\u05D9\u05E1\u05DE\u05D0 ?",
+  "Forgot your password?": "\u05E9\u05DB\u05D7\u05EA \u05E1\u05D9\u05E1\u05DE\u05D0 ?",
   "Hide password": "\u05D4\u05E1\u05EA\u05E8 \u05E1\u05D9\u05E1\u05DE\u05D0",
   Loading: "\u05D8\u05D5\u05E2\u05DF",
   "New password": "\u05E1\u05D9\u05E1\u05DE\u05D0 \u05D7\u05D3\u05E9\u05D4",
@@ -2098,6 +2126,7 @@ const defaultTexts$1 = {
   CONFIRM_RESET_PASSWORD_HEADING: "Reset your Password",
   CONFIRM_SIGNUP_HEADING: "Confirm Sign Up",
   CONFIRM_SMS: "Confirm SMS Code",
+  CONFIRM_MFA_DEFAULT: "Confirm MFA Code",
   CONFIRM_TOTP: "Confirm TOTP Code",
   CONFIRM: "Confirm",
   CONFIRMATION_CODE: "Confirmation Code",
@@ -2391,7 +2420,7 @@ const getChallengeText = (challengeName) => {
     case "SOFTWARE_TOKEN_MFA":
       return translate(DefaultTexts.CONFIRM_TOTP);
     default:
-      throw new Error(`${translate("Unexpected challengeName encountered in ConfirmSignIn:")} ${challengeName}`);
+      return translate(DefaultTexts.CONFIRM_MFA_DEFAULT);
   }
 };
 const getDeliveryMessageText = (codeDeliveryDetails) => {
@@ -9581,6 +9610,7 @@ function createAuthenticatorMachine(options) {
       ]),
       setActorDoneData: assign$1({
         actorDoneData: (context, event2) => ({
+          challengeName: event2.data.challengeName,
           codeDeliveryDetails: event2.data.codeDeliveryDetails,
           missingAttributes: event2.data.missingAttributes,
           remoteError: event2.data.remoteError,
@@ -9914,7 +9944,7 @@ const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("svg", {
 }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
 ], -1);
-const _sfc_main$u = {
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "base-alert",
   setup(__props) {
     const show = ref(true);
@@ -9947,7 +9977,7 @@ const _sfc_main$u = {
       ])) : createCommentVNode("", true);
     };
   }
-};
+});
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "base-field-set",
   setup(__props) {
@@ -10162,7 +10192,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_base_label = __unplugin_components_0;
       const _component_base_input = _sfc_main$s;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       return openBlock(), createBlock(_component_base_wrapper, {
         class: normalizeClass([
           unref(ComponentClassName).Flex,
@@ -10206,7 +10236,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                       placeholder: unref(placeholderValue),
                       type: showHideType.value,
                       "aria-invalid": unref(hasError),
-                      "aria-describedBy": __props.describedBy
+                      "aria-describedBy": __props.describedBy,
+                      autocapitalize: "off"
                     }), null, 16, ["modelValue", "class", "id", "name", "autocomplete", "required", "placeholder", "type", "aria-invalid", "aria-describedBy"])
                   ];
                 }),
@@ -10315,7 +10346,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_base_label = __unplugin_components_0;
       const _component_base_select = _sfc_main$p;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_input = _sfc_main$s;
       return openBlock(), createBlock(_component_base_wrapper, { class: "amplify-flex amplify-field amplify-textfield amplify-phonenumberfield" }, {
         default: withCtx(() => [
@@ -10385,7 +10416,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                       type: __props.type,
                       placeholder: unref(placeholder),
                       "aria-invalid": __props.hasError,
-                      "aria-describedBy": __props.describedBy
+                      "aria-describedBy": __props.describedBy,
+                      autocapitalize: "off"
                     }, null, 8, ["id", "autocomplete", "name", "required", "type", "placeholder", "aria-invalid", "aria-describedBy"])
                   ];
                 }),
@@ -10593,7 +10625,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const signInWithGoogle = computed(() => getSignInWithFederationText2(route, "google"));
     const orText = computed(() => getOrText());
     return (_ctx, _cache) => {
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       return unref(shouldShowFederatedSignIn) ? (openBlock(), createBlock(_component_base_wrapper, {
         key: 0,
         class: "amplify-flex amplify-authenticator__federated-buttons"
@@ -10676,7 +10708,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       const _component_base_field_set = _sfc_main$t;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_form = _sfc_main$x;
       const _component_base_footer = _sfc_main$y;
       return renderSlot(_ctx.$slots, "signInSlotI", normalizeProps(guardReactiveProps(_ctx.$attrs)), () => [
@@ -10803,7 +10835,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       const _component_base_field_set = _sfc_main$t;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_form = _sfc_main$x;
       const _component_base_footer = _sfc_main$y;
       return renderSlot(_ctx.$slots, "signUpSlotI", normalizeProps(guardReactiveProps(_ctx.$attrs)), () => [
@@ -10871,7 +10903,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 const _sfc_main$g = {};
 function _sfc_render$1(_ctx, _cache) {
-  const _component_base_wrapper = __unplugin_components_2;
+  const _component_base_wrapper = __unplugin_components_2$1;
   return openBlock(), createBlock(_component_base_wrapper, {
     tabindex: "0",
     "aria-orientation": "horizontal",
@@ -10916,7 +10948,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VERSION = "4.2.1";
+const VERSION = "4.2.3";
 const _sfc_main$e = {};
 function _sfc_render(_ctx, _cache) {
   return renderSlot(_ctx.$slots, "textI", normalizeProps(guardReactiveProps(_ctx.$attrs)), () => [
@@ -10925,7 +10957,7 @@ function _sfc_render(_ctx, _cache) {
     ], 16)
   ]);
 }
-var __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
+var __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
 const _sfc_main$d = defineComponent({
   props: {
     level: {
@@ -10977,12 +11009,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_base_heading = _sfc_main$d;
-      const _component_base_text = __unplugin_components_3;
+      const _component_base_text = __unplugin_components_2;
       const _component_base_field_set = _sfc_main$t;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
       const _component_base_footer = _sfc_main$y;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_form = _sfc_main$x;
       return renderSlot(_ctx.$slots, "confirmSignUpSlotI", normalizeProps(guardReactiveProps(_ctx.$attrs)), () => [
         createVNode(_component_base_wrapper, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
@@ -11094,7 +11126,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_base_heading = _sfc_main$d;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
       const _component_base_footer = _sfc_main$y;
@@ -13241,7 +13273,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_base_heading = _sfc_main$d;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
       const _component_base_footer = _sfc_main$y;
@@ -13400,7 +13432,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_base_heading = _sfc_main$d;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
       const _component_base_footer = _sfc_main$y;
@@ -13524,7 +13556,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
       const _component_base_footer = _sfc_main$y;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_form = _sfc_main$x;
       return renderSlot(_ctx.$slots, "forgotPasswordSlotI", normalizeProps(guardReactiveProps(_ctx.$attrs)), () => [
         createVNode(_component_base_form, mergeProps(_ctx.$attrs, {
@@ -13635,7 +13667,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_base_heading = _sfc_main$d;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
       const _component_base_footer = _sfc_main$y;
@@ -13750,9 +13782,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_base_heading = _sfc_main$d;
       const _component_base_label = __unplugin_components_0;
+      const _component_base_text = __unplugin_components_2;
       const _component_base_input = _sfc_main$s;
-      const _component_base_text = __unplugin_components_3;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
       const _component_base_footer = _sfc_main$y;
@@ -13799,35 +13831,35 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         }, {
                           default: withCtx(() => [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(unverifiedUserAttributes), (value, key) => {
-                              return openBlock(), createBlock(_component_base_label, {
-                                class: "amplify-flex amplify-radio",
-                                "data-amplify-verify-label": "",
-                                id: "verify",
-                                key: value
-                              }, {
-                                default: withCtx(() => [
-                                  createVNode(_component_base_input, {
-                                    class: "amplify-input amplify-field-group__control amplify-visually-hidden amplify-radio__input",
-                                    "aria-invalid": "false",
-                                    "data-amplify-verify-input": "",
-                                    id: "verify",
-                                    name: "unverifiedAttr",
-                                    type: "radio",
-                                    value: key
-                                  }, null, 8, ["value"]),
-                                  createVNode(_component_base_text, {
-                                    class: "amplify-flex amplify-radio__button",
-                                    "aria-hidden": "true"
-                                  }),
-                                  createVNode(_component_base_text, { class: "amplify-text amplify-radio__label" }, {
-                                    default: withCtx(() => [
-                                      createTextVNode(toDisplayString(unref(defaultFormFieldOptions)[key].label), 1)
-                                    ]),
-                                    _: 2
-                                  }, 1024)
-                                ]),
-                                _: 2
-                              }, 1024);
+                              return openBlock(), createElementBlock(Fragment, { key: value }, [
+                                value ? (openBlock(), createBlock(_component_base_label, {
+                                  key: 0,
+                                  class: "amplify-flex amplify-radio",
+                                  "data-amplify-verify-label": ""
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_base_text, { class: "amplify-text amplify-radio__label" }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(unref(translate)(unref(defaultFormFieldOptions)[key].label)) + ": " + toDisplayString(unref(censorContactMethod)(unref(defaultFormFieldOptions)[key].label, value)), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    createVNode(_component_base_input, {
+                                      class: "amplify-input amplify-field-group__control amplify-visually-hidden amplify-radio__input",
+                                      "aria-invalid": "false",
+                                      "data-amplify-verify-input": "",
+                                      name: "unverifiedAttr",
+                                      type: "radio",
+                                      value: key
+                                    }, null, 8, ["value"]),
+                                    createVNode(_component_base_text, {
+                                      class: "amplify-flex amplify-radio__button",
+                                      "aria-hidden": "true"
+                                    })
+                                  ]),
+                                  _: 2
+                                }, 1024)) : createCommentVNode("", true)
+                              ], 64);
                             }), 128))
                           ]),
                           _: 1
@@ -13911,7 +13943,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_base_heading = _sfc_main$d;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       const _component_base_alert = _sfc_main$u;
       const _component_amplify_button = _sfc_main$v;
       const _component_base_footer = _sfc_main$y;
@@ -14342,7 +14374,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_base_label = __unplugin_components_0;
       const _component_base_input = _sfc_main$s;
-      const _component_base_wrapper = __unplugin_components_2;
+      const _component_base_wrapper = __unplugin_components_2$1;
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(_component_base_label, {
           class: normalizeClass(["amplify-label", { "amplify-visually-hidden": __props.hideLabel }]),