KC: changes to handle User Defaults & add api endpoint

.gitignore

@@ -68,4 +68,6 @@ next-env.d.ts
 /pages/support
 /pages/support/*
 /pages/warranty
-/services/config/theme-config.ts
+/services/config/theme-config.ts
+
+kc.code-workspace

hooks/AuthHooks/useLoginHook.ts

@@ -14,13 +14,17 @@ import { Option } from '../../store/slices/general_slices/multilingual-slice';
 import i18n from '../../i18n/i18n';
 import useCurrencyLanguageHandler from '../GeneralHooks/LanguageHandler';
 import { currencyOptions } from '../../utils/addon-utils/currency-map';
+import useUserDefaultData from '../addon-hooks/kc-hooks/useUserData';
+import { setCustomer, setDesignBankCount, setScope } from '../../store/slices/general_slices/kc-slice';
+import { resetStore } from '../../store/slices/auth/logout-slice';
 
 const useLoginHook = () => {
   const { AFTER_LOGIN_REDIRECT_URL } = CONSTANTS;
   const dispatch = useDispatch();
   const router = useRouter();
   const { t } = useTranslation('common');
   const { handleCurrencyShallowUpdate, handleLanguageShallowUpdate } = useCurrencyLanguageHandler();
+  const { fetchUserDefaultData } = useUserDefaultData();
   const [loginForm, setLoginForm] = useState<TypeLoginForm>({ usr: '', pwd: '' });
   const [passwordHidden, setPasswordHidden] = useState(true);
   const [isLoginThroughOTP, setIsLoginThroughOTP] = useState<boolean>(false);
@@ -33,48 +37,58 @@ const useLoginHook = () => {
 
   const fetchToken = async (values: TypeLoginForm) => {
     setLoginBtnLoader(true);
+
     try {
       const userParams: TypeLoginAPIParams = {
         values: { ...values },
         isGuest: false,
         loginViaOTP: false,
         LoginViaGoogle: false,
       };
-
-      // const tokenData = await getTokenFromLoginAPI(SUMMIT_APP_CONFIG, userParams);
-      // Need to check below login api logic. Need to make generic.
+
       const tokenData = await emrLogin(userParams);
-
-      if (tokenData?.success === true && tokenData?.msg === 'success' && tokenData?.data?.hasOwnProperty('access_token')) {
-        localStorage.setItem('isLoggedIn', 'true');
-        localStorage.setItem('user', values.usr);
-        localStorage.setItem('party_name', tokenData?.data?.full_name);
-
-        if (tokenData?.data?.isPwdChg !== 0) {
-          dispatch(storeToken(tokenData?.data));
-        }
-
-        handleLanguageShallowUpdate(languageDisplayOptions.find((opt: Option) => opt?.label === tokenData?.data?.language)!);
-        handleCurrencyShallowUpdate(currencyOptions.find((opt: Option) => opt?.value === tokenData?.data?.currency)!);
-
-        localStorage.setItem('selected_language', tokenData?.data?.language);
-        localStorage.setItem('selected_currency', tokenData?.data?.currency);
-        // Redirect to the home page or any other page after successful login
-        if (tokenData?.data?.isPwdChg === 0) {
-          router.push('/forgot_password');
-        } else {
-          if (AFTER_LOGIN_REDIRECT_URL) {
-            router.push(AFTER_LOGIN_REDIRECT_URL);
-          } else {
-            router.push('/')
-          }
+
+      if (
+        tokenData?.success === true &&
+        tokenData?.msg === 'success' &&
+        tokenData?.data?.access_token
+      ) {
+        const { access_token, isPwdChg, count, full_name } = tokenData.data;
+
+        if (isPwdChg !== 0) {
+          dispatch(storeToken(tokenData.data));
         }
-        // toast.success('Login Successfully');
+
+        const redirectUrl =
+          isPwdChg === 0
+            ? '/forgot_password'
+            : AFTER_LOGIN_REDIRECT_URL || '/';
+
+        router.replace(redirectUrl);
+
+        setTimeout(() => {
+          dispatch(setDesignBankCount(count));
+          dispatch(setCustomer(null));
+          dispatch(
+            setScope({
+              label: 'New Session (PDCM Design Bank)',
+              value: 'Database',
+            })
+          );
+
+          fetchUserDefaultData(access_token);
+
+          localStorage.setItem('isLoggedIn', 'true');
+          localStorage.setItem('user', values.usr);
+          localStorage.setItem('party_name', full_name);
+        }, 0);
       }
     } catch (error: any) {
-      if (error?.status === 400 && error?.response?.data?.error === "Invalid username or password") {
+      if (
+        error?.status === 400 &&
+        error?.response?.data?.error === 'Invalid username or password'
+      ) {
         toast.error(t('invalid_credentials'));
-        return;
       } else {
         toast.error(t('error_while_login'));
       }

hooks/GeneralHooks/KCLanguageHandler.ts

@@ -10,14 +10,14 @@ import { Option } from '../../store/slices/general_slices/multilingual-slice';
 import { currencyOptions } from '../../utils/addon-utils/currency-map';
 import { useEffect } from 'react';
 
-const useCurrencyLanguageHandler = () => {
+const useCurrencyLanguageHandler = (postUserDefaultData?: (token: string, DefCurrency: string, DefLang: string, RefreshRt: string, LabRt: string, RMCtg: string, voucherModeType: string ) => void, userDefaultData?: any) => {
   const dispatch = useDispatch();
-  const languageState = useSelector(SelectedLangFromStore)?.selectedLanguage;
+  const languageState = useSelector(SelectedLangFromStore)?.selectedLanguage?.trim();
   const TokenFromStore: any = useSelector(get_access_token);
-  const currencyState = useSelector(currency_selector_state)?.selected_currency_value;
+  const currencyState = useSelector(currency_selector_state)?.selected_currency_value?.trim();
   const handleAuthError = useAuthErrorHandler();
-  const selectedCurrency = currencyOptions.find((opt) => opt?.value === (currencyState))!;
-  const selectedLanguage = languageDisplayOptions.find((opt) => opt?.value === languageState)!;
+  const selectedCurrency = currencyOptions.find((opt) => opt?.value === currencyState || 'INR')!;
+  const selectedLanguage = languageDisplayOptions.find((opt) => opt?.value === languageState || 'en')!;
 
   const updateUserPreference = async (language: Option, currency: Option) => {
     const languageCode = language?.value.toString();
@@ -42,7 +42,8 @@ const useCurrencyLanguageHandler = () => {
 
   const handleLanguageChange = (value: Option) => {
     dispatch(setLanguage(value?.value));
-    updateUserPreference(value, selectedCurrency);
+    // updateUserPreference(value, selectedCurrency);
+    postUserDefaultData && postUserDefaultData(TokenFromStore?.token, languageDisplayOptions.find((opt: Option) => opt?.value === value?.value?.toString())?.label!?.trim(), userDefaultData?.DefCurrency, userDefaultData?.RefreshRt, userDefaultData?.LabRt, userDefaultData?.RMCtg, userDefaultData?.voucherModeType);
   };
 
   const handleLanguageShallowUpdate = (value: Option) => {
@@ -52,16 +53,17 @@ const useCurrencyLanguageHandler = () => {
 
   const handleCurrencyChange = (value: Option) => {
     dispatch(setCurrencyValue(value?.value));
-    updateUserPreference(selectedLanguage, value);
+    // updateUserPreference(selectedLanguage, value);
+    postUserDefaultData && postUserDefaultData(TokenFromStore?.token, userDefaultData?.DefLang, value?.value.toString().trim(), userDefaultData?.RefreshRt, userDefaultData?.LabRt, userDefaultData?.RMCtg, userDefaultData?.voucherModeType);
   };
 
   const handleCurrencyShallowUpdate = (value: Option) => {
     dispatch(setCurrencyValue(value?.value));
   }
 
   useEffect(() => {
-    handleLanguageShallowUpdate(languageDisplayOptions.find((opt) => opt?.value === 'en')!);
-    handleCurrencyShallowUpdate(currencyOptions.find((opt) => opt?.value === 'RS')!);
+    handleLanguageShallowUpdate(selectedLanguage);
+    handleCurrencyShallowUpdate(selectedCurrency);
   },[selectedCurrency, selectedLanguage]);
 
   return {

hooks/ProductDetailPageHooks/useProductDetail.ts

@@ -11,6 +11,7 @@ import fetchPinCodesListAPI from '../../services/api/general-apis/get-pin-code-l
 import debounce from 'debounce';
 import useAuthErrorHandler from '../AuthHooks/handleAuthError';
 import useCurrencyLanguageHandler from '../GeneralHooks/KCLanguageHandler';
+
 type PinCodeTypes = {
   name: string;
 };
@@ -40,6 +41,7 @@ const useProductDetail = () => {
       quantity: productDetailData?.min_order_qty || 1,
     },
   ]);
+
   const handleMultipleQtyChange = (index: number, itemCode: string, value: string) => {
     setItemList((prevItemList: any) => {
       if (!Array.isArray(prevItemList)) {
@@ -164,6 +166,7 @@ const useProductDetail = () => {
       }
     }
   };
+
   const debouncedSetValue = debounce((pinCode: string) => {
     const found = pinCodeData.some((pin) => pin.name === pinCode);
     setValidPinCode(found);

hooks/ProductListPageHooks/useProductListFilterHook.ts

@@ -69,17 +69,17 @@ const useProductListingFilterHook = () => {
 
       if (existingSectionIndex !== -1) {
         if (isChecked) {
-          if (!updatedFilters[existingSectionIndex].value.includes(filterValue)) {
-            updatedFilters[existingSectionIndex].value.push(filterValue);
+          if (!updatedFilters?.[existingSectionIndex].value.includes(filterValue)) {
+            updatedFilters?.[existingSectionIndex].value.push(filterValue);
           }
         } else {
           updatedFilters[existingSectionIndex].value = updatedFilters[existingSectionIndex].value.filter((val: any) => val !== filterValue);
-          if (updatedFilters[existingSectionIndex].value.length === 0) {
-            updatedFilters = updatedFilters.filter((filter) => filter.name !== section);
+          if (updatedFilters?.[existingSectionIndex].value.length === 0) {
+            updatedFilters = updatedFilters?.filter((filter) => filter?.name !== section);
           }
         }
       } else if (isChecked) {
-        updatedFilters.push({ name: section, value: [filterValue] });
+        updatedFilters?.push({ name: section, value: [filterValue] });
       }
 
       duplicateFilters = [...updatedFilters];

hooks/ProductListPageHooks/useProductsDataHook.ts

@@ -96,6 +96,7 @@ const useProductListing = () => {
           page: '1',
           currency: 'INR',
           sort_by: sortBy,
+          scope: 'Database'
         },
       });
     }

lib/query-client.ts

@@ -0,0 +1,21 @@
+import { QueryClient } from '@tanstack/react-query';
+
+const KC_LISTING_STALE_MS = 5 * 60 * 1000; // 5 minutes – same scope+cmcd won't refetch when navigating back
+const KC_SESSION_FILTERS_STALE_MS = 5 * 60 * 1000;
+
+export const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: KC_LISTING_STALE_MS,
+      gcTime: 10 * 60 * 1000, // 10 min (formerly cacheTime)
+    },
+  },
+});
+
+export const KC_QUERY_KEYS = {
+  products: (cmcd: string, scope: string, filtersSignature: string) =>
+    ['kc-products', cmcd, scope, filtersSignature] as const,
+  cart: (cmcd: string, odChr: string) => ['kc-cart', cmcd, odChr] as const,
+  voucher: (cmcd: string, voucherNoKey: string) => ['kc-voucher', cmcd, voucherNoKey] as const,
+  sessionFilters: (cmcd: string) => ['kc-session-filters', cmcd] as const,
+};

next.config.js

@@ -8,8 +8,17 @@ const nextConfig = {
   images: {
     domains: ['summit.8848digitalerp.com', 'staging-twinkle.8848digitalerp.com', 'emr-euro-shine.8848digitalerp.com', 'backend.atelier-reya.com', 'kc-backend.8848digitalcloud.com'],
   },    
-    reactStrictMode: false,
+  reactStrictMode: false,
   swcMinify: true,
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/product-category',
+        permanent: false,
+      },
+    ]
+  },
 };
 
 module.exports = withBundleAnalyzer(nextConfig);