web/packages/booking-flow/lib/stores/sidepeek.ts

import { create } from "zustand"

export enum SidePeekEnum {
  hotelDetails = "hotel-detail-side-peek",
  roomDetails = "room-detail-side-peek",
  bookedRoomDetails = "booked-room-detail-side-peek",
}

interface SidePeekState {
  activeSidePeek: SidePeekEnum | null
  hotelId: string | null
  roomTypeCode: string | null
  showCTA: boolean
  confirmationNumber: string
  openSidePeek: ({
    key,
    hotelId,
    roomTypeCode,
    showCTA,
    confirmationNumber,
  }: {
    key: SidePeekEnum | null
    hotelId: string
    roomTypeCode?: string
    showCTA?: boolean
    confirmationNumber?: string
  }) => void
  closeSidePeek: () => void
}

const useSidePeekStore = create<SidePeekState>((set) => ({
  activeSidePeek: null,
  hotelId: null,
  roomTypeCode: null,
  showCTA: true,
  user: null,
  confirmationNumber: "",
  openSidePeek: ({
    key,
    hotelId,
    roomTypeCode,
    showCTA,
    confirmationNumber,
  }) => {
    set({
      activeSidePeek: key,
      hotelId,
      roomTypeCode,
      showCTA,
      confirmationNumber,
    })
  },
  closeSidePeek: () =>
    set({
      activeSidePeek: null,
      hotelId: null,
      roomTypeCode: null,
      confirmationNumber: "",
    }),
}))

export default useSidePeekStore