@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.
@@ -24,23 +24,18 @@ function _objectWithoutPropertiesLoose(r, e) {
24
24
  return t;
25
25
  }
26
26
 
27
- // A type of promise-like that resolves synchronously and supports only one observer
28
-
29
- const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
30
-
31
- const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
32
-
33
- // Asynchronously call a function and send errors to recovery continuation
27
+ const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
28
+ const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
34
29
  function _catch(body, recover) {
35
- try {
36
- var result = body();
37
- } catch(e) {
38
- return recover(e);
39
- }
40
- if (result && result.then) {
41
- return result.then(void 0, recover);
42
- }
43
- return result;
30
+ try {
31
+ var result = body();
32
+ } catch (e) {
33
+ return recover(e);
34
+ }
35
+ if (result && result.then) {
36
+ return result.then(void 0, recover);
37
+ }
38
+ return result;
44
39
  }
45
40
 
46
41
  const _require = require("@djb25/digit-ui-react-components"),
@@ -1475,11 +1470,11 @@ const VendorInbox = props => {
1475
1470
  accessor: "name",
1476
1471
  Cell: _ref7 => {
1477
1472
  let row = _ref7.row;
1478
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
1479
- className: "link"
1480
- }, /*#__PURE__*/React.createElement(Link, {
1473
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Link, {
1481
1474
  to: "/digit-ui/" + userType + "/vendor/registry/vendor-details/" + row.original["id"]
1482
- }, /*#__PURE__*/React.createElement("div", null, row.original.name))));
1475
+ }, /*#__PURE__*/React.createElement("span", {
1476
+ className: "link"
1477
+ }, row.original.name)));
1483
1478
  }
1484
1479
  }, {
1485
1480
  Header: t("WT_MOBILE_NUMBER"),
@@ -2105,16 +2100,10 @@ const VendorInbox = props => {
2105
2100
  }));
2106
2101
  } else if (tableData.length > 0) {
2107
2102
  result = /*#__PURE__*/React.createElement(ApplicationTable, {
2108
- className: "table registryTable",
2103
+ className: "table",
2109
2104
  t: t,
2110
2105
  data: tableData,
2111
2106
  columns: columns,
2112
- getCellProps: () => ({
2113
- style: {
2114
- padding: "8px 12px",
2115
- fontSize: "13.5px"
2116
- }
2117
- }),
2118
2107
  onPageSizeChange: props.onPageSizeChange,
2119
2108
  currentPage: props.currentPage,
2120
2109
  onNextPage: props.onNextPage,
@@ -2633,12 +2622,7 @@ const tableColumnConfig = (t, handleReview) => [{
2633
2622
  let row = _ref.row;
2634
2623
  const id = (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.id;
2635
2624
  return /*#__PURE__*/React.createElement("span", {
2636
- className: "ekyc-application-link",
2637
- style: {
2638
- color: "#318ED0",
2639
- cursor: "pointer",
2640
- fontSize: "16px"
2641
- },
2625
+ className: "link",
2642
2626
  onClick: () => handleReview(id)
2643
2627
  }, ((_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");
2644
2628
  }
@@ -2676,14 +2660,8 @@ const Heading = props => {
2676
2660
  className: "heading-m"
2677
2661
  }, props.label);
2678
2662
  };
2679
- const CloseBtn = props => {
2680
- return /*#__PURE__*/React.createElement("div", {
2681
- className: "icon-bg-secondary",
2682
- onClick: props.onClick
2683
- }, /*#__PURE__*/React.createElement(CloseSvg, null));
2684
- };
2685
2663
  const SupervisorDetails = props => {
2686
- var _Digit$SessionStorage, _userInfo$type, _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _dashboardData$dashbo, _supervisorData$5, _supervisorData$5$emp, _formState$tableForm10, _formState$tableForm11;
2664
+ var _Digit$SessionStorage, _userInfo$type, _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _dashboardData$dashbo, _supervisorData$2, _supervisorData$2$emp, _formState$tableForm10, _formState$tableForm11;
2687
2665
  const tenantId = Digit.ULBService.getCurrentTenantId();
2688
2666
  const _useTranslation = useTranslation(),
2689
2667
  t = _useTranslation.t;
@@ -2706,12 +2684,6 @@ const SupervisorDetails = props => {
2706
2684
  const _useState4 = useState(null),
2707
2685
  showToast = _useState4[0],
2708
2686
  setShowToast = _useState4[1];
2709
- const _useState5 = useState([]),
2710
- vendors = _useState5[0],
2711
- setVendors = _useState5[1];
2712
- const _useState6 = useState({}),
2713
- selectedOption = _useState6[0],
2714
- setSelectedOption = _useState6[1];
2715
2687
  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
2716
2688
  sortBy: "name",
2717
2689
  sortOrder: "ASC",
@@ -2766,14 +2738,6 @@ const SupervisorDetails = props => {
2766
2738
  }, [supervisorSearchResponse, vendorData]);
2767
2739
  const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSupervisorUpdate(tenantId),
2768
2740
  mutateSupervisor = _Digit$Hooks$fsm$useS2.mutate;
2769
- const _Digit$Hooks$fsm$useV = Digit.Hooks.fsm.useVendorUpdate(tenantId),
2770
- mutateVendor = _Digit$Hooks$fsm$useV.mutate;
2771
- useEffect(() => {
2772
- if (vendorData) {
2773
- let vendors = vendorData.map(data => data.dsoDetails);
2774
- setVendors(vendors);
2775
- }
2776
- }, [vendorData]);
2777
2741
  useEffect(() => {
2778
2742
  var _location$state;
2779
2743
  refetch();
@@ -2786,15 +2750,12 @@ const SupervisorDetails = props => {
2786
2750
  }, []);
2787
2751
  useEffect(() => {
2788
2752
  switch (selectedAction) {
2789
- case "DELETE":
2790
- case "ADD_VENDOR":
2791
- case "EDIT_VENDOR":
2792
- case "DELETE_VENDOR":
2793
- return setShowModal(true);
2794
2753
  case "EDIT":
2795
2754
  return history.push("/digit-ui/" + userType + "/vendor/registry/modify-supervisor/" + supervisorId);
2796
2755
  case "HOME":
2797
2756
  return history.push("/digit-ui/" + userType + "/vendor/search-vendor?selectedTabs=SUPERVISOR");
2757
+ case "DELETE":
2758
+ return setShowModal(true);
2798
2759
  }
2799
2760
  }, [selectedAction]);
2800
2761
  const _useReducer = useReducer(formReducer, formInitValue),
@@ -2815,21 +2776,6 @@ const SupervisorDetails = props => {
2815
2776
  }),
2816
2777
  dashboardData = _Digit$Hooks$fsm$useS3.data,
2817
2778
  isDashboradLoading = _Digit$Hooks$fsm$useS3.isLoading;
2818
- const closeToast = () => {
2819
- setShowToast(null);
2820
- };
2821
- const handleModalAction = () => {
2822
- switch (selectedAction) {
2823
- case "DELETE":
2824
- return handleDeleteSupervisor();
2825
- case "DELETE_VENDOR":
2826
- return handleDeleteVendor();
2827
- case "ADD_VENDOR":
2828
- return handleAddVendor();
2829
- case "EDIT_VENDOR":
2830
- return handleEditVendor();
2831
- }
2832
- };
2833
2779
  const handleDeleteSupervisor = () => {
2834
2780
  var _supervisorData$;
2835
2781
  let details = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$ = supervisorData[0]) === null || _supervisorData$ === void 0 ? void 0 : _supervisorData$.supervisorData;
@@ -2844,153 +2790,27 @@ const SupervisorDetails = props => {
2844
2790
  key: "error",
2845
2791
  action: error
2846
2792
  });
2847
- setTimeout(closeToast, 5000);
2848
- },
2849
- onSuccess: () => {
2850
- setShowToast({
2851
- key: "success",
2852
- action: "DELETE_SUPERVISOR"
2853
- });
2854
- queryClient.invalidateQueries("SUPERVISOR_SEARCH");
2855
- setTimeout(() => {
2856
- closeToast();
2857
- history.push("/digit-ui/" + userType + "/vendor/search-vendor");
2858
- }, 5000);
2859
- }
2860
- });
2861
- setShowModal(false);
2862
- };
2863
- const handleDeleteVendor = () => {
2864
- var _supervisorData$2, _supervisorData$2$ven, _supervisorData$2$ven2;
2865
- 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];
2866
- let getSupervisorVendorDetails = (dsoDetails === null || dsoDetails === void 0 ? void 0 : dsoDetails.supervisors) || [];
2867
- getSupervisorVendorDetails = getSupervisorVendorDetails.map(data => {
2868
- if (data.id === supervisorId) {
2869
- data.vendorSupervisorStatus = "INACTIVE";
2870
- }
2871
- return data;
2872
- });
2873
- const formData = {
2874
- vendor: _extends({}, dsoDetails, {
2875
- supervisors: getSupervisorVendorDetails
2876
- })
2877
- };
2878
- mutateVendor(formData, {
2879
- onError: error => {
2880
- setShowToast({
2881
- key: "error",
2882
- action: error
2883
- });
2884
- setTimeout(closeToast, 5000);
2885
- },
2886
- onSuccess: () => {
2887
- setShowToast({
2888
- key: "success",
2889
- action: "DELETE_VENDOR"
2890
- });
2891
- queryClient.invalidateQueries("FSM_VENDOR_SEARCH");
2892
- refetch();
2893
- setTimeout(closeToast, 5000);
2894
- }
2895
- });
2896
- setShowModal(false);
2897
- };
2898
- const handleAddVendor = () => {
2899
- var _supervisorData$3;
2900
- let dsoDetails = selectedOption;
2901
- let details = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$3 = supervisorData[0]) === null || _supervisorData$3 === void 0 ? void 0 : _supervisorData$3.supervisorData;
2902
- details.vendorSupervisorStatus = "ACTIVE";
2903
- const formData = {
2904
- vendor: _extends({}, dsoDetails, {
2905
- supervisors: dsoDetails.supervisors ? [...dsoDetails.supervisors, details] : [details]
2906
- })
2907
- };
2908
- mutateVendor(formData, {
2909
- onError: error => {
2910
- setShowToast({
2911
- key: "error",
2912
- action: error
2913
- });
2914
- refetch();
2915
- setTimeout(closeToast, 5000);
2916
2793
  },
2917
2794
  onSuccess: () => {
2918
- setShowToast({
2919
- key: "success",
2920
- action: "ADD_VENDOR"
2921
- });
2922
2795
  queryClient.invalidateQueries("SUPERVISOR_SEARCH");
2923
- refetch();
2924
- setTimeout(closeToast, 5000);
2925
- }
2926
- });
2927
- setShowModal(false);
2928
- setSelectedAction(null);
2929
- };
2930
- const handleEditVendor = () => {
2931
- var _supervisorData$4;
2932
- let dsoDetails = selectedOption;
2933
- let details = supervisorData === null || supervisorData === void 0 ? void 0 : (_supervisorData$4 = supervisorData[0]) === null || _supervisorData$4 === void 0 ? void 0 : _supervisorData$4.supervisorData;
2934
- details.vendorSupervisorStatus = "ACTIVE";
2935
- const formData = {
2936
- vendor: _extends({}, dsoDetails, {
2937
- supervisors: dsoDetails.supervisors ? [...dsoDetails.supervisors, details] : [details]
2938
- })
2939
- };
2940
- mutateVendor(formData, {
2941
- onError: error => {
2942
- setShowToast({
2943
- key: "error",
2944
- action: error
2945
- });
2946
- setTimeout(closeToast, 5000);
2947
- },
2948
- onSuccess: () => {
2949
- setShowToast({
2950
- key: "success",
2951
- action: "EDIT_VENDOR"
2796
+ history.push({
2797
+ pathname: "/digit-ui/" + userType + "/vendor/search-vendor",
2798
+ state: {
2799
+ showSuccessToast: true,
2800
+ message: {
2801
+ key: "success",
2802
+ action: "DELETE_SUPERVISOR"
2803
+ }
2804
+ }
2952
2805
  });
2953
- refetch();
2954
- queryClient.invalidateQueries("SUPERVISOR_SEARCH");
2955
- setTimeout(closeToast, 5000);
2956
2806
  }
2957
2807
  });
2958
2808
  setShowModal(false);
2959
- setSelectedAction(null);
2960
2809
  };
2961
2810
  const closeModal = () => {
2962
2811
  setSelectedAction(null);
2963
- setSelectedOption({});
2964
2812
  setShowModal(false);
2965
2813
  };
2966
- const modalHeading = () => {
2967
- switch (selectedAction) {
2968
- case "DELETE":
2969
- case "DELETE_VENDOR":
2970
- return "ES_VENDOR_SUPERVISOR_DELETE_POPUP_HEADER";
2971
- case "ADD_VENDOR":
2972
- case "EDIT_VENDOR":
2973
- return "ES_VENDOR_SUPERVISOR_ADD_VENDOR_POPUP_HEADER";
2974
- }
2975
- };
2976
- const renderModalContent = () => {
2977
- if (selectedAction === "DELETE" || selectedAction === "DELETE_VENDOR") {
2978
- return /*#__PURE__*/React.createElement(ConfirmationBox, {
2979
- t: t,
2980
- title: "ES_VENDOR_SUPERVISOR_DELETE_TEXT"
2981
- });
2982
- }
2983
- if (selectedAction === "ADD_VENDOR" || selectedAction === "EDIT_VENDOR") {
2984
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t("ES_FSM_REGISTRY_SELECT_VENODOR")), /*#__PURE__*/React.createElement(Dropdown, {
2985
- t: t,
2986
- option: vendors,
2987
- value: selectedOption,
2988
- selected: selectedOption,
2989
- select: setSelectedOption,
2990
- optionKey: "name"
2991
- }));
2992
- }
2993
- };
2994
2814
  const filteredData = React.useMemo(() => {
2995
2815
  return ((dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.surveyors) || []).map(item => {
2996
2816
  var _owner$roles, _owner$roles$map, _item$additionalDetai, _item$auditDetails, _item$auditDetails2;
@@ -3088,7 +2908,7 @@ const SupervisorDetails = props => {
3088
2908
  className: "employee-form-content"
3089
2909
  }, /*#__PURE__*/React.createElement(Card, {
3090
2910
  className: "flex-box flex-box-col flex-gap-5"
3091
- }, 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) => {
2911
+ }, 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) => {
3092
2912
  var _detail$values, _userInfo$roles, _userInfo$roles$map;
3093
2913
  return /*#__PURE__*/React.createElement(React.Fragment, {
3094
2914
  key: index
@@ -3114,15 +2934,7 @@ const SupervisorDetails = props => {
3114
2934
  gap: "20px",
3115
2935
  alignItems: "center"
3116
2936
  }
3117
- }, t(value.value) || "N/A", value.value === "ES_FSM_REGISTRY_DETAILS_ADD_VENDOR" && /*#__PURE__*/React.createElement("span", {
3118
- className: "add-details-link hover-button",
3119
- onClick: () => setSelectedAction("ADD_VENDOR"),
3120
- style: {
3121
- cursor: "pointer"
3122
- }
3123
- }, /*#__PURE__*/React.createElement(AddIcon, {
3124
- fill: "#a82227"
3125
- })), value.value !== "ES_FSM_REGISTRY_DETAILS_ADD_VENDOR" && /*#__PURE__*/React.createElement(React.Fragment, null))) : /*#__PURE__*/React.createElement(React.Fragment, {
2937
+ }, t(value.value) || "N/A")) : /*#__PURE__*/React.createElement(React.Fragment, {
3126
2938
  key: index
3127
2939
  }, /*#__PURE__*/React.createElement("div", {
3128
2940
  className: "additional-label"
@@ -3169,23 +2981,26 @@ const SupervisorDetails = props => {
3169
2981
  isLoading: isDashboradLoading
3170
2982
  }))), showModal && /*#__PURE__*/React.createElement(Modal, {
3171
2983
  headerBarMain: /*#__PURE__*/React.createElement(Heading, {
3172
- label: t(modalHeading())
2984
+ label: t("ES_VENDOR_SUPERVISOR_DELETE_POPUP_HEADER")
3173
2985
  }),
3174
- headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
2986
+ headerBarEnd: /*#__PURE__*/React.createElement(CloseSvg, {
3175
2987
  onClick: closeModal
3176
2988
  }),
3177
2989
  actionCancelLabel: t("CS_COMMON_CANCEL"),
3178
2990
  actionCancelOnSubmit: closeModal,
3179
- actionSaveLabel: t(selectedAction === "DELETE" || selectedAction === "DELETE_VENDOR" ? "ES_EVENT_DELETE" : "CS_COMMON_SUBMIT"),
3180
- actionSaveOnSubmit: handleModalAction
2991
+ actionSaveLabel: t("ES_EVENT_DELETE"),
2992
+ actionSaveOnSubmit: handleDeleteSupervisor
3181
2993
  }, /*#__PURE__*/React.createElement(Card, {
3182
2994
  style: {
3183
2995
  boxShadow: "none"
3184
2996
  }
3185
- }, renderModalContent())), showToast && /*#__PURE__*/React.createElement(Toast, {
2997
+ }, /*#__PURE__*/React.createElement(ConfirmationBox, {
2998
+ t: t,
2999
+ title: "ES_VENDOR_SUPERVISOR_DELETE_TEXT"
3000
+ }))), showToast && /*#__PURE__*/React.createElement(Toast, {
3186
3001
  error: showToast.key === "error",
3187
3002
  label: t(showToast.key === "success" ? "ES_VENDOR_" + showToast.action + "_SUCCESS" : showToast.action),
3188
- onClose: closeToast,
3003
+ onClose: () => setShowToast(null),
3189
3004
  duration: 5000
3190
3005
  }), /*#__PURE__*/React.createElement(ActionBar, {
3191
3006
  style: {
@@ -3473,7 +3288,7 @@ const Heading$1 = props => {
3473
3288
  className: "heading-m"
3474
3289
  }, props.label);
3475
3290
  };
3476
- const CloseBtn$1 = props => {
3291
+ const CloseBtn = props => {
3477
3292
  return /*#__PURE__*/React.createElement("div", {
3478
3293
  onClick: props.onClick
3479
3294
  }, /*#__PURE__*/React.createElement(CloseSvg, null));
@@ -3717,7 +3532,7 @@ const SurveyorDetails = props => {
3717
3532
  headerBarMain: /*#__PURE__*/React.createElement(Heading$1, {
3718
3533
  label: t(modalHeading())
3719
3534
  }),
3720
- headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$1, {
3535
+ headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn, {
3721
3536
  onClick: closeModal
3722
3537
  }),
3723
3538
  actionCancelLabel: t("CS_COMMON_CANCEL"),
@@ -3755,7 +3570,7 @@ const Heading$2 = props => {
3755
3570
  className: "heading-m"
3756
3571
  }, props.label);
3757
3572
  };
3758
- const CloseBtn$2 = props => {
3573
+ const CloseBtn$1 = props => {
3759
3574
  return /*#__PURE__*/React.createElement("div", {
3760
3575
  conClick: props.onClick
3761
3576
  }, /*#__PURE__*/React.createElement(CloseSvg, null));
@@ -4264,7 +4079,7 @@ const EditVendorDetails = props => {
4264
4079
  headerBarMain: /*#__PURE__*/React.createElement(Heading$2, {
4265
4080
  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")
4266
4081
  }),
4267
- headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$2, {
4082
+ headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$1, {
4268
4083
  onClick: closeModal
4269
4084
  }),
4270
4085
  actionCancelLabel: t("CS_COMMON_CANCEL"),
@@ -4547,7 +4362,7 @@ const VendorConfig = function (t, disabled, formData) {
4547
4362
  body: [{
4548
4363
  type: "component",
4549
4364
  key: "propertyAddress",
4550
- component: "CPTPropertyLocationDetails",
4365
+ component: "PropertyLocationDetails",
4551
4366
  withoutLabel: true,
4552
4367
  props: {
4553
4368
  hidePropertySearch: true,
@@ -8240,7 +8055,7 @@ const Heading$3 = props => {
8240
8055
  className: "heading-m"
8241
8056
  }, props.label);
8242
8057
  };
8243
- const CloseBtn$3 = props => {
8058
+ const CloseBtn$2 = props => {
8244
8059
  return /*#__PURE__*/React.createElement("div", {
8245
8060
  onClick: props.onClick
8246
8061
  }, /*#__PURE__*/React.createElement(CloseSvg, null));
@@ -8585,7 +8400,7 @@ const DriverDetails = () => {
8585
8400
  headerBarMain: /*#__PURE__*/React.createElement(Heading$3, {
8586
8401
  label: t(modalHeading())
8587
8402
  }),
8588
- headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$3, {
8403
+ headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$2, {
8589
8404
  onClick: closeModal
8590
8405
  }),
8591
8406
  actionCancelLabel: t("CS_COMMON_CANCEL"),
@@ -9096,7 +8911,7 @@ const Heading$4 = props => {
9096
8911
  className: "heading-m"
9097
8912
  }, props.label);
9098
8913
  };
9099
- const CloseBtn$4 = props => {
8914
+ const CloseBtn$3 = props => {
9100
8915
  return /*#__PURE__*/React.createElement("div", {
9101
8916
  onClick: props.onClick
9102
8917
  }, /*#__PURE__*/React.createElement(CloseSvg, null));
@@ -9460,7 +9275,7 @@ const VehicleDetails = props => {
9460
9275
  headerBarMain: /*#__PURE__*/React.createElement(Heading$4, {
9461
9276
  label: t(modalHeading())
9462
9277
  }),
9463
- headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$4, {
9278
+ headerBarEnd: /*#__PURE__*/React.createElement(CloseBtn$3, {
9464
9279
  onClick: closeModal
9465
9280
  }),
9466
9281
  actionCancelLabel: t("CS_COMMON_CANCEL"),