thm-p3-configurator 0.0.368 → 0.0.369

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

@@ -59,24 +59,26 @@ const NavigationSteps = _ref => {
     selectedBranch
   }] = (0, _OrderSessionContext.useOrderSession)();
   const handleClick = _ref2 => {
+    var _steps$stepNumber;
     let {
       to,
       title,
-      stepNumber
+      stepNumber: targetStepNumber
     } = _ref2;
-    setStepNumber(stepNumber);
+    const currentStepTitle = ((_steps$stepNumber = steps[stepNumber]) === null || _steps$stepNumber === void 0 ? void 0 : _steps$stepNumber.title) || title;
     (0, _Datalayer.pushToDataLayer)({
       event: 'configurator',
-      component: title,
+      component: currentStepTitle,
       element: 'progress_bar',
       action: 'click',
-      action_value: "".concat(stepNumber + 1, ". ").concat(title),
+      action_value: title,
       link_url: to
     });
+    setStepNumber(targetStepNumber);
     onClick({
       to,
       title,
-      stepNumber
+      stepNumber: targetStepNumber
     });
   };
   const currentType = currentDossierType || existingDossierType || _constants__.DOSSIER_TYPES.PlannedAppointment;

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

@@ -1,19 +1,23 @@
 "use strict";
 
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.every.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/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.every.js");
 require("core-js/modules/esnext.iterator.filter.js");
@@ -60,6 +64,49 @@ function _interopRequireWildcard(e, r) {
   }
   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 ProductImage = _ref => {
   let {
     productImage
@@ -87,7 +134,8 @@ const ProductActions = _ref2 => {
     showPartStockLevel,
     setShowPartStockLevel,
     productPriceInclVat,
-    isWebshop = false
+    isWebshop = false,
+    isLoadingPartStockLevel = false
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex justify-content-end')
@@ -102,11 +150,12 @@ const ProductActions = _ref2 => {
   }, isTmg ? "".concat(stockQuantity, " op voorraad") : 'Op voorraad')), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex align-items-center')
   }, !isWebshop && /*#__PURE__*/_react.default.createElement(_OutlinedButton.default, {
+    className: showPartStockLevel ? 'active' : '',
     style: {
       marginRight: '1rem'
     },
     onClick: () => setShowPartStockLevel(!showPartStockLevel),
-    label: "Voorkeurs voorraad"
+    label: isLoadingPartStockLevel ? 'Voorkeurs voorraad laden...' : showPartStockLevel ? 'Verberg voorkeurs voorraad' : 'Voorkeurs voorraad'
   }), /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
     className: (0, _helpers__.withStyle)('me-2 rounded'),
     width: "100px",
@@ -129,6 +178,7 @@ const ProductCategories = _ref3 => {
     preferredPart = null,
     partStockLevels = null,
     showPartStockLevel = false,
+    isLoadingPartStockLevel = false,
     brandName = null,
     isWebshop = false
   } = _ref3;
@@ -140,7 +190,11 @@ const ProductCategories = _ref3 => {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
   }, /*#__PURE__*/_react.default.createElement("strong", null, "Groep:"), " ", productSubgroup), preferredPart && /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
-  }, /*#__PURE__*/_react.default.createElement("strong", null, "Voorkeur:"), " ", preferredPart.preferredPart), !isWebshop && showPartStockLevel && (partStockLevels === null || partStockLevels === void 0 ? void 0 : partStockLevels.status) && /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement("strong", null, "Voorkeur:"), " ", preferredPart.preferredPart), !isWebshop && showPartStockLevel && isLoadingPartStockLevel && /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('fst-italic mb-0')
+  }, /*#__PURE__*/_react.default.createElement("small", null, "Voorkeurs voorraad laden...")), !isWebshop && showPartStockLevel && !isLoadingPartStockLevel && !(partStockLevels !== null && partStockLevels !== void 0 && partStockLevels.status) && /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('fst-italic mb-0')
+  }, /*#__PURE__*/_react.default.createElement("small", null, "Geen voorkeurs voorraad gevonden")), !isWebshop && showPartStockLevel && !isLoadingPartStockLevel && (partStockLevels === null || partStockLevels === void 0 ? void 0 : partStockLevels.status) && /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
   }, /*#__PURE__*/_react.default.createElement("small", {
     className: (0, _helpers__.withStyle)(partStockLevels.status === _constants__.StockStatus.OutOfStock ? 'text-danger' : partStockLevels.status === _constants__.StockStatus.InsufficientStock ? 'text-warning' : 'text-success')
@@ -177,18 +231,45 @@ const SingleOrderProductCard = _ref4 => {
     productFieldLabels
   } = (0, _queries.useProductFieldLabels)();
   const [preferredPart, setPreferredPart] = (0, _react.useState)(null);
-  const [partStockLevels, setPartStockLevels] = (0, _react.useState)([]);
+  const [partStockLevels, setPartStockLevels] = (0, _react.useState)(null);
   const [showPartStockLevel, setShowPartStockLevel] = (0, _react.useState)(false);
+  const [isLoadingPartStockLevel, setIsLoadingPartStockLevel] = (0, _react.useState)(false);
+  const findPreferredPart = () => {
+    var _parts$find;
+    return (_parts$find = parts.find(part => part.isPreferred === true)) !== null && _parts$find !== void 0 ? _parts$find : parts.length === 1 ? parts[0] : null;
+  };
+  const getPreferredPartDisplayArticleNumber = part => {
+    var _part$preferredPart$s;
+    return typeof (part === null || part === void 0 ? void 0 : part.preferredPart) === 'string' ? (_part$preferredPart$s = part.preferredPart.split('|')[0]) === null || _part$preferredPart$s === void 0 ? void 0 : _part$preferredPart$s.trim() : null;
+  };
+  const getPreferredPartNumber = part => {
+    var _ref5, _ref6, _ref7, _part$articleNumber;
+    return (_ref5 = (_ref6 = (_ref7 = (_part$articleNumber = part === null || part === void 0 ? void 0 : part.articleNumber) !== null && _part$articleNumber !== void 0 ? _part$articleNumber : part === null || part === void 0 ? void 0 : part.partArticleNumber) !== null && _ref7 !== void 0 ? _ref7 : part === null || part === void 0 ? void 0 : part.preferredPartNumber) !== null && _ref6 !== void 0 ? _ref6 : part === null || part === void 0 ? void 0 : part.partNumber) !== null && _ref5 !== void 0 ? _ref5 : getPreferredPartDisplayArticleNumber(part);
+  };
+  const getPreferredPartBrandNumber = part => {
+    var _ref8, _ref9, _ref10, _ref11, _part$articleBrandNum;
+    return (_ref8 = (_ref9 = (_ref10 = (_ref11 = (_part$articleBrandNum = part === null || part === void 0 ? void 0 : part.articleBrandNumber) !== null && _part$articleBrandNum !== void 0 ? _part$articleBrandNum : part === null || part === void 0 ? void 0 : part.partArticleBrandNumber) !== null && _ref11 !== void 0 ? _ref11 : part === null || part === void 0 ? void 0 : part.preferredPartBrandNumber) !== null && _ref10 !== void 0 ? _ref10 : part === null || part === void 0 ? void 0 : part.partBrandNumber) !== null && _ref9 !== void 0 ? _ref9 : part === null || part === void 0 ? void 0 : part.brandNumber) !== null && _ref8 !== void 0 ? _ref8 : part === null || part === void 0 ? void 0 : part.partBrandId;
+  };
   (0, _react.useEffect)(() => {
     if (showPartStockLevel) {
       const fetchStockLevels = async () => {
-        const preferredPart = parts.find(part => part.isPreferred === true);
-        if (preferredPart) {
-          const partStockLevel = await (0, _singleOrderArticles.fetchPartStockLevels)({
-            partNumber: preferredPart.partNumber,
-            brandNumber: preferredPart.partBrandId
-          }, branchId, !isTmg ? formula : null);
-          setPartStockLevels(partStockLevel);
+        const preferredPart = findPreferredPart();
+        const preferredPartNumber = getPreferredPartNumber(preferredPart);
+        const preferredBrandNumber = getPreferredPartBrandNumber(preferredPart);
+        if (preferredPartNumber) {
+          setIsLoadingPartStockLevel(true);
+          try {
+            const partStockLevel = await (0, _singleOrderArticles.fetchPartStockLevels)(_objectSpread({
+              partNumber: preferredPartNumber
+            }, preferredBrandNumber ? {
+              brandNumber: preferredBrandNumber
+            } : {}), branchId, !isTmg ? formula : null);
+            setPartStockLevels(partStockLevel);
+          } catch (_unused) {
+            setPartStockLevels(null);
+          } finally {
+            setIsLoadingPartStockLevel(false);
+          }
         }
       };
       fetchStockLevels();
@@ -196,23 +277,23 @@ const SingleOrderProductCard = _ref4 => {
   }, [showPartStockLevel, parts, branchId, isTmg, formula]);
   (0, _react.useEffect)(() => {
     if (parts && parts.length > 0) {
-      const preferred = parts.find(part => part.isPreferred === true);
+      const preferred = findPreferredPart();
       if (preferred) {
         setPreferredPart(preferred);
       }
     }
   }, [parts]);
-  const filteredProductSpecifications = productSpecifications.filter(_ref5 => {
+  const filteredProductSpecifications = productSpecifications.filter(_ref12 => {
     let {
       key,
       value
-    } = _ref5;
+    } = _ref12;
     return (productFieldLabels === null || productFieldLabels === void 0 ? void 0 : productFieldLabels[key]) && (value !== 'kg' || key !== 'weight');
-  }).map(_ref6 => {
+  }).map(_ref13 => {
     let {
       key,
       value
-    } = _ref6;
+    } = _ref13;
     return {
       key: productFieldLabels[key],
       value
@@ -242,6 +323,7 @@ const SingleOrderProductCard = _ref4 => {
     preferredPart: preferredPart,
     partStockLevels: partStockLevels,
     showPartStockLevel: showPartStockLevel,
+    isLoadingPartStockLevel: isLoadingPartStockLevel,
     isWebshop: isWebshop
   }), (filteredProductSpecifications === null || filteredProductSpecifications === void 0 ? void 0 : filteredProductSpecifications.length) > 0 && /*#__PURE__*/_react.default.createElement(_ProductCardSpecifications.default, {
     specifications: filteredProductSpecifications,
@@ -263,7 +345,8 @@ const SingleOrderProductCard = _ref4 => {
     removeFromCart: removeFromCart,
     productPrice: productPrice,
     productPriceInclVat: productPriceInclVat,
-    isWebshop: isWebshop
+    isWebshop: isWebshop,
+    isLoadingPartStockLevel: isLoadingPartStockLevel
   })))));
 };
 var _default = exports.default = SingleOrderProductCard;

package/dist/src/shared/__containers__/AppointmentForm.js

@@ -238,6 +238,10 @@ const AppointmentForm = () => {
         action: 'submit',
         action_value: 'valid'
       });
+      (0, _Datalayer.pushToDataLayer)({
+        event: 'form_submit',
+        form_name: 'config_afspraak'
+      });
     } catch (ex) {
       (0, _Datalayer.pushToDataLayer)({
         event: 'form',
@@ -328,12 +332,22 @@ const AppointmentForm = () => {
     placeholder: "",
     initialValue: customer.infix,
     name: "infix",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_INFIX,
-      payload: {
-        infix: value
-      }
-    }),
+    onFocus: () => trackFormField('tussenvoegsel', 'focus'),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'afspraak',
+        element: 'text_field',
+        field: 'tussenvoegsel',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_INFIX,
+        payload: {
+          infix: value
+        }
+      });
+    },
     isRequired: false,
     form: "appointment",
     label: "Tussenvoegsel:",
@@ -342,12 +356,22 @@ const AppointmentForm = () => {
     placeholder: "",
     initialValue: customer.lastName,
     name: "lastName",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_LAST_NAME,
-      payload: {
-        lastName: value
-      }
-    }),
+    onFocus: () => trackFormField('achternaam', 'focus'),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'afspraak',
+        element: 'text_field',
+        field: 'achternaam',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_LAST_NAME,
+        payload: {
+          lastName: value
+        }
+      });
+    },
     isRequired: true,
     form: "appointment",
     label: "Achternaam:",
@@ -380,12 +404,22 @@ const AppointmentForm = () => {
     placeholder: "",
     initialValue: customer.phoneNumber,
     name: "phoneNumber",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_PHONE_NUMBER,
-      payload: {
-        phoneNumber: value
-      }
-    }),
+    onFocus: () => trackFormField('telefoonnummer', 'focus'),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'afspraak',
+        element: 'text_field',
+        field: 'telefoonnummer',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_PHONE_NUMBER,
+        payload: {
+          phoneNumber: value
+        }
+      });
+    },
     isRequired: true,
     form: "appointment",
     label: "Telefoonnummer:",
@@ -400,12 +434,22 @@ const AppointmentForm = () => {
     placeholder: "",
     initialValue: customer.companyName,
     name: "companyName",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_COMPANY_NAME,
-      payload: {
-        companyName: value
-      }
-    }),
+    onFocus: () => trackFormField('bedrijfsnaam', 'focus'),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'afspraak',
+        element: 'text_field',
+        field: 'bedrijfsnaam',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_COMPANY_NAME,
+        payload: {
+          companyName: value
+        }
+      });
+    },
     isRequired: true,
     form: "appointment",
     label: "Bedrijfsnaam:",
@@ -414,12 +458,21 @@ const AppointmentForm = () => {
     placeholder: "",
     initialValue: "",
     name: "note",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_NOTE,
-      payload: {
-        note: value
-      }
-    }),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'afspraak',
+        element: 'text_field',
+        field: 'opmerkingen',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_NOTE,
+        payload: {
+          note: value
+        }
+      });
+    },
     isRequired: false,
     form: "appointment",
     label: "Eventuele vragen of opmerkingen:",
@@ -433,8 +486,9 @@ const AppointmentForm = () => {
         event: 'form',
         component: 'afspraak',
         element: 'checkbox',
+        field: 'algemene voorwaarden',
         action: value ? 'on' : 'off',
-        action_value: 'Ik ga akkoord met de algemene voorwaarden'
+        action_value: String(value)
       });
       setIsTermsAccepted(value);
     },

package/dist/src/shared/__containers__/ExitIntentModal.js

@@ -114,6 +114,7 @@ const exitIntentFormSchema = (0, _yup.object)({
   email: (0, _yup.string)().email(_constants__.FORM_ERROR_MESSAGES.email).required(_constants__.FORM_ERROR_MESSAGES.required),
   phoneNumber: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required)
 });
+const INPUT_DEBOUNCE_MS = 500;
 const ExitIntentModal = () => {
   const {
     createQuotation,
@@ -123,6 +124,11 @@ const ExitIntentModal = () => {
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
   const [errors, setErrors] = (0, _react.useState)(null);
   const hasTrackedOpenRef = (0, _react.useRef)(false);
+  const hasTrackedValidSubmitRef = (0, _react.useRef)(false);
+  const inputDebounceRefs = (0, _react.useRef)({
+    email: null,
+    phoneNumber: null
+  });
   const [{
     customer,
     licensePlate,
@@ -241,6 +247,13 @@ const ExitIntentModal = () => {
         action: 'submit',
         action_value: 'valid'
       });
+      if (!hasTrackedValidSubmitRef.current) {
+        hasTrackedValidSubmitRef.current = true;
+        (0, _Datalayer.pushToDataLayer)({
+          event: 'form_submit',
+          form_name: 'config_exitintent'
+        });
+      }
     } catch (ex) {
       (0, _Datalayer.pushToDataLayer)({
         event: 'form',
@@ -271,6 +284,8 @@ const ExitIntentModal = () => {
     return () => {
       document.body.removeEventListener('mousemove', throttledHandleMouseLeave);
       throttledHandleMouseLeave.cancel();
+      clearTimeout(inputDebounceRefs.current.email);
+      clearTimeout(inputDebounceRefs.current.phoneNumber);
     };
   }, [throttledHandleMouseLeave]);
   if (isCreateQuotationSuccess) {
@@ -298,28 +313,70 @@ const ExitIntentModal = () => {
     placeholder: "",
     initialValue: customer.email,
     name: "email",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_EMAIL,
-      payload: {
-        email: value
-      }
-    }),
+    onFocus: () => {
+      (0, _Datalayer.pushToDataLayer)({
+        event: 'form',
+        component: 'exit_intent',
+        element: 'text_field',
+        field: 'email',
+        action: 'focus'
+      });
+    },
+    onChange: value => {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_EMAIL,
+        payload: {
+          email: value
+        }
+      });
+      clearTimeout(inputDebounceRefs.current.email);
+      inputDebounceRefs.current.email = setTimeout(() => {
+        (0, _Datalayer.pushToDataLayer)({
+          event: 'form',
+          component: 'exit_intent',
+          element: 'text_field',
+          field: 'email',
+          action: 'input'
+        });
+      }, INPUT_DEBOUNCE_MS);
+    },
     isRequired: true,
-    form: "quotation",
+    form: "exit_intent",
     label: "E-mailadres:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['email']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
     initialValue: customer.phoneNumber,
     name: "phoneNumber",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_PHONE_NUMBER,
-      payload: {
-        phoneNumber: value
-      }
-    }),
+    onFocus: () => {
+      (0, _Datalayer.pushToDataLayer)({
+        event: 'form',
+        component: 'exit_intent',
+        element: 'text_field',
+        field: 'phoneNumber',
+        action: 'focus'
+      });
+    },
+    onChange: value => {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_PHONE_NUMBER,
+        payload: {
+          phoneNumber: value
+        }
+      });
+      clearTimeout(inputDebounceRefs.current.phoneNumber);
+      inputDebounceRefs.current.phoneNumber = setTimeout(() => {
+        (0, _Datalayer.pushToDataLayer)({
+          event: 'form',
+          component: 'exit_intent',
+          element: 'text_field',
+          field: 'phoneNumber',
+          action: 'input'
+        });
+      }, INPUT_DEBOUNCE_MS);
+    },
     isRequired: true,
-    form: "quotation",
+    form: "exit_intent",
     label: "Telefoonnummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['phoneNumber']
   }), /*#__PURE__*/_react.default.createElement("div", {

package/dist/src/shared/__containers__/QuestionsForm.js

@@ -131,6 +131,7 @@ const QuestionsForm = _ref => {
     executionAnswer2: '',
     durationAnswer: ''
   });
+  const hasFiredExtraQuestionsStepEventRef = (0, _react.useRef)(false);
 
   // Store initial options in state
   const [initialOptions, setInitialOptions] = (0, _react.useState)({
@@ -400,7 +401,14 @@ const QuestionsForm = _ref => {
       label: 'Ga terug'
     })))));
   }
-  if (!(durationOptions !== null && durationOptions !== void 0 && durationOptions.length) && !(execution1Options !== null && execution1Options !== void 0 && execution1Options.length) && !(execution2Options !== null && execution2Options !== void 0 && execution2Options.length) && !(execution2AnswerOptions !== null && execution2AnswerOptions !== void 0 && execution2AnswerOptions.length) && !(execution1AnswerOptions !== null && execution1AnswerOptions !== void 0 && execution1AnswerOptions.length) && !(durationQuestion !== null && durationQuestion !== void 0 && durationQuestion.length)) {
+  const hasNoQuestions = !(durationOptions !== null && durationOptions !== void 0 && durationOptions.length) && !(execution1Options !== null && execution1Options !== void 0 && execution1Options.length) && !(execution2Options !== null && execution2Options !== void 0 && execution2Options.length) && !(execution2AnswerOptions !== null && execution2AnswerOptions !== void 0 && execution2AnswerOptions.length) && !(execution1AnswerOptions !== null && execution1AnswerOptions !== void 0 && execution1AnswerOptions.length) && !(durationQuestion !== null && durationQuestion !== void 0 && durationQuestion.length);
+  if (!APP_CONFIG.internal && !hasNoQuestions && !hasFiredExtraQuestionsStepEventRef.current) {
+    hasFiredExtraQuestionsStepEventRef.current = true;
+    (0, _Datalayer.pushToDataLayer)({
+      event: 'configurator_step_extra_questions'
+    });
+  }
+  if (hasNoQuestions) {
     if (!isFilter) {
       return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
         to: "/configurator/trekhaakpakket"

package/dist/src/shared/__containers__/QuotationForm.js

@@ -190,6 +190,10 @@ const QuotationForm = () => {
         action: 'submit',
         action_value: 'valid'
       });
+      (0, _Datalayer.pushToDataLayer)({
+        event: 'form_submit',
+        form_name: 'config_offerte'
+      });
       await createQuotation((0, _helpers__.removeNullishProps)({
         isExitIntent: false,
         licensePlate,
@@ -316,12 +320,22 @@ const QuotationForm = () => {
     placeholder: "",
     initialValue: customer.infix,
     name: "infix",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_INFIX,
-      payload: {
-        infix: value
-      }
-    }),
+    onFocus: () => trackFormField('tussenvoegsel', 'focus'),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'offerte',
+        element: 'text_field',
+        field: 'tussenvoegsel',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_INFIX,
+        payload: {
+          infix: value
+        }
+      });
+    },
     isRequired: false,
     form: "quotation",
     label: "Tussenvoegsel:",
@@ -330,12 +344,22 @@ const QuotationForm = () => {
     placeholder: "",
     initialValue: customer.lastName,
     name: "lastName",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_LAST_NAME,
-      payload: {
-        lastName: value
-      }
-    }),
+    onFocus: () => trackFormField('achternaam', 'focus'),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'offerte',
+        element: 'text_field',
+        field: 'achternaam',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_LAST_NAME,
+        payload: {
+          lastName: value
+        }
+      });
+    },
     isRequired: true,
     form: "quotation",
     label: "Achternaam:",
@@ -368,12 +392,22 @@ const QuotationForm = () => {
     placeholder: "",
     initialValue: customer.phoneNumber,
     name: "phoneNumber",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_PHONE_NUMBER,
-      payload: {
-        phoneNumber: value
-      }
-    }),
+    onFocus: () => trackFormField('telefoonnummer', 'focus'),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'offerte',
+        element: 'text_field',
+        field: 'telefoonnummer',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_PHONE_NUMBER,
+        payload: {
+          phoneNumber: value
+        }
+      });
+    },
     isRequired: true,
     form: "quotation",
     label: "Telefoonnummer:",
@@ -388,12 +422,22 @@ const QuotationForm = () => {
     placeholder: "",
     initialValue: customer.companyName,
     name: "companyName",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_COMPANY_NAME,
-      payload: {
-        companyName: value
-      }
-    }),
+    onFocus: () => trackFormField('bedrijfsnaam', 'focus'),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'offerte',
+        element: 'text_field',
+        field: 'bedrijfsnaam',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_COMPANY_NAME,
+        payload: {
+          companyName: value
+        }
+      });
+    },
     isRequired: true,
     form: "quotation",
     label: "Bedrijfsnaam:",
@@ -402,12 +446,21 @@ const QuotationForm = () => {
     placeholder: "",
     initialValue: customer.note,
     name: "note",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_NOTE,
-      payload: {
-        note: value
-      }
-    }),
+    onChange: value => {
+      trackInput({
+        event: 'form',
+        component: 'offerte',
+        element: 'text_field',
+        field: 'opmerkingen',
+        action: 'input'
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_NOTE,
+        payload: {
+          note: value
+        }
+      });
+    },
     isRequired: false,
     form: "quotation",
     label: "Eventuele vragen of opmerkingen:",
@@ -421,8 +474,9 @@ const QuotationForm = () => {
         event: 'form',
         component: 'offerte',
         element: 'checkbox',
+        field: 'algemene voorwaarden',
         action: value ? 'on' : 'off',
-        action_value: 'Ik ga akkoord met de algemene voorwaarden'
+        action_value: String(value)
       });
       setIsTermsAccepted(value);
     },

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

@@ -212,6 +212,7 @@ const SingleOrderModalContent = _ref6 => {
     isLoadingSingleOrderBranches
   } = (0, _queries.useSingleOrderBranchesQuery)({
     branchTypeId: formula === _constants__.CONFIGURATOR_FORMULAS.TMG ? singleOrderBranchType : _constants__.VESTIGING_TYPE_ID,
+    formula: (0, _constants__.getConfiguratorFormulaCode)(formula),
     limit: 500,
     offset: 0
   });

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

@@ -1357,7 +1357,10 @@ const initializeOrderSession = function initializeOrderSession() {
   }
   return cachedSession;
 };
-const AuthSessionRuntimeSync = () => {
+const AuthSessionRuntimeSync = _ref => {
+  let {
+    authMode = 'internal'
+  } = _ref;
   const {
     authenticated,
     initialized,
@@ -1370,25 +1373,26 @@ const AuthSessionRuntimeSync = () => {
   const formula = (0, _FormulaContext.useFormula)();
   const lastSyncedContextRef = (0, _react.useRef)(null);
   const authRuntime = (0, _AuthRuntimeContext.useAuthRuntime)();
+  const isExternalAuthMode = authMode === 'external';
   (0, _react.useLayoutEffect)(() => {
-    var _ref;
+    var _ref2;
     if (!APP_CONFIG.internal || !initialized) {
       if (APP_CONFIG.internal) {
         authRuntime.setSessionContextReady(false);
       }
       return;
     }
-    authRuntime.setActiveBranchId((_ref = selectedBranch !== null && selectedBranch !== void 0 ? selectedBranch : branch === null || branch === void 0 ? void 0 : branch.entityId) !== null && _ref !== void 0 ? _ref : null);
+    authRuntime.setActiveBranchId((_ref2 = selectedBranch !== null && selectedBranch !== void 0 ? selectedBranch : branch === null || branch === void 0 ? void 0 : branch.entityId) !== null && _ref2 !== void 0 ? _ref2 : null);
   }, [authRuntime, initialized, selectedBranch, branch]);
   (0, _react.useEffect)(() => {
-    var _ref2;
+    var _ref3;
     if (!APP_CONFIG.internal || !initialized) {
       if (APP_CONFIG.internal) {
         authRuntime.setSessionContextReady(false);
       }
       return;
     }
-    const branchId = (_ref2 = selectedBranch !== null && selectedBranch !== void 0 ? selectedBranch : branch === null || branch === void 0 ? void 0 : branch.entityId) !== null && _ref2 !== void 0 ? _ref2 : null;
+    const branchId = (_ref3 = selectedBranch !== null && selectedBranch !== void 0 ? selectedBranch : branch === null || branch === void 0 ? void 0 : branch.entityId) !== null && _ref3 !== void 0 ? _ref3 : null;
     if (!authenticated || !branchId || !formula) {
       lastSyncedContextRef.current = null;
       authRuntime.setSessionContextReady(false);
@@ -1404,6 +1408,11 @@ const AuthSessionRuntimeSync = () => {
       authRuntime.setSessionContextReady(true);
       return;
     }
+    if (isExternalAuthMode) {
+      lastSyncedContextRef.current = nextContextKey;
+      authRuntime.setSessionContextReady(true);
+      return;
+    }
     let isCancelled = false;
     authRuntime.setSessionContextReady(false);
     _authenticatedProxyApi.authenticatedProxyApi.putSessionContext({
@@ -1422,16 +1431,16 @@ const AuthSessionRuntimeSync = () => {
     return () => {
       isCancelled = true;
     };
-  }, [authRuntime, authenticated, initialized, selectedBranch, branch, formula, module]);
+  }, [authRuntime, authenticated, initialized, selectedBranch, branch, formula, module, isExternalAuthMode]);
   return null;
 };
-const OrderSessionController = _ref3 => {
+const OrderSessionController = _ref4 => {
   let {
     children,
     authMode = 'internal',
     externalAuthSession = null,
     externalAuthRuntime = null
-  } = _ref3;
+  } = _ref4;
   const isSingleOrderPage = (0, _useIsSingleOrder.default)();
   const isExternalAuthMode = authMode === 'external' || Boolean(externalAuthSession);
   const runtimeMode = isExternalAuthMode ? 'external' : 'internal';
@@ -1451,7 +1460,9 @@ const OrderSessionController = _ref3 => {
   }, /*#__PURE__*/_react.default.createElement(_AuthSessionContext.AuthSessionProvider, {
     authMode: runtimeMode,
     externalAuthSession: externalAuthSession
-  }, /*#__PURE__*/_react.default.createElement(AuthSessionRuntimeSync, null), children)));
+  }, /*#__PURE__*/_react.default.createElement(AuthSessionRuntimeSync, {
+    authMode: runtimeMode
+  }), children)));
 };
 exports.OrderSessionController = OrderSessionController;
 const useOrderSession = () => {

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

@@ -232,7 +232,7 @@ const fetchArticlesByArticleNumbers = exports.fetchArticlesByArticleNumbers = as
  * @param {Object} parts - The parts
  */
 const fetchPartStockLevels = exports.fetchPartStockLevels = async function fetchPartStockLevels(part, branchId) {
-  var _response$data$data;
+  var _response$data$data$c, _response$data$data, _response$data$data2;
   let formula = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   const partParamsString = new URLSearchParams((0, _index.removeNullishProps)(_objectSpread(_objectSpread({
     branchId
@@ -247,7 +247,7 @@ const fetchPartStockLevels = exports.fetchPartStockLevels = async function fetch
   if (!(response !== null && response !== void 0 && response.data)) {
     throw new Error('No response from the API');
   }
-  const stockLevel = (_response$data$data = response.data.data) === null || _response$data$data === void 0 || (_response$data$data = _response$data$data.consumerPrices) === null || _response$data$data === void 0 || (_response$data$data = _response$data$data[0]) === null || _response$data$data === void 0 ? void 0 : _response$data$data.stock;
+  const stockLevel = (_response$data$data$c = (_response$data$data = response.data.data) === null || _response$data$data === void 0 || (_response$data$data = _response$data$data.consumerPrices) === null || _response$data$data === void 0 || (_response$data$data = _response$data$data[0]) === null || _response$data$data === void 0 ? void 0 : _response$data$data.stock) !== null && _response$data$data$c !== void 0 ? _response$data$data$c : (_response$data$data2 = response.data.data) === null || _response$data$data2 === void 0 || (_response$data$data2 = _response$data$data2.locationPrices) === null || _response$data$data2 === void 0 || (_response$data$data2 = _response$data$data2[0]) === null || _response$data$data2 === void 0 ? void 0 : _response$data$data2.stock;
   if (stockLevel) {
     return _objectSpread(_objectSpread({}, stockLevel), {}, {
       status: mapApiStockStatusToStockStatus(stockLevel.status)
@@ -271,11 +271,6 @@ const enrichArticlesWithBrandsAndPrices = exports.enrichArticlesWithBrandsAndPri
     let brandRecords = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     return (_brandRecords$find = brandRecords.find(brand => brand.entityId === article.entityId)) !== null && _brandRecords$find !== void 0 ? _brandRecords$find : brandRecords.find(brand => brand.articleNumber === article.articleNumber);
   };
-  const findPreferredPricePart = article => {
-    var _parts$find;
-    const parts = Array.isArray(article === null || article === void 0 ? void 0 : article.parts) ? article.parts : [];
-    return (_parts$find = parts.find(part => (part === null || part === void 0 ? void 0 : part.isPreferred) === true)) !== null && _parts$find !== void 0 ? _parts$find : parts.length === 1 ? parts[0] : null;
-  };
   const articleNumbers = [...new Set(articles.map(article => article.articleNumber))];
   const articleBrandQueryString = new URLSearchParams({
     articleNumbers: JSON.stringify(articleNumbers)
@@ -286,14 +281,12 @@ const enrichArticlesWithBrandsAndPrices = exports.enrichArticlesWithBrandsAndPri
     throw new Error('Failed to fetch the brands of the articles');
   }
   const articlesWithBrands = articles.map(article => {
-    var _preferredPricePart$p, _ref3, _ref4, _preferredPricePart$p2, _ref5, _brandData$brandNumbe;
+    var _brandData$brandNumbe;
     const brandData = findBrandDataForArticle(article, brandResponse.data);
-    const preferredPricePart = findPreferredPricePart(article);
-    const pricingPartNumber = (_preferredPricePart$p = preferredPricePart === null || preferredPricePart === void 0 ? void 0 : preferredPricePart.partNumber) !== null && _preferredPricePart$p !== void 0 ? _preferredPricePart$p : article.articleNumber;
-    const resolvedBrandNumber = preferredPricePart ? (_ref3 = (_ref4 = (_preferredPricePart$p2 = preferredPricePart === null || preferredPricePart === void 0 ? void 0 : preferredPricePart.partBrandId) !== null && _preferredPricePart$p2 !== void 0 ? _preferredPricePart$p2 : brandData === null || brandData === void 0 ? void 0 : brandData.preferredPartBrandNumber) !== null && _ref4 !== void 0 ? _ref4 : brandData === null || brandData === void 0 ? void 0 : brandData.brandNumber) !== null && _ref3 !== void 0 ? _ref3 : _index2.DEFAULT_ARTICLE_BRAND : (_ref5 = (_brandData$brandNumbe = brandData === null || brandData === void 0 ? void 0 : brandData.brandNumber) !== null && _brandData$brandNumbe !== void 0 ? _brandData$brandNumbe : brandData === null || brandData === void 0 ? void 0 : brandData.preferredPartBrandNumber) !== null && _ref5 !== void 0 ? _ref5 : _index2.DEFAULT_ARTICLE_BRAND;
+    const resolvedBrandNumber = (_brandData$brandNumbe = brandData === null || brandData === void 0 ? void 0 : brandData.brandNumber) !== null && _brandData$brandNumbe !== void 0 ? _brandData$brandNumbe : _index2.DEFAULT_ARTICLE_BRAND;
     return _objectSpread(_objectSpread({}, article), {}, {
       brand: resolvedBrandNumber,
-      pricingPartNumber
+      pricingPartNumber: article.articleNumber
     });
   }).filter(article => article.brand && article.pricingPartNumber);
   const parts = [...new Map(articlesWithBrands.map(article => {
@@ -318,11 +311,11 @@ const enrichArticlesWithBrandsAndPrices = exports.enrichArticlesWithBrandsAndPri
     consumer: Object.fromEntries(consumerPrices.map(price => [price.partNumber, price])),
     location: Object.fromEntries(locationPrices.map(price => [price.partNumber, price]))
   };
-  let currentArticles = articlesWithBrands.map(_ref6 => {
+  let currentArticles = articlesWithBrands.map(_ref3 => {
     let {
         pricingPartNumber
-      } = _ref6,
-      article = _objectWithoutProperties(_ref6, _excluded);
+      } = _ref3,
+      article = _objectWithoutProperties(_ref3, _excluded);
     return _objectSpread(_objectSpread({}, article), {}, {
       consumerPrices: pricesMap.consumer[pricingPartNumber],
       locationPrices: pricesMap.location[pricingPartNumber]
@@ -331,10 +324,10 @@ const enrichArticlesWithBrandsAndPrices = exports.enrichArticlesWithBrandsAndPri
   return currentArticles;
 };
 const formatModelArticle = article => {
-  var _ref7, _article$name, _ref8, _article$description$, _article$description, _article$boldDescript, _article$boldDescript2, _article$specificatio, _article$images, _article$images2, _article$articleNumbe;
+  var _ref4, _article$name, _ref5, _article$description$, _article$description, _article$boldDescript, _article$boldDescript2, _article$specificatio, _article$images, _article$images2, _article$articleNumbe;
   return _objectSpread(_objectSpread({}, article), {}, {
-    name: (_ref7 = (_article$name = article.name) !== null && _article$name !== void 0 ? _article$name : article === null || article === void 0 ? void 0 : article.title) !== null && _ref7 !== void 0 ? _ref7 : null,
-    description: (_ref8 = (_article$description$ = article === null || article === void 0 || (_article$description = article.description) === null || _article$description === void 0 || (_article$description = _article$description.ops) === null || _article$description === void 0 || (_article$description = _article$description[0]) === null || _article$description === void 0 ? void 0 : _article$description.insert) !== null && _article$description$ !== void 0 ? _article$description$ : article === null || article === void 0 ? void 0 : article.remark) !== null && _ref8 !== void 0 ? _ref8 : null,
+    name: (_ref4 = (_article$name = article.name) !== null && _article$name !== void 0 ? _article$name : article === null || article === void 0 ? void 0 : article.title) !== null && _ref4 !== void 0 ? _ref4 : null,
+    description: (_ref5 = (_article$description$ = article === null || article === void 0 || (_article$description = article.description) === null || _article$description === void 0 || (_article$description = _article$description.ops) === null || _article$description === void 0 || (_article$description = _article$description[0]) === null || _article$description === void 0 ? void 0 : _article$description.insert) !== null && _article$description$ !== void 0 ? _article$description$ : article === null || article === void 0 ? void 0 : article.remark) !== null && _ref5 !== void 0 ? _ref5 : null,
     subTitle: (_article$boldDescript = article === null || article === void 0 || (_article$boldDescript2 = article.boldDescription) === null || _article$boldDescript2 === void 0 || (_article$boldDescript2 = _article$boldDescript2.ops) === null || _article$boldDescript2 === void 0 || (_article$boldDescript2 = _article$boldDescript2[0]) === null || _article$boldDescript2 === void 0 ? void 0 : _article$boldDescript2.insert) !== null && _article$boldDescript !== void 0 ? _article$boldDescript : null,
     specifications: Array.isArray(article === null || article === void 0 ? void 0 : article.specifications) ? article === null || article === void 0 ? void 0 : article.specifications.join(' \n ') : (_article$specificatio = article === null || article === void 0 ? void 0 : article.specifications) !== null && _article$specificatio !== void 0 ? _article$specificatio : null,
     image: article !== null && article !== void 0 && (_article$images = article.images) !== null && _article$images !== void 0 && _article$images[0] ? (0, _image.getImageFromHyper)({
@@ -349,11 +342,11 @@ const formatModelArticle = article => {
 const formatGenericArticle = article => {
   var _article$articleNumbe2, _article$type, _article$group, _article$subgroup;
   const specificationPairs = [['C2 module', article === null || article === void 0 ? void 0 : article.c2Module], ['Check control', article === null || article === void 0 ? void 0 : article.checkControl], ['Direct current', article === null || article === void 0 ? void 0 : article.directCurrent], ['Draw weight', article === null || article === void 0 ? void 0 : article.drawWeight], ['D value', article === null || article === void 0 ? void 0 : article.dValue], ['Foglight shutdown', article === null || article === void 0 ? void 0 : article.foglightShutdown], ['PDC shutdown', article === null || article === void 0 ? void 0 : article.pdcShutdown], ['Switched PSU', article === null || article === void 0 ? void 0 : article.switchedPsu], ['LED', article === null || article === void 0 ? void 0 : article.led]];
-  const specification = specificationPairs.filter(_ref9 => {
-    let [_, value] = _ref9;
+  const specification = specificationPairs.filter(_ref6 => {
+    let [_, value] = _ref6;
     return value;
-  }).map(_ref10 => {
-    let [label, value] = _ref10;
+  }).map(_ref7 => {
+    let [label, value] = _ref7;
     return "".concat(label, ": ").concat(value);
   }).join(' \n ');
   return _objectSpread(_objectSpread({}, article), {}, {

package/dist/src/shared/__pages__/LicensePlatePage.js

@@ -145,9 +145,9 @@ const LicensePlatePage = () => {
     }
   }, [discountCode]);
   (0, _react.useEffect)(() => {
-    if (APP_CONFIG.internal) return;
+    if (APP_CONFIG.internal || activeStep !== 0) return;
     (0, _Datalayer.pushToDataLayer)({
-      event: activeStep === 0 ? 'configurator_step_wijzig_auto' : 'configurator_step_extra_questions'
+      event: 'configurator_step_wijzig_auto'
     });
   }, [activeStep]);
   const Steps = (0, _react.useMemo)(() => getSteps({

package/dist/src/shared/__pages__/ManualSelectionPage.js

@@ -121,9 +121,9 @@ const ManualSelectionPage = () => {
     }
   }, [franchiseName]);
   (0, _react.useEffect)(() => {
-    if (APP_CONFIG.internal) return;
+    if (APP_CONFIG.internal || activeStep !== 0) return;
     (0, _Datalayer.pushToDataLayer)({
-      event: activeStep === 0 ? 'configurator_step_wijzig_auto' : 'configurator_step_extra_questions'
+      event: 'configurator_step_wijzig_auto'
     });
   }, [activeStep]);
   const handleNext = () => {

package/package.json

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

package/dist/src/shared/__components__/Spinners/InlineSpinner.js

@@ -1,26 +0,0 @@
-"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 InlineSpinner = _ref => {
-  let {
-    size = '1rem',
-    color = 'primary'
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("i", {
-    className: "fas fa-cog fa-spin ".concat((0, _helpers__.withStyle)("text-".concat(color))),
-    style: {
-      fontSize: size
-    }
-  });
-};
-var _default = exports.default = InlineSpinner;

package/dist/src/shared/__components__/Spinners/TextSpinner.js

@@ -1,31 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.symbol.description.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/es.symbol.description.js");
-var _react = _interopRequireDefault(require("react"));
-var _helpers__ = require("../../__helpers__");
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-const SpinnerWithText = _ref => {
-  let {
-    title = '',
-    description = ''
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('modal__loader')
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fas fa-cog fa-spin ".concat((0, _helpers__.withStyle)('text-primary h3'))
-  }), /*#__PURE__*/_react.default.createElement("h6", {
-    className: (0, _helpers__.withStyle)('mt-1')
-  }, title), /*#__PURE__*/_react.default.createElement("p", {
-    className: (0, _helpers__.withStyle)('mt-1')
-  }, description));
-};
-var _default = exports.default = SpinnerWithText;

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

@@ -1,27 +0,0 @@
-"use strict";
-
-require("core-js/modules/esnext.iterator.map.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/esnext.iterator.map.js");
-var _react = _interopRequireDefault(require("react"));
-var _helpers__ = require("../__helpers__");
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-const USPSList = _ref => {
-  let {
-    usps
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("ul", {
-    className: (0, _helpers__.withStyle)('list-check mt-2')
-  }, usps.map((uspText, index) => /*#__PURE__*/_react.default.createElement("li", {
-    className: (0, _helpers__.withStyle)('info'),
-    key: uspText + index
-  }, uspText)));
-};
-var _default = exports.default = USPSList;