@aws-amplify/ui-vue 2.4.3 → 2.4.6

package/dist/index.js

@@ -17,7 +17,7 @@ var __spreadValues = (a2, b2) => {
   return a2;
 };
 var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
-import { defineComponent, useSlots, renderSlot, mergeProps, unref, createElementVNode, normalizeProps, guardReactiveProps, ref, openBlock, createElementBlock, createVNode, withCtx, createCommentVNode, effectScope, getCurrentScope, onScopeDispose, onMounted, onBeforeUnmount, isRef, shallowRef, watch, reactive, watchEffect, createBlock, computed, toDisplayString, toRefs, normalizeClass, createTextVNode, Fragment, renderList, onBeforeMount, useAttrs, withModifiers, h as h$2, onUnmounted } from "vue";
+import { defineComponent, useSlots, renderSlot, mergeProps, unref, createElementVNode, toRefs, normalizeProps, guardReactiveProps, ref, openBlock, createElementBlock, createVNode, withCtx, createCommentVNode, effectScope, getCurrentScope, onScopeDispose, onMounted, onBeforeUnmount, isRef, shallowRef, watch, reactive, watchEffect, createBlock, computed, toDisplayString, normalizeClass, createTextVNode, Fragment, renderList, onBeforeMount, useAttrs, withModifiers, h as h$2, onUnmounted } from "vue";
 import { I18n, Hub, Amplify, Auth, Logger } from "aws-amplify";
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   setup(__props) {
@@ -33,7 +33,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["data-loading", "data-disabled", "disabled"];
+const _hoisted_1$b = ["type", "data-fullwidth", "data-size", "data-fontWeight", "data-variation", "data-loading", "data-disabled", "disabled"];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   props: {
     type: null,
@@ -45,23 +45,24 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     disabled: { type: [Boolean, String] }
   },
   setup(__props) {
-    const { type, fullWidth, size, variation, fontWeight } = __props;
+    const props = __props;
+    const { type, fullWidth, size, variation, fontWeight } = toRefs(props);
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "buttont", normalizeProps(guardReactiveProps(_ctx.$attrs)), () => [
         createElementVNode("button", mergeProps({
           class: ["amplify-button", {
-            [`amplify-button--${variation}`]: variation,
-            [`amplify-button--${size}`]: size,
-            "amplify-button--fullwidth": fullWidth,
+            [`amplify-button--${unref(variation)}`]: unref(variation),
+            [`amplify-button--${unref(size)}`]: unref(size),
+            "amplify-button--fullwidth": unref(fullWidth),
             "amplify-button--loading": __props.loading,
             "amplify-button--disabled": __props.disabled
           }],
-          type,
-          style: { fontWeight },
-          "data-fullwidth": fullWidth,
-          "data-size": size,
-          "data-fontWeight": fontWeight,
-          "data-variation": variation,
+          type: unref(type),
+          style: { fontWeight: unref(fontWeight) },
+          "data-fullwidth": unref(fullWidth),
+          "data-size": unref(size),
+          "data-fontWeight": unref(fontWeight),
+          "data-variation": unref(variation),
           "data-loading": __props.loading,
           "data-disabled": __props.disabled,
           disabled: __props.disabled
@@ -87,7 +88,7 @@ const _hoisted_3$5 = /* @__PURE__ */ createElementVNode("svg", {
 }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" })
 ], -1);
-const _hoisted_4$4 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "amplify-icon",
   viewBox: "0 0 24 24",
@@ -118,7 +119,7 @@ const _sfc_main$w = {
           onClick: close
         }, {
           default: withCtx(() => [
-            _hoisted_4$4
+            _hoisted_4$5
           ]),
           _: 1
         })
@@ -625,7 +626,7 @@ var n$4 = function(e2) {
     }
   }(v2);
   return { error: c2, hasValidationErrors: m2, isPending: f2, route: v2, authStatus: h2, user: a2, validationErrors: d2, codeDeliveryDetails: l2 };
-}, i$3 = function(t2) {
+}, i$4 = function(t2) {
   var r2 = t2.send, i2 = t2.state, a2 = n$4(r2), o2 = s$2(i2);
   return t$4(t$4({}, a2), o2);
 };
@@ -664,16 +665,19 @@ var n$1 = function(r2) {
   return r2 ? (t2 = r2, Array.isArray(t2) ? r2 : [r2]) : null;
   var t2;
 };
-var r = function(e2) {
-  return Hub.listen("auth", function(t2) {
-    switch (t2.payload.event) {
-      case "tokenRefresh":
-        e2("TOKEN_REFRESH");
-        break;
-      case "signOut":
-      case "tokenRefresh_failure":
-        e2("SIGN_OUT");
-    }
+var i$3 = function(t2, e2) {
+  var n2 = e2.send, i2 = e2.getSnapshot();
+  switch (t2.payload.event) {
+    case "tokenRefresh":
+      i2.matches("authenticated.idle") && n2("TOKEN_REFRESH");
+      break;
+    case "signOut":
+    case "tokenRefresh_failure":
+      i2.matches("authenticated.idle") && n2("SIGN_OUT");
+  }
+}, r = function(e2, n2) {
+  return n2 === void 0 && (n2 = i$3), Hub.listen("auth", function(t2) {
+    n2(t2, e2);
   });
 };
 function listCacheClear$1() {
@@ -7745,11 +7749,10 @@ const facade = {
   route: "",
   authStatus: "",
   user: "",
-  validationErrors: {
-    val: ""
-  },
+  validationErrors: [""],
   codeDeliveryDetails: {
-    val: ""
+    val: "",
+    DeliveryMedium: ""
   },
   change: (data) => null,
   updateForm: (data) => null,
@@ -7771,7 +7774,10 @@ const facade = {
   submitForm: (data) => null
 };
 const service = ref();
-let useAuthenticatorValue = reactive(__spreadProps(__spreadValues({}, facade), { send: "", state: "" }));
+const useAuthenticatorValue = reactive(__spreadProps(__spreadValues({}, facade), {
+  send: "",
+  state: ""
+}));
 const useAuth = (serv) => {
   if (serv) {
     service.value = serv;
@@ -7790,7 +7796,7 @@ function createValues() {
   if (!service.value)
     return;
   const { state, send: send2 } = useAuth();
-  const facadeValues = i$3({ send: send2, state: state.value });
+  const facadeValues = i$4({ send: send2, state: state.value });
   for (const key of Object.keys(facade)) {
     useAuthenticatorValue[key] = facadeValues[key];
   }
@@ -7802,13 +7808,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     provider: String
   },
   setup(__props) {
-    const { provider } = __props;
+    const props = __props;
+    const { provider } = toRefs(props);
     const { send: send2 } = useAuth();
-    const onClick = (e2) => {
+    const onClick = () => {
       send2({
         type: "FEDERATED_SIGN_IN",
         data: {
-          provider
+          provider: provider == null ? void 0 : provider.value
         }
       });
     };
@@ -7858,7 +7865,7 @@ const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("svg", {
 }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M747.4 535.7c-.4-68.2 30.5-119.6 92.9-157.5-34.9-50-87.7-77.5-157.3-82.8-65.9-5.2-138 38.4-164.4 38.4-27.9 0-91.7-36.6-141.9-36.6C273.1 298.8 163 379.8 163 544.6c0 48.7 8.9 99 26.7 150.8 23.8 68.2 109.6 235.3 199.1 232.6 46.8-1.1 79.9-33.2 140.8-33.2 59.1 0 89.7 33.2 141.9 33.2 90.3-1.3 167.9-153.2 190.5-221.6-121.1-57.1-114.6-167.2-114.6-170.7zm-105.1-305c50.7-60.2 46.1-115 44.6-134.7-44.8 2.6-96.6 30.5-126.1 64.8-32.5 36.8-51.6 82.3-47.5 133.6 48.4 3.7 92.6-21.2 129-63.7z" })
 ], -1);
-const _hoisted_4$3 = { class: "amplify-text amplify-authenticator__federated-text" };
+const _hoisted_4$4 = { class: "amplify-text amplify-authenticator__federated-text" };
 const _hoisted_5$3 = /* @__PURE__ */ createElementVNode("svg", {
   "aria-label": "Facebook icon",
   class: "amplify-icon federated-sign-in-icon",
@@ -7943,7 +7950,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               _hoisted_3$4,
-              createElementVNode("p", _hoisted_4$3, toDisplayString(unref(signInWithApple)), 1)
+              createElementVNode("p", _hoisted_4$4, toDisplayString(unref(signInWithApple)), 1)
             ]),
             _: 1
           }, 8, ["provider"])) : createCommentVNode("", true),
@@ -8005,7 +8012,7 @@ const _hoisted_2$5 = {
   class: "amplify-icon"
 };
 const _hoisted_3$3 = /* @__PURE__ */ createElementVNode("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }, null, -1);
-const _hoisted_4$2 = [
+const _hoisted_4$3 = [
   _hoisted_3$3
 ];
 const _hoisted_5$2 = {
@@ -8096,7 +8103,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
                         type: "button",
                         onClick: togglePasswordText
                       }, [
-                        showHideType.value === "password" ? (openBlock(), createElementBlock("svg", _hoisted_2$5, _hoisted_4$2)) : (openBlock(), createElementBlock("svg", _hoisted_5$2, _hoisted_8$1))
+                        showHideType.value === "password" ? (openBlock(), createElementBlock("svg", _hoisted_2$5, _hoisted_4$3)) : (openBlock(), createElementBlock("svg", _hoisted_5$2, _hoisted_8$1))
                       ], 8, _hoisted_1$7)
                     ]),
                     _: 1
@@ -8120,7 +8127,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:selectValue"],
   setup(__props, { emit }) {
-    const { options, selectValue } = __props;
+    const props = __props;
+    const { options, selectValue } = toRefs(props);
     const onChange = (e2) => {
       emit("update:selectValue", e2.target.value);
     };
@@ -8128,13 +8136,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("select", {
         onChange: _cache[0] || (_cache[0] = (event) => onChange(event))
       }, [
-        (openBlock(), createElementBlock(Fragment, null, renderList(options, (option, idx) => {
-          return createElementVNode("option", {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option, idx) => {
+          return openBlock(), createElementBlock("option", {
             key: idx,
             value: option,
-            selected: option == selectValue ? true : void 0
+            selected: option == unref(selectValue) ? true : void 0
           }, toDisplayString(option), 9, _hoisted_1$6);
-        }), 64))
+        }), 128))
       ], 32);
     };
   }
@@ -8162,7 +8170,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     type: { default: "text" }
   },
   setup(__props) {
-    const { label, name, placeholder, autocomplete, labelHidden, required, dialCode, dialCodeList } = __props;
+    const props = __props;
+    const { label, name, placeholder, autocomplete, labelHidden, required, dialCode, dialCodeList } = toRefs(props);
     const random = Math.floor(Math.random() * 999999);
     const randomPhone = Math.floor(Math.random() * 999999);
     return (_ctx, _cache) => {
@@ -8174,10 +8183,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_component_base_label, mergeProps({
             for: "amplify-field-" + unref(random),
-            class: ["amplify-label", { "sr-only": labelHidden }]
+            class: ["amplify-label", { "sr-only": unref(labelHidden) }]
           }, _ctx.$attrs), {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(label))
+              createTextVNode(toDisplayString(unref(label)), 1)
             ]),
             _: 1
           }, 16, ["for", "class"]),
@@ -8207,9 +8216,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                             autocomplete: "tel-country-code",
                             "aria-label": "country code",
                             name: "country_code",
-                            options: dialCodeList,
-                            "select-value": dialCode
-                          }, null, 8, ["id"]),
+                            options: unref(dialCodeList),
+                            "select-value": unref(dialCode)
+                          }, null, 8, ["id", "options", "select-value"]),
                           createVNode(_component_base_wrapper, { class: "amplify-flex amplify-select__icon-wrapper amplify-authenticator__icon-wrapper" }, {
                             default: withCtx(() => [
                               _hoisted_2$4
@@ -8226,18 +8235,21 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 _: 1
               }),
               createVNode(_component_base_wrapper, { class: "amplify-field-group__field-wrapper" }, {
-                default: withCtx(() => [
-                  createVNode(_component_base_input, {
-                    class: "amplify-input amplify-field-group__control",
-                    "aria-invalid": "false",
-                    id: "amplify-field-" + unref(random),
-                    autocomplete,
-                    name,
-                    required: required != null ? required : true,
-                    type: __props.type,
-                    placeholder
-                  }, null, 8, ["id", "required", "type"])
-                ]),
+                default: withCtx(() => {
+                  var _a2;
+                  return [
+                    createVNode(_component_base_input, {
+                      class: "amplify-input amplify-field-group__control",
+                      "aria-invalid": "false",
+                      id: "amplify-field-" + unref(random),
+                      autocomplete: unref(autocomplete),
+                      name: unref(name),
+                      required: (_a2 = unref(required)) != null ? _a2 : true,
+                      type: __props.type,
+                      placeholder: unref(placeholder)
+                    }, null, 8, ["id", "autocomplete", "name", "required", "type", "placeholder"])
+                  ];
+                }),
                 _: 1
               })
             ]),
@@ -8575,8 +8587,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const { id, label } = props;
-    const { active } = toRefs(props);
+    const { active, id, label } = toRefs(props);
     return (_ctx, _cache) => {
       const _component_base_wrapper = __unplugin_components_2;
       return openBlock(), createBlock(_component_base_wrapper, {
@@ -8665,7 +8676,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const useAuthShared = createSharedComposable(useAuthenticator);
     const { isPending, error: error2, codeDeliveryDetails } = toRefs(useAuthShared());
     const { submitForm, updateForm, resendCode } = useAuthShared();
-    useAuth();
     const confirmSignUpHeading = computed(() => {
       var _a2, _b;
       return ((_a2 = codeDeliveryDetails.value) == null ? void 0 : _a2.DeliveryMedium) === "EMAIL" ? g$1("We Emailed You") : ((_b = codeDeliveryDetails.value) == null ? void 0 : _b.DeliveryMedium) === "SMS" ? g$1("We Texted You") : g$1("We Sent A Code");
@@ -10935,7 +10945,7 @@ browser.toString = renderCanvas.bind(null, function(data, _2, opts) {
 const _hoisted_1$2 = { key: 0 };
 const _hoisted_2$2 = /* @__PURE__ */ createTextVNode(" Setup TOTP ");
 const _hoisted_3$2 = ["src"];
-const _hoisted_4$1 = { "data-amplify-copy-tooltip": "" };
+const _hoisted_4$2 = { "data-amplify-copy-tooltip": "" };
 const _hoisted_5$1 = /* @__PURE__ */ createElementVNode("svg", {
   width: "24",
   height: "24",
@@ -10947,7 +10957,7 @@ const _hoisted_5$1 = /* @__PURE__ */ createElementVNode("svg", {
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   emits: ["confirmSetupTOTPSubmit", "backToSignInClicked"],
   setup(__props, { emit }) {
-    var _a2, _b, _c;
+    var _a2, _b;
     const useAuthShared = createSharedComposable(useAuthenticator);
     const props = useAuthShared();
     const attrs = useAttrs();
@@ -10955,7 +10965,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const { value: { context } } = state;
     const formOverrides = (_b = (_a2 = context == null ? void 0 : context.config) == null ? void 0 : _a2.formFields) == null ? void 0 : _b.setupTOTP;
     const QROR = formOverrides == null ? void 0 : formOverrides["QR"];
-    const confOR = formOverrides == null ? void 0 : formOverrides["confirmation_code"];
     const actorState = computed(() => t$5(state.value));
     let qrCode = reactive({
       qrCodeImageSource: "",
@@ -10988,9 +10997,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     const backSignInText = computed(() => g$1("Back to Sign In"));
     const confirmText = computed(() => g$1("Confirm"));
-    computed(() => g$1("Code"));
-    (_c = confOR == null ? void 0 : confOR.label) != null ? _c : g$1("Code *");
-    confOR == null ? void 0 : confOR.labelHidden;
     const onInput = (e2) => {
       const { name, value } = e2.target;
       send2({
@@ -11076,7 +11082,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                                   onClick: copyText
                                 }, {
                                   default: withCtx(() => [
-                                    createElementVNode("div", _hoisted_4$1, toDisplayString(unref(copyTextLabel)), 1),
+                                    createElementVNode("div", _hoisted_4$2, toDisplayString(unref(copyTextLabel)), 1),
                                     _hoisted_5$1
                                   ]),
                                   _: 1
@@ -11302,7 +11308,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const attrs = useAttrs();
     const useAuthShared = createSharedComposable(useAuthenticator);
-    const { state, send: send2, submitForm } = useAuthShared();
+    const { send: send2, submitForm } = useAuthShared();
     const { error: error2, isPending } = toRefs(useAuthShared());
     const backSignInText = computed(() => g$1("Back to Sign In"));
     const resetPasswordHeading = computed(() => g$1("Reset your password"));
@@ -11429,7 +11435,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const props = useAuthShared();
     const attrs = useAttrs();
     const actorState = computed(() => t$5(state.value));
-    computed(() => n$7(state.value));
     const resendCodeText = computed(() => g$1("Resend Code"));
     const confirmResetPasswordHeading = computed(() => g$1("Reset your Password"));
     const confirmResetPasswordText = computed(() => g$1("Submit"));
@@ -11878,9 +11883,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { "data-amplify-container": "" };
-const _hoisted_2$1 = ["data-amplify-router-content"];
-const _hoisted_3$1 = {
+const _hoisted_1$1 = ["data-variation"];
+const _hoisted_2$1 = { "data-amplify-container": "" };
+const _hoisted_3$1 = ["data-amplify-router-content"];
+const _hoisted_4$1 = {
   key: 1,
   "data-amplify-router-content": ""
 };
@@ -11908,8 +11914,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     "confirmVerifyUserSubmit"
   ],
   setup(__props, { emit }) {
-    const { initialState, loginMechanisms, variation, services, signUpAttributes, socialProviders, hideSignUp, formFields } = __props;
+    const props = __props;
     const attrs = useAttrs();
+    const { initialState, loginMechanisms, variation, services, signUpAttributes, socialProviders, hideSignUp, formFields } = toRefs(props);
     const machine = f();
     const service2 = useInterpret(machine);
     let unsubscribeHub;
@@ -11922,19 +11929,19 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         send2({
           type: "INIT",
           data: {
-            initialState,
-            loginMechanisms,
-            socialProviders,
-            signUpAttributes,
-            services,
-            formFields
+            initialState: initialState == null ? void 0 : initialState.value,
+            loginMechanisms: loginMechanisms == null ? void 0 : loginMechanisms.value,
+            socialProviders: socialProviders == null ? void 0 : socialProviders.value,
+            signUpAttributes: signUpAttributes == null ? void 0 : signUpAttributes.value,
+            services: services == null ? void 0 : services.value,
+            formFields: formFields == null ? void 0 : formFields.value
           }
         });
         hasInitialized.value = true;
       }
     }).unsubscribe;
     onMounted(() => {
-      unsubscribeHub = r(send2);
+      unsubscribeHub = r(service2);
     });
     onUnmounted(() => {
       if (unsubscribeHub)
@@ -12029,7 +12036,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const user = ref(null);
     const signOut = ref();
     watch(() => state.value.context, () => {
-      const { user: u2, signOut: s2 } = i$3({
+      const { user: u2, signOut: s2 } = i$4({
         send: send2,
         state: state.value
       });
@@ -12047,15 +12054,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         !((_a2 = unref(state)) == null ? void 0 : _a2.matches("authenticated")) ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
           "data-amplify-authenticator": "",
-          "data-variation": variation
+          "data-variation": unref(variation)
         }), [
-          createElementVNode("div", _hoisted_1$1, [
+          createElementVNode("div", _hoisted_2$1, [
             renderSlot(_ctx.$slots, "header"),
             createElementVNode("div", {
               "data-amplify-router": "",
               "data-amplify-router-content": unref(hasTabs) ? void 0 : ""
             }, [
-              unref(hasTabs) && !hideSignUp ? (openBlock(), createBlock(_component_base_two_tabs, { key: 0 }, {
+              unref(hasTabs) && !unref(hideSignUp) ? (openBlock(), createBlock(_component_base_two_tabs, { key: 0 }, {
                 default: withCtx(() => {
                   var _a3, _b2;
                   return [
@@ -12075,7 +12082,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 }),
                 _: 1
               })) : createCommentVNode("", true),
-              unref(hasTabs) ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+              unref(hasTabs) ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
                 ((_b = unref(actorState)) == null ? void 0 : _b.matches("signIn")) ? (openBlock(), createBlock(_sfc_main$j, {
                   key: 0,
                   onSignInSubmit: onSignInSubmitI,
@@ -12101,7 +12108,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 3
                 }, 512)) : createCommentVNode("", true),
-                ((_c = unref(actorState)) == null ? void 0 : _c.matches("signUp")) && !hideSignUp ? (openBlock(), createBlock(_sfc_main$h, {
+                ((_c = unref(actorState)) == null ? void 0 : _c.matches("signUp")) && !unref(hideSignUp) ? (openBlock(), createBlock(_sfc_main$h, {
                   key: 1,
                   onSignUpSubmit: onSignUpSubmitI,
                   ref_key: "signUpComponent",
@@ -12285,10 +12292,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 512)) : createCommentVNode("", true)
-            ], 8, _hoisted_2$1),
+            ], 8, _hoisted_3$1),
             renderSlot(_ctx.$slots, "footer")
           ])
-        ], 16)) : createCommentVNode("", true),
+        ], 16, _hoisted_1$1)) : createCommentVNode("", true),
         ((_l = unref(state)) == null ? void 0 : _l.matches("authenticated")) ? renderSlot(_ctx.$slots, "default", {
           key: 1,
           user: user.value,