thm-p3-configurator 0.0.345 → 0.0.348

package/dist/src/shared/__components__/Error.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactLottie = _interopRequireDefault(require("react-lottie"));
+var _animation = _interopRequireDefault(require("../../../public/assets/lottie/animation"));
+var _helpers__ = require("../__helpers__");
+var _useBranchTheme = require("../__hooks__/useBranchTheme");
+var _NavigationButton = _interopRequireDefault(require("./Buttons/NavigationButton"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const animationOptions = {
+  loop: true,
+  autoplay: true,
+  animationData: _animation.default,
+  rendererSettings: {
+    preserveAspectRatio: 'xMidYMid slice'
+  }
+};
+const Error = () => {
+  const handleRedirectToWebsite = () => {
+    window.location.href = APP_CONFIG.websiteHost;
+  };
+  const theme = (0, _useBranchTheme.useBranchTheme)();
+  const primaryVariant = (0, _helpers__.getConfiguratorButtonVariant)(theme);
+  const outlineVariant = (0, _helpers__.getConfiguratorButtonVariant)(theme, true);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat((0, _helpers__.withStyle)('d-flex flex-column'))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat((0, _helpers__.withStyle)('error h-100 w-100'))
+  }, /*#__PURE__*/_react.default.createElement("section", {
+    className: "".concat((0, _helpers__.withStyle)('section'))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat((0, _helpers__.withStyle)('container align-items-center'))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat((0, _helpers__.withStyle)('section__row row justify-content-center'))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat((0, _helpers__.withStyle)('col-12 text-center'))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat((0, _helpers__.withStyle)('error__animation'))
+  }, /*#__PURE__*/_react.default.createElement(_reactLottie.default, {
+    alt: "Afbeelding met een auto en een caravan.",
+    options: animationOptions,
+    height: 200
+  })), /*#__PURE__*/_react.default.createElement("h3", null, /*#__PURE__*/_react.default.createElement("strong", null, "Hier missen we nog iets...")), /*#__PURE__*/_react.default.createElement("p", {
+    className: "".concat((0, _helpers__.withStyle)('error__text'))
+  }, "Indien de error zich blijft voordoen, gelieve contact op te nemen met de administrator"), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex align-items-center gap-2 w-100 justify-content-center')
+  }, /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    variant: primaryVariant,
+    to: "/configurator",
+    label: "Start de configurator opnieuw"
+  }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    to: "#",
+    onClick: handleRedirectToWebsite,
+    label: "Ga naar de homepage",
+    variant: outlineVariant
+  }))))))));
+};
+var _default = exports.default = Error;

package/dist/src/shared/__components__/Form/CheckboxInput.js

@@ -0,0 +1,87 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _helpers__ = require("../../__helpers__");
+var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+const CheckboxInput = _ref => {
+  let {
+    labelSize = 'sm',
+    isRequired,
+    name,
+    initialValue = false,
+    isDisabled = false,
+    onChange,
+    label,
+    form,
+    errorMessage
+  } = _ref;
+  const [isChecked, setChecked] = (0, _react.useState)(initialValue);
+  const handleChange = isChecked => {
+    setChecked(!isChecked);
+    onChange(!isChecked);
+  };
+  (0, _react.useEffect)(() => {
+    setChecked(initialValue);
+  }, [initialValue]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('form-group')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)("form-check form-check--".concat(labelSize))
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "checkbox",
+    id: name,
+    name: name,
+    disabled: isDisabled,
+    form: form,
+    checked: isChecked,
+    required: isRequired,
+    className: "".concat((0, _helpers__.withStyle)('form-check-input'), " ").concat(errorMessage ? (0, _helpers__.withStyle)('is-invalid') : ''),
+    onChange: e => {
+      handleChange(isChecked);
+    }
+  }), /*#__PURE__*/_react.default.createElement("label", {
+    className: (0, _helpers__.withStyle)("form-check-label"),
+    htmlFor: name
+  }, label, isRequired && /*#__PURE__*/_react.default.createElement("span", null, "*"))), errorMessage && /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
+    message: errorMessage
+  }));
+};
+var _default = exports.default = CheckboxInput;

package/dist/src/shared/__components__/Form/DatePickerInput.js

@@ -0,0 +1,123 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+var _nl = _interopRequireDefault(require("date-fns/locale/nl"));
+var _moment = _interopRequireDefault(require("moment"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDatepicker = _interopRequireWildcard(require("react-datepicker"));
+var _helpers__ = require("../../__helpers__");
+var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+(0, _reactDatepicker.registerLocale)('nl', _nl.default);
+const DatePickerInput = _ref => {
+  let {
+    initialValue,
+    onChange,
+    name,
+    isRequired,
+    label,
+    errorMessage,
+    minDate = new Date(),
+    maxDate
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(null);
+  const [isTouched, setIsTouched] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (initialValue && (0, _moment.default)().isValid(initialValue)) {
+      setValue(initialValue);
+    }
+  }, [initialValue]);
+  const handleFocus = () => {
+    setIsTouched(true);
+  };
+  const handleChange = date => {
+    setValue(date);
+    onChange(date);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('form-group')
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: name,
+    className: (0, _helpers__.withStyle)('form-label text-black')
+  }, label, isRequired && /*#__PURE__*/_react.default.createElement("span", null, "*")), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("div", {
+    className: isTouched && errorMessage ? (0, _helpers__.withStyle)('is-invalid') : ''
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('form-group__icon-field'),
+    style: {
+      position: 'relative',
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "fal fa-calendar",
+    "aria-hidden": "true",
+    role: "presentation",
+    style: {
+      position: 'absolute',
+      left: '1rem',
+      top: '50%',
+      transform: 'translateY(-50%)',
+      zIndex: 2,
+      pointerEvents: 'none',
+      fontSize: '1rem',
+      color: '#6c757d',
+      fontStyle: 'normal'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactDatepicker.default, {
+    dateFormat: "dd-MM-yyyy",
+    id: name,
+    name: name,
+    selected: value,
+    onKeyDown: e => {
+      e.preventDefault();
+    },
+    wrapperClassName: (0, _helpers__.withStyle)('react-datepicker-wrapper'),
+    popperProps: {
+      strategy: 'fixed'
+    },
+    minDate: minDate,
+    maxDate: maxDate,
+    locale: "nl",
+    onFocus: handleFocus,
+    onChange: date => handleChange(date),
+    className: "".concat((0, _helpers__.withStyle)('form-control'), " ").concat(isTouched && errorMessage ? (0, _helpers__.withStyle)('is-invalid') : '')
+  })), errorMessage && /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
+    message: errorMessage
+  })));
+};
+var _default = exports.default = DatePickerInput;

package/dist/src/shared/__components__/Form/DecimalInput.js

@@ -0,0 +1,102 @@
+"use strict";
+
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _helpers__ = require("../../__helpers__");
+var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+const toDisplayValue = value => value === null || value === undefined ? '' : value.toString();
+const DecimalInput = _ref => {
+  let {
+    placeholder = '',
+    initialValue = '',
+    value,
+    name,
+    onClick = () => {},
+    isDisabled = false,
+    onChange = () => {},
+    isRequired = true,
+    form,
+    label,
+    errorMessage = '',
+    className = '',
+    min,
+    max,
+    step = '0.01',
+    inputMode = 'decimal',
+    pattern = '-?[0-9]*[.,]?[0-9]*'
+  } = _ref;
+  const [localValue, setLocalValue] = (0, _react.useState)(toDisplayValue(initialValue));
+  const hasControlledValue = value !== undefined;
+  const displayValue = hasControlledValue ? toDisplayValue(value) : localValue;
+  (0, _react.useEffect)(() => {
+    setLocalValue(toDisplayValue(initialValue));
+  }, [initialValue]);
+  const handleChange = newValue => {
+    setLocalValue(newValue);
+    onChange(newValue);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)("form-group ".concat(className))
+  }, label && /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: name,
+    className: (0, _helpers__.withStyle)('form-label')
+  }, label, isRequired && /*#__PURE__*/_react.default.createElement("span", null, "*")), /*#__PURE__*/_react.default.createElement("input", {
+    placeholder: placeholder,
+    name: name,
+    type: "number",
+    inputMode: inputMode,
+    pattern: pattern,
+    min: min,
+    max: max,
+    step: step,
+    onClick: onClick,
+    form: form,
+    value: displayValue,
+    disabled: isDisabled,
+    onChange: e => handleChange(e.target.value),
+    required: isRequired,
+    className: "".concat((0, _helpers__.withStyle)('form-control'), " ").concat(errorMessage ? (0, _helpers__.withStyle)('is-invalid') : '')
+  }), errorMessage && /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
+    message: errorMessage
+  }));
+};
+var _default = exports.default = DecimalInput;

package/dist/src/shared/__components__/Form/DropdownInput.js

@@ -0,0 +1,187 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _reactSelect = _interopRequireDefault(require("react-select"));
+var _helpers__ = require("../../__helpers__");
+var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
+var _MenuListWithSearchHint = _interopRequireDefault(require("./MenuListWithSearchHint"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+const DEFAULT_MENU_MAX_HEIGHT = 320;
+const SCROLLABLE_OPTIONS_THRESHOLD = 7;
+const DropdownInput = _ref => {
+  let {
+    options = [],
+    name,
+    label,
+    isRequired,
+    isLoading,
+    noOptionsMessage: _noOptionsMessage = 'Geen opties beschikbaar',
+    placeholder = 'Maak een keuze',
+    onChange,
+    className,
+    form,
+    initialValue = '',
+    errorMessage = '',
+    isClearable = false,
+    isDisabled = false
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(() => {
+    if (!initialValue || !(options !== null && options !== void 0 && options.length)) return null;
+    if (typeof initialValue === 'object' && initialValue.value && initialValue.label) {
+      return initialValue;
+    }
+    return options.find(opt => opt.value === initialValue) || null;
+  });
+  const isMobile = window.matchMedia('(max-width: 767px)').matches;
+  const menuMaxHeight = isMobile ? 240 : DEFAULT_MENU_MAX_HEIGHT;
+  (0, _react.useEffect)(() => {
+    if (!initialValue || !(options !== null && options !== void 0 && options.length)) {
+      setValue(null);
+      return;
+    }
+    if (typeof initialValue === 'object' && initialValue.value && initialValue.label) {
+      setValue(initialValue);
+      return;
+    }
+    const matchingOption = options.find(opt => opt.value === initialValue);
+    setValue(matchingOption || null);
+  }, [initialValue, options]);
+  const handleChange = option => {
+    setValue(option);
+    onChange(option);
+  };
+  const hintConfig = {
+    className: (0, _helpers__.withStyle)('form-select__search-hint'),
+    shouldShow: props => {
+      var _props$options;
+      return (((_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.length) || 0) > SCROLLABLE_OPTIONS_THRESHOLD;
+    },
+    text: 'Scroll of typ om meer opties te zien.'
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)("form-group form-select__group ".concat(errorMessage !== null && errorMessage !== void 0 && errorMessage.length ? 'is-invalid' : '', " ").concat(className))
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: name,
+    className: (0, _helpers__.withStyle)('form-label')
+  }, label, isRequired && /*#__PURE__*/_react.default.createElement("span", null, "*")), /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
+    id: name,
+    isClearable: isClearable,
+    name: name,
+    form: form,
+    initialValue: initialValue,
+    value: value,
+    options: options,
+    placeholder: placeholder,
+    noOptionsMessage: () => _noOptionsMessage,
+    classNamePrefix: (0, _helpers__.withStyle)('form-select'),
+    onChange: option => handleChange(option),
+    isLoading: isLoading,
+    isDisabled: isDisabled,
+    isSearchable: true,
+    maxMenuHeight: menuMaxHeight,
+    components: {
+      MenuList: _MenuListWithSearchHint.default
+    },
+    hintConfig: hintConfig,
+    styles: {
+      menuList: base => _objectSpread(_objectSpread({}, base), {}, {
+        paddingTop: 0,
+        paddingBottom: 0,
+        maxHeight: menuMaxHeight,
+        overflowY: (options === null || options === void 0 ? void 0 : options.length) > SCROLLABLE_OPTIONS_THRESHOLD ? 'scroll' : 'auto',
+        scrollbarGutter: 'stable'
+      })
+    }
+  }), errorMessage && /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
+    message: errorMessage
+  }));
+};
+var _default = exports.default = DropdownInput;

package/dist/src/shared/__components__/Form/ErrorMessage.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ErrorMessage = _ref => {
+  let {
+    message
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    name: 'error-message',
+    className: (0, _helpers__.withStyle)('text-danger small')
+  }, message);
+};
+var _default = exports.default = ErrorMessage;

package/dist/src/shared/__components__/Form/FormSteps.js

@@ -0,0 +1,64 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+const FormSteps = _ref => {
+  let {
+    count = 1,
+    defaultActive = 0
+  } = _ref;
+  const [activeStep, setActiveStep] = (0, _react.useState)(defaultActive);
+  (0, _react.useEffect)(() => {
+    if (!(0, _lodash.isNumber)(defaultActive)) {
+      setActiveStep(0);
+      return;
+    }
+    setActiveStep(defaultActive);
+  }, [defaultActive]);
+  const steps = (0, _react.useMemo)(() => {
+    return Array.from(new Array(count).fill(1));
+  }, [count]);
+  return steps.map((_, key) => {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: "step-".concat(key),
+      className: (0, _helpers__.withStyle)("form-dots__item ".concat(key === activeStep ? 'active' : ''))
+    });
+  });
+};
+var _default = exports.default = FormSteps;