boursecu_user/src/views/base/home/composables/useHomePage.ts

import { computed, h, inject, onUnmounted, provide, ref, type InjectionKey } from 'vue'
import router from '@/router'
import { getToken, removeToken } from '@/utils'
import { useUserStore } from '@/store/userStore'
import { useWalletStore } from '@/store/walletStore'
import { useWalletAssets } from '@/composables/useWalletAssets'
import type { WalletMetalTotal } from '@/models/walletAssets'
import {
  formatBoursecuMetalModalText,
  formatMetalAssetsInfoText,
  formatRialAssetsInfoText,
  resolveAssetsRialValue,
} from '@/utils/productAssets'
import { useConfigStore } from '@/store/configStore'
import { useSettingsStore } from '@/store/settingsStore'
import { getTradeBuyPrice, lastPrice, stopLastPricePolling } from '@/utils/price'
import { getStoreClosedMessage, isStoreClosed } from '@/utils/storeHours'
import { message, Modal } from 'ant-design-vue'
import { getReferralShareText, getReferralShareTitle, shareReferralText } from '@/utils/referralShare'
import { useBanners } from './useBanners'
import { usePriceChart, type ChartMetalType } from './usePriceChart'
import type { HomeActionItem } from '../layouts/types'
import { getHomeLayoutId } from '../layouts/registry'
import { initHomePageData, resetHomePageData, useHomePageLoading } from './useHomePageData'
import { ensureAuthenticatedRoute } from '@/app/setupRouter'
import { resetWalletPageData } from '../../wallet/composables/useWalletPageData'
import { resetAddressPageData } from '../../address/composables/useAddressPageData'
import { resetTransactionsPageData } from '../../transactions/composables/useTransactionsPageData'
import { resetProductsPageData } from '../../products/composables/useProductsPageData'

export interface HomePageContext {
  homePageLoading: ReturnType<typeof useHomePageLoading>['homePageLoading']
  isGaroosi: ReturnType<typeof computed<boolean>>
  bannerEnabled: ReturnType<typeof computed<boolean>>
  limitedPrice: ReturnType<typeof computed>
  showClosedMessage: ReturnType<typeof computed<boolean>>
  closedMessage: ReturnType<typeof computed>
  mainActions: ReturnType<typeof computed<HomeActionItem[]>>
  banners: ReturnType<typeof useBanners>['banners']
  priceChartSeries: ReturnType<typeof usePriceChart>['priceChartSeries']
  chartSelection: ReturnType<typeof usePriceChart>['chartSelection']
  updateChartData: ReturnType<typeof usePriceChart>['updateChartData']
  selectedChartMetal: ReturnType<typeof usePriceChart>['selectedChartMetal']
  setChartMetal: (metal: ChartMetalType) => void
  isBoursecuHomeLayout: ReturnType<typeof computed<boolean>>
  handleBannerClick: (banner: { typeClick?: string; modalText?: string; link?: string }) => void
  openGoldModal: (
    metal: WalletMetalTotal,
    modalText?: string,
    modalTitle?: string,
    modalContent?: string
  ) => void
  openRialModal: () => void
}

export const HOME_PAGE_CONTEXT_KEY: InjectionKey<HomePageContext> = Symbol('homePageContext')

export function useHomePage() {
  const userStore = useUserStore()
  const walletStore = useWalletStore()
  const configStore = useConfigStore()
  const settingsStore = useSettingsStore()
  const { assetsSummary, clearWalletAssets } = useWalletAssets()

  const showLogoutConfirm = ref(false)
  const wholeBalanceVisible = ref(false)
  const showTextBanner = ref(false)
  const showShare = ref(false)
  const TextBanner = ref('')

  const { banners } = useBanners()
  const { homePageLoading } = useHomePageLoading()
  const {
    updateChartData,
    priceChartSeries,
    chartSelection,
    selectedChartMetal,
    setChartMetal,
  } = usePriceChart()
  const isBoursecuHomeLayout = computed(() => getHomeLayoutId() === 'boursecu')

  const isGaroosi = computed(() => configStore.config?.name === 'garoosi')
  const bannerEnabled = computed(() => settingsStore.isSettingTruthy('banner_enabled'))
  const closedMessage = computed(() => userStore.getValueByKey('closed_message'))
  const marketClosedText = computed(() => {
    if (!isStoreClosed()) return ''
    return closedMessage.value || getStoreClosedMessage()
  })
  const showClosedMessage = computed(() => !!marketClosedText.value)
  const limitedPrice = computed(() => walletStore.limitedPrice?.[0])
  const goldVal = computed(() => lastPrice.value?.price_last ?? 1)

  const mainActions = computed<HomeActionItem[]>(() => [
    {
      name: 'buySell',
      icon: 'vuesax-linear:money-receive',
      label: 'خرید و فروش',
      handler: () => router.push({ name: 'buyProduct' }),
    },
    {
      name: 'deposit',
      icon: 'vuesax-linear:card-add',
      label: isGaroosi.value ? 'واریز و برداشت' : 'واریز نقدی',
      handler: () => router.push({ name: 'wallet', query: { state: 'deposit' } }),
    },
    {
      name: 'balance',
      icon: 'vuesax-linear:receipt-item',
      label: 'موجودی',
      handler: () => {
        wholeBalanceVisible.value = true
      },
    },
    {
      name: 'assets',
      icon: 'vuesax-linear:cup',
      label: isGaroosi.value ? 'دعوت از دوستان' : 'دارایی ها',
      handler: () => (isGaroosi.value ? shareCode() : router.push({ name: 'fund' })),
    },
  ])

  async function shareCode() {
    const text = getReferralShareText({
      userName: userStore.userInfo?.name,
      projectName: configStore.config.name,
      referralId: userStore.userInfo?.referral_id,
    })

    await shareReferralText(text, getReferralShareTitle(configStore.config.name))
  }

  function copyCode() {
    const code = userStore.userInfo?.referral_id
    if (code) {
      navigator.clipboard.writeText(code)
      message.info('کد رونوشت شد')
    }
  }

  async function logout() {
    userStore.userInfo = undefined
    walletStore.walletInfo = undefined
    clearWalletAssets()
    resetHomePageData()
    resetWalletPageData()
    resetAddressPageData()
    resetTransactionsPageData()
    resetProductsPageData()
    removeToken()
    await router.push({ name: 'login' })
    window.location.reload()
  }

  function renderModalLines(text?: string) {
    if (!text) {
      return undefined
    }

    return h(
      'div',
      { style: { lineHeight: '1.9' } },
      text.split('\n').map((line, index) =>
        h(
          'div',
          { key: index, style: index > 0 ? { marginTop: '6px' } : undefined },
          line
        )
      )
    )
  }

  function openGoldModal(
    metal: WalletMetalTotal,
    modalText?: string,
    modalTitle?: string,
    modalContent?: string
  ) {
    const title =
      modalTitle ??
      modalText ??
      (isBoursecuHomeLayout.value
        ? formatBoursecuMetalModalText(metal)
        : formatMetalAssetsInfoText(metal))

    Modal.confirm({
      title,
      content: renderModalLines(modalContent),
      okText: 'متوجه شدم',
      centered: true,
      cancelButtonProps: { style: { display: 'none' } },
    })
  }

  function openRialModal() {
    const summary = assetsSummary.value
    const cash = summary?.cash_wallet ?? 0
    const metalRial = resolveAssetsRialValue(summary, getTradeBuyPrice(lastPrice.value))
    Modal.confirm({
      title: 'دارایی ریالی',
      content: renderModalLines(formatRialAssetsInfoText(cash, metalRial)),
      okText: 'متوجه شدم',
      centered: true,
      cancelButtonProps: { style: { display: 'none' } },
    })
  }

  function handleBannerClick(banner: { typeClick?: string; modalText?: string; link?: string }) {
    const handlers: Record<string, () => void> = {
      share: () => {
        showShare.value = true
      },
      modal: () => {
        if (banner.modalText) {
          TextBanner.value = banner.modalText
          showTextBanner.value = true
        }
      },
      link: () => {
        if (banner.link) {
          if (banner.link.startsWith('http')) {
            window.open(banner.link, '_blank')
          } else {
            router.push(banner.link)
          }
        }
      },
    }
    handlers[banner.typeClick ?? '']?.()
  }

  const context: HomePageContext = {
    homePageLoading,
    isGaroosi,
    bannerEnabled,
    limitedPrice,
    showClosedMessage,
    closedMessage: marketClosedText,
    mainActions,
    banners,
    priceChartSeries,
    chartSelection,
    updateChartData,
    selectedChartMetal,
    setChartMetal,
    isBoursecuHomeLayout,
    handleBannerClick,
    openGoldModal,
    openRialModal,
  }

  provide(HOME_PAGE_CONTEXT_KEY, context)

  void ensureHomeUserAndData()

  onUnmounted(() => {
    stopLastPricePolling()
  })

  return {
    userStore,
    walletStore,
    showLogoutConfirm,
    wholeBalanceVisible,
    showTextBanner,
    showShare,
    TextBanner,
    goldVal,
    logout,
  }
}

export function useHomePageContext() {
  const context = inject(HOME_PAGE_CONTEXT_KEY)
  if (!context) {
    throw new Error('useHomePageContext must be used within useHomePage')
  }
  return context
}

async function ensureHomeUserAndData() {
  const authed = await ensureAuthenticatedRoute()
  if (!authed) {
    return
  }

  await initHomePageData()
}