chore: cleaning up select-rate

providers/RatesProvider.tsx

@@ -0,0 +1,52 @@
+"use client"
+import { usePathname, useSearchParams } from "next/navigation"
+import { useRef } from "react"
+import { useIntl } from "react-intl"
+
+import { createRatesStore } from "@/stores/select-rate"
+
+import { RatesContext } from "@/contexts/Rates"
+
+import type { RatesStore } from "@/types/contexts/rates"
+import type { RatesProviderProps } from "@/types/providers/rates"
+
+export default function RatesProvider({
+  booking,
+  children,
+  hotelType,
+  isUserLoggedIn,
+  packages,
+  roomCategories,
+  roomsAvailability,
+  vat,
+}: RatesProviderProps) {
+  const storeRef = useRef<RatesStore>()
+  const pathname = usePathname()
+  const searchParams = useSearchParams()
+  const intl = useIntl()
+
+  if (!storeRef.current) {
+    storeRef.current = createRatesStore({
+      booking,
+      hotelType,
+      isUserLoggedIn,
+      labels: {
+        accessibilityRoom: intl.formatMessage({ id: "Accessible room" }),
+        allergyRoom: intl.formatMessage({ id: "Allergy-friendly room" }),
+        petRoom: intl.formatMessage({ id: "Pet room" }),
+      },
+      packages: packages ?? [],
+      pathname,
+      roomCategories,
+      roomsAvailability,
+      searchParams,
+      vat,
+    })
+  }
+
+  return (
+    <RatesContext.Provider value={storeRef.current}>
+      {children}
+    </RatesContext.Provider>
+  )
+}