refactor: useUser

packages/composables/src/composables/useUser/index.ts

@@ -24,6 +24,11 @@ interface UseUserFactoryParams<USER, UPDATE_USER_PARAMS, REGISTER_USER_PARAMS>
   }) => Promise<USER>;
 }
 
+/**
+ * @deprecated since version <version?>
+ *
+ * @see <add docs link>
+ */
 const factoryParams: UseUserFactoryParams<
 any,
 UpdateCustomerEmailMutationVariables,
@@ -175,6 +180,7 @@ CustomerCreateInput
 
     return factoryParams.load(context);
   },
+
   changePassword: async (context: Context, params) => {
     Logger.debug('[Magento] changing user password');
     const { data, errors } = await context.$magento.api.changeCustomerPassword(params);

packages/composables/src/helpers/userDataGenerator.ts

@@ -1,5 +1,9 @@
 import { CustomerUpdateParameters } from '@vue-storefront/magento-api';
 
+/**
+ * @deprecated
+ * @use packages/theme/helpers/customer/userDataGenerator.ts
+ */
 export const generateUserData = (userData): CustomerUpdateParameters => {
   const baseData = {
     email: userData.email,

packages/theme/components/AppHeader.vue

@@ -173,7 +173,6 @@ import {
   useCart,
   useCategorySearch,
   useFacet,
-  useUser,
   wishlistGetters,
 } from '@vue-storefront/magento';
 import {
@@ -197,6 +196,7 @@ import {
   useUiHelpers,
   useUiState,
   useWishlist,
+  useUser,
 } from '~/composables';
 import StoreSwitcher from '~/components/StoreSwitcher.vue';
 

packages/theme/components/BottomNavigation.vue

@@ -52,9 +52,8 @@
 
 <script>
 import { SfBottomNavigation, SfIcon, SfCircleIcon } from '@storefront-ui/vue';
-import { useUser } from '@vue-storefront/magento';
 import { defineComponent, useRouter, useContext } from '@nuxtjs/composition-api';
-import { useUiState } from '~/composables';
+import { useUiState, useUser } from '~/composables';
 import MobileMenuSidebar from '~/components/MobileMenuSidebar.vue';
 
 export default defineComponent({

packages/theme/components/CartSidebar.vue

@@ -254,12 +254,15 @@ import {
 } from '@nuxtjs/composition-api';
 import {
   useCart,
-  useUser,
   cartGetters,
-  useExternalCheckout,
 } from '@vue-storefront/magento';
 import _debounce from 'lodash.debounce';
-import { useUiState, useUiNotification } from '~/composables';
+import {
+  useUiState,
+  useUiNotification,
+  useUser,
+  useExternalCheckout,
+} from '~/composables';
 import stockStatusEnum from '~/enums/stockStatusEnum';
 import CouponCode from './CouponCode.vue';
 

packages/theme/components/LoginModal.vue

@@ -298,8 +298,8 @@ import {
 } from '@storefront-ui/vue';
 import { ValidationProvider, ValidationObserver, extend } from 'vee-validate';
 import { required, email } from 'vee-validate/dist/rules';
-import { useUser, useForgotPassword } from '@vue-storefront/magento';
-import { useUiState, useWishlist } from '~/composables';
+import { useForgotPassword } from '@vue-storefront/magento';
+import { useUiState, useWishlist, useUser } from '~/composables';
 import { customerPasswordRegExp, invalidPasswordMsg } from '~/helpers/customer/regex';
 
 extend('email', {

packages/theme/components/MyAccount/ProfileUpdateForm.vue

@@ -84,13 +84,13 @@
 <script>
 import { defineComponent, ref } from '@nuxtjs/composition-api';
 import { ValidationProvider, ValidationObserver } from 'vee-validate';
-import { useUser, userGetters } from '@vue-storefront/magento';
+import { userGetters } from '@vue-storefront/magento';
 import {
   SfInput,
   SfButton,
   SfModal,
 } from '@storefront-ui/vue';
-import { useUiNotification } from '~/composables';
+import { useUiNotification, useUser } from '~/composables';
 
 export default defineComponent({
   name: 'ProfileUpdateForm',

packages/theme/components/ProductAddReviewForm.vue

@@ -121,7 +121,7 @@ import {
   useContext,
 } from '@nuxtjs/composition-api';
 import {
-  reviewGetters, useReview, userGetters, useUser,
+  reviewGetters, useReview, userGetters,
 } from '@vue-storefront/magento';
 import { extend, ValidationObserver, ValidationProvider } from 'vee-validate';
 import { min, oneOf, required } from 'vee-validate/dist/rules';
@@ -131,6 +131,7 @@ import {
   SfSelect,
   SfTextarea,
 } from '@storefront-ui/vue';
+import { useUser } from '~/composables';
 
 extend('required', {
   ...required,

packages/theme/components/ProductsCarousel.vue

@@ -81,11 +81,11 @@ import {
 } from '@storefront-ui/vue';
 
 import {
-  productGetters, useUser,
+  productGetters,
 } from '@vue-storefront/magento';
 import { computed, defineComponent } from '@nuxtjs/composition-api';
 import { useAddToCart } from '~/helpers/cart/addToCart';
-import { useImage, useWishlist } from '~/composables';
+import { useImage, useWishlist, useUser } from '~/composables';
 
 export default defineComponent({
   name: 'ProductsCarousel',

packages/theme/components/SearchResults.vue

@@ -221,8 +221,8 @@ import {
   computed,
   defineComponent,
 } from '@nuxtjs/composition-api';
-import { productGetters, useUser } from '@vue-storefront/magento';
-import { useUiHelpers, useImage, useWishlist } from '~/composables';
+import { productGetters } from '@vue-storefront/magento';
+import { useUiHelpers, useImage, useWishlist, useUser } from '~/composables';
 
 export default defineComponent({
   name: 'SearchResults',

packages/theme/components/WishlistSidebar.vue

@@ -157,11 +157,12 @@ import {
 } from '@storefront-ui/vue';
 import { computed, defineComponent, onMounted } from '@nuxtjs/composition-api';
 import {
-  useUser,
   wishlistGetters,
   productGetters,
 } from '@vue-storefront/magento';
-import { useUiState, useImage, useWishlist } from '~/composables';
+import {
+  useUiState, useImage, useWishlist, useUser,
+} from '~/composables';
 
 export default defineComponent({
   name: 'WishlistSidebar',

packages/theme/composables/index.ts

@@ -7,3 +7,4 @@ export { default as useStore } from './useStore';
 export { default as useCurrency } from './useCurrency';
 export { default as useExternalCheckout } from './useExternalCheckout';
 export { default as useWishlist } from './useWishlist';
+export { default as useUser } from './useUser';