/*
 * Copyright (c) 2022 R3BL LLC. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */

import TextInput from "ink-text-input"
import _ from "lodash"
import React, { FC } from "react"
import { _callIfSome } from "../lang-utils"
import { _callIfTrue } from "../lang-utils/expression-lang-utils"
import { StateHook, useStateSafely } from "../tui-core"
import { KeyboardInputHandlerFn, KeypressOption, useKeyboard } from "../tui-node-keyboard"

const DEBUG = false

interface Props {
  placeholderBeforeSubmit: string
  placeholderAfterSubmit: string
  defaultValue: boolean // https://stackoverflow.com/a/60817451/2085356
  onSubmit: (answer: boolean) => void
}

export const ConfirmInput: FC<Props> =
  ({ defaultValue, onSubmit, placeholderBeforeSubmit, placeholderAfterSubmit }) => {
    const [ value, setValue ]: StateHook<string> = useStateSafely("").asArray()
    const [ showCursor, setShowCursor ]: StateHook<boolean> = useStateSafely(true).asArray()

    // Equivalent code via useInput:
    // const onKeyFn = (_input: string, key: Key) => {
    //   if (key.backspace || key.delete) setValue("")
    //   DEBUG && console.log("ConfirmInput ... keypress detected")
    // }
    // useInput(onKeyFn, { isActive: showCursor })

    // Equivalent code via useKeypress:
    const onKeypressFn: KeyboardInputHandlerFn = (input: KeypressOption) => {
      _callIfSome(input, input => {
        _callIfTrue(
          _.includes([ "backspace", "delete" ], input.toString()),
          () => {
            setValue("")
            DEBUG && console.log("ConfirmInput ... keypress detected")
          }
        )
      })
    }
    useKeyboard(onKeypressFn, { isActive: showCursor })

    // Equivalent code via useNodeKeypress:
    // const onNodeKeypressFn: HandleNodeKeypressFn = (input: string, key: ReadlineKey) => {
    //   onKeypressFn(createFromKeypress(key, input))
    // }
    // useNodeKeypress(onNodeKeypressFn, { isActive: showCursor })

    const onSubmitHandler = (userInput: string) => {
      onSubmit(userInput ? userInput === "y" : defaultValue)
      setValue("")
      setShowCursor(false)
    }

    const onChangeHandler = (userInput: string) => {
      if (userInput.toLowerCase() === "y" || userInput.toLowerCase() === "n") setValue(userInput)
    }

    return (
      <TextInput
        focus={showCursor}
        showCursor={showCursor}
        placeholder={showCursor ? placeholderBeforeSubmit : placeholderAfterSubmit}
        value={value}
        onChange={onChangeHandler}
        onSubmit={onSubmitHandler}
      />
    )
  }