import { computed } from 'vue'
import { useFormBuilder } from '@/stores/useFormBuilder'
import {
  DEFAULT_CURRENCY_CODE,
  type CurrencyCode,
  getCurrencySymbolForCode,
} from '@/constants/supportedCurrencies'

/**
 * Resolved payment currency for the form open in the builder (product/total previews).
 */
export function useFormPaymentCurrency() {
  const formBuilderStore = useFormBuilder()

  const currencyCode = computed<CurrencyCode>(() => {
    const raw = formBuilderStore.paymentSettings.currency
    return raw ?? DEFAULT_CURRENCY_CODE
  })

  const currencySymbol = computed(() => getCurrencySymbolForCode(currencyCode.value))

  return { currencyCode, currencySymbol }
}