@eka-care/abha-stg 0.1.0 → 0.1.2

package/src/routes/create-abha-address-screen.tsx

@@ -1,928 +0,0 @@
-import { ArrowLeftRegularIcon } from '@eka-care/icons';
-import {
-  ABHA_AUTH_FLOW_METHOD,
-  GET_EXTRA_HEADERS,
-  LOADING_STATE,
-  REGISTRATION_TYPE,
-  TProfileRecord,
-} from '../constants/constants';
-import { useQueryClient } from '@tanstack/react-query';
-import { useEffect, useState } from 'react';
-import usePostAuthVerifyV2, { TVerifyToken } from '../api-queries/use-post-auth-verify-v2';
-import usePostProfileSwitch from '../api-queries/use-post-profile-switch';
-import usePostRegisterMobileCreatePhr from '../api-queries/use-post-register-mobile-create-phr';
-import Pds2Button from '../atoms/button';
-import Pds2Header from '../atoms/header';
-import ExitPopup from '../molecules/exit-popup';
-import AbhaErrorBottomSheet from '../organisms/abha/error-bottom-sheet';
-import useAuthAbhaStore from '../stores/auth-abha-store';
-import { CustomCardLayout } from './abha-otp-and-mobile-screen';
-
-import { onAbhaSuccess, unMount } from '../main';
-import { getMockAuthVerifyResponse } from '../utils/mock-auth-response';
-import { CircleInfoSolidIcon } from '@eka-care/icons';
-import AbhaStepper from '../organisms/abha/abha-stepper';
-import handleSendEvent from '../utils/send-event-utils';
-import getAbdmRegisterSuggest from '../api-queries/ndhm/get-abdm-register-suggest';
-import postRegisterAadhaarCreatePhr from '../api-queries/ndhm/post-register-aadhaar-create-phr';
-import postAbdmProfileEkaLinkPhr from '../api-queries/ndhm/post-abdm-profile-eka-link-phr';
-import postAbdmProfileEka from '../api-queries/ndhm/post-abdm-profile-eka';
-import postAbdmRegisterPhrCheck from '../api-queries/ndhm/post-abdm-register-phr-check';
-import postAbdmRegisterAbhaNumberCreatePhr from '../api-queries/ndhm/post-abdm-register-abha-number-create-phr';
-
-type TAbhaAddressCardProps = {
-  address: string;
-  setAddress: (val: string) => void;
-  suggestions?: Array<string>;
-};
-
-const isProd = import.meta.env.VITE_APP_ENV === 'PROD';
-
-const AbhaAddressCard = ({ address, setAddress, suggestions }: TAbhaAddressCardProps) => {
-  return (
-    <CustomCardLayout className="pds2-space-y-24">
-      <div className="pds2-space-y-12">
-        <img
-          src="https://cdn.eka.care/vagus/cmgkgn6m500010td37a5wbbl3.webp"
-          alt="at-the-rate"
-          className="pds2-w-48"
-        />
-        <div className="pds2-space-y-4">
-          <div className="pds2-text-text-01 Body1Regular">Choose your ABHA Address</div>
-          <div className="pds2-text-text-secondary BodyFootnote">
-            This ABHA Address will be used as your identity for ABHA Services.
-          </div>
-        </div>
-      </div>
-      <div className="pds2-space-y-2 pds2-flex pds2-flex-col">
-        <label htmlFor="abha-address" className="pds2-text-text-brand BodyInputLabel">
-          ABHA Address
-          <sup className="pds2-text-text-error Body3Semibold"> *</sup>
-        </label>
-        <div className="pds2-relative pds2-text-text-01 Body1Semibold">
-          <input
-            value={address}
-            className="pds2-py-4 pds2-bg-transparent pds2-border-b-1 pds2-border-b-text-brand pds2-w-full pds2-pr-16 pds2-outline-none"
-            id="abha-address"
-            onChange={(e) => {
-              const value = e.target.value.replace(/[^a-zA-Z0-9]/g, '');
-              if (value.length <= 18) {
-                setAddress(value);
-              }
-            }}
-            autoCapitalize="off"
-            autoCorrect="off"
-          />
-          <span className="pds2-absolute pds2-right-0 pds2-top-1/2 pds2-transform pds2--translate-y-1/2 pds2-pointer-events-none">
-             {isProd ? '@abdm' : '@sbx'}
-          </span>
-        </div>
-        <div className="pds2-py-6 pds2-text-text-secondary BodyInputLabel">
-          8-18 characters alphabets and numbers only
-        </div>
-      </div>
-      {suggestions && suggestions.length > 0 ? (
-        <div className="pds2-space-y-8">
-          <div className="pds2-text-text-04 Body1Semibold">Suggestions:</div>
-          <div className="pds2-flex pds2-overflow-x-auto pds2-gap-6 pds2-py-4 pds2-px-4 -pds2-ml-4">
-            {suggestions.map((suggestion) => (
-              <label
-                key={suggestion}
-                className={`
-                pds2-flex pds2-items-center pds2-cursor-pointer pds2-px-12 pds2-py-8 
-                pds2-border-1 pds2-rounded-12 pds2-bg-bg-01
-                ${
-                  address === suggestion
-                    ? 'pds2-border-border-brand-01 pds2-text-text-brand Body2Semibold focus-within:pds2-ring-2 focus-within:pds2-ring-border-brand-01 focus-within:pds2-ring-offset-2'
-                    : 'pds2-border-border-03 pds2-text-text-secondary Body3Medium'
-                }
-                active:pds2-bg-bg-brand-02 hover:pds2-bg-bg-hover-01
-                pds2-transition-colors pds2-duration-200
-              `}
-              >
-                <input
-                  type="radio"
-                  name="abha-suggestion"
-                  value={suggestion}
-                  checked={address === suggestion}
-                  onClick={() => setAddress(address === suggestion ? '' : suggestion)}
-                  className="focus:pds2-outline-none pds2-appearance-none"
-                />
-                <span>
-                  {suggestion}
-                  {isProd ? '@abdm' : '@sbx'}
-                </span>
-              </label>
-            ))}
-          </div>
-        </div>
-      ) : null}
-    </CustomCardLayout>
-  );
-};
-
-const CreateAbhaAddressScreen = () => {
-  const [abhaAddress, setAbhaAddress] = useState<string>('');
-  const txnId = useAuthAbhaStore((state) => state.txnId);
-  const setSelectedAbhaAddress = useAuthAbhaStore((state) => state.setSelectedAbhaAddress);
-  const goBackLoginScreen = useAuthAbhaStore((state) => state.goBackLoginScreen);
-  const abhaAuthFlowMethod = useAuthAbhaStore((state) => state.abhaAuthFlowMethod);
-  const [loadingStatus, setLoadingState] = useState<string | null>(null);
-  const authTxnId = useAuthAbhaStore((state) => state.authTxnId);
-  const [error, setError] = useState<string | null>(null);
-  const { mutateAsync: postAuthVerifyV2Mutate } = usePostAuthVerifyV2();
-  const setBottomsheetErrorInfo = useAuthAbhaStore((state) => state.setBottomsheetErrorInfo);
-  const clearAbhaAuthStore = useAuthAbhaStore((state) => state.clearAbhaAuthStore);
-  const [abhaSuggestions, setAbhaSuggestions] = useState<Array<string>>([]);
-  const [isExitPopupOpen, setIsExitPopupOpen] = useState<boolean>(false);
-  const { mutateAsync: postAbdmRegisterMobileCreatePhrMutate } = usePostRegisterMobileCreatePhr();
-  const ekaProfileInfo = useAuthAbhaStore((state) => state.ekaProfileInfo);
-  const registrationType = useAuthAbhaStore((state) => state.registrationType);
-  const { mutateAsync: postProfileSwitchMutate } = usePostProfileSwitch();
-  const extraHeaders = GET_EXTRA_HEADERS();
-  const isEkaAppLogin = useAuthAbhaStore((state) => state.isEkaAppLogin);
-  const clientId = useAuthAbhaStore((state) => state.clientId);
-  const validGenders = ['M', 'F', 'O', 'U'] as const;
-  const isNewLoginOrCreateFlow = useAuthAbhaStore((state) => state.isNewLoginOrCreateFlow);
-  const selectedMethod = useAuthAbhaStore(
-    (state) => state.abhaAuthFlowMethod || ABHA_AUTH_FLOW_METHOD.MOBILE
-  );
-
-  // Unified analytics event tracker that sends event data to both handle SendEvent and Mixpanel (if available)
-  const trackAbhaEvent = ({ name, data = {} }: { name: string; data?: Record<string, any> }) => {
-    const baseProps = {
-      login_platform: clientId,
-      is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-      is_new_login_or_create_flow: isNewLoginOrCreateFlow ? 'true' : 'false',
-      txn_id: txnId || 'missing txnId',
-      oid: extraHeaders?.['X-User-ID'] ? 'true' : 'false',
-      access_token: extraHeaders?.['auth'] ? 'true' : 'false',
-      flow: selectedMethod?.toString()
-    };
-
-    const eventData = {
-      ...baseProps,
-      ...data,
-    };
-
-    handleSendEvent({
-      eventName: name,
-      eventData,
-    });
-
-    window.curio?.pushToMixpanel?.(name, eventData);
-  };
-
-  useEffect(() => {
-    // Track page view on component mount or when `clientId` changes
-    trackAbhaEvent({
-      name: 'page_view',
-      data: {
-        page_view: 'choose_abha_address_screen',
-        platform: clientId,
-      },
-    });
-  }, [clientId]);
-
-  useEffect(() => {
-    // On mount, fetch ABHA address suggestions based on transaction ID and profile info
-    async function fetchRegisterAbhaSuggestions() {
-      if (!txnId) return;
-      try {
-        const { suggestions, error: registerSuggestError } = await getAbdmRegisterSuggest({
-          txn_id: txnId,
-          fn: ekaProfileInfo?.firstname,
-          ln: ekaProfileInfo?.lastname,
-          dob: ekaProfileInfo?.date_of_birth,
-        });
-        // Handle error from API
-        if (registerSuggestError) {
-          setError(registerSuggestError || 'Something went wrong. Please try again.');
-          return;
-        }
-        // If suggestions are received, set state and pre-fill address with first suggestion
-        if (suggestions) {
-          setAbhaSuggestions(suggestions);
-          // Prefill abhaAddress with the first suggestion if available
-          if (suggestions.length > 0) {
-            setAbhaAddress(suggestions[0]);
-          }
-        }
-      } catch (err) {}
-    }
-
-    fetchRegisterAbhaSuggestions();
-  }, []);
-
-  // Called when user clicks "Create ABHA Address"
-  const handleCreateAbhaAddressClick = async () => {
-    // If no address selected, track and exit early
-    if (!abhaAddress) {
-      // Track attempt to create ABHA address without selecting any address
-      trackAbhaEvent({
-        name: 'create_abha_address_click_no_selection',
-        data: {
-          platform: clientId,
-          type: 'create',
-          reason: 'no_abha_address_selected',
-          abha_address_selected: false,
-        },
-      });
-      return;
-    }
-
-    // Track the click event when user tries to create ABHA address
-    trackAbhaEvent({
-      name: 'create_abha_address_clicks',
-      data: {
-        platform: clientId,
-        type: 'create',
-      },
-    });
-
-    setLoadingState(LOADING_STATE.LOADING);
-
-    if (registrationType === REGISTRATION_TYPE.CREATE) {
-      if (!txnId || !ekaProfileInfo) return;
-      /**
-       * Create phr address regardless, if it is mobile, then call mobile create phr , else call aadhaar create phr
-       * check if oid is present
-       *    if no, call profile/eka
-       *    if yes, call link-phr
-       * call switch with the oid
-       */
-
-      // Extract date of birth parts safely
-      const [year, month, day] = ekaProfileInfo.date_of_birth
-        ? ekaProfileInfo?.date_of_birth?.split('-')
-        : ['', '', ''];
-
-      // --- MOBILE FLOW ---
-
-      if (abhaAuthFlowMethod === ABHA_AUTH_FLOW_METHOD.MOBILE) {
-        // Prepare payload for mobile create PHR
-        const mobileCreatePhrData = {
-          abha_address: abhaAddress,
-          day_of_birth: parseInt(day),
-          first_name: ekaProfileInfo.firstname,
-          gender: ekaProfileInfo.gender,
-          last_name: ekaProfileInfo.lastname,
-          month_of_birth: parseInt(month),
-          pincode: ekaProfileInfo.pincode,
-          year_of_birth: parseInt(year),
-          txn_id: txnId,
-        };
-
-        trackAbhaEvent({
-          name: 'create_abha_process_started',
-          data: {
-            method: 'mobile',
-            abha_address: abhaAddress,
-            platform: clientId,
-            pincode_sent: mobileCreatePhrData?.pincode,
-            date_of_birth: ekaProfileInfo?.date_of_birth || 'missing date of birth',
-            day_of_birth: mobileCreatePhrData?.day_of_birth || 'missing day of birth',
-            month_of_birth: mobileCreatePhrData?.month_of_birth || 'missing month of birth',
-            year_of_birth: mobileCreatePhrData?.year_of_birth || 'missing year of birth',
-          },
-        });
-
-        // Call API to create PHR via mobile method
-        const {
-          error: registerError,
-          eka,
-          profile,
-          action: errorAction,
-        } = await postAbdmRegisterMobileCreatePhrMutate(mobileCreatePhrData);
-
-        // Handle possible errors from API
-        if (errorAction) {
-          trackAbhaEvent({
-            name: 'create_abha_process_error_action',
-            data: {
-              method: 'mobile',
-              platform: clientId,
-              error_message: errorAction?.cta?.title || 'unknown_error_message',
-              error_message_exists: !!errorAction?.cta?.title,
-            },
-          });
-          setBottomsheetErrorInfo(errorAction);
-          return;
-        }
-
-        if (registerError || !eka) {
-          trackAbhaEvent({
-            name: 'create_abha_process_failed',
-            data: {
-              method: 'mobile',
-              platform: clientId,
-              error_message: registerError || 'unknown_error',
-              error_message_exists: !!registerError,
-              pincode_received: profile?.pincode || 'missing_pincode_received',
-              pincode_received_exists: !!profile?.pincode,
-              pincode_sent: ekaProfileInfo?.pincode || 'missing_pincode_sent',
-              pincode_sent_exists: !!ekaProfileInfo?.pincode,
-            },
-          });
-          setLoadingState(LOADING_STATE.REJECTED);
-          setError(registerError || 'Something went wrong. Please try again.');
-          return;
-        }
-
-        // Track successful address creation
-        trackAbhaEvent({
-          name: 'abha_address_created',
-          data: {
-            type: 'create_abha',
-            platform: clientId,
-          },
-        });
-
-        // If eka OID is available and login via Eka app, proceed with auth success
-        if (eka.oid && isEkaAppLogin) {
-          setLoadingState(LOADING_STATE.RESOLVED);
-          trackAbhaEvent({
-            name: 'abha_create_process_started',
-            data: {
-              method: abhaAuthFlowMethod.toLowerCase(),
-              is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-              platform: clientId,
-            },
-          });
-
-          // Validate gender field in profile
-          const gender = validGenders.includes(profile?.gender as any)
-            ? (profile?.gender as 'M' | 'F' | 'O' | 'U')
-            : undefined;
-
-          // Prepare auth profile object for mock verification response
-          const authProfile: TProfileRecord = {
-            oid: eka?.oid || '',
-            fln: profile?.first_name + ' ' + profile?.last_name,
-            dob: `${profile?.year_of_birth}-${String(profile?.month_of_birth).padStart(2, '0')}-${String(profile?.day_of_birth).padStart(2, '0')}`,
-            gen: gender,
-            mobile: profile?.mobile,
-            at: '',
-            fn: profile?.first_name || '',
-            mn: profile?.middle_name || '',
-            ln: profile?.last_name || '',
-            'health-ids': profile?.abha_address ? [profile.abha_address] : undefined,
-            abha_number: profile?.abha_number || '',
-          };
-
-          // Generate auth success response
-          const authResponse = getMockAuthVerifyResponse(authProfile);
-
-          trackAbhaEvent({
-            name: 'abha_create_process_success',
-            data: {
-              method: abhaAuthFlowMethod.toLowerCase(),
-              is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-              platform: clientId,
-            },
-          });
-          if (window.EkaAbha && window.EkaAbha.onAbhaSuccess) {
-            window.EkaAbha?.onAbhaSuccess(JSON.stringify({ response: authResponse }));
-            return;
-          }
-          // @ts-ignore
-          onAbhaSuccess({ response: authResponse });
-          unMount();
-          return;
-        }
-      } else {
-        // --- AADHAAR FLOW ---
-
-        trackAbhaEvent({
-          name: 'create_abha_process_started',
-          data: {
-            method: abhaAuthFlowMethod?.toLowerCase(),
-            platform: clientId,
-          },
-        });
-
-        // Call API to create PHR via aadhaar method
-        const {
-          error: registerError,
-          eka,
-          profile,
-          action: errorAction,
-        } = await postRegisterAadhaarCreatePhr({
-          abha_address: abhaAddress,
-          txn_id: txnId,
-        });
-
-        // Handle possible errors from API
-        if (errorAction) {
-          trackAbhaEvent({
-            name: 'create_abha_process_error_action',
-            data: {
-              method: abhaAuthFlowMethod?.toLowerCase() || 'unknown_method',
-              platform: clientId,
-              error_message: errorAction?.cta?.title || 'unknown_error_message',
-              error_message_exists: !!errorAction?.cta?.title,
-            },
-          });
-          setBottomsheetErrorInfo(errorAction);
-          return;
-        }
-
-        if (registerError || !eka) {
-          trackAbhaEvent({
-            name: 'create_abha_process_failed',
-            data: {
-              method: abhaAuthFlowMethod?.toLowerCase() || 'unknown_method',
-              platform: clientId,
-              error_message: registerError || 'unknown_error',
-              error_message_exists: !!registerError,
-              pincode_received: profile?.pincode || 'missing_pincode_received',
-              pincode_received_exists: !!profile?.pincode,
-              pincode_sent: ekaProfileInfo?.pincode || 'missing_pincode_sent',
-              pincode_sent_exists: !!ekaProfileInfo?.pincode,
-            },
-          });
-          setLoadingState(LOADING_STATE.REJECTED);
-          setError(registerError || 'Something went wrong. Please try again.');
-          return;
-        }
-        // Track successful address creation
-        trackAbhaEvent({
-          name: 'abha_address_created',
-          data: {
-            type: 'create_abha',
-            platform: clientId,
-          },
-        });
-
-        // If eka OID is available and login via Eka app, proceed with auth success
-        if (eka.oid && isEkaAppLogin) {
-          setLoadingState(LOADING_STATE.RESOLVED);
-
-          trackAbhaEvent({
-            name: 'abha_create_process_started',
-            data: {
-              method: abhaAuthFlowMethod?.toLowerCase(),
-              is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-              platform: clientId,
-              page_view: 'choose_abha_address',
-            },
-          });
-
-          // Validate gender field in profile
-          const gender = validGenders.includes(profile?.gender as any)
-            ? (profile?.gender as 'M' | 'F' | 'O' | 'U')
-            : undefined;
-
-          // Prepare auth profile object for mock verification response
-          const authProfile: TProfileRecord = {
-            oid: eka?.oid || '',
-            fln: profile?.first_name + ' ' + profile?.last_name,
-            dob: `${profile?.year_of_birth}-${String(profile?.month_of_birth).padStart(2, '0')}-${String(profile?.day_of_birth).padStart(2, '0')}`,
-            gen: gender,
-            mobile: profile?.mobile,
-            at: '',
-            fn: profile?.first_name || '',
-            mn: profile?.middle_name || '',
-            ln: profile?.last_name || '',
-            'health-ids': profile?.abha_address ? [profile.abha_address] : undefined,
-            abha_number: profile?.abha_number || '',
-          };
-
-          // Generate auth success response
-          const authResponse = getMockAuthVerifyResponse(authProfile);
-          trackAbhaEvent({
-            name: 'abha_create_process_success',
-            data: {
-              method: abhaAuthFlowMethod?.toLowerCase(),
-              is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-              platform: clientId,
-            },
-          });
-
-          if (window.EkaAbha && window.EkaAbha.onAbhaSuccess) {
-            window.EkaAbha?.onAbhaSuccess(JSON.stringify({ response: authResponse }));
-            return;
-          }
-          // @ts-ignore
-          onAbhaSuccess({ response: authResponse });
-          unMount();
-          return;
-        }
-      }
-
-      // Determine the oid to be used later for profile switch
-      let oidForSwitch = ekaProfileInfo.oid;
-
-      if (ekaProfileInfo.oid) {
-        // Track start of PHR linking process (existing profile found)
-        trackAbhaEvent({
-          name: 'abha_create_process_link_phr_started',
-          data: {
-            method: abhaAuthFlowMethod?.toLowerCase(),
-            is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-            platform: clientId,
-            page_view: 'choose_abha_address',
-          },
-        });
-        //  Attempt to link the PHR profile using existing OID
-        const {
-          error: linkPhrError,
-          action: errorAction,
-          eka,
-        } = await postAbdmProfileEkaLinkPhr({
-          abha_address: abhaAddress,
-          oid: ekaProfileInfo.oid,
-          // token: authVerifyV2Response?.sess,
-        });
-
-        // Handle case: linking failed due to actionable server response
-        if (errorAction) {
-          trackAbhaEvent({
-            name: 'abha_create_process_link_phr_failed',
-            data: {
-              method: abhaAuthFlowMethod?.toLowerCase() || 'unknown_method',
-              platform: clientId,
-              error_message: errorAction?.cta?.title || 'unknown_error_message',
-              error_message_exists: !!errorAction?.cta?.title,
-            },
-          });
-          setBottomsheetErrorInfo(errorAction);
-          return;
-        }
-
-        // Handle case: linking failed due to unknown error or missing response
-        if (linkPhrError || !eka || !eka.oid) {
-          trackAbhaEvent({
-            name: 'abha_create_process_link_phr_failed',
-            data: {
-              method: abhaAuthFlowMethod?.toLowerCase() || 'unknown_method',
-              platform: clientId,
-              error_message: linkPhrError || 'unknown_error',
-              error_message_exists: !!linkPhrError,
-              eka: eka || 'missing_eka',
-              eka_oid: eka?.oid || 'missing_oid',
-              eka_oid_exists: !!eka?.oid,
-            },
-          });
-          setLoadingState(LOADING_STATE.REJECTED);
-          setError(linkPhrError || 'Something went wrong. Please try again.');
-          return;
-        }
-
-        // Linking successful
-        trackAbhaEvent({
-          name: 'abha_create_process_link_phr_success',
-          data: {
-            method: abhaAuthFlowMethod?.toLowerCase(),
-            is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-            platform: clientId,
-            page_view: 'choose_abha_address',
-          },
-        });
-      } else {
-        // Track start of new PHR profile creation (no existing OID)
-        trackAbhaEvent({
-          name: 'abha_create_process_eka_started',
-          data: {
-            method: abhaAuthFlowMethod?.toLowerCase(),
-            is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-            platform: clientId,
-          },
-        });
-
-        // Construct payload for profile creation
-        const profileEkaData = {
-          abha_address: abhaAddress,
-          day_of_birth: parseInt(day),
-          first_name: ekaProfileInfo.firstname,
-          gender: ekaProfileInfo.gender,
-          last_name: ekaProfileInfo.lastname || '',
-          month_of_birth: parseInt(month),
-          pincode: ekaProfileInfo.pincode,
-          year_of_birth: parseInt(year),
-        };
-
-        // Attempt to create new profile
-        const {
-          error: phrError,
-          eka,
-          action: errorAction,
-        } = await postAbdmProfileEka({ ...profileEkaData });
-
-        // Handle case: creation failed due to actionable server response
-        if (errorAction) {
-          trackAbhaEvent({
-            name: 'abha_create_process_eka_failed',
-            data: {
-              method: abhaAuthFlowMethod?.toLowerCase() || 'unknown_method',
-              platform: clientId,
-              error_message: errorAction?.cta?.title || 'unknown_error_message',
-              error_message_exists: !!errorAction?.cta?.title,
-            },
-          });
-          setBottomsheetErrorInfo(errorAction);
-          return;
-        }
-
-        // Handle case: creation failed due to unknown error or missing response
-        if (phrError || !eka || !eka.oid) {
-          trackAbhaEvent({
-            name: 'abha_create_process_eka_failed',
-            data: {
-              method: abhaAuthFlowMethod?.toLowerCase() || 'unknown_method',
-              is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-              platform: clientId,
-              error_message: phrError || 'unknown_error',
-              error_message_exists: !!phrError,
-              eka_exists: !!eka,
-              eka_oid: eka?.oid || 'missing_oid',
-              eka_oid_exists: !!eka?.oid,
-              flow: selectedMethod ?? ""
-            },
-          });
-          setLoadingState(LOADING_STATE.REJECTED);
-          setError(phrError || 'Something went wrong. Please try again.');
-          return;
-        }
-
-        // Creation successful; store returned OID
-        oidForSwitch = eka.oid;
-        trackAbhaEvent({
-          name: 'abha_create_process_eka_success',
-          data: {
-            method: abhaAuthFlowMethod?.toLowerCase(),
-            is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-            platform: clientId,
-            oid: eka?.oid,
-          },
-        });
-      }
-
-      // Fallback safety: ensure OID exists before switching profile
-      if (!oidForSwitch) {
-        trackAbhaEvent({
-          name: 'abha_create_process_oid_switch_failed',
-          data: {
-            method: abhaAuthFlowMethod?.toLowerCase() || 'unknown_method',
-            is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-            platform: clientId,
-            oid: oidForSwitch || 'missing_oid',
-            oid_exists: !!oidForSwitch,
-          },
-        });
-        return;
-      }
-
-      // Begin profile switch process
-      trackAbhaEvent({
-        name: 'abha_create_process_switch_started',
-        data: {
-          method: abhaAuthFlowMethod?.toLowerCase(),
-          is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-          platform: clientId,
-          oid: oidForSwitch,
-        },
-      });
-
-      // Attempt to switch active profile
-      const profileSwitchResponse = await postProfileSwitchMutate({
-        oid: oidForSwitch,
-      });
-
-      // Handle case: switching profile failed
-      if (profileSwitchResponse.error) {
-        trackAbhaEvent({
-          name: 'abha_create_process_switch_failed',
-          data: {
-            method: abhaAuthFlowMethod?.toLowerCase() || 'unknown_method',
-            is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-            platform: clientId,
-            oid: oidForSwitch || 'missing_oid',
-            oid_exists: !!oidForSwitch,
-            error_message: profileSwitchResponse.error?.message || 'unknown_error',
-            error_message_exists: !!profileSwitchResponse.error?.message,
-          },
-        });
-        setLoadingState(LOADING_STATE.REJECTED);
-        setError(profileSwitchResponse.error?.message || 'Something went wrong, please try again');
-        return;
-      }
-
-      // Switching successful; ABHA account fully created and activated
-      trackAbhaEvent({
-        name: 'abha_create_process_switch_success',
-        data: {
-          method: abhaAuthFlowMethod?.toLowerCase(),
-          is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-          platform: clientId,
-          oid: oidForSwitch,
-        },
-      });
-
-      // Finalize state
-      setLoadingState(LOADING_STATE.RESOLVED);
-      return;
-    }
-    setSelectedAbhaAddress(`${abhaAddress}${isProd ? '@abdm' : '@sbx'}`);
-    const {
-      exists: isPhrAlreadyExist,
-      error: phrCheckError,
-      action: errorAction,
-    } = await postAbdmRegisterPhrCheck({
-      abha_address: abhaAddress,
-    });
-
-    if (phrCheckError) {
-      setLoadingState(LOADING_STATE.REJECTED);
-      setError(phrCheckError || 'Something went wrong. Please try again.');
-      return;
-    }
-
-    if (isPhrAlreadyExist) {
-      setLoadingState(LOADING_STATE.REJECTED);
-      setError('This abha address is already taken.');
-      return;
-    }
-
-    // this has to deprecated , but we do not have abha number flow yet.
-    if (abhaAuthFlowMethod === ABHA_AUTH_FLOW_METHOD.ABHA_NUMBER) {
-      if (!txnId) return;
-      const {
-        error: registerAbhaError,
-        eka,
-        action: errorAction,
-      } = await postAbdmRegisterAbhaNumberCreatePhr({ abha_address: abhaAddress, txn_id: txnId });
-
-      if (errorAction) {
-        setBottomsheetErrorInfo(errorAction);
-        return;
-      }
-
-      if (registerAbhaError || !eka) {
-        setLoadingState(LOADING_STATE.REJECTED);
-        setError(registerAbhaError || 'Something went wrong. Please try again.');
-        return;
-      }
-
-      // if the auth is present in the headers, then do not trigger auth verify api
-      if (extraHeaders && extraHeaders['auth'] && isEkaAppLogin) {
-        setLoadingState(LOADING_STATE.RESOLVED);
-        // @ts-ignore
-        onAbhaSuccess({ response: '' }); // not in use, no change required, because abha number is not yet used.
-        unMount();
-        return;
-      }
-
-      if (!eka.min_token || !authTxnId) {
-        setLoadingState(LOADING_STATE.REJECTED);
-        setError(registerAbhaError || 'Something went wrong. Please try again.');
-      }
-
-      const authVerifyResponse = await postAuthVerifyV2Mutate({
-        txn_id: authTxnId || '',
-        token: eka.min_token,
-        ...(eka.oid ? { oid: eka.oid } : null),
-      });
-
-      if (!authVerifyResponse.data) {
-        setLoadingState(LOADING_STATE.REJECTED);
-        setError(authVerifyResponse.error?.message || 'Something went wrong, please try again');
-        return;
-      }
-      setLoadingState(LOADING_STATE.RESOLVED);
-      return;
-    }
-
-    // if (abhaAuthFlowMethod === ABHA_AUTH_FLOW_METHOD.MOBILE) {
-    //   // setScreen(SCREEN_NAMES.CREATE_EKA_PROFILE);
-    //   if (!txnId || !ekaProfileInfo) return;
-
-    //   const [year, month, day] = ekaProfileInfo.date_of_birth
-    //     ? ekaProfileInfo?.date_of_birth?.split('-')
-    //     : ['', '', ''];
-
-    //   const mobileCreatePhrData = {
-    //     abha_address: abhaAddress,
-    //     day_of_birth: parseInt(day),
-    //     first_name: ekaProfileInfo.firstname,
-    //     gender: ekaProfileInfo.gender,
-    //     last_name: ekaProfileInfo.lastname,
-    //     month_of_birth: parseInt(month),
-    //     pincode: ekaProfileInfo.pincode,
-    //     year_of_birth: parseInt(year),
-    //     txn_id: txnId,
-    //   };
-    //   const {
-    //     error: registerError,
-    //     eka,
-    //     action: errorAction,
-    //   } = await postAbdmRegisterMobileCreatePhrMutate(mobileCreatePhrData);
-
-    //   if (errorAction) {
-    //     setBottomsheetErrorInfo(errorAction);
-    //     return;
-    //   }
-
-    //   if (registerError || !eka) {
-    //     setLoadingState(LOADING_STATE.REJECTED);
-    //     setError(registerError || 'Something went wrong. Please try again.');
-    //     return;
-    //   }
-
-    //   let txn_Id = ''
-    //   // only check for this min token and auth txnid not found error,
-    //   // when the token is not present in the extra headers
-    //   if (!extraHeaders || ) {
-    //     if (!eka.min_token || !authTxnId) {
-    //       setLoadingState(LOADING_STATE.REJECTED);
-    //       setError(registerError || 'Something went wrong. Please try again.');
-    //       return;
-    //     }
-    //     txn_Id = authTxnId
-    //   } else {
-    //     setLoadingState(LOADING_STATE.RESOLVED);
-    //     return;
-    //   }
-
-    //   const authVerifyResponse = await postAuthVerifyV2Mutate({
-    //     txn_id: txn_Id,
-    //     token: eka.min_token,
-    //     ...(eka.oid ? { oid: eka.oid } : null),
-    //   });
-
-    //   if (!authVerifyResponse.data) {
-    //     setLoadingState(LOADING_STATE.REJECTED);
-    //     setError(authVerifyResponse.error?.message || 'Something went wrong, please try again');
-    //     return;
-    //   }
-    //   setLoadingState(LOADING_STATE.RESOLVED);
-    //   return;
-    // }
-  };
-
-  const handleErrorBottomsheetButtonClick = () => {
-    goBackLoginScreen();
-    const isAppLogin = useAuthAbhaStore.getState().isEkaAppLogin;
-    clearAbhaAuthStore();
-    useAuthAbhaStore.setState({ isEkaAppLogin: isAppLogin });
-  };
-
-  return (
-    <div className="pds2-w-full pds2-h-full pds2-flex pds2-flex-col pds2-bg-bg-01">
-      <Pds2Header
-        title="Create ABHA Address"
-        prefixIcon={
-          <button
-            className="pds2-w-24 pds2-h-24 pds2-rounded-full pds2-flex pds2-items-center pds2-justify-center ripple"
-            onClick={() => setIsExitPopupOpen(true)}
-          >
-            <ArrowLeftRegularIcon />
-          </button>
-        }
-        className="pds2-border-b pds2-border-bg-seperator-dark pds2-bg-bg-white pds2-flex-shrink-0"
-      />
-      <AbhaStepper/>
-      {/* {isNewLoginOrCreateFlow && ( */}
-        {/* <div
-          className="pds2-mx-16 pds2-mt-16 pds2-border-1 pds2-rounded-16 pds2-flex pds2-items-stretch pds2-overflow-hidden pds2-flex-shrink-0"
-          style={{ borderColor: '#F0B429', marginTop: '16px' }}
-        >
-          <div className="pds2-bg-bg-warning-03 pds2-p-12 pds2-flex-1 pds2-flex pds2-items-center">
-            <p className="pds2-text-14 pds2-text-text-03 pds2-font-medium">
-              {selectedMethod === ABHA_AUTH_FLOW_METHOD.MOBILE
-                ? 'We will create a new ABHA address based on this mobile number'
-                : 'We will create a new ABHA number and address based on this Aadhaar number.'}
-            </p>
-          </div>
-          <div className="pds2-bg-bg-warning-03 pds2-flex-shrink-0 pds2-flex pds2-items-center pds2-px-16">
-            <div className="pds2-w-24 pds2-h-24 pds2-rounded-full pds2-flex pds2-items-center pds2-justify-center">
-              <CircleInfoSolidIcon className="pds2-w-14 pds2-h-14" style={{ color: '#F0B429' }} />
-            </div>
-          </div>
-        </div> */}
-      {/* )} */}
-
-      <div className="pds2-p-16 pds2-flex-1 pds2-overflow-y-auto pds2-bg-bg-01">
-        <AbhaAddressCard
-          address={abhaAddress}
-          setAddress={setAbhaAddress}
-          suggestions={abhaSuggestions}
-        />
-      </div>
-      {error && <div className="pds2-p-16 pds2-text-text-error pds2-text-center">{error}</div>}
-      <div className="pds2-p-16 pds2-shadow-elevation-only-top pds2-sticky pds2-bottom-0">
-        <Pds2Button
-          title="Create"
-          state={(abhaAddress.length < 8 && abhaAddress.length > 18 || loadingStatus === LOADING_STATE.LOADING) ? 'disabled' : 'enabled'}
-          onClick={handleCreateAbhaAddressClick}
-          isLoading={loadingStatus === LOADING_STATE.LOADING}
-          className="pds2-w-full"
-        />
-      </div>
-      <AbhaErrorBottomSheet onSubmitClick={handleErrorBottomsheetButtonClick} />
-      <ExitPopup open={isExitPopupOpen} setOpen={setIsExitPopupOpen} />
-    </div>
-  );
-};
-
-export default CreateAbhaAddressScreen;