@fremtind/jkl-feedback-react/build/esm/followup/useFollowup.js

Jøkul react feedback component

var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
import {
  useCallback,
  useEffect,
  useRef,
  useState
} from "react";
const useFollowup = (questions, onSubmit) => {
  const [values, setValues] = useState();
  const [step, setStep] = useState({
    number: 0,
    question: questions[0],
    isLast: questions.length === 1
  });
  const [shouldSubmit, setShouldSubmit] = useState(false);
  const [submitted, setSubmitted] = useState(false);
  const [currentValue, setCurrentValue] = useState();
  const followupRef = useRef({
    values,
    submitted,
    onSubmit
  });
  useEffect(() => {
    followupRef.current = __spreadProps(__spreadValues({}, followupRef.current), {
      values,
      submitted
    });
  }, [values, submitted]);
  const _handleSubmit = useCallback(() => {
    if (!followupRef.current.submitted && followupRef.current.values !== void 0) {
      followupRef.current.onSubmit(followupRef.current.values);
    }
  }, []);
  function handleNext(e) {
    e == null ? void 0 : e.preventDefault();
    const value = Array.isArray(currentValue) ? currentValue.map((option) => option.value.toString()) : currentValue == null ? void 0 : currentValue.value;
    const newValue = __spreadProps(__spreadValues({}, step.question), {
      name: step.question.name || step.question.label,
      value
    });
    setValues((oldValues) => {
      const filteredValues = (oldValues == null ? void 0 : oldValues.filter(
        (oldValue) => oldValue.name !== newValue.name
      )) || [];
      return [...filteredValues, newValue];
    });
    setCurrentValue(void 0);
    if (step.isLast) {
      setShouldSubmit(true);
    } else {
      setStep((currentStep) => {
        const newStepNum = currentStep.number + 1;
        return {
          number: newStepNum,
          question: questions[newStepNum],
          isLast: newStepNum + 1 >= questions.length
        };
      });
    }
  }
  function handleAbort() {
    setValues(void 0);
    setCurrentValue(void 0);
    setStep({
      number: 0,
      question: questions[0],
      isLast: questions.length === 1
    });
    setSubmitted(true);
  }
  useEffect(() => {
    if (shouldSubmit) {
      _handleSubmit();
      setSubmitted(true);
    }
  }, [shouldSubmit, _handleSubmit]);
  useEffect(() => {
    if (typeof window !== "undefined") {
      window.addEventListener("beforeunload", _handleSubmit);
    }
    return () => {
      _handleSubmit();
      window.removeEventListener("beforeunload", _handleSubmit);
    };
  }, [_handleSubmit]);
  return {
    questions,
    values,
    step,
    currentValue,
    setCurrentValue,
    submitted,
    handleNext,
    handleAbort
  };
};
export {
  useFollowup
};
//# sourceMappingURL=useFollowup.js.map