import { useState } from 'react'

const MYBRING_OPENED = 'posten-bring-checkout-mybring-opened'

const wasOpened = (): boolean => {
  try {
    return window.localStorage.getItem(MYBRING_OPENED) === 'yes'
  } catch {
    return false
  }
}

const rememberOpened = () => {
  try {
    window.localStorage.setItem(MYBRING_OPENED, 'yes')
  } catch {
    // Without storage the step only shows as done until the page is left
  }
}

const useMybringOpened = (): [boolean, () => void] => {
  const [opened, setOpened] = useState<boolean>(wasOpened)

  const markOpened = () => {
    setOpened(true)
    rememberOpened()
  }

  return [opened, markOpened]
}

export default useMybringOpened