refactor(pay): moving hooks to hooks folder

apps/pay/app/[username]/transaction/page.tsx

@@ -7,7 +7,7 @@ import { useSession } from "next-auth/react"
 
 import { useGetPaginatedTransactionsQuery, Transaction } from "@/lib/graphql/generated"
 import LoadingComponent from "@/components/loading"
-import { formatCreateAt, formatDate, formatTime } from "@/utils/date-util"
+import { formatCreateAt, formatDate, formatTime } from "@/lib/utils/date-util"
 import { sendDataToPosCompanion } from "@/app/print-companion-service"
 import useCheckInstalledApps from "@/hooks/use-check-installed-apps"
 

apps/pay/app/lnurlp/[username]/callback/route.ts

@@ -8,15 +8,15 @@ import { gql } from "@apollo/client"
 
 import Redis from "ioredis"
 
-import { env } from "../../../../env"
+import { env } from "@/env"
 import {
   AccountDefaultWalletDocument,
   AccountDefaultWalletQuery,
   LnInvoiceCreateOnBehalfOfRecipientDocument,
   LnInvoiceCreateOnBehalfOfRecipientMutation,
-} from "../../../../lib/graphql/generated"
-import { client } from "../graphql"
-import { getOriginalRequestInfo } from "../../../../utils/utils"
+} from "@/lib/graphql/generated"
+import { client } from "@/app/lnurlp/[username]/graphql"
+import { getOriginalRequestInfo } from "@/lib/utils"
 
 gql`
   mutation lnInvoiceCreateOnBehalfOfRecipient(

apps/pay/app/lnurlp/[username]/route.ts

@@ -1,16 +1,16 @@
 import { NextResponse } from "next/server"
 
-import { env } from "../../../env"
+import { env } from "@/env"
 import {
   AccountDefaultWalletDocument,
   AccountDefaultWalletQuery,
   RealtimePriceInitialDocument,
   RealtimePriceInitialQuery,
-} from "../../../lib/graphql/generated"
+} from "@/lib/graphql/generated"
 
-import { getOriginalRequestInfo } from "../../../utils/utils"
+import { getOriginalRequestInfo } from "@/lib/utils"
 
-import { client } from "./graphql"
+import { client } from "@/app/lnurlp/[username]/graphql"
 
 const COMMENT_SIZE = 2000 // 2000 characters max for GET
 

apps/pay/components/parse-pos-payment/index.tsx

@@ -5,21 +5,21 @@ import Image from "next/image"
 
 import CurrencyInput, { formatValue } from "react-currency-input-field"
 
-import { ACTION_TYPE, ACTIONS } from "../../app/reducer"
+import { ACTION_TYPE, ACTIONS } from "@/app/reducer"
 import {
   safeAmount,
   getLocaleConfig,
   extractSearchParams,
   parseDisplayCurrency,
-} from "../../utils/utils"
+} from "@/lib/utils"
 
-import { useDisplayCurrency } from "../../lib/use-display-currency"
+import { useDisplayCurrency } from "@/hooks/use-display-currency"
 
-import Memo from "../memo"
+import Memo from "@/components/memo"
 
-import DigitButton from "./digit-button"
-import styles from "./parse-payment.module.css"
-import ReceiveInvoice from "./receive-invoice"
+import DigitButton from "@/components/parse-pos-payment/digit-button"
+import styles from "@/components/parse-pos-payment/parse-payment.module.css"
+import ReceiveInvoice from "@/components/parse-pos-payment/receive-invoice"
 
 import { satCurrencyMetadata } from "@/app/sats-currency-metadata"
 import useDynamicFontSize from "@/hooks/use-dynamic-font-size"

apps/pay/components/parse-pos-payment/receive-invoice.tsx

@@ -9,22 +9,22 @@ import Tooltip from "react-bootstrap/Tooltip"
 import { QRCode } from "react-qrcode-logo"
 import { useScreenshot } from "use-react-screenshot"
 
-import { USD_INVOICE_EXPIRE_INTERVAL } from "../../config/config"
-import useCreateInvoice from "../../hooks/use-create-Invoice"
-import { LnInvoiceObject } from "../../lib/graphql/index.types"
-import useSatPrice from "../../lib/use-sat-price"
-import { ACTION_TYPE } from "../../app/reducer"
-import PaymentOutcome from "../payment-outcome"
-import { Share } from "../share"
+import { USD_INVOICE_EXPIRE_INTERVAL } from "@/config/config"
+import useCreateInvoice from "@/hooks/use-create-Invoice"
+import { LnInvoiceObject } from "@/lib/graphql/index.types"
+import useSatPrice from "@/hooks/use-sat-price"
+import { ACTION_TYPE } from "@/app/reducer"
+import PaymentOutcome from "@/components/payment-outcome"
+import { Share } from "@/components/share"
 
-import { extractSearchParams, safeAmount } from "../../utils/utils"
+import { extractSearchParams, safeAmount } from "@/lib/utils"
 
-import LoadingComponent from "../loading"
+import LoadingComponent from "@/components/loading"
 
-import styles from "./parse-payment.module.css"
-import NFCComponent from "./nfc"
+import styles from "@/components/parse-pos-payment/parse-payment.module.css"
+import NFCComponent from "@/components/parse-pos-payment/nfc"
 
-import useRealtimePrice from "@/lib/use-realtime-price"
+import useRealtimePrice from "@/hooks/use-realtime-price"
 
 interface Props {
   recipientWalletCurrency?: string

apps/pay/components/payment-outcome/index.tsx

@@ -14,7 +14,7 @@ import { useLnInvoicePaymentStatusSubscription } from "../../lib/graphql/generat
 import styles from "./payment-outcome.module.css"
 import Receipt from "./receipt"
 
-import { extractSearchParams } from "@/utils/utils"
+import { extractSearchParams } from "@/lib/utils"
 import { useInvoiceContext } from "@/context/invoice-context"
 import useCheckInstalledApps from "@/hooks/use-check-installed-apps"
 

apps/pay/components/payment-outcome/receipt.tsx

@@ -2,10 +2,10 @@
 import React from "react"
 import Image from "react-bootstrap/Image"
 
-import { formattedDate, formattedTime } from "../../utils/date-util"
+import GaloyIcon from "@/components/payment-outcome/galoy-icon"
+import styles from "@/components/payment-outcome/payment-outcome.module.css"
 
-import GaloyIcon from "./galoy-icon"
-import styles from "./payment-outcome.module.css"
+import { formattedDate, formattedTime } from "@/lib/utils/date-util"
 
 interface Props {
   amount: string | string[] | undefined

apps/pay/lib/use-display-currency.tsx → apps/pay/hooks/use-display-currency.tsx

@@ -1,7 +1,9 @@
 import { gql } from "@apollo/client"
-import { useCurrencyListQuery } from "./graphql/generated"
+
 import { useCallback, useMemo } from "react"
 
+import { useCurrencyListQuery } from "@/lib/graphql/generated"
+
 gql`
   query currencyList {
     currencyList {
@@ -52,10 +54,13 @@ export const useDisplayCurrency = () => {
 
   const displayCurrencyDictionary = useMemo(() => {
     const currencyList = dataCurrencyList?.currencyList || []
-    return currencyList.reduce((acc, currency) => {
-      acc[currency.id] = currency
-      return acc
-    }, {} as Record<string, typeof defaultDisplayCurrency>)
+    return currencyList.reduce(
+      (acc, currency) => {
+        acc[currency.id] = currency
+        return acc
+      },
+      {} as Record<string, typeof defaultDisplayCurrency>,
+    )
   }, [dataCurrencyList?.currencyList])
 
   const formatCurrency = useCallback(

apps/pay/lib/use-realtime-price.tsx → apps/pay/hooks/use-realtime-price.tsx

@@ -1,11 +1,12 @@
 import { gql, SubscriptionResult } from "@apollo/client"
 import * as React from "react"
+
 import {
   RealtimePriceWsSubscription,
   useRealtimePriceInitialQuery,
   useRealtimePriceWsSubscription,
-} from "../lib/graphql/generated"
-import { useDisplayCurrency } from "../lib/use-display-currency"
+} from "@/lib/graphql/generated"
+import { useDisplayCurrency } from "@/hooks/use-display-currency"
 
 gql`
   subscription realtimePriceWs($currency: DisplayCurrency!) {
@@ -47,7 +48,7 @@ gql`
 const useRealtimePrice = (
   currency: string,
   onSubscriptionDataCallback?: (
-    subscriptionData: SubscriptionResult<RealtimePriceWsSubscription, any>,
+    subscriptionData: SubscriptionResult<RealtimePriceWsSubscription, unknown>,
   ) => void,
 ) => {
   const priceRef = React.useRef<number>(0)