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

Jøkul react feedback component

"use strict";
var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropNames = Object.getOwnPropertyNames;
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));
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var useFollowup_exports = {};
__export(useFollowup_exports, {
  useFollowup: () => useFollowup
});
module.exports = __toCommonJS(useFollowup_exports);
var import_react = require("react");
const useFollowup = (questions, onSubmit) => {
  const [values, setValues] = (0, import_react.useState)();
  const [step, setStep] = (0, import_react.useState)({
    number: 0,
    question: questions[0],
    isLast: questions.length === 1
  });
  const [shouldSubmit, setShouldSubmit] = (0, import_react.useState)(false);
  const [submitted, setSubmitted] = (0, import_react.useState)(false);
  const [currentValue, setCurrentValue] = (0, import_react.useState)();
  const followupRef = (0, import_react.useRef)({
    values,
    submitted,
    onSubmit
  });
  (0, import_react.useEffect)(() => {
    followupRef.current = __spreadProps(__spreadValues({}, followupRef.current), {
      values,
      submitted
    });
  }, [values, submitted]);
  const _handleSubmit = (0, import_react.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);
  }
  (0, import_react.useEffect)(() => {
    if (shouldSubmit) {
      _handleSubmit();
      setSubmitted(true);
    }
  }, [shouldSubmit, _handleSubmit]);
  (0, import_react.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
  };
};
//# sourceMappingURL=useFollowup.js.map