thm-p3-configurator 0.0.342 → 0.0.345

package/dist/src/shared/__containers__/internal/InternalAppointmentForm.js

@@ -540,7 +540,7 @@ const InternalAppointmentForm = _ref => {
           isTmg: isTmg
         }
       });
-      const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread(_objectSpread({
+      const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
         vehicle,
         customer: (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({}, customer), {}, {
           firstName: (_customer$firstName = customer === null || customer === void 0 ? void 0 : customer.firstName) !== null && _customer$firstName !== void 0 ? _customer$firstName : undefined,
@@ -558,10 +558,7 @@ const InternalAppointmentForm = _ref => {
           kvkNumber: (_customer$kvkNumber2 = customer === null || customer === void 0 ? void 0 : customer.kvkNumber) !== null && _customer$kvkNumber2 !== void 0 ? _customer$kvkNumber2 : undefined,
           vatNumber: (_customer$vatNumber2 = customer === null || customer === void 0 ? void 0 : customer.vatNumber) !== null && _customer$vatNumber2 !== void 0 ? _customer$vatNumber2 : undefined
         })),
-        customerAgreed
-      }, existingDossierId && appointmentType === _constants__.DOSSIER_TYPES.PlannedAppointment ? {
-        invoicePaymentByLeaseCompany: invoicePaymentByLeaseCompany !== null && invoicePaymentByLeaseCompany !== void 0 ? invoicePaymentByLeaseCompany : undefined
-      } : {}), {}, {
+        customerAgreed,
         appointment,
         appointmentType,
         channel,
@@ -604,6 +601,9 @@ const InternalAppointmentForm = _ref => {
         }),
         montageRate: montageRate !== null && montageRate !== void 0 ? montageRate : undefined
       }));
+      if (existingDossierId && appointmentType === _constants__.DOSSIER_TYPES.PlannedAppointment && typeof invoicePaymentByLeaseCompany === 'boolean') {
+        payload.invoicePaymentByLeaseCompany = invoicePaymentByLeaseCompany;
+      }
 
       // Add contact fields after removeNullishProps so they don't get stripped
       // Middleware reads these from req.body top level, not from req.body.customer
@@ -868,7 +868,7 @@ const InternalAppointmentForm = _ref => {
   }, branch.name)))), existingDossierId && existingDossierType === _constants__.DOSSIER_TYPES.PlannedAppointment && (branchById === null || branchById === void 0 ? void 0 : branchById.towCenterVestiging) === true && /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
     name: "invoicePaymentByLeaseCompany",
     label: "Factuur betaling door Leasemaatschappij",
-    initialValue: invoicePaymentByLeaseCompany,
+    initialValue: invoicePaymentByLeaseCompany === true,
     onChange: val => {
       // Only allow enabling if hasGoedkeuringsnummerActivity (note with Goedkeuringsnummer attached to dossier)
       if (hasGoedkeuringsnummerActivity) {

package/dist/src/shared/__context__/OrderSessionContext.js

@@ -191,7 +191,7 @@ const INITIAL_ORDER_SESSION_STATE = {
     zakeiljkContactFactuuradres: '',
     zakelijkContactEMailadres: ''
   },
-  invoicePaymentByLeaseCompany: false,
+  invoicePaymentByLeaseCompany: undefined,
   orderType: null,
   webshop: null,
   isTowCenterBranch: false,
@@ -987,7 +987,7 @@ const orderSessionReducer = (state, action) => {
               ownershipType,
               leaseNumber: null
             },
-            invoicePaymentByLeaseCompany: false
+            invoicePaymentByLeaseCompany: undefined
           });
         }
         return _objectSpread(_objectSpread({}, state), {}, {

package/dist/src/shared/__helpers__/dossier.js

@@ -98,7 +98,7 @@ const getDossierValue = function getDossierValue() {
  * @description Covnerts an existing hyper dossier object into a local order session
  */
 const parseDossierToOrderSession = exports.parseDossierToOrderSession = function parseDossierToOrderSession() {
-  var _dossier$typeEigendom, _dossier$bedrijf, _dossier$bedrijf2, _dossier$bedrijf3, _dossier$lines, _dossier$statusBeoord, _dossier$kanaal, _dossier$kanaalPartne, _dossier$kanaalHoofka, _dossier$kanaalWebsit, _dossier$kanaal2, _dossier$statusDossie, _dossier$statusDossie2, _dossier$vestiging, _dossier$chassisnumme, _dossier$typeEigendom2, _getDossierValue, _getDossierValue2, _getDossierValue3, _getDossierValue4, _getDossierValue5, _dossier$anwbId, _dossier$leasemaatsch, _dossier$leasemaatsch2, _dossier$placeholderB, _dossier$kvkNummer, _dossier$btwNummer, _ref2, _ref3, _dossier$leasemaatsch3, _dossier$leasemaatsch4, _dossier$bedrijf4, _ref4, _ref5, _ref6, _dossier$leasemaatsch5, _dossier$leasemaatsch6, _dossier$leasemaatsch7, _dossier$leasemaatsch8, _dossier$leasemaatsch9, _dossier$leasemaatsch10, _dossier$zakelijkCont, _dossier$zakelijkCont2, _ref7, _dossier$zakeiljkCont, _dossier$zakelijkCont3, _dossier$hasGoedkeuri, _dossier$factuurbetal, _meerprijsLine$consum, _meerprijsLine$extraN;
+  var _dossier$typeEigendom, _dossier$bedrijf, _dossier$bedrijf2, _dossier$bedrijf3, _dossier$lines, _dossier$statusBeoord, _dossier$kanaal, _dossier$kanaalPartne, _dossier$kanaalHoofka, _dossier$kanaalWebsit, _dossier$kanaal2, _dossier$statusDossie, _dossier$statusDossie2, _dossier$vestiging, _dossier$chassisnumme, _dossier$typeEigendom2, _getDossierValue, _getDossierValue2, _getDossierValue3, _getDossierValue4, _getDossierValue5, _dossier$anwbId, _dossier$leasemaatsch, _dossier$leasemaatsch2, _dossier$placeholderB, _dossier$kvkNummer, _dossier$btwNummer, _ref2, _ref3, _dossier$leasemaatsch3, _dossier$leasemaatsch4, _dossier$bedrijf4, _ref4, _ref5, _ref6, _dossier$leasemaatsch5, _dossier$leasemaatsch6, _dossier$leasemaatsch7, _dossier$leasemaatsch8, _dossier$leasemaatsch9, _dossier$leasemaatsch10, _dossier$zakelijkCont, _dossier$zakelijkCont2, _ref7, _dossier$zakeiljkCont, _dossier$zakelijkCont3, _dossier$hasGoedkeuri, _meerprijsLine$consum, _meerprijsLine$extraN;
   let dossier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const isLeaseOwnership = (dossier === null || dossier === void 0 || (_dossier$typeEigendom = dossier.typeEigendomAuto) === null || _dossier$typeEigendom === void 0 ? void 0 : _dossier$typeEigendom.title) === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij;
   const leaseBedrijfName = isLeaseOwnership ? (dossier === null || dossier === void 0 || (_dossier$bedrijf = dossier.bedrijf) === null || _dossier$bedrijf === void 0 ? void 0 : _dossier$bedrijf.name) || (dossier === null || dossier === void 0 || (_dossier$bedrijf2 = dossier.bedrijf) === null || _dossier$bedrijf2 === void 0 ? void 0 : _dossier$bedrijf2.title) || (dossier === null || dossier === void 0 || (_dossier$bedrijf3 = dossier.bedrijf) === null || _dossier$bedrijf3 === void 0 ? void 0 : _dossier$bedrijf3.naamVestiging) || undefined : undefined;
@@ -199,7 +199,7 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
       zakelijkContactEMailadres: (_dossier$zakelijkCont3 = dossier === null || dossier === void 0 ? void 0 : dossier.zakelijkContactEMailadres) !== null && _dossier$zakelijkCont3 !== void 0 ? _dossier$zakelijkCont3 : undefined
     },
     hasGoedkeuringsnummerActivity: (_dossier$hasGoedkeuri = dossier === null || dossier === void 0 ? void 0 : dossier.hasGoedkeuringsnummerActivity) !== null && _dossier$hasGoedkeuri !== void 0 ? _dossier$hasGoedkeuri : false,
-    invoicePaymentByLeaseCompany: (_dossier$factuurbetal = dossier === null || dossier === void 0 ? void 0 : dossier.factuurbetalingDoorLeasemaatschappij) !== null && _dossier$factuurbetal !== void 0 ? _dossier$factuurbetal : false,
+    invoicePaymentByLeaseCompany: dossier === null || dossier === void 0 ? void 0 : dossier.factuurbetalingDoorLeasemaatschappij,
     // Meerprijs (extra price) from dossier lines
     extraPriceAmount: (_meerprijsLine$consum = meerprijsLine === null || meerprijsLine === void 0 ? void 0 : meerprijsLine.consumerPriceInclVat) !== null && _meerprijsLine$consum !== void 0 ? _meerprijsLine$consum : null,
     extraPriceDescription: (_meerprijsLine$extraN = meerprijsLine === null || meerprijsLine === void 0 ? void 0 : meerprijsLine.extraNote) !== null && _meerprijsLine$extraN !== void 0 ? _meerprijsLine$extraN : null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thm-p3-configurator",
-  "version": "0.0.342",
+  "version": "0.0.345",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "EnoRm.",

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

@@ -1,66 +0,0 @@
-"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

@@ -1,87 +0,0 @@
-"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

@@ -1,123 +0,0 @@
-"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

@@ -1,102 +0,0 @@
-"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

@@ -1,187 +0,0 @@
-"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;