dhre-ui-kit 0.0.106 → 0.0.107

package/lib/index.mjs

@@ -618,78 +618,29 @@ const styles$B = StyleSheet.create({
   rightIconStyle: { marginLeft: 8 }
 });
 
-var _path$c;
-function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
-var SvgSearchIcon = function SvgSearchIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$d({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 25,
-    fill: "none"
-  }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
-    stroke: "#A7A7A7",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 1.5,
-    d: "M10.875 19.469a7.875 7.875 0 1 0 0-15.75 7.875 7.875 0 0 0 0 15.75M16.444 17.163 21 21.719"
-  })));
-};
-
-var _path$b;
-function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
+var _path$4;
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgCrossIcon = function SvgCrossIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$c({
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 25,
     fill: "none"
-  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "M17.657 8.032a.686.686 0 0 0-.97-.97L12 11.749 7.313 7.062a.686.686 0 1 0-.97.97l4.687 4.687-4.687 4.687a.686.686 0 1 0 .97.97L12 13.688l4.687 4.688a.686.686 0 1 0 .97-.97l-4.687-4.687z"
   })));
 };
 
-var _path$a;
-function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
-var SvgCaretUp = function SvgCaretUp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$b({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 28,
-    height: 20,
-    fill: "none"
-  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
-    stroke: "#A7A7A7",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M3.75 12.5 10 6.25l6.25 6.25"
-  })));
-};
-
-var _path$9;
-function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
-var SvgCaretDown = function SvgCaretDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$a({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 28,
-    height: 20,
-    fill: "none"
-  }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
-    stroke: "#A7A7A7",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M16.25 7.5 10 13.75 3.75 7.5"
-  })));
-};
-
-var _path$8;
-function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
+var _path$3;
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
 var SvgCaretLeft = function SvgCaretLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
-  }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
     stroke: "#fff",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -698,48 +649,34 @@ var SvgCaretLeft = function SvgCaretLeft(props) {
   })));
 };
 
-var _path$7, _path2$1;
-function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
+var _path$2, _path2;
+function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 var SvgDotsThreeVertical = function SvgDotsThreeVertical(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$8({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     stroke: "#fff",
     strokeWidth: 0.125,
     d: "M13.438 6a1.438 1.438 0 1 1-2.876 0 1.438 1.438 0 0 1 2.876 0ZM13.438 12a1.438 1.438 0 1 1-2.876 0 1.438 1.438 0 0 1 2.876 0Z"
-  })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "M12 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
   })));
 };
 
-var _path$6;
-function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
-var SvgCircleTick = function SvgCircleTick(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$7({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M14.03 7.22a.75.75 0 0 1 0 1.06l-5.25 5.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.75.75 0 0 1 1.06 0M19.5 10A9.75 9.75 0 1 1 9.75.25 9.76 9.76 0 0 1 19.5 10M18 10a8.25 8.25 0 1 0-8.25 8.25A8.26 8.26 0 0 0 18 10"
-  })));
-};
-
-var _path$5;
-function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
+var _path$1;
+function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
 var SvgArrowLeft = function SvgArrowLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$6({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     fillRule: "evenodd",
     d: "M15.6 4.186a.774.774 0 0 1 .085 1.092L9.923 12l5.762 6.722a.774.774 0 0 1-1.176 1.008l-6.194-7.226a.774.774 0 0 1 0-1.008L14.51 4.27a.774.774 0 0 1 1.092-.084",
@@ -747,52 +684,15 @@ var SvgArrowLeft = function SvgArrowLeft(props) {
   })));
 };
 
-var _path$4;
-function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
-var SvgBellSimple = function SvgBellSimple(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 29,
-    height: 29,
-    fill: "none"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M18.805 25.375a.68.68 0 0 1-.68.68h-7.25a.68.68 0 1 1 0-1.36h7.25a.68.68 0 0 1 .68.68m6.13-3.738a1.57 1.57 0 0 1-1.371.793H5.437a1.587 1.587 0 0 1-1.366-2.386c.64-1.103 1.593-4.214 1.593-8.263a8.836 8.836 0 0 1 17.672 0c0 4.048.954 7.16 1.595 8.263a1.57 1.57 0 0 1 .003 1.593m-1.18-.907c-.857-1.472-1.778-4.907-1.778-8.949a7.477 7.477 0 0 0-14.954 0c0 4.043-.922 7.477-1.78 8.95a.23.23 0 0 0 0 .226.22.22 0 0 0 .193.113h18.127a.22.22 0 0 0 .192-.113.23.23 0 0 0 0-.227"
-  })));
-};
-
-var _g, _defs;
-function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
-var SvgUploadFileIcon = function SvgUploadFileIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 25,
-    fill: "none"
-  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    stroke: "#000",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    clipPath: "url(#uploadFileIcon_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M12 14V3.5M20.25 14v6H3.75v-6M8.25 7.25 12 3.5l3.75 3.75"
-  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "uploadFileIcon_svg__a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M0 .5h24v24H0z"
-  })))));
-};
-
-var _path$3;
-function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var SvgCaretRight = function SvgCaretRight(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     fill: "none"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     stroke: "#fff",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -800,60 +700,6 @@ var SvgCaretRight = function SvgCaretRight(props) {
   })));
 };
 
-var _path$2;
-function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
-var SvgCheckWhite = function SvgCheckWhite(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
-    stroke: "#fff",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "m13.5 4.5-7 7L3 8"
-  })));
-};
-
-var _path$1, _path2;
-function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
-var SvgFileIcon = function SvgFileIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
-    stroke: "#000",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M4.5 12V3.75A.75.75 0 0 1 5.25 3h9l5.25 5.25V12"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    stroke: "#000",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M14.25 3v5.25h5.25M4.5 18.75H6a1.5 1.5 0 1 0 0-3H4.5v4.5M20.25 15.75h-2.625v4.5M19.875 18.375h-2.25M12 20.25a2.25 2.25 0 0 0 0-4.5h-1.312v4.5z"
-  })));
-};
-
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgTrash = function SvgTrash(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    stroke: "#EB0542",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M20.25 5.25H3.75M9.75 9.75v6M14.25 9.75v6M18.75 5.25V19.5a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75V5.25M15.75 5.25v-1.5a1.5 1.5 0 0 0-1.5-1.5h-4.5a1.5 1.5 0 0 0-1.5 1.5v1.5"
-  })));
-};
-
 const BottomDrawer = ({
   isModalVisible,
   toggleModal,
@@ -901,24 +747,14 @@ const BottomDrawer = ({
           blurType: "light",
           blurAmount
         }
-      ) : null, /* @__PURE__ */ React__default.createElement(View, { style: [styles$B.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(View, { style: styles$B.separator }), /* @__PURE__ */ React__default.createElement(View, { style: styles$B.headerContainer }, showLeftIcon && React__default.cloneElement(leftIcon, {
-        width: moderateScale(24),
-        height: moderateScale(24),
-        style: styles$B.leftIconStyle,
-        onPress: onLeftIconPress
-      }), /* @__PURE__ */ React__default.createElement(
+      ) : null, /* @__PURE__ */ React__default.createElement(View, { style: [styles$B.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(View, { style: styles$B.separator }), /* @__PURE__ */ React__default.createElement(View, { style: styles$B.headerContainer }, /* @__PURE__ */ React__default.createElement(
         CustomTypography,
         {
           variant: titleVariant,
           text: title,
           style: { ...styles$B.title, ...titleStyle }
         }
-      ), showRightIcon && React__default.cloneElement(rightIcon, {
-        width: moderateScale(24),
-        height: moderateScale(24),
-        style: styles$B.rightIconStyle,
-        onPress: toggleModal
-      }))), children))
+      ))), children))
     ))
   );
 };
@@ -2159,12 +1995,7 @@ const Accordion = ({
         text: title,
         style: [styles$n.title, titleStyle]
       }
-    ),
-    React__default.cloneElement(isOpen ? /* @__PURE__ */ React__default.createElement(SvgCaretUp, null) : /* @__PURE__ */ React__default.createElement(SvgCaretDown, null), {
-      width: moderateScale(20),
-      height: moderateScale(20),
-      style: styles$n.iconStyle
-    })
+    )
   ), optionalElement ? optionalElement() : null, isOpen && /* @__PURE__ */ React__default.createElement(Animated.View, { style: [styles$n.content, { height: cardHeight }] }, /* @__PURE__ */ React__default.createElement(
     View,
     {
@@ -2265,7 +2096,7 @@ const Toast = React__default.forwardRef((_props, ref) => {
       ],
       testID: "TOAST"
     },
-    /* @__PURE__ */ React__default.createElement(View, { style: styles$m.toastContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$m.innerContainer }, isSuccess ? /* @__PURE__ */ React__default.createElement(SvgCircleTick, null) : /* @__PURE__ */ React__default.createElement(SvgCrossIcon, null), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(View, { style: styles$m.toastContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$m.innerContainer }, /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "L2_REGULAR",
@@ -2361,12 +2192,7 @@ const CustomSearchBar = ({
           onSearchIconPress?.();
         },
         style: searchIconStyle
-      },
-      React__default.cloneElement(/* @__PURE__ */ React__default.createElement(SvgSearchIcon, null), {
-        width: moderateScale(24),
-        height: moderateScale(24),
-        style: [styles$l.searchIconStyle, searchIconStyle]
-      })
+      }
     ),
     /* @__PURE__ */ React__default.createElement(
       TextInput,
@@ -2423,44 +2249,6 @@ const styles$k = StyleSheet.create({
   rightIconStyle: { marginLeft: horizontalScale(8) }
 });
 
-const styles$j = StyleSheet.create({
-  container: {
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  title: {
-    color: "#000"
-  }
-});
-
-const CustomIcon = ({
-  icon,
-  title,
-  titleVariant = "L1_REGULAR",
-  testId = "CUSTOM-ICON",
-  onPress,
-  containerStyle,
-  titleStyle
-}) => {
-  return /* @__PURE__ */ React__default.createElement(
-    Pressable,
-    {
-      style: [styles$j.container, containerStyle],
-      onPress,
-      testID: testId
-    },
-    icon,
-    title && /* @__PURE__ */ React__default.createElement(
-      CustomTypography,
-      {
-        variant: titleVariant,
-        text: title,
-        style: [styles$j.title, titleStyle]
-      }
-    )
-  );
-};
-
 const CustomHeader = ({
   title,
   testId = "CUSTOM-HEADER",
@@ -2471,31 +2259,17 @@ const CustomHeader = ({
   onLeftPress,
   onRightPress
 }) => {
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default.createElement(View, { style: styles$k.headderContainer }, showLeftIcon && /* @__PURE__ */ React__default.createElement(
-    CustomIcon,
-    {
-      icon: leftIcon,
-      onPress: onLeftPress,
-      containerStyle: styles$k.leftIconStyle
-    }
-  ), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default.createElement(View, { style: styles$k.headderContainer }, /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "B2_REGULAR",
       text: title,
       style: styles$k.headerTitle
     }
-  )), showRightIcon && /* @__PURE__ */ React__default.createElement(
-    CustomIcon,
-    {
-      icon: rightIcon,
-      onPress: onRightPress,
-      containerStyle: styles$k.rightIconStyle
-    }
-  ));
+  )));
 };
 
-const styles$i = StyleSheet.create({
+const styles$j = StyleSheet.create({
   container: {
     flex: 1
   },
@@ -2556,19 +2330,19 @@ const SwipableList = (props) => {
     {
       testID,
       onPress,
-      style: [styles$i.actionButton, style]
+      style: [styles$j.actionButton, style]
     },
     icon,
     /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "L1_REGULAR",
-        style: [styles$i.titleStyle, titleStyle],
+        style: [styles$j.titleStyle, titleStyle],
         text: title
       }
     )
   );
-  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$i.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
+  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$j.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
     ActionButton,
     {
       icon: leftPrimaryActionIcon,
@@ -2587,7 +2361,7 @@ const SwipableList = (props) => {
       testID: `${testId}-LEFT-SECONDARY-${item.id}`
     }
   ));
-  const rightActionHandle = (item) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$i.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
+  const rightActionHandle = (item) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$j.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
     ActionButton,
     {
       icon: rightPrimaryActionIcon,
@@ -2597,7 +2371,7 @@ const SwipableList = (props) => {
       testID: `${testId}-RIGHT-PRIMARY-${item.id}`
     }
   ));
-  const renderItem = ({ item }) => /* @__PURE__ */ React__default.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$i.container }, /* @__PURE__ */ React__default.createElement(
+  const renderItem = ({ item }) => /* @__PURE__ */ React__default.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$j.container }, /* @__PURE__ */ React__default.createElement(
     Swipeable,
     {
       renderLeftActions: () => leftActionHandle(
@@ -2608,7 +2382,7 @@ const SwipableList = (props) => {
         item.isRead ? leftSecondaryActionInActiveTitle : leftSecondaryActionActiveTitle
       ),
       renderRightActions: () => rightActionHandle(item),
-      containerStyle: styles$i.swippableContainer
+      containerStyle: styles$j.swippableContainer
     },
     props?.renderItem(item)
   ));
@@ -2618,11 +2392,49 @@ const SwipableList = (props) => {
       data,
       renderItem,
       keyExtractor: (item) => item.id,
-      ItemSeparatorComponent: () => /* @__PURE__ */ React__default.createElement(View, { style: styles$i.seprator })
+      ItemSeparatorComponent: () => /* @__PURE__ */ React__default.createElement(View, { style: styles$j.seprator })
     }
   ));
 };
 
+const styles$i = StyleSheet.create({
+  container: {
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  title: {
+    color: "#000"
+  }
+});
+
+const CustomIcon = ({
+  icon,
+  title,
+  titleVariant = "L1_REGULAR",
+  testId = "CUSTOM-ICON",
+  onPress,
+  containerStyle,
+  titleStyle
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    Pressable,
+    {
+      style: [styles$i.container, containerStyle],
+      onPress,
+      testID: testId
+    },
+    icon,
+    title && /* @__PURE__ */ React__default.createElement(
+      CustomTypography,
+      {
+        variant: titleVariant,
+        text: title,
+        style: [styles$i.title, titleStyle]
+      }
+    )
+  );
+};
+
 const styles$h = StyleSheet.create({
   container: {
     flex: 1,
@@ -3079,9 +2891,9 @@ const NotificationBandge = ({
   notificationCount = 0
 }) => {
   if (notificationCount <= 0) {
-    return /* @__PURE__ */ React__default.createElement(SvgBellSimple, null);
+    return null;
   }
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles$b.iconContainer }, /* @__PURE__ */ React__default.createElement(SvgBellSimple, null), /* @__PURE__ */ React__default.createElement(View, { style: styles$b.badge }, /* @__PURE__ */ React__default.createElement(Text, { style: [styles$b.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles$b.iconContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$b.badge }, /* @__PURE__ */ React__default.createElement(Text, { style: [styles$b.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
 };
 
 const ScrollableList = ({
@@ -3669,8 +3481,13 @@ const CustomSwitchBtn = ({
   );
 };
 
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 class ToastService {
-  toastRef = null;
+  constructor() {
+    __publicField(this, "toastRef", null);
+  }
   setRef(ref) {
     this.toastRef = ref;
   }
@@ -3836,7 +3653,7 @@ const CustomDocumentPicker = ({
       }
     }
   }, [fileTypes, maxFileSize, onDocumentUpload]);
-  const removeDocument = useCallback(() => {
+  useCallback(() => {
     setDocDetails(void 0);
   }, []);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
@@ -3849,7 +3666,7 @@ const CustomDocumentPicker = ({
         containerStyle
       ]
     },
-    /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$3.innerContainer, onPress: pickDocument }, docDetails ? /* @__PURE__ */ React__default.createElement(SvgFileIcon, null) : /* @__PURE__ */ React__default.createElement(SvgUploadFileIcon, null), /* @__PURE__ */ React__default.createElement(View, { style: styles$3.titleContainer }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$3.innerContainer, onPress: pickDocument }, /* @__PURE__ */ React__default.createElement(View, { style: styles$3.titleContainer }, /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: FontStyle.L2_REGULAR,
@@ -3863,8 +3680,7 @@ const CustomDocumentPicker = ({
         text: hint,
         style: [{ color: theme.CONTENT_SECONDRY }, hintStyle]
       }
-    ))),
-    docDetails && /* @__PURE__ */ React__default.createElement(SvgTrash, { onPress: removeDocument })
+    )))
   ), error && /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
@@ -4161,7 +3977,7 @@ const Stepper = ({
             color: theme.CONTENT_PRIMARY
           }
         }
-      ), showStatus && item?.status === Status.Completed && /* @__PURE__ */ React__default.createElement(SvgCheckWhite, null)), index != data?.length - 1 && /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$1.separator, ...dividerStyle } })),
+      )), index != data?.length - 1 && /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$1.separator, ...dividerStyle } })),
       /* @__PURE__ */ React__default.createElement(View, { style: styles$1.lableContainer }, /* @__PURE__ */ React__default.createElement(
         CustomTypography,
         {