@djb25/digit-ui-module-wt 1.0.6 → 1.0.7

package/dist/index.modern.js

@@ -182,7 +182,7 @@ const VerticalTimeline = ({
 };
 
 const WTCreate = () => {
-  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi, _params$serviceType2, _params$serviceType2$, _Digit5, _Digit5$ComponentRegi, _Digit6, _Digit6$ComponentRegi, _Digit7, _Digit7$ComponentRegi, _Digit8, _Digit8$ComponentRegi, _Digit9, _Digit9$ComponentRegi;
+  var _Digit, _Digit$ComponentRegis, _Digit2, _Digit2$ComponentRegi, _Digit3, _Digit3$ComponentRegi, _Digit4, _Digit4$ComponentRegi;
   const queryClient = useQueryClient();
   const match = useRouteMatch();
   const {
@@ -196,66 +196,133 @@ const WTCreate = () => {
   const [params, setParams, clearParams] = Digit.Hooks.useSessionStorage("WT_Create", {});
   if ((!params.serviceType || Object.keys(params.serviceType).length === 0) && pathname.includes("employee")) {
     if (pathname.includes("mt")) {
+      console.log("MT Create");
       setParams({
-        "serviceType": {
-          "serviceType": {
-            "code": "MobileToilet",
-            "i18nKey": "Mobile Toilet",
-            "value": "Mobile Toilet"
+        serviceType: {
+          serviceType: {
+            code: "MobileToilet",
+            i18nKey: "Mobile Toilet",
+            value: "Mobile Toilet"
           }
         }
       });
     } else if (pathname.includes("tp")) {
       setParams({
-        "serviceType": {
-          "serviceType": {
-            "code": "TREE_PRUNING",
-            "i18nKey": "Tree Pruning",
-            "value": "Tree Pruning"
+        serviceType: {
+          serviceType: {
+            code: "TREE_PRUNING",
+            i18nKey: "Tree Pruning",
+            value: "Tree Pruning"
           }
         }
       });
     } else {
       setParams({
-        "serviceType": {
-          "serviceType": {
-            "code": "WT",
-            "i18nKey": "Water Tanker",
-            "value": "Water Tanker"
+        serviceType: {
+          serviceType: {
+            code: "WT",
+            i18nKey: "Water Tanker",
+            value: "Water Tanker"
           }
         }
       });
     }
   }
-  if (pathname.includes("employee") && pathname.endsWith("/info")) {
-    history.replace(`${match.path}/form`);
-  }
+  const goNext = (skipStep, index, isAddMultiple, key) => {
+    let currentPath = pathname.split("/").pop(),
+      lastchar = currentPath.charAt(currentPath.length - 1),
+      isMultiple = false,
+      nextPage;
+    if (Number(parseInt(currentPath)) || currentPath == "0" || currentPath == "-1") {
+      if (currentPath == "-1" || currentPath == "-2") {
+        currentPath = pathname.slice(0, -3);
+        currentPath = currentPath.split("/").pop();
+        isMultiple = true;
+      } else {
+        currentPath = pathname.slice(0, -2);
+        currentPath = currentPath.split("/").pop();
+        isMultiple = true;
+      }
+    } else {
+      isMultiple = false;
+    }
+    if (!isNaN(lastchar)) {
+      isMultiple = true;
+    }
+    let {
+      nextStep = {}
+    } = config.find(routeObj => routeObj.route === currentPath);
+    let redirectWithHistory = history.push;
+    if (skipStep) {
+      redirectWithHistory = history.replace;
+    }
+    if (isAddMultiple) {
+      nextStep = key;
+    }
+    if (nextStep === "request-details") {
+      var _params$serviceType, _params$serviceType$s;
+      const code = params === null || params === void 0 ? void 0 : (_params$serviceType = params.serviceType) === null || _params$serviceType === void 0 ? void 0 : (_params$serviceType$s = _params$serviceType.serviceType) === null || _params$serviceType$s === void 0 ? void 0 : _params$serviceType$s.code;
+      if (code === "MobileToilet") {
+        nextStep = "toiletRequest-details";
+      } else if (code === "TREE_PRUNING") {
+        nextStep = "treePruningRequest-details";
+      }
+    }
+    if (nextStep === null) {
+      return redirectWithHistory(`${match.path}/check`);
+    }
+    if (!isNaN(nextStep.split("/").pop())) {
+      nextPage = `${match.path}/${nextStep}`;
+    } else {
+      nextPage = isMultiple && nextStep !== "map" ? `${match.path}/${nextStep}/${index}` : `${match.path}/${nextStep}`;
+    }
+    redirectWithHistory(nextPage);
+  };
   if (params && Object.keys(params).length > 0 && window.location.href.includes("/service-type") && sessionStorage.getItem("docReqScreenByBack") !== "true") {
     clearParams();
     queryClient.invalidateQueries("WT_Create");
   }
   const wt_create = async () => {
-    var _params$serviceType, _params$serviceType$s;
-    const code = params === null || params === void 0 ? void 0 : (_params$serviceType = params.serviceType) === null || _params$serviceType === void 0 ? void 0 : (_params$serviceType$s = _params$serviceType.serviceType) === null || _params$serviceType$s === void 0 ? void 0 : _params$serviceType$s.code;
-    if (code === "WT") history.push(`${match.path}/wt-acknowledgement`);
-    if (code === "MobileToilet") history.push(`${match.path}/mt-acknowledgement`);
-    if (code === "TREE_PRUNING") history.push(`${match.path}/tp-acknowledgement`);
+    var _params$serviceType2, _params$serviceType2$, _params$serviceType3, _params$serviceType3$, _params$serviceType4, _params$serviceType4$;
+    if ((params === null || params === void 0 ? void 0 : (_params$serviceType2 = params.serviceType) === null || _params$serviceType2 === void 0 ? void 0 : (_params$serviceType2$ = _params$serviceType2.serviceType) === null || _params$serviceType2$ === void 0 ? void 0 : _params$serviceType2$.code) === "WT") {
+      history.push(`${match.path}/wt-acknowledgement`);
+    }
+    if ((params === null || params === void 0 ? void 0 : (_params$serviceType3 = params.serviceType) === null || _params$serviceType3 === void 0 ? void 0 : (_params$serviceType3$ = _params$serviceType3.serviceType) === null || _params$serviceType3$ === void 0 ? void 0 : _params$serviceType3$.code) === "MobileToilet") {
+      history.push(`${match.path}/mt-acknowledgement`);
+    }
+    if ((params === null || params === void 0 ? void 0 : (_params$serviceType4 = params.serviceType) === null || _params$serviceType4 === void 0 ? void 0 : (_params$serviceType4$ = _params$serviceType4.serviceType) === null || _params$serviceType4$ === void 0 ? void 0 : _params$serviceType4$.code) === "TREE_PRUNING") {
+      history.push(`${match.path}/tp-acknowledgement`);
+    }
   };
-  function handleSelect(key, data) {
-    if (key === "owners") ; else if (key === "units") {
+  function handleSelect(key, data, skipStep, index, isAddMultiple = false) {
+    if (key === "owners") {
+      let owners = params.owners || [];
+      owners[index] = data;
+      setParams({
+        ...params,
+        ...{
+          [key]: [...owners]
+        }
+      });
+    } else if (key === "units") {
+      let units = params.units || [];
+      units = data;
       setParams({
         ...params,
-        units: data
+        units
       });
     } else {
       setParams({
         ...params,
-        [key]: {
-          ...params[key],
-          ...data
+        ...{
+          [key]: {
+            ...params[key],
+            ...data
+          }
         }
       });
     }
+    goNext(skipStep, index, isAddMultiple, key);
   }
   const onSuccess = () => {
     clearParams();
@@ -265,115 +332,11 @@ const WTCreate = () => {
   commonFields.forEach(obj => {
     config = config.concat(obj.body.filter(a => !a.hideInCitizen));
   });
-  config.indexRoute = pathname.includes("citizen") ? "service-type" : "form";
+  config.indexRoute = pathname.includes("citizen") ? "service-type" : "info";
   const CheckPage = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("WTCheckPage");
   const WTAcknowledgement = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WTAcknowledgement");
   const MTAcknowledgement = (_Digit3 = Digit) === null || _Digit3 === void 0 ? void 0 : (_Digit3$ComponentRegi = _Digit3.ComponentRegistryService) === null || _Digit3$ComponentRegi === void 0 ? void 0 : _Digit3$ComponentRegi.getComponent("MTAcknowledgement");
   const TPAcknowledgement = (_Digit4 = Digit) === null || _Digit4 === void 0 ? void 0 : (_Digit4$ComponentRegi = _Digit4.ComponentRegistryService) === null || _Digit4$ComponentRegi === void 0 ? void 0 : _Digit4$ComponentRegi.getComponent("TPAcknowledgement");
-  const serviceCode = params === null || params === void 0 ? void 0 : (_params$serviceType2 = params.serviceType) === null || _params$serviceType2 === void 0 ? void 0 : (_params$serviceType2$ = _params$serviceType2.serviceType) === null || _params$serviceType2$ === void 0 ? void 0 : _params$serviceType2$.code;
-  const ApplicantDetails = (_Digit5 = Digit) === null || _Digit5 === void 0 ? void 0 : (_Digit5$ComponentRegi = _Digit5.ComponentRegistryService) === null || _Digit5$ComponentRegi === void 0 ? void 0 : _Digit5$ComponentRegi.getComponent("ApplicantDetails");
-  const AddressDetails = (_Digit6 = Digit) === null || _Digit6 === void 0 ? void 0 : (_Digit6$ComponentRegi = _Digit6.ComponentRegistryService) === null || _Digit6$ComponentRegi === void 0 ? void 0 : _Digit6$ComponentRegi.getComponent("AddressDetails");
-  const RequestDetails = (_Digit7 = Digit) === null || _Digit7 === void 0 ? void 0 : (_Digit7$ComponentRegi = _Digit7.ComponentRegistryService) === null || _Digit7$ComponentRegi === void 0 ? void 0 : _Digit7$ComponentRegi.getComponent("RequestDetails");
-  const ToiletRequestDetails = (_Digit8 = Digit) === null || _Digit8 === void 0 ? void 0 : (_Digit8$ComponentRegi = _Digit8.ComponentRegistryService) === null || _Digit8$ComponentRegi === void 0 ? void 0 : _Digit8$ComponentRegi.getComponent("ToiletRequestDetails");
-  const TreePruningRequestDetails = (_Digit9 = Digit) === null || _Digit9 === void 0 ? void 0 : (_Digit9$ComponentRegi = _Digit9.ComponentRegistryService) === null || _Digit9$ComponentRegi === void 0 ? void 0 : _Digit9$ComponentRegi.getComponent("TreePruningRequestDetails");
-  const SinglePageForm = () => {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "24px"
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: sectionStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: sectionHeaderStyle
-    }, t("ES_APPLICANT_DETAILS")), /*#__PURE__*/React.createElement(ApplicantDetails, {
-      config: {
-        texts: {
-          submitBarLabel: "COMMON_SAVE_NEXT",
-          header: "ES_APPLICANT_DETAILS"
-        },
-        key: "owner"
-      },
-      onSelect: (key, data) => handleSelect(key, data),
-      t: t,
-      formData: params,
-      hideSubmitBar: true
-    })), /*#__PURE__*/React.createElement("div", {
-      style: sectionStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: sectionHeaderStyle
-    }, t("ES_ADDRESS_DETAILS")), /*#__PURE__*/React.createElement(AddressDetails, {
-      config: {
-        texts: {
-          submitBarLabel: "COMMON_SAVE_NEXT",
-          header: "ES_ADDRESS_DETAILS"
-        },
-        key: "address"
-      },
-      onSelect: (key, data) => handleSelect(key, data),
-      t: t,
-      formData: params,
-      hideSubmitBar: true
-    })), (!serviceCode || serviceCode === "WT") && /*#__PURE__*/React.createElement("div", {
-      style: sectionStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: sectionHeaderStyle
-    }, t("WT_REQUEST_DETAILS")), /*#__PURE__*/React.createElement(RequestDetails, {
-      config: {
-        texts: {
-          submitBarLabel: "COMMON_SAVE_NEXT",
-          header: "WT_REQUEST_DETAILS"
-        },
-        key: "requestDetails"
-      },
-      onSelect: (key, data) => handleSelect(key, data),
-      t: t,
-      formData: params,
-      hideSubmitBar: true
-    })), serviceCode === "MobileToilet" && /*#__PURE__*/React.createElement("div", {
-      style: sectionStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: sectionHeaderStyle
-    }, t("MT_REQUEST_DETAILS")), /*#__PURE__*/React.createElement(ToiletRequestDetails, {
-      config: {
-        texts: {
-          submitBarLabel: "COMMON_SAVE_NEXT",
-          header: "MT_REQUEST_DETAILS"
-        },
-        key: "toiletRequestDetails"
-      },
-      onSelect: (key, data) => handleSelect(key, data),
-      t: t,
-      formData: params,
-      hideSubmitBar: true
-    })), serviceCode === "TREE_PRUNING" && /*#__PURE__*/React.createElement("div", {
-      style: sectionStyle
-    }, /*#__PURE__*/React.createElement("div", {
-      style: sectionHeaderStyle
-    }, t("TP_REQUEST_DETAILS")), /*#__PURE__*/React.createElement(TreePruningRequestDetails, {
-      config: {
-        texts: {
-          submitBarLabel: "COMMON_SAVE_NEXT",
-          header: "TP_REQUEST_DETAILS"
-        },
-        key: "treePruningRequestDetails"
-      },
-      onSelect: (key, data) => handleSelect(key, data),
-      t: t,
-      formData: params,
-      hideSubmitBar: true
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        justifyContent: "flex-end",
-        padding: "16px 0"
-      }
-    }, /*#__PURE__*/React.createElement("button", {
-      style: submitButtonStyle,
-      onClick: () => history.push(`${match.path}/check`)
-    }, t("COMMON_SAVE_NEXT"))));
-  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
@@ -395,48 +358,30 @@ const WTCreate = () => {
       flex: "1",
       overflowY: "auto"
     }
-  }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(Route, {
-    path: `${match.path}/service-type`
-  }, (() => {
-    const routeObj = config.find(r => r.route === "service-type");
-    if (!routeObj) return null;
-    const Component = typeof routeObj.component === "string" ? Digit.ComponentRegistryService.getComponent(routeObj.component) : routeObj.component;
-    return /*#__PURE__*/React.createElement(Component, {
-      config: {
-        texts: routeObj.texts,
-        inputs: routeObj.inputs,
-        key: routeObj.key,
-        additionaFields: routeObj.additionaFields
-      },
-      onSelect: (k, data) => {
-        handleSelect(k, data);
-        history.push(`${match.path}/info`);
-      },
-      t: t,
-      formData: params
-    });
-  })()), /*#__PURE__*/React.createElement(Route, {
-    path: `${match.path}/info`
-  }, (() => {
-    const routeObj = config.find(r => r.route === "info");
-    if (!routeObj) return null;
-    const Component = typeof routeObj.component === "string" ? Digit.ComponentRegistryService.getComponent(routeObj.component) : routeObj.component;
-    return /*#__PURE__*/React.createElement(Component, {
+  }, /*#__PURE__*/React.createElement(Switch, null, config.map((routeObj, index) => {
+    const {
+      component,
+      texts,
+      inputs,
+      key,
+      additionaFields
+    } = routeObj;
+    const Component = typeof component === "string" ? Digit.ComponentRegistryService.getComponent(component) : component;
+    return /*#__PURE__*/React.createElement(Route, {
+      path: `${match.path}/${routeObj.route}`,
+      key: index
+    }, /*#__PURE__*/React.createElement(Component, {
       config: {
-        texts: routeObj.texts,
-        inputs: routeObj.inputs,
-        key: routeObj.key,
-        additionaFields: routeObj.additionaFields
-      },
-      onSelect: () => {
-        history.push(`${match.path}/form`);
+        texts,
+        inputs,
+        key,
+        additionaFields
       },
+      onSelect: handleSelect,
       t: t,
       formData: params
-    });
-  })()), /*#__PURE__*/React.createElement(Route, {
-    path: `${match.path}/form`
-  }, /*#__PURE__*/React.createElement(SinglePageForm, null)), /*#__PURE__*/React.createElement(Route, {
+    }));
+  }), /*#__PURE__*/React.createElement(Route, {
     path: `${match.path}/check`
   }, /*#__PURE__*/React.createElement(CheckPage, {
     onSubmit: wt_create,
@@ -460,31 +405,6 @@ const WTCreate = () => {
     to: `${match.path}/${config.indexRoute}`
   }))))));
 };
-const sectionStyle = {
-  background: "#fff",
-  borderRadius: "4px",
-  boxShadow: "0 2px 4px rgba(0,0,0,0.08)",
-  padding: "24px",
-  border: "1px solid #E0E0E0"
-};
-const sectionHeaderStyle = {
-  fontSize: "18px",
-  fontWeight: "700",
-  color: "#0B0C0C",
-  marginBottom: "20px",
-  paddingBottom: "12px",
-  borderBottom: "2px solid #F47738"
-};
-const submitButtonStyle = {
-  background: "#F47738",
-  color: "#fff",
-  border: "none",
-  borderRadius: "4px",
-  padding: "12px 32px",
-  fontSize: "16px",
-  fontWeight: "600",
-  cursor: "pointer"
-};
 
 const checkForNotNull = (value = "") => {
   return value && value != null && value != undefined && value != "" ? true : false;
@@ -3122,14 +3042,18 @@ const EmployeeApp = ({
   const ApplicationDetails = (_Digit = Digit) === null || _Digit === void 0 ? void 0 : (_Digit$ComponentRegis = _Digit.ComponentRegistryService) === null || _Digit$ComponentRegis === void 0 ? void 0 : _Digit$ComponentRegis.getComponent("ApplicationDetails");
   const WTCreate = (_Digit2 = Digit) === null || _Digit2 === void 0 ? void 0 : (_Digit2$ComponentRegi = _Digit2.ComponentRegistryService) === null || _Digit2$ComponentRegi === void 0 ? void 0 : _Digit2$ComponentRegi.getComponent("WTCreate");
   return /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
-    className: "form-container"
+    className: "ground-container employee-app-container form-container"
   }, /*#__PURE__*/React.createElement(ModuleHeader, {
     leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
       className: "icon"
     }), "Back"),
     onLeftClick: () => window.history.back(),
     breadcrumbs: getDynamicBreadcrumbs()
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "employee-form"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-content"
+  }, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/inbox`,
     component: () => /*#__PURE__*/React.createElement(Inbox, {
       useNewInboxAPI: true,
@@ -3199,7 +3123,7 @@ const EmployeeApp = ({
       parentRoute: path,
       moduleCode: "TP"
     }))
-  }))));
+  }))))));
 };
 
 const WTApplication = ({
@@ -15838,8 +15762,9 @@ const TLCaption = ({
   }), /*#__PURE__*/React.createElement("p", null, "\xA0\xA0\xA0\xA0")), data.source && /*#__PURE__*/React.createElement("p", null, t("ES_APPLICATION_DETAILS_APPLICATION_CHANNEL_" + data.source.toUpperCase())), data.comment && /*#__PURE__*/React.createElement(Reason, {
     otherComment: data === null || data === void 0 ? void 0 : data.otherComment,
     headComment: data === null || data === void 0 ? void 0 : data.comment
-  }), data !== null && data !== void 0 && data.wfComment ? /*#__PURE__*/React.createElement("div", null, data === null || data === void 0 ? void 0 : (_data$wfComment = data.wfComment) === null || _data$wfComment === void 0 ? void 0 : _data$wfComment.map(e => /*#__PURE__*/React.createElement("div", {
-    className: "TLComments"
+  }), data !== null && data !== void 0 && data.wfComment ? /*#__PURE__*/React.createElement("div", null, data === null || data === void 0 ? void 0 : (_data$wfComment = data.wfComment) === null || _data$wfComment === void 0 ? void 0 : _data$wfComment.map((e, index) => /*#__PURE__*/React.createElement("div", {
+    className: "TLComments",
+    key: index
   }, /*#__PURE__*/React.createElement("h3", null, t("WF_COMMON_COMMENTS")), /*#__PURE__*/React.createElement("p", {
     style: {
       overflowX: "scroll"
@@ -17048,7 +16973,7 @@ function ApplicationDetailsContent({
   oldValue,
   isInfoLabel = false
 }) {
-  var _applicationDetails$a, _applicationDetails$a2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
+  var _applicationDetails$a2, _workflowDetails$data3, _workflowDetails$data4, _workflowDetails$data5, _workflowDetails$data6, _workflowDetails$data7, _workflowDetails$data8, _workflowDetails$data9, _workflowDetails$data0, _workflowDetails$data1, _workflowDetails$data10, _workflowDetails$data11, _workflowDetails$data19, _workflowDetails$data20;
   const {
     t
   } = useTranslation();
@@ -17060,8 +16985,6 @@ function ApplicationDetailsContent({
   let {
     id: applicationNo
   } = useParams();
-  const ownersSequences = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a = applicationDetails.applicationData) === null || _applicationDetails$a === void 0 ? void 0 : _applicationDetails$a.owners;
-  console.log("ownersSequences:- ", ownersSequences);
   function OpenImage(imageSource, index, thumbnailsToShow) {
     var _thumbnailsToShow$ful;
     window.open(thumbnailsToShow === null || thumbnailsToShow === void 0 ? void 0 : (_thumbnailsToShow$ful = thumbnailsToShow.fullImage) === null || _thumbnailsToShow$ful === void 0 ? void 0 : _thumbnailsToShow$ful[0], "_blank");
@@ -17291,6 +17214,7 @@ function ApplicationDetailsContent({
     setSelectedData(data);
     setShowPopup(true);
   };
+  console.log("===========================");
   return /*#__PURE__*/React.createElement(Card, {
     style: {
       position: "relative"
@@ -18293,38 +18217,11 @@ const ApplicationDetails$1 = () => {
     }
   }, [workflowDetails.data]);
   const [showTimeline, setShowTimeline] = useState(true);
-  let dowloadOptions = [];
   return /*#__PURE__*/React.createElement("div", {
     style: {
       padding: (user === null || user === void 0 ? void 0 : user.type) === "CITIZEN" ? "0 15px" : ""
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "employee-application-details",
-    style: {
-      marginBottom: "15px"
-    }
-  }, /*#__PURE__*/React.createElement(Header, {
-    styles: {
-      marginLeft: "0px",
-      paddingTop: "10px",
-      fontSize: "32px"
-    }
-  }, t("BOOKING_DETAILS")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      zIndex: "10",
-      display: "flex",
-      flexDirection: "row-reverse",
-      alignItems: "center",
-      marginTop: "-25px"
-    }
-  }, dowloadOptions && dowloadOptions.length > 0 && /*#__PURE__*/React.createElement(MultiLink, {
-    className: "multilinkWrapper employee-mulitlink-main-div",
-    onHeadClick: () => setShowOptions(!showOptions),
-    displayOptions: showOptions,
-    options: dowloadOptions,
-    downloadBtnClassName: "employee-download-btn-className",
-    optionsClassName: "employee-options-btn-className"
-  }))), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "row",