@djb25/digit-ui-module-vendor 1.0.54 → 1.0.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -27,23 +27,18 @@ function _objectWithoutPropertiesLoose(r, e) {
27
27
  return t;
28
28
  }
29
29
 
30
- // A type of promise-like that resolves synchronously and supports only one observer
31
-
32
- const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
33
-
34
- const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
35
-
36
- // Asynchronously call a function and send errors to recovery continuation
30
+ const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
31
+ const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
37
32
  function _catch(body, recover) {
38
- try {
39
- var result = body();
40
- } catch(e) {
41
- return recover(e);
42
- }
43
- if (result && result.then) {
44
- return result.then(void 0, recover);
45
- }
46
- return result;
33
+ try {
34
+ var result = body();
35
+ } catch (e) {
36
+ return recover(e);
37
+ }
38
+ if (result && result.then) {
39
+ return result.then(void 0, recover);
40
+ }
41
+ return result;
47
42
  }
48
43
 
49
44
  const _require = require("@djb25/digit-ui-react-components"),
@@ -1478,11 +1473,11 @@ const VendorInbox = props => {
1478
1473
  accessor: "name",
1479
1474
  Cell: _ref7 => {
1480
1475
  let row = _ref7.row;
1481
- return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", {
1482
- className: "link"
1483
- }, /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
1476
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
1484
1477
  to: "/digit-ui/" + userType + "/vendor/registry/vendor-details/" + row.original["id"]
1485
- }, /*#__PURE__*/React__default.createElement("div", null, row.original.name))));
1478
+ }, /*#__PURE__*/React__default.createElement("span", {
1479
+ className: "link"
1480
+ }, row.original.name)));
1486
1481
  }
1487
1482
  }, {
1488
1483
  Header: t("WT_MOBILE_NUMBER"),
@@ -2108,16 +2103,10 @@ const VendorInbox = props => {
2108
2103
  }));
2109
2104
  } else if (tableData.length > 0) {
2110
2105
  result = /*#__PURE__*/React__default.createElement(ApplicationTable, {
2111
- className: "table registryTable",
2106
+ className: "table",
2112
2107
  t: t,
2113
2108
  data: tableData,
2114
2109
  columns: columns,
2115
- getCellProps: () => ({
2116
- style: {
2117
- padding: "8px 12px",
2118
- fontSize: "13.5px"
2119
- }
2120
- }),
2121
2110
  onPageSizeChange: props.onPageSizeChange,
2122
2111
  currentPage: props.currentPage,
2123
2112
  onNextPage: props.onNextPage,
@@ -2636,12 +2625,7 @@ const tableColumnConfig = (t, handleReview) => [{
2636
2625
  let row = _ref.row;
2637
2626
  const id = (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.id;
2638
2627
  return /*#__PURE__*/React__default.createElement("span", {
2639
- className: "ekyc-application-link",
2640
- style: {
2641
- color: "#318ED0",
2642
- cursor: "pointer",
2643
- fontSize: "16px"
2644
- },
2628
+ className: "link",
2645
2629
  onClick: () => handleReview(id)
2646
2630
  }, ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.surveyorName) || ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.name) || "NA");
2647
2631
  }
@@ -2679,14 +2663,8 @@ const Heading = props => {
2679
2663
  className: "heading-m"
2680
2664
  }, props.label);
2681
2665
  };
2682
- const CloseBtn = props => {
2683
- return /*#__PURE__*/React__default.createElement("div", {
2684
- className: "icon-bg-secondary",
2685
- onClick: props.onClick
2686
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, null));
2687
- };
2688
2666
  const SupervisorDetails = props => {
2689
- var _Digit$SessionStorage, _userInfo$type, _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _dashboardData$dashbo, _supervisorData$5, _supervisorData$5$emp, _formState$tableForm10, _formState$tableForm11;
2667
+ var _Digit$SessionStorage, _userInfo$type, _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _dashboardData$dashbo, _supervisorData$2, _supervisorData$2$emp, _formState$tableForm10, _formState$tableForm11;
2690
2668
  const tenantId = Digit.ULBService.getCurrentTenantId();
2691
2669
  const _useTranslation = reactI18next.useTranslation(),
2692
2670
  t = _useTranslation.t;
@@ -2709,12 +2687,6 @@ const SupervisorDetails = props => {
2709
2687
  const _useState4 = React.useState(null),
2710
2688
  showToast = _useState4[0],
2711
2689
  setShowToast = _useState4[1];
2712
- const _useState5 = React.useState([]),
2713
- vendors = _useState5[0],
2714
- setVendors = _useState5[1];
2715
- const _useState6 = React.useState({}),
2716
- selectedOption = _useState6[0],
2717
- setSelectedOption = _useState6[1];
2718
2690
  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
2719
2691
  sortBy: "name",
2720
2692
  sortOrder: "ASC",
@@ -2769,14 +2741,6 @@ const SupervisorDetails = props => {
2769
2741
  }, [supervisorSearchResponse, vendorData]);
2770
2742
  const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSupervisorUpdate(tenantId),
2771
2743
  mutateSupervisor = _Digit$Hooks$fsm$useS2.mutate;
2772
- const _Digit$Hooks$fsm$useV = Digit.Hooks.fsm.useVendorUpdate(tenantId),
2773
- mutateVendor = _Digit$Hooks$fsm$useV.mutate;
2774
- React.useEffect(() => {
2775
- if (vendorData) {
2776
- let vendors = vendorData.map(data => data.dsoDetails);
2777
- setVendors(vendors);
2778
- }
2779
- }, [vendorData]);
2780
2744
  React.useEffect(() => {
2781
2745
  var _location$state;
2782
2746
  refetch();
@@ -2789,15 +2753,12 @@ const SupervisorDetails = props => {
2789
2753
  }, []);
2790
2754
  React.useEffect(() => {
2791
2755
  switch (selectedAction) {
2792
- case "DELETE":
2793
- case "ADD_VENDOR":
2794
- case "EDIT_VENDOR":
2795
- case "DELETE_VENDOR":
2796
- return setShowModal(true);
2797
2756
  case "EDIT":
2798
2757
  return history.push("/digit-ui/" + userType + "/vendor/registry/modify-supervisor/" + supervisorId);
2799
2758
  case "HOME":
2800
2759
  return history.push("/digit-ui/" + userType + "/vendor/search-vendor?selectedTabs=SUPERVISOR");
2760
+ case "DELETE":
2761
+ return setShowModal(true);
2801
2762
  }
2802
2763
  }, [selectedAction]);
2803
2764
  const _useReducer = React.useReducer(formReducer, formInitValue),
@@ -2818,21 +2779,6 @@ const SupervisorDetails = props => {
2818
2779
  }),
2819
2780
  dashboardData = _Digit$Hooks$fsm$useS3.data,
2820
2781
  isDashboradLoading = _Digit$Hooks$fsm$useS3.isLoading;
2821
- const closeToast = () => {
2822
- setShowToast(null);
2823
- };
2824
- const handleModalAction = () => {
2825
- switch (selectedAction) {
2826
- case "DELETE":
2827
- return handleDeleteSupervisor();
2828
- case "DELETE_VENDOR":
2829
- return handleDeleteVendor();
2830
- case "ADD_VENDOR":
2831
- return handleAddVendor();
2832
- case "EDIT_VENDOR":
2833
- return handleEditVendor();
2834
- }
2835
- };
2836
2782
  const handleDeleteSupervisor = () => {
2837
2783
  var _supervisorData$;
2838
2784
  let details = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$ = supervisorData[0]) === null || _supervisorData$ === void 0 ? void 0 : _supervisorData$.supervisorData;
@@ -2847,153 +2793,27 @@ const SupervisorDetails = props => {
2847
2793
  key: "error",
2848
2794
  action: error
2849
2795
  });
2850
- setTimeout(closeToast, 5000);
2851
- },
2852
- onSuccess: () => {
2853
- setShowToast({
2854
- key: "success",
2855
- action: "DELETE_SUPERVISOR"
2856
- });
2857
- queryClient.invalidateQueries("SUPERVISOR_SEARCH");
2858
- setTimeout(() => {
2859
- closeToast();
2860
- history.push("/digit-ui/" + userType + "/vendor/search-vendor");
2861
- }, 5000);
2862
- }
2863
- });
2864
- setShowModal(false);
2865
- };
2866
- const handleDeleteVendor = () => {
2867
- var _supervisorData$2, _supervisorData$2$ven, _supervisorData$2$ven2;
2868
- let dsoDetails = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$2 = supervisorData[0]) === null || _supervisorData$2 === void 0 ? void 0 : (_supervisorData$2$ven = _supervisorData$2.vendorDetails) === null || _supervisorData$2$ven === void 0 ? void 0 : (_supervisorData$2$ven2 = _supervisorData$2$ven.vendor) === null || _supervisorData$2$ven2 === void 0 ? void 0 : _supervisorData$2$ven2[0];
2869
- let getSupervisorVendorDetails = (dsoDetails === null || dsoDetails === void 0 ? void 0 : dsoDetails.supervisors) || [];
2870
- getSupervisorVendorDetails = getSupervisorVendorDetails.map(data => {
2871
- if (data.id === supervisorId) {
2872
- data.vendorSupervisorStatus = "INACTIVE";
2873
- }
2874
- return data;
2875
- });
2876
- const formData = {
2877
- vendor: _extends({}, dsoDetails, {
2878
- supervisors: getSupervisorVendorDetails
2879
- })
2880
- };
2881
- mutateVendor(formData, {
2882
- onError: error => {
2883
- setShowToast({
2884
- key: "error",
2885
- action: error
2886
- });
2887
- setTimeout(closeToast, 5000);
2888
- },
2889
- onSuccess: () => {
2890
- setShowToast({
2891
- key: "success",
2892
- action: "DELETE_VENDOR"
2893
- });
2894
- queryClient.invalidateQueries("FSM_VENDOR_SEARCH");
2895
- refetch();
2896
- setTimeout(closeToast, 5000);
2897
- }
2898
- });
2899
- setShowModal(false);
2900
- };
2901
- const handleAddVendor = () => {
2902
- var _supervisorData$3;
2903
- let dsoDetails = selectedOption;
2904
- let details = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$3 = supervisorData[0]) === null || _supervisorData$3 === void 0 ? void 0 : _supervisorData$3.supervisorData;
2905
- details.vendorSupervisorStatus = "ACTIVE";
2906
- const formData = {
2907
- vendor: _extends({}, dsoDetails, {
2908
- supervisors: dsoDetails.supervisors ? [...dsoDetails.supervisors, details] : [details]
2909
- })
2910
- };
2911
- mutateVendor(formData, {
2912
- onError: error => {
2913
- setShowToast({
2914
- key: "error",
2915
- action: error
2916
- });
2917
- refetch();
2918
- setTimeout(closeToast, 5000);
2919
2796
  },
2920
2797
  onSuccess: () => {
2921
- setShowToast({
2922
- key: "success",
2923
- action: "ADD_VENDOR"
2924
- });
2925
2798
  queryClient.invalidateQueries("SUPERVISOR_SEARCH");
2926
- refetch();
2927
- setTimeout(closeToast, 5000);
2928
- }
2929
- });
2930
- setShowModal(false);
2931
- setSelectedAction(null);
2932
- };
2933
- const handleEditVendor = () => {
2934
- var _supervisorData$4;
2935
- let dsoDetails = selectedOption;
2936
- let details = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$4 = supervisorData[0]) === null || _supervisorData$4 === void 0 ? void 0 : _supervisorData$4.supervisorData;
2937
- details.vendorSupervisorStatus = "ACTIVE";
2938
- const formData = {
2939
- vendor: _extends({}, dsoDetails, {
2940
- supervisors: dsoDetails.supervisors ? [...dsoDetails.supervisors, details] : [details]
2941
- })
2942
- };
2943
- mutateVendor(formData, {
2944
- onError: error => {
2945
- setShowToast({
2946
- key: "error",
2947
- action: error
2948
- });
2949
- setTimeout(closeToast, 5000);
2950
- },
2951
- onSuccess: () => {
2952
- setShowToast({
2953
- key: "success",
2954
- action: "EDIT_VENDOR"
2799
+ history.push({
2800
+ pathname: "/digit-ui/" + userType + "/vendor/search-vendor",
2801
+ state: {
2802
+ showSuccessToast: true,
2803
+ message: {
2804
+ key: "success",
2805
+ action: "DELETE_SUPERVISOR"
2806
+ }
2807
+ }
2955
2808
  });
2956
- refetch();
2957
- queryClient.invalidateQueries("SUPERVISOR_SEARCH");
2958
- setTimeout(closeToast, 5000);
2959
2809
  }
2960
2810
  });
2961
2811
  setShowModal(false);
2962
- setSelectedAction(null);
2963
2812
  };
2964
2813
  const closeModal = () => {
2965
2814
  setSelectedAction(null);
2966
- setSelectedOption({});
2967
2815
  setShowModal(false);
2968
2816
  };
2969
- const modalHeading = () => {
2970
- switch (selectedAction) {
2971
- case "DELETE":
2972
- case "DELETE_VENDOR":
2973
- return "ES_VENDOR_SUPERVISOR_DELETE_POPUP_HEADER";
2974
- case "ADD_VENDOR":
2975
- case "EDIT_VENDOR":
2976
- return "ES_VENDOR_SUPERVISOR_ADD_VENDOR_POPUP_HEADER";
2977
- }
2978
- };
2979
- const renderModalContent = () => {
2980
- if (selectedAction === "DELETE" || selectedAction === "DELETE_VENDOR") {
2981
- return /*#__PURE__*/React__default.createElement(ConfirmationBox, {
2982
- t: t,
2983
- title: "ES_VENDOR_SUPERVISOR_DELETE_TEXT"
2984
- });
2985
- }
2986
- if (selectedAction === "ADD_VENDOR" || selectedAction === "EDIT_VENDOR") {
2987
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, null, t("ES_FSM_REGISTRY_SELECT_VENODOR")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
2988
- t: t,
2989
- option: vendors,
2990
- value: selectedOption,
2991
- selected: selectedOption,
2992
- select: setSelectedOption,
2993
- optionKey: "name"
2994
- }));
2995
- }
2996
- };
2997
2817
  const filteredData = React__default.useMemo(() => {
2998
2818
  return ((dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.surveyors) || []).map(item => {
2999
2819
  var _owner$roles, _owner$roles$map, _item$additionalDetai, _item$auditDetails, _item$auditDetails2;
@@ -3091,7 +2911,7 @@ const SupervisorDetails = props => {
3091
2911
  className: "employee-form-content"
3092
2912
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
3093
2913
  className: "flex-box flex-box-col flex-gap-5"
3094
- }, supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$5 = supervisorData[0]) === null || _supervisorData$5 === void 0 ? void 0 : (_supervisorData$5$emp = _supervisorData$5.employeeResponse) === null || _supervisorData$5$emp === void 0 ? void 0 : _supervisorData$5$emp.map((detail, index) => {
2914
+ }, supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$2 = supervisorData[0]) === null || _supervisorData$2 === void 0 ? void 0 : (_supervisorData$2$emp = _supervisorData$2.employeeResponse) === null || _supervisorData$2$emp === void 0 ? void 0 : _supervisorData$2$emp.map((detail, index) => {
3095
2915
  var _detail$values, _userInfo$roles, _userInfo$roles$map;
3096
2916
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
3097
2917
  key: index
@@ -3117,15 +2937,7 @@ const SupervisorDetails = props => {
3117
2937
  gap: "20px",
3118
2938
  alignItems: "center"
3119
2939
  }
3120
- }, t(value.value) || "N/A", value.value === "ES_FSM_REGISTRY_DETAILS_ADD_VENDOR" && /*#__PURE__*/React__default.createElement("span", {
3121
- className: "add-details-link hover-button",
3122
- onClick: () => setSelectedAction("ADD_VENDOR"),
3123
- style: {
3124
- cursor: "pointer"
3125
- }
3126
- }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.AddIcon, {
3127
- fill: "#a82227"
3128
- })), value.value !== "ES_FSM_REGISTRY_DETAILS_ADD_VENDOR" && /*#__PURE__*/React__default.createElement(React__default.Fragment, null))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
2940
+ }, t(value.value) || "N/A")) : /*#__PURE__*/React__default.createElement(React__default.Fragment, {
3129
2941
  key: index
3130
2942
  }, /*#__PURE__*/React__default.createElement("div", {
3131
2943
  className: "additional-label"
@@ -3172,23 +2984,26 @@ const SupervisorDetails = props => {
3172
2984
  isLoading: isDashboradLoading
3173
2985
  }))), showModal && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
3174
2986
  headerBarMain: /*#__PURE__*/React__default.createElement(Heading, {
3175
- label: t(modalHeading())
2987
+ label: t("ES_VENDOR_SUPERVISOR_DELETE_POPUP_HEADER")
3176
2988
  }),
3177
- headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
2989
+ headerBarEnd: /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, {
3178
2990
  onClick: closeModal
3179
2991
  }),
3180
2992
  actionCancelLabel: t("CS_COMMON_CANCEL"),
3181
2993
  actionCancelOnSubmit: closeModal,
3182
- actionSaveLabel: t(selectedAction === "DELETE" || selectedAction === "DELETE_VENDOR" ? "ES_EVENT_DELETE" : "CS_COMMON_SUBMIT"),
3183
- actionSaveOnSubmit: handleModalAction
2994
+ actionSaveLabel: t("ES_EVENT_DELETE"),
2995
+ actionSaveOnSubmit: handleDeleteSupervisor
3184
2996
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
3185
2997
  style: {
3186
2998
  boxShadow: "none"
3187
2999
  }
3188
- }, renderModalContent())), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
3000
+ }, /*#__PURE__*/React__default.createElement(ConfirmationBox, {
3001
+ t: t,
3002
+ title: "ES_VENDOR_SUPERVISOR_DELETE_TEXT"
3003
+ }))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
3189
3004
  error: showToast.key === "error",
3190
3005
  label: t(showToast.key === "success" ? "ES_VENDOR_" + showToast.action + "_SUCCESS" : showToast.action),
3191
- onClose: closeToast,
3006
+ onClose: () => setShowToast(null),
3192
3007
  duration: 5000
3193
3008
  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, {
3194
3009
  style: {
@@ -3476,7 +3291,7 @@ const Heading$1 = props => {
3476
3291
  className: "heading-m"
3477
3292
  }, props.label);
3478
3293
  };
3479
- const CloseBtn$1 = props => {
3294
+ const CloseBtn = props => {
3480
3295
  return /*#__PURE__*/React__default.createElement("div", {
3481
3296
  onClick: props.onClick
3482
3297
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, null));
@@ -3720,7 +3535,7 @@ const SurveyorDetails = props => {
3720
3535
  headerBarMain: /*#__PURE__*/React__default.createElement(Heading$1, {
3721
3536
  label: t(modalHeading())
3722
3537
  }),
3723
- headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$1, {
3538
+ headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn, {
3724
3539
  onClick: closeModal
3725
3540
  }),
3726
3541
  actionCancelLabel: t("CS_COMMON_CANCEL"),
@@ -3758,7 +3573,7 @@ const Heading$2 = props => {
3758
3573
  className: "heading-m"
3759
3574
  }, props.label);
3760
3575
  };
3761
- const CloseBtn$2 = props => {
3576
+ const CloseBtn$1 = props => {
3762
3577
  return /*#__PURE__*/React__default.createElement("div", {
3763
3578
  conClick: props.onClick
3764
3579
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, null));
@@ -4267,7 +4082,7 @@ const EditVendorDetails = props => {
4267
4082
  headerBarMain: /*#__PURE__*/React__default.createElement(Heading$2, {
4268
4083
  label: t(selectedAction === "DELETE" ? "ES_FSM_REGISTRY_DELETE_POPUP_HEADER" : selectedAction === "ADD_VEHICLE" ? "ES_FSM_REGISTRY_ADD_VEHICLE_POPUP_HEADER" : "ES_FSM_REGISTRY_ADD_DRIVER_POPUP_HEADER")
4269
4084
  }),
4270
- headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$2, {
4085
+ headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$1, {
4271
4086
  onClick: closeModal
4272
4087
  }),
4273
4088
  actionCancelLabel: t("CS_COMMON_CANCEL"),
@@ -4550,7 +4365,7 @@ const VendorConfig = function (t, disabled, formData) {
4550
4365
  body: [{
4551
4366
  type: "component",
4552
4367
  key: "propertyAddress",
4553
- component: "CPTPropertyLocationDetails",
4368
+ component: "PropertyLocationDetails",
4554
4369
  withoutLabel: true,
4555
4370
  props: {
4556
4371
  hidePropertySearch: true,
@@ -8243,7 +8058,7 @@ const Heading$3 = props => {
8243
8058
  className: "heading-m"
8244
8059
  }, props.label);
8245
8060
  };
8246
- const CloseBtn$3 = props => {
8061
+ const CloseBtn$2 = props => {
8247
8062
  return /*#__PURE__*/React__default.createElement("div", {
8248
8063
  onClick: props.onClick
8249
8064
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, null));
@@ -8588,7 +8403,7 @@ const DriverDetails = () => {
8588
8403
  headerBarMain: /*#__PURE__*/React__default.createElement(Heading$3, {
8589
8404
  label: t(modalHeading())
8590
8405
  }),
8591
- headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$3, {
8406
+ headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$2, {
8592
8407
  onClick: closeModal
8593
8408
  }),
8594
8409
  actionCancelLabel: t("CS_COMMON_CANCEL"),
@@ -9099,7 +8914,7 @@ const Heading$4 = props => {
9099
8914
  className: "heading-m"
9100
8915
  }, props.label);
9101
8916
  };
9102
- const CloseBtn$4 = props => {
8917
+ const CloseBtn$3 = props => {
9103
8918
  return /*#__PURE__*/React__default.createElement("div", {
9104
8919
  onClick: props.onClick
9105
8920
  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CloseSvg, null));
@@ -9463,7 +9278,7 @@ const VehicleDetails = props => {
9463
9278
  headerBarMain: /*#__PURE__*/React__default.createElement(Heading$4, {
9464
9279
  label: t(modalHeading())
9465
9280
  }),
9466
- headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$4, {
9281
+ headerBarEnd: /*#__PURE__*/React__default.createElement(CloseBtn$3, {
9467
9282
  onClick: closeModal
9468
9283
  }),
9469
9284
  actionCancelLabel: t("CS_COMMON_CANCEL"),