@eka-care/abha 0.0.6 → 0.0.8

package/src/routes/select-eka-profile-screen.tsx

@@ -1,444 +0,0 @@
-import { ArrowLeftRegularIcon, PlusRegularIcon } from '@elixir/icons';
-import {
-  ABHA_V3_SKIP_STATES,
-  LOADING_STATE,
-  REGISTRATION_TYPE,
-  TProfileRecord,
-} from '@elixir/types';
-import { postAbdmProfileEkaLinkPhr } from 'apis';
-import { TGetProfilePhrUserResponse } from 'apis/src/types/aorta-go';
-import { useState, useEffect } from 'react';
-import usePostProfileSwitch from '../api-queries/use-post-profile-switch';
-import { queryClient } from '../App';
-import Pds2Button from '../atoms/button';
-import Pds2CustomButton from '../atoms/button/custom-button';
-import Pds2Header from '../atoms/header';
-import TextSeparator from '../atoms/text-separator';
-import ExitPopup from '../molecules/exit-popup';
-import AbhaErrorBottomSheet from '../organisms/abha/error-bottom-sheet';
-import useAuthAbhaStore from '../stores/auth-abha-store';
-import { SCREEN_NAMES } from '../stores/auth-abha-store/types';
-import { handleSendEvent } from '@elixir/utils';
-import { GET_EXTRA_HEADERS } from 'apis';
-
-const SelectEkaProfileScreen = () => {
-  const setScreen = useAuthAbhaStore((state) => state.setScreen);
-  const setEkaProfileInfo = useAuthAbhaStore((state) => state.setEkaProfileInfo);
-  const registrationType = useAuthAbhaStore((state) => state.registrationType);
-  const goBackLoginScreen = useAuthAbhaStore((state) => state.goBackLoginScreen);
-  const [selectedProfileOid, setSelectedProfileOid] = useState<string | null>(null);
-  const setBottomsheetErrorInfo = useAuthAbhaStore((state) => state.setBottomsheetErrorInfo);
-  const clearAbhaAuthStore = useAuthAbhaStore((state) => state.clearAbhaAuthStore);
-  const [isLoading, setIsLoading] = useState<LOADING_STATE>(LOADING_STATE.IDLE);
-  const [isExitPopupOpen, setIsExitPopupOpen] = useState<boolean>(false);
-  const [error, setError] = useState<string | null>(null);
-  const dummyEkaProfiles: TProfileRecord[] = [
-    {
-      oid: '1',
-      fln: 'Eka Profile 1',
-      dob: '1990-01-01',
-      gen: 'M',
-      fn: 'Eka',
-      ln: 'Profile 1',
-      at: 'eka',
-    },
-    {
-      oid: '2',
-      fln: 'Eka Profile 2',
-      dob: '1992-02-02',
-      gen: 'F',
-      fn: 'Eka',
-      ln: 'Profile 2',
-      at: 'eka',
-    },
-    {
-      oid: '3',
-      fln: 'Eka Profile 3',
-      dob: '1994-03-03',
-      gen: 'M',
-      fn: 'Eka',
-      ln: 'Profile 3',
-      at: 'eka',
-    },
-    {
-      oid: '4',
-      fln: 'Eka Profile 4',
-      dob: '1996-04-04',
-      gen: 'F',
-      fn: 'Eka',
-      ln: 'Profile 4',
-      at: 'eka',
-    },
-  ];
-  const selectedAbhaAddress = useAuthAbhaStore((state) => state.selectedAbhaAddress);
-  const aadhaarVerificationSkipStateStatus = useAuthAbhaStore(
-    (state) => state.aadhaarVerificationSkipStateStatus
-  );
-
-  const { mutateAsync: postProfileSwitchMutate } = usePostProfileSwitch();
-  const profilesPhrResponse = queryClient.getQueryData<TGetProfilePhrUserResponse>([
-    'profilesPhrUserResponse',
-  ]);
-
-  const clientId = useAuthAbhaStore((state) => state.clientId);
-  const isEkaAppLogin = useAuthAbhaStore((state) => state.isEkaAppLogin);
-  const isNewLoginOrCreateFlow = useAuthAbhaStore((state) => state.isNewLoginOrCreateFlow);
-  const txnId = useAuthAbhaStore((state) => state.txnId);
-  const extra_headers = GET_EXTRA_HEADERS();
-  const selectedMethod = useAuthAbhaStore((state) => state.abhaAuthFlowMethod);
-
-  // Analytics event tracker
-  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: extra_headers?.['X-User-ID'] ? 'true' : 'false',
-      access_token: extra_headers?.['auth'] ? 'true' : 'false',
-      flow: selectedMethod ?? ""
-    };
-
-    const eventData = {
-      ...baseProps,
-      ...data,
-    };
-
-    handleSendEvent({
-      eventName: name,
-      eventData,
-    });
-
-    window.curio?.pushToMixpanel?.(name, eventData);
-  };
-
-  useEffect(() => {
-    // Track page view event when component mounts or clientId changes
-    trackAbhaEvent({
-      name: 'choose_eka_profile_screen',
-      data: {
-        platform: clientId,
-        type: 'select',
-      },
-    });
-  }, [clientId]);
-
-  /**
-   * Handler for clicking on "Create Family Profile" button.
-   * Tracks user intent and navigates to the appropriate screen based on ABHA skip state.
-   */
-  const handleCreateFamilyClick = () => {
-    // Track the click on create family profile button with skip state info
-    trackAbhaEvent({
-      name: 'create_family_profile_clicks',
-      data: {
-        platform: clientId,
-        type: 'create',
-        skip_state: aadhaarVerificationSkipStateStatus,
-      },
-    });
-
-    // Conditional navigation based on ABHA skip state
-    if (aadhaarVerificationSkipStateStatus === ABHA_V3_SKIP_STATES.ABHA_END) {
-      // User has completed ABHA verification, navigate to PHR Eka profile creation
-      trackAbhaEvent({
-        name: 'navigate_to_create_phr_profile_screen',
-        data: {
-          platform: clientId,
-        },
-      });
-      setScreen(SCREEN_NAMES.CREATE_PHR_EKA_PROFILE);
-      return;
-    }
-    // Otherwise, navigate to standard Eka profile creation screen
-    trackAbhaEvent({
-      name: 'navigate_to_create_eka_profile_screen',
-      data: {
-        platform: clientId,
-      },
-    });
-    setScreen(SCREEN_NAMES.CREATE_EKA_PROFILE);
-  };
-
-  /**
-   * Handler when the user selects an existing profile from the list.
-   * Tracks the selected profile's OID.
-   */
-  const handleSelectProfile = async ({ profile }: { profile: TProfileRecord }) => {
-    // Track profile selection event with profile OID and platform info
-    trackAbhaEvent({
-      name: 'select_profile_clicks',
-      data: {
-        platform: clientId,
-        oid: profile.oid,
-      },
-    });
-    setSelectedProfileOid(profile.oid);
-  };
-
-  /**
-   * Handler for the Continue button click after selecting a profile.
-   * Handles profile creation, linking, and switching with detailed event tracking.
-   */
-  const handleContinueClick = async () => {
-    // Track continue click event with selected profile and registration context
-    trackAbhaEvent({
-      name: 'continue_click_on_choose_eka_profile',
-      data: {
-        platform: clientId,
-        selectedProfileOid,
-        registrationType,
-        skip_state: aadhaarVerificationSkipStateStatus,
-      },
-    });
-    // If ABHA skip state requires profile creation flow, prepare profile info and navigate
-    if (
-      selectedProfileOid &&
-      aadhaarVerificationSkipStateStatus === ABHA_V3_SKIP_STATES.ABHA_CREATE
-    ) {
-      // Find profile details in response by OID
-      const profileToStore = profilesPhrResponse?.profiles.find(
-        (profile) => profile.oid === selectedProfileOid
-      );
-      // Track missing profile case and abort if profile not found
-      if (!profileToStore) {
-        trackAbhaEvent({
-          name: 'continue_click_profile_not_found',
-          data: {
-            platform: clientId,
-            oid: selectedProfileOid || 'unknown_oid',
-            oid_exists: !!selectedProfileOid,
-          },
-        });
-        return;
-      }
-      // Track navigation intent to create Eka profile screen from ABHA create flow
-      trackAbhaEvent({
-        name: 'navigate_to_create_eka_profile_screen_from_abha_create',
-        data: {
-          platform: clientId,
-          oid: profileToStore.oid,
-        },
-      });
-      // Set Eka profile info state for further steps
-      setEkaProfileInfo({
-        oid: profileToStore.oid,
-        date_of_birth: profileToStore.dob as string,
-        firstname: profileToStore.fn,
-        lastname: profileToStore.ln as string,
-        pincode: '',
-        gender: profileToStore.gen as string,
-        mobile: profileToStore.mobile as string,
-        name: profileToStore.fln as string,
-        middlename: profileToStore.mn as string,
-        abha_address: profileToStore?.['health-ids']?.[0],
-        abha_number: profileToStore.abha_number,
-      });
-      // Navigate to profile creation screen
-      setScreen(SCREEN_NAMES.CREATE_EKA_PROFILE);
-      return;
-    }
-    // If essential inputs missing, track and abort early
-    if (!selectedAbhaAddress || !selectedProfileOid) {
-      trackAbhaEvent({
-        name: 'continue_click_missing_profile_or_abha',
-        data: {
-          platform: clientId,
-          oid: selectedProfileOid || 'missing_oid',
-          oid_exists: !!selectedProfileOid,
-        },
-      });
-      return;
-    }
-    // Track the start of linking ABHA address to selected profile
-    trackAbhaEvent({
-      name: 'linking_abha_to_profile_start',
-      data: {
-        platform: clientId,
-        oid: selectedProfileOid || 'missing_oid',
-        oid_exists: !!selectedProfileOid,
-      },
-    });
-
-    setIsLoading(LOADING_STATE.LOADING);
-
-    // Attempt linking the ABHA profile
-    const {
-      error: linkPhrError,
-      action: errorAction,
-      eka,
-    } = await postAbdmProfileEkaLinkPhr({
-      abha_address: selectedAbhaAddress,
-      oid: selectedProfileOid,
-    });
-
-    // Handle any error action returned by the API and track it
-    if (errorAction) {
-      trackAbhaEvent({
-        name: 'linking_abha_to_profile_error_action',
-        data: {
-          platform: clientId,
-          oid: selectedProfileOid || 'missing_oid',
-          oid_exists: !!selectedProfileOid,
-        },
-      });
-      setBottomsheetErrorInfo(errorAction);
-      return;
-    }
-
-    // Handle linking errors or missing eka data, track failure event
-    if (linkPhrError || !eka || !eka.oid) {
-      trackAbhaEvent({
-        name: 'linking_abha_to_profile_failed',
-        data: {
-          platform: clientId,
-          oid: selectedProfileOid || 'missing_oid',
-          oid_exists: !!selectedProfileOid,
-          error: linkPhrError || 'No EKA/OID',
-          error_exists: !!linkPhrError,
-        },
-      });
-
-      setIsLoading(LOADING_STATE.REJECTED);
-      setError(linkPhrError || 'Something went wrong. Please try again.');
-      return;
-    }
-
-    // Attempt to switch profile after successful linking
-    const profileSwitchResponse = await postProfileSwitchMutate({
-      oid: eka.oid,
-    });
-
-    // Track failure if profile switch errors out
-    if (profileSwitchResponse.error) {
-      trackAbhaEvent({
-        name: 'profile_switch_failed_after_link',
-        data: {
-          platform: clientId,
-          oid: eka?.oid || 'missing_oid',
-          oid_exists: !!eka?.oid,
-          error: profileSwitchResponse.error?.message || 'unknown_error',
-          error_exists: !!profileSwitchResponse.error?.message,
-        },
-      });
-      setIsLoading(LOADING_STATE.REJECTED);
-      setError(profileSwitchResponse.error?.message || 'Something went wrong, please try again');
-      return;
-    }
-
-    // Track success of linking and profile switch
-    trackAbhaEvent({
-      name: 'linking_abha_to_profile_success',
-      data: {
-        platform: clientId,
-        oid: eka.oid,
-      },
-    });
-
-    // Mark loading as resolved to allow next steps
-    setIsLoading(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-screen pds2-flex pds2-flex-col pds2-bg-bg-01">
-      <Pds2Header
-        title="Select Eka Profile"
-        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"
-      />
-
-      {/* Main content */}
-      <div className="pds2-flex-1 pds2-flex pds2-flex-col pds2-relative">
-        {/* Scrollable section constrained to avoid covering sticky button */}
-        <div className="pds2-flex-1 pds2-overflow-y-auto pds2-px-16 pds2-pt-24 pds2-pb-32">
-          <div className="pds2-space-y-16 pds2-flex pds2-flex-col pds2-items-center pds2-text-center">
-            <img
-              src="https://cdn.eka.care/vagus/cm6agrs5000090tfwfz984x5b.webp"
-              alt="Link ABHA"
-              className="pds2-w-163"
-            />
-            <div className="pds2-space-y-4">
-              <div className="pds2-text-text-01 Heading3Semibold">Choose an Eka Profile</div>
-              <span className="Body1Regular pds2-text-text-03">
-                Select the person for whom you want to create an ABHA address.
-              </span>
-            </div>
-          </div>
-          <div className="pds2-w-full pds2-flex pds2-flex-col pds2-justify-center pds2-space-y-12 pds2-mt-24">
-            <div className="pds2-text-text-03 Body2Medium pds2-text-center">Select Eka Profile</div>
-
-            <div className="pds2-space-y-8">
-              {profilesPhrResponse?.profiles?.map((profile) => {
-                const isSelected = selectedProfileOid === profile.oid;
-                return (
-                  <label
-                    key={profile.oid}
-                    className="pds2-flex pds2-items-center pds2-gap-x-8 pds2-cursor-pointer pds2-p-16 pds2-rounded-16 pds2-bg-bg-white pds2-border
-                     pds2-border-border-03 hover:pds2-bg-bg-hover-01
-                     pds2-transition-colors"
-                  >
-                    <input
-                      type="radio"
-                      name="ekaProfile"
-                      value={profile.oid}
-                      checked={isSelected}
-                      onChange={() => handleSelectProfile({ profile })}
-                      className="pds2-self-start pds2-mt-4 pds2-w-14 pds2-h-14"
-                    />
-                    <div className="pds2-flex pds2-flex-row pds2-items-center pds2-gap-x-8 pds2-flex-1">
-                      <div className="TitlesSubheadline pds2-text-text-primary">{profile.fln}</div>
-                      <span className="pds2-ml-auto pds2-text-text-brand pds2-text-14 pds2-font-600">
-                        Link
-                      </span>
-                    </div>
-                  </label>
-                );
-              })}
-            </div>
-
-            {/* Create new family member option - Now properly at the end of all profiles */}
-            <TextSeparator title="or" />
-            <Pds2CustomButton
-              title="Create new Family Member"
-              prefixIcon={<PlusRegularIcon />}
-              className="pds2-justify-center pds2-text-text-brand pds2-border-bg-fab-bg-brand-04 Body1Semibold"
-              onClick={handleCreateFamilyClick}
-            />
-          </div>
-        </div>
-
-        {/* Sticky bottom button */}
-        <div className="pds2-sticky pds2-bottom-0 pds2-left-0 pds2-right-0 pds2-bg-bg-white pds2-shadow-lg pds2-p-16">
-          {error && <div className="pds2-text-text-error pds2-text-center pds2-mb-8">{error}</div>}
-          <Pds2Button
-            title="Continue"
-            state={selectedProfileOid === null || isLoading === LOADING_STATE.LOADING ? 'disabled' : 'enabled'}
-            isLoading={isLoading === LOADING_STATE.LOADING}
-            className="pds2-w-full"
-            onClick={handleContinueClick}
-          />
-        </div>
-      </div>
-
-      <AbhaErrorBottomSheet onSubmitClick={handleErrorBottomsheetButtonClick} />
-      <ExitPopup open={isExitPopupOpen} setOpen={setIsExitPopupOpen} />
-    </div>
-  );
-};
-
-export default SelectEkaProfileScreen;

package/src/routes/utils/trackAbhaEvent.ts

@@ -1,41 +0,0 @@
-import { handleSendEvent } from '@elixir/utils';
-import { GET_EXTRA_HEADERS } from 'apis/src/constants/env';
-import useAuthAbhaStore from '../../stores/auth-abha-store';
-
-type TrackAbhaEventParams = {
-  name: string;
-  data?: Record<string, any>;
-};
-
-export const useTrackAbhaEvent = () => {
-  const isNewLoginOrCreateFlow = useAuthAbhaStore((state) => state.isNewLoginOrCreateFlow);
-  const isEkaAppLogin = useAuthAbhaStore((state) => state.isEkaAppLogin);
-  const clientId = useAuthAbhaStore((state) => state.clientId);
-
-  return ({ name, data = {} }: TrackAbhaEventParams) => {
-    const extraHeaders: Record<string, string> | null = GET_EXTRA_HEADERS();
-
-    const authToken = extraHeaders?.['auth'] || '';
-    const xId = extraHeaders?.['X-User-ID'] || '';
-
-    const baseProps = {
-      auth: authToken || 'missing authToken',
-      x_id: xId || 'missing xId',
-      login_platform: clientId,
-      is_eka_app_login: isEkaAppLogin ? 'true' : 'false',
-      is_new_login_or_create_flow: isNewLoginOrCreateFlow ? 'true' : 'false',
-    };
-
-    const eventData = {
-      ...baseProps,
-      ...data,
-    };
-
-    // Analytics calls
-    window.curio?.pushToMixpanel?.(name, eventData);
-    handleSendEvent?.({
-      eventName: name,
-      eventData,
-    });
-  };
-};

package/src/stores/auth-abha-store/index.ts

@@ -1,138 +0,0 @@
-import { ABHA_AUTH_FLOW_METHOD } from '@elixir/types';
-import { create } from 'zustand';
-import { SCREEN_NAMES, TAbhaAuthStore, TAbhaAuthStoreInitValues } from './types';
-
-const storeInitState: TAbhaAuthStoreInitValues = {
-  screen: [SCREEN_NAMES.LOGIN_WITH_ABHA],
-  authTxnId: null,
-  txnId: null,
-  aadhaarOtpSentToHint: null,
-  mobileOtpSentToHint: null,
-  aadhaarVerificationSkipStateStatus: null,
-  ekaSmallToken: null,
-  bottomsheetErrorInfo: null,
-  abhaAddressList: null,
-  loginIdentifierValue: null,
-  abhaAuthFlowMethod: null,
-  selectedAbhaAddress: null,
-  ekaProfileInfo: null,
-  registrationType: null,
-  initAbhaAppMethod: 'login_or_create_abha',
-  initAbhaAppMobileNumber: null,
-  isEkaAppLogin: false,
-  isDocAppRequest: false,
-  // this is when user has try login then we no abha error, then show bottomsheet and redirect to create with aadhaar screen,
-  isLoggedInFromRedirect: false,
-  clientId: '',
-  oid: '',
-  isApiTriggered: false,
-  isNewLoginOrCreateFlow: false,
-  selectedAbhaFlow: '',
-  isInitApiTriggered: false,
-  identityValue : '',
-};
-
-const useAuthAbhaStore = create<TAbhaAuthStore>((set, get) => ({
-  screen: [SCREEN_NAMES.LOGIN_WITH_ABHA],
-  setScreen: (screen) => set((state) => ({ screen: [...state.screen, screen] })),
-  goBackScreen: () => {
-    const { screen } = get();
-    if (screen.length === 0) return null;
-    set({ screen: screen.slice(0, -1) });
-    return;
-  },
-
-  goBackLoginScreen: () => {
-    const { isNewLoginOrCreateFlow } = get();
-    const targetScreen = isNewLoginOrCreateFlow
-      ? SCREEN_NAMES.LOGIN_OR_CREATE_ABHA
-      : SCREEN_NAMES.LOGIN_WITH_ABHA;
-
-    set({ screen: [targetScreen] });
-  },
-
-  setUrlParams: (urlParams) => set({ urlParams }),
-
-  authTxnId: null,
-
-  txnId: null,
-  setTxnId: (txnId) => set({ txnId }),
-
-  aadhaarOtpSentToHint: null,
-
-  setAadhaarInitResponse: (params) => set(params),
-
-  mobileOtpSentToHint: null,
-
-  setMobileInitResponse: (params) => set(params),
-
-  registrationType: null,
-  setRegistrationType: (val) => set({ registrationType: val }),
-
-  aadhaarVerificationSkipStateStatus: null,
-  setAadhaarVerificationSkipStateStatus: (status) =>
-    set({ aadhaarVerificationSkipStateStatus: status }),
-
-  bottomsheetErrorInfo: null,
-  setBottomsheetErrorInfo: (info) => set({ bottomsheetErrorInfo: info }),
-
-  ekaSmallToken: null,
-  setEkaSmallToken: (token) => set({ ekaSmallToken: token }),
-
-  abhaAddressList: null,
-  setAbhaAddressList: (info) => set({ abhaAddressList: info }),
-
-  loginIdentifierValue: null,
-  setLoginIdentifierValue: (val) => set({ loginIdentifierValue: val }),
-
-  abhaAuthFlowMethod: ABHA_AUTH_FLOW_METHOD.ABHA_NUMBER,
-  setAbhaAuthFlowMethod: (val) => set({ abhaAuthFlowMethod: val }),
-
-  selectedAbhaAddress: null,
-  setSelectedAbhaAddress: (val) => set({ selectedAbhaAddress: val }),
-
-  ekaProfileInfo: null,
-  setEkaProfileInfo: (info) => set({ ekaProfileInfo: info }),
-
-  initAbhaAppMethod: 'login_or_create_abha',
-  setInitAbhaAppMethod: (method) => set({ initAbhaAppMethod: method }),
-
-  initAbhaAppMobileNumber: null,
-  setInitAbhaAppMobileNumber: (val) => set({ initAbhaAppMobileNumber: val }),
-
-  isEkaAppLogin: false,
-  setIsEkaAppLogin: (val) => set({ isEkaAppLogin: val }),
-
-  isDocAppRequest: false,
-  setIsDocAppRequest: (val) => set({ isDocAppRequest: val }),
-
-  setInitState: (initState) => set(initState),
-
-  isLoggedInFromRedirect: false,
-  setIsLoggedInFromRedirect: (val) => set({ isLoggedInFromRedirect: val }),
-
-  clientId: '',
-  setClientId: (val) => set({ clientId: val }),
-
-  isApiTriggered: false,
-  setIsApiTriggered: (val) => set({ isApiTriggered: val }),
-
-  oid: '',
-  setOid: (val) => set({ oid: val }),
-
-  isNewLoginOrCreateFlow: false,
-  setIsNewLoginOrCreateFlow: (val) => set({ isNewLoginOrCreateFlow: val }),
-
-  selectedAbhaFlow: '',
-  setSelectedAbhaFlow: (val) => set({ selectedAbhaFlow: val }),
-
-  isInitApiTriggered: false,
-  setIsInitApiTriggered: (val) => set({ isInitApiTriggered: val }),
-
-  identityValue : '',
-  setIdentityValue: (val) => set({ identityValue: val }),
-
-  clearAbhaAuthStore: () => set(storeInitState),
-}));
-
-export default useAuthAbhaStore;