@aws-amplify/ui-vue 4.2.0 → 4.2.2

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) {
@@ -1970,7 +1997,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",
@@ -9338,14 +9365,14 @@ const stopActor = (machineId) => stop(machineId);
 const LEGACY_WAIT_CONFIG = {
   on: {
     INIT: {
-      actions: ["configure"],
+      actions: "configure",
       target: "getConfig"
     },
     SIGN_OUT: "#authenticator.signOut"
   }
 };
 const NEXT_WAIT_CONFIG = {
-  always: { actions: ["configure"], target: "getConfig" }
+  always: { actions: "configure", target: "getConfig" }
 };
 function createAuthenticatorMachine(options) {
   const { useNextWaitConfig, ...overrideConfigServices } = options != null ? options : {};
@@ -9470,6 +9497,11 @@ function createAuthenticatorMachine(options) {
               cond: "hasCompletedAttributeConfirmation",
               target: "#authenticator.getCurrentUser"
             },
+            {
+              cond: "isShouldConfirmUserAttributeStep",
+              actions: "setActorDoneData",
+              target: "#authenticator.verifyUserAttributesActor"
+            },
             {
               cond: "isConfirmUserAttributeStep",
               target: "#authenticator.verifyUserAttributesActor"
@@ -10157,7 +10189,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,
@@ -10310,7 +10342,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(() => [
@@ -10588,7 +10620,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"
@@ -10671,7 +10703,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)), () => [
@@ -10798,7 +10830,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)), () => [
@@ -10866,7 +10898,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",
@@ -10911,7 +10943,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VERSION = "4.2.0";
+const VERSION = "4.2.2";
 const _sfc_main$e = {};
 function _sfc_render(_ctx, _cache) {
   return renderSlot(_ctx.$slots, "textI", normalizeProps(guardReactiveProps(_ctx.$attrs)), () => [
@@ -10920,7 +10952,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: {
@@ -10972,12 +11004,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)), {
@@ -11089,7 +11121,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;
@@ -13236,7 +13268,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;
@@ -13395,7 +13427,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;
@@ -13519,7 +13551,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, {
@@ -13630,7 +13662,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;
@@ -13745,9 +13777,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;
@@ -13794,35 +13826,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
@@ -13906,7 +13938,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;
@@ -14337,7 +14369,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 }]),