@qite/tide-booking-component 1.0.2 → 1.0.4

package/build/build-cjs/index.js

@@ -10353,6 +10353,9 @@ var OptionsForm = function () {
       dispatch(fetchPriceDetails$1());
     }
   };
+  React.useEffect(function () {
+    dispatch(fetchPriceDetails$1());
+  }, []);
   return React__default["default"].createElement(
     React__default["default"].Fragment,
     null,
@@ -13021,16 +13024,21 @@ var TravelersForm = function () {
     formik$1.setFieldValue("travelAgentName", value);
   };
   var handleAgentSelect = function (key) {
+    var _a;
     var agent = typeaheadAgents.find(function (x) {
       return x.key === key;
     });
-    formik$1.setFieldValue(
-      "travelAgentId",
-      Number(agent === null || agent === void 0 ? void 0 : agent.key)
-    );
-    formik$1.setFieldValue(
-      "travelAgentName",
-      agent === null || agent === void 0 ? void 0 : agent.value
+    formik$1.setValues(
+      __assign(__assign({}, formik$1.values), {
+        travelAgentId: Number(
+          agent === null || agent === void 0 ? void 0 : agent.key
+        ),
+        travelAgentName:
+          (_a = agent === null || agent === void 0 ? void 0 : agent.value) !==
+            null && _a !== void 0
+            ? _a
+            : "",
+      })
     );
     var bookingType = "b2b2c";
     if (agentAdressId && agentAdressId != 0) {
@@ -13039,8 +13047,12 @@ var TravelersForm = function () {
     dispatch(setBookingType(bookingType));
   };
   var handleAgentClear = function () {
-    formik$1.setFieldValue("travelAgentId", 0);
-    formik$1.setFieldValue("travelAgentName", "");
+    formik$1.setValues(
+      __assign(__assign({}, formik$1.values), {
+        travelAgentId: 0,
+        travelAgentName: "",
+      })
+    );
     dispatch(setBookingType("b2c"));
   };
   var toggleAgent = function (value) {

package/build/build-esm/index.js

@@ -10293,6 +10293,9 @@ var OptionsForm = function () {
       dispatch(fetchPriceDetails$1());
     }
   };
+  useEffect(function () {
+    dispatch(fetchPriceDetails$1());
+  }, []);
   return React.createElement(
     React.Fragment,
     null,
@@ -12886,16 +12889,21 @@ var TravelersForm = function () {
     formik.setFieldValue("travelAgentName", value);
   };
   var handleAgentSelect = function (key) {
+    var _a;
     var agent = typeaheadAgents.find(function (x) {
       return x.key === key;
     });
-    formik.setFieldValue(
-      "travelAgentId",
-      Number(agent === null || agent === void 0 ? void 0 : agent.key)
-    );
-    formik.setFieldValue(
-      "travelAgentName",
-      agent === null || agent === void 0 ? void 0 : agent.value
+    formik.setValues(
+      __assign(__assign({}, formik.values), {
+        travelAgentId: Number(
+          agent === null || agent === void 0 ? void 0 : agent.key
+        ),
+        travelAgentName:
+          (_a = agent === null || agent === void 0 ? void 0 : agent.value) !==
+            null && _a !== void 0
+            ? _a
+            : "",
+      })
     );
     var bookingType = "b2b2c";
     if (agentAdressId && agentAdressId != 0) {
@@ -12904,8 +12912,12 @@ var TravelersForm = function () {
     dispatch(setBookingType(bookingType));
   };
   var handleAgentClear = function () {
-    formik.setFieldValue("travelAgentId", 0);
-    formik.setFieldValue("travelAgentName", "");
+    formik.setValues(
+      __assign(__assign({}, formik.values), {
+        travelAgentId: 0,
+        travelAgentName: "",
+      })
+    );
     dispatch(setBookingType("b2c"));
   };
   var toggleAgent = function (value) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "React BookingWizard component for Tide",
   "main": "build/build-cjs/index.js",
   "module": "build/build-esm/index.js",

package/src/booking-wizard/features/product-options/options-form.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React, { useContext, useEffect } from "react";
 
 import SettingsContext from "../../settings-context";
 import { isEmpty } from "lodash";
@@ -120,6 +120,10 @@ const OptionsForm: React.FC<OptionsFormProps> = () => {
     }
   };
 
+  useEffect(() => {
+    dispatch(fetchPriceDetails());
+  }, []);
+
   return (
     <>
       <form

package/src/booking-wizard/features/travelers-form/travelers-form.tsx

@@ -191,8 +191,11 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
   const handleAgentSelect = (key: string) => {
     const agent = typeaheadAgents.find((x) => x.key === key);
 
-    formik.setFieldValue("travelAgentId", Number(agent?.key));
-    formik.setFieldValue("travelAgentName", agent?.value);
+    formik.setValues({
+      ...formik.values,
+      travelAgentId: Number(agent?.key),
+      travelAgentName: agent?.value ?? "",
+    });
 
     let bookingType = "b2b2c";
     if (agentAdressId && agentAdressId != 0) {
@@ -202,8 +205,11 @@ const TravelersForm: React.FC<TravelersFormProps> = () => {
   };
 
   const handleAgentClear = () => {
-    formik.setFieldValue("travelAgentId", 0);
-    formik.setFieldValue("travelAgentName", "");
+    formik.setValues({
+      ...formik.values,
+      travelAgentId: 0,
+      travelAgentName: "",
+    });
 
     dispatch(setBookingType("b2c"));
   };