thm-p3-configurator 0.0.433 → 0.0.435

package/dist/src/shared/__api__/mutations.js

@@ -400,7 +400,8 @@ const useCreatePrivateQuotationMutation = () => {
     isCreateQuotationSuccess: createQuotationMutation.isSuccess,
     resetQuotationCreation: createQuotationMutation.reset,
     createQuotation: createQuotationMutation.mutateAsync,
-    data: createQuotationMutation.data
+    data: createQuotationMutation.data,
+    createQuotationError: createQuotationMutation.error
   };
 };
 
@@ -774,7 +775,8 @@ const useUpdatePrivateQuotationByIdMutation = id => {
     isUpdateQuotationSuccess: updateQuotationMutation.isSuccess,
     resetQuotationUpdate: updateQuotationMutation.reset,
     updateQuotation: updateQuotationMutation.mutateAsync,
-    data: updateQuotationMutation.data
+    data: updateQuotationMutation.data,
+    updateQuotationError: updateQuotationMutation.error
   };
 };
 

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

@@ -159,8 +159,19 @@ const internalAppointmentFormSchema = (0, _yup.object)({
   streetName: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
   city: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
   countryId: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
-  date: (0, _yup.string)().nullable(),
-  time: (0, _yup.string)().nullable(),
+  // Note: a planned appointment cannot exist without a moment. Without this the
+  // API rejects the dossier with `"body.scheduledDateTime" is required`, which
+  // reads as a random failure to the user. An appointment *request* has no date yet.
+  date: (0, _yup.string)().when('$isPlannedAppointment', {
+    is: true,
+    then: schema => schema.required(_constants__.FORM_ERROR_MESSAGES.required),
+    otherwise: schema => schema.nullable()
+  }),
+  time: (0, _yup.string)().when('$isPlannedAppointment', {
+    is: true,
+    then: schema => schema.required(_constants__.FORM_ERROR_MESSAGES.required),
+    otherwise: schema => schema.nullable()
+  }),
   customerAgreed: (0, _yup.boolean)().required(_constants__.FORM_ERROR_MESSAGES.required).isTrue(_constants__.FORM_ERROR_MESSAGES.required),
   companyName: (0, _yup.string)().when('ownershipType', {
     is: _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk,
@@ -629,7 +640,8 @@ const InternalAppointmentForm = _ref => {
         abortEarly: false,
         context: {
           existingDossierId: existingDossierId,
-          isTmg: isTmg
+          isTmg: isTmg,
+          isPlannedAppointment: appointmentType === _constants__.DOSSIER_TYPES.PlannedAppointment
         }
       });
       const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({

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

@@ -209,6 +209,7 @@ const InternalQuotationForm = _ref => {
   let {
     onSubmit = payload => {},
     isError = false,
+    submitErrorMessage = '',
     isSuccess = false,
     isLoading = false,
     entityId = null
@@ -1031,7 +1032,7 @@ const InternalQuotationForm = _ref => {
   }, "Geen opties gevonden..."))))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-12')
   }, isError && /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
-    message: 'Er is een fout opgetreden bij het maken van de offerte, probeer het opnieuw.'
+    message: submitErrorMessage || 'Er is een fout opgetreden bij het maken van de offerte, probeer het opnieuw.'
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex align-items-center justify-content-end mt-4')
   }, /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {

package/dist/src/shared/__pages__/internal/InternalQuotationPage.js

@@ -107,6 +107,7 @@ function _toPrimitive(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
+const QUOTATION_SUBMIT_ERROR_FALLBACK = 'Er is een fout opgetreden bij het maken van de offerte, probeer het opnieuw.';
 const InternalQuotationPage = () => {
   const themeClass = (0, _helpers__.getConfiguratorThemeClass)((0, _useBranchTheme.useBranchTheme)());
   const [{
@@ -138,15 +139,18 @@ const InternalQuotationPage = () => {
     isCreateQuotationSuccess,
     isCreateQuotationError,
     isCreatingQuotation,
-    data: createQuotationData
+    data: createQuotationData,
+    createQuotationError
   } = (0, _mutations.useCreatePrivateQuotationMutation)();
   const {
     updateQuotation,
     isUpdateQuotationError,
     isUpdateQuotationSuccess,
     isUpdatingQuotation,
-    data: updateQuotationData
+    data: updateQuotationData,
+    updateQuotationError
   } = (0, _mutations.useUpdatePrivateQuotationByIdMutation)(existingDossierId);
+  const submitErrorMessage = (0, _react.useMemo)(() => (0, _helpers__.getProxyApiErrorMessage)(createQuotationError || updateQuotationError, QUOTATION_SUBMIT_ERROR_FALLBACK), [createQuotationError, updateQuotationError]);
   const performSubmit = async payload => {
     var _response$data2;
     if (existingDossierId) {
@@ -228,6 +232,7 @@ const InternalQuotationPage = () => {
     className: (0, _helpers__.withStyle)('col-12 px-0 col-xl-6')
   }, /*#__PURE__*/_react.default.createElement(_InternalQuotationForm.default, {
     onSubmit: handleSubmit,
+    submitErrorMessage: submitErrorMessage,
     isError: isCreateQuotationError || isUpdateQuotationError,
     isLoading: isUpdatingQuotation || isCreatingQuotation || isCheckingEmail,
     isSuccess: isCreateQuotationSuccess || isUpdateQuotationSuccess,

package/package.json

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