@aws-amplify/ui-vue 2.0.12 → 2.1.0

package/dist/index.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { openBlock, createElementBlock, renderSlot, defineComponent, useSlots, mergeProps, unref, createElementVNode, normalizeProps, guardReactiveProps, ref, createVNode, withCtx, createCommentVNode, toRefs, Fragment, createTextVNode, toDisplayString, isRef, renderList, onMounted, onBeforeUnmount, shallowRef, watch, effectScope, getCurrentScope, onScopeDispose, reactive, watchEffect, computed, createBlock, useAttrs, withModifiers, h, onUnmounted, normalizeClass } from "vue";
+import { openBlock, createElementBlock, renderSlot, defineComponent, useSlots, mergeProps, unref, createElementVNode, normalizeProps, guardReactiveProps, ref, createVNode, withCtx, createCommentVNode, toRefs, Fragment, createTextVNode, toDisplayString, isRef, renderList, onMounted, onBeforeUnmount, shallowRef, watch, reactive, watchEffect, computed, createBlock, effectScope, getCurrentScope, onScopeDispose, useAttrs, withModifiers, h, onUnmounted, normalizeClass } from "vue";
 import { Auth, I18n, Hub, Amplify, Logger } from "aws-amplify";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -8406,35 +8406,6 @@ const facade = {
   submit: (data) => null,
   submitForm: (data) => null
 };
-function tryOnScopeDispose(fn) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn);
-    return true;
-  }
-  return false;
-}
-function createSharedComposable(composable) {
-  let subscribers = 0;
-  let state;
-  let scope;
-  const dispose = () => {
-    subscribers -= 1;
-    if (scope && subscribers <= 0) {
-      scope.stop();
-      state = void 0;
-      scope = void 0;
-    }
-  };
-  return (...args) => {
-    subscribers += 1;
-    if (!state) {
-      scope = effectScope(true);
-      state = scope.run(() => composable(...args));
-    }
-    tryOnScopeDispose(dispose);
-    return state;
-  };
-}
 const service = ref();
 let useAuthenticatorValue = reactive(__spreadProps(__spreadValues({}, facade), { send: "", state: "" }));
 const useAuth = (serv) => {
@@ -8450,7 +8421,7 @@ const useInternalAuthenticator = () => {
   });
   return useAuthenticatorValue;
 };
-const useAuthenticator = createSharedComposable(useInternalAuthenticator);
+const useAuthenticator = useInternalAuthenticator;
 function createValues() {
   if (!service.value)
     return;
@@ -8634,6 +8605,35 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+function createSharedComposable(composable) {
+  let subscribers = 0;
+  let state;
+  let scope;
+  const dispose = () => {
+    subscribers -= 1;
+    if (scope && subscribers <= 0) {
+      scope.stop();
+      state = void 0;
+      scope = void 0;
+    }
+  };
+  return (...args) => {
+    subscribers += 1;
+    if (!state) {
+      scope = effectScope(true);
+      state = scope.run(() => composable(...args));
+    }
+    tryOnScopeDispose(dispose);
+    return state;
+  };
+}
 const _hoisted_1$8 = /* @__PURE__ */ createElementVNode("svg", {
   "aria-label": "Amazon icon",
   class: "amplify-icon federated-sign-in-icon",
@@ -8716,7 +8716,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   setup(__props) {
     var _a2;
     const { state } = useAuth();
-    const { route } = useAuthenticator();
+    const useAuthShared = createSharedComposable(useAuthenticator);
+    const { route } = useAuthShared();
     const { value: { context } } = state;
     const socialProviders = (_a2 = context == null ? void 0 : context.config) == null ? void 0 : _a2.socialProviders;
     const includeAmazon = socialProviders == null ? void 0 : socialProviders.includes("amazon");
@@ -9095,8 +9096,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     var _a2, _b;
     const { state } = useAuth();
     const { value: { context } } = state;
-    const { validationErrors } = toRefs(useAuthenticator());
-    const props = useAuthenticator();
+    const useAuthShared = createSharedComposable(useAuthenticator);
+    const { validationErrors } = toRefs(useAuthShared());
+    const props = useAuthShared();
     const inputAttributes = computed(() => M);
     const passwordLabel = computed(() => kt("Password"));
     const confirmPasswordLabel = computed(() => kt("Confirm Password"));
@@ -9166,8 +9168,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   emits: ["signUpSubmit"],
   setup(__props, { emit }) {
-    const facadeValues = useAuthenticator();
-    const props = useAuthenticator();
+    const useAuthShared = createSharedComposable(useAuthenticator);
+    const facadeValues = useAuthShared();
+    const props = useAuthShared();
     const { hasValidationErrors, isPending, error: error2 } = toRefs(facadeValues);
     const attrs = useAttrs();
     const createAccountLabel = computed(() => kt("Create Account"));
@@ -9355,8 +9358,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   emits: ["confirmSignUpSubmit", "lostCodeClicked"],
   setup(__props, { emit }) {
     const attrs = useAttrs();
-    const { isPending, error: error2, codeDeliveryDetails } = toRefs(useAuthenticator());
-    const { submitForm, updateForm, resendCode } = useAuthenticator();
+    const useAuthShared = createSharedComposable(useAuthenticator);
+    const { isPending, error: error2, codeDeliveryDetails } = toRefs(useAuthShared());
+    const { submitForm, updateForm, resendCode } = useAuthShared();
     const confirmSignUpHeading = computed(() => {
       var _a2, _b;
       return ((_a2 = codeDeliveryDetails.value) == null ? void 0 : _a2.DeliveryMedium) === "EMAIL" ? kt("We Emailed You") : ((_b = codeDeliveryDetails.value) == null ? void 0 : _b.DeliveryMedium) === "SMS" ? kt("We Texted You") : kt("We Sent A Code");
@@ -12005,7 +12009,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const attrs = useAttrs();
     const { state, send: send2 } = useAuth();
-    const props = useAuthenticator();
+    const useAuthShared = createSharedComposable(useAuthenticator);
+    const props = useAuthShared();
     const actorState = computed(() => Q(state.value));
     const actorContext = computed(() => jr(state.value));
     const changePasswordLabel = computed(() => kt("Change Password"));
@@ -12200,8 +12205,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   emits: ["resetPasswordSubmit", "backToSignInClicked"],
   setup(__props, { emit }) {
     const attrs = useAttrs();
-    const { state, send: send2 } = useAuthenticator();
-    const { error: error2, isPending } = toRefs(useAuthenticator());
+    const useAuthShared = createSharedComposable(useAuthenticator);
+    const { state, send: send2 } = useAuthShared();
+    const { error: error2, isPending } = toRefs(useAuthShared());
     const { label } = _a(state.context);
     const labelText = `Enter your ${label.toLowerCase()}`;
     const backSignInText = computed(() => kt("Back to Sign In"));
@@ -12371,7 +12377,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   emits: ["confirmResetPasswordSubmit", "backToSignInClicked"],
   setup(__props, { emit }) {
     const { state, send: send2 } = useAuth();
-    const props = useAuthenticator();
+    const useAuthShared = createSharedComposable(useAuthenticator);
+    const props = useAuthShared();
     const attrs = useAttrs();
     const actorState = computed(() => Q(state.value));
     const actorContext = computed(() => jr(state.value));
@@ -12983,6 +12990,7 @@ const _hoisted_3$1 = {
 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   props: {
+    hideSignUp: { type: Boolean },
     initialState: null,
     loginMechanisms: null,
     services: null,
@@ -13003,7 +13011,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     "confirmVerifyUserSubmit"
   ],
   setup(__props, { emit }) {
-    const { initialState, loginMechanisms, variation, services, signUpAttributes, socialProviders } = __props;
+    const { initialState, loginMechanisms, variation, services, signUpAttributes, socialProviders, hideSignUp } = __props;
     const attrs = useAttrs();
     const machine = Sn();
     const service2 = useInterpret(machine);
@@ -13140,7 +13148,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               "data-amplify-router": "",
               "data-amplify-router-content": unref(hasTabs) ? void 0 : ""
             }, [
-              unref(hasTabs) ? (openBlock(), createBlock(_component_base_two_tabs, { key: 0 }, {
+              unref(hasTabs) && !hideSignUp ? (openBlock(), createBlock(_component_base_two_tabs, { key: 0 }, {
                 default: withCtx(() => {
                   var _a3, _b2;
                   return [
@@ -13188,7 +13196,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 3
                 }, 512)) : createCommentVNode("", true),
-                ((_c = unref(actorState)) == null ? void 0 : _c.matches("signUp")) ? (openBlock(), createBlock(_sfc_main$i, {
+                ((_c = unref(actorState)) == null ? void 0 : _c.matches("signUp")) && !hideSignUp ? (openBlock(), createBlock(_sfc_main$i, {
                   key: 1,
                   onSignUpSubmit: onSignUpSubmitI,
                   ref: (_value, _refs) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-vue",
-  "version": "2.0.12",
+  "version": "2.1.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -21,7 +21,7 @@
     "prebuild": "rimraf dist",
     "build": "vue-tsc --noEmit && vite build",
     "dev": "vite build --watch",
-    "clean": "rimraf dist",
+    "clean": "rimraf dist node_modules",
     "lint": "echo No linting enabled for @aws-amplify/ui-vue",
     "test": "yarn test:unit",
     "test:watch": "yarn test:unit:watch",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@aws-amplify/ui": "3.0.12",
-    "@vueuse/core": "7.4.1",
+    "@vueuse/core": "7.5.5",
     "@xstate/vue": "0.8.1",
     "qrcode": "1.5.0"
   },