@adiba-banking-cloud/backoffice 0.2.6 → 0.2.8

package/build/index.cjs.js/{index-Co-HkdSV.js → index-BcjXNWsr.js}

@@ -3,7 +3,7 @@
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var modals = require('@mantine/modals');
-var React$1 = require('react');
+var React = require('react');
 var core = require('@mantine/core');
 var dotlottieReact = require('@lottiefiles/dotlottie-react');
 var _extends = require('@babel/runtime/helpers/extends');
@@ -59,7 +59,7 @@ function _mergeNamespaces(n, m) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var IconSax__namespace = /*#__PURE__*/_interopNamespaceDefault(IconSax);
 
 function getDefaultExportFromCjs (x) {
@@ -11372,17 +11372,17 @@ if (typeof window !== "undefined") {
   HighchartsRounded(Highcharts);
 }
 const Column = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const column = _objectSpread$a({}, props);
     return _objectSpread$a(_objectSpread$a({}, initChart$4(column)), initSeries$4(column));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11405,7 +11405,7 @@ const EqualizerColumn = props => {
     showYLabel: props.showYLabel,
     showAxisLabel: props.showAxisLabel
   };
-  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
+  return /*#__PURE__*/React.createElement(Column, chartOptions);
 };
 const SimpleColumn = props => {
   const chartOptions = {
@@ -11424,10 +11424,10 @@ const SimpleColumn = props => {
     showYLabel: props.showYLabel,
     showAxisLabel: props.showAxisLabel
   };
-  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
+  return /*#__PURE__*/React.createElement(Column, chartOptions);
 };
 const StackedColumn = props => {
-  return /*#__PURE__*/React$1.createElement(Column, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
     equalizer: false
   }));
 };
@@ -11710,17 +11710,17 @@ const initChart$3 = props => {
 function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const Area = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const area = _objectSpread$9({}, props);
     return _objectSpread$9(_objectSpread$9({}, initChart$3(area)), initSeries$3(area));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11741,37 +11741,37 @@ const SimpleArea = props => {
     showYAxis: props.showYAxis,
     step: props.step
   };
-  return /*#__PURE__*/React$1.createElement(Area, chartOptions);
+  return /*#__PURE__*/React.createElement(Area, chartOptions);
 };
 const MultiAxisArea = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const area = _objectSpread$9({}, props);
     return _objectSpread$9(_objectSpread$9({}, initChart$3(area)), initMultiAxisSeries(area));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
   });
 };
 const StackedArea = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const area = _objectSpread$9({}, props);
     return _objectSpread$9(_objectSpread$9({}, initChart$3(area)), initStackedSeries(area));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -12169,7 +12169,7 @@ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  Promise.resolve().then(function () { return require('./heatmap-BecrND_v.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-DGhkFUjy.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : (heatmapModule === null || heatmapModule === void 0 ? void 0 : heatmapModule.default) || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12179,17 +12179,17 @@ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t
   });
 })();
 const Heatmap = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const heatmap = _objectSpread$8({}, props);
     return _objectSpread$8(_objectSpread$8({}, initChart$2(heatmap)), initSeries$2(heatmap));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -12405,17 +12405,17 @@ const initCalendarSeries = props => {
   };
 };
 const BasicHeatmap = props => {
-  return /*#__PURE__*/React$1.createElement(Heatmap, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Heatmap, _extends({}, props, {
     type: "basic"
   }));
 };
 const InterpolatedHeatmap = props => {
-  return /*#__PURE__*/React$1.createElement(Heatmap, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Heatmap, _extends({}, props, {
     type: "interpolated"
   }));
 };
 const CalendarHeatmap = props => {
-  return /*#__PURE__*/React$1.createElement(Heatmap, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Heatmap, _extends({}, props, {
     type: "calendar"
   }));
 };
@@ -12508,17 +12508,17 @@ const initChart$1 = _ref => {
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const DonutChart = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const area = _objectSpread$6({}, props);
     return _objectSpread$6(_objectSpread$6({}, initChart$1(area)), initSeries$1(area));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts$1,
     ref: chartRef,
     options: chartOptions
@@ -12604,17 +12604,17 @@ const initChart = _ref => {
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const PieChart = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const area = _objectSpread$4({}, props);
     return _objectSpread$4(_objectSpread$4({}, initChart(area)), initSeries(area));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts$1,
     ref: chartRef,
     options: chartOptions
@@ -12650,7 +12650,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax__namespace[name];
-  return /*#__PURE__*/React$1.createElement(Element, {
+  return /*#__PURE__*/React.createElement(Element, {
     size,
     color,
     variant,
@@ -12675,15 +12675,15 @@ const Logo = _ref => {
       fit
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$c);
-  return /*#__PURE__*/React$1.createElement(core.Center, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(core.Center, _extends({}, rest, {
     component: reactRouterDom.Link,
     display: "flex",
     to: href
-  }), /*#__PURE__*/React$1.createElement(core.Image, {
+  }), /*#__PURE__*/React.createElement(core.Image, {
     fallbackSrc: fallbackSrc,
     src: src,
     fit: fit
-  }), /*#__PURE__*/React$1.createElement(core.Space, {
+  }), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1,
     hidden: true
   }));
@@ -12696,7 +12696,7 @@ const DynamicLogo = _ref2 => {
       w = 180
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2$2);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -12710,7 +12710,7 @@ const DynamicShigaLogo = _ref3 => {
       fit = "contain"
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3$1);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -12725,13 +12725,13 @@ const ApplicationMenuTarget = _ref => {
       toggle
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$b);
-  return /*#__PURE__*/React$1.createElement(core.Popover.Target, null, /*#__PURE__*/React$1.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(core.Popover.Target, null, /*#__PURE__*/React.createElement(core.Button, {
     variant: "transparent",
     justify: "space-between",
     h: 60,
     fw: 300,
     w: 200,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowDown2",
       size: 16
     }),
@@ -12746,32 +12746,32 @@ const ApplicationMenuDropdown = _ref => {
     moreLink,
     toggle
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Popover.Dropdown, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Popover.Dropdown, {
     ml: "md",
     p: 5
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: 5,
     p: 0
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: 5,
     align: "flex-start"
-  }, items.map((item, index) => /*#__PURE__*/React$1.createElement(DropdownItem, _extends({
+  }, items.map((item, index) => /*#__PURE__*/React.createElement(DropdownItem, _extends({
     key: "item-".concat(index)
   }, item, {
     onClick: e => {
       toggle();
       item.onClick(e);
     }
-  })))), /*#__PURE__*/React$1.createElement(core.Divider, null), /*#__PURE__*/React$1.createElement(core.Group, {
+  })))), /*#__PURE__*/React.createElement(core.Divider, null), /*#__PURE__*/React.createElement(core.Group, {
     grow: true,
     justify: "center"
-  }, /*#__PURE__*/React$1.createElement(core.Button, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
     variant: "subtle",
     p: 0,
     component: reactRouterDom.Link,
     to: moreLink,
     onClick: toggle
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300,
     w: 320
@@ -12789,7 +12789,7 @@ const DropdownItem = _ref2 => {
     id,
     onClick
   } = _ref2;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Button, {
     variant: "subtle",
     fw: 300,
     mih: 70,
@@ -12797,15 +12797,15 @@ const DropdownItem = _ref2 => {
     c: active ? activeColor : inactiveColor,
     onClick: onClick,
     "data-index": id
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     w: 320
-  }, /*#__PURE__*/React$1.createElement(Icons, icon), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(Icons, icon), /*#__PURE__*/React.createElement(core.Stack, {
     align: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "sm",
     fw: 300
-  }, title), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, title), /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fz: 11,
     fw: 300
@@ -12823,7 +12823,7 @@ const ApplicationMenu = _ref => {
   const [opened, {
     toggle
   }] = hooks.useDisclosure(false);
-  return /*#__PURE__*/React$1.createElement(core.Popover, {
+  return /*#__PURE__*/React.createElement(core.Popover, {
     transitionProps: {
       transition
     },
@@ -12837,9 +12837,9 @@ const ApplicationMenu = _ref => {
     radius: "sm",
     opened: opened,
     onChange: toggle
-  }, /*#__PURE__*/React$1.createElement(ApplicationMenuTarget, {
+  }, /*#__PURE__*/React.createElement(ApplicationMenuTarget, {
     toggle
-  }, label), /*#__PURE__*/React$1.createElement(ApplicationMenuDropdown, {
+  }, label), /*#__PURE__*/React.createElement(ApplicationMenuDropdown, {
     items,
     moreLink,
     moreText,
@@ -12853,32 +12853,32 @@ const UserMenuTarget = _ref => {
     username,
     avatar
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Menu.Target, null, /*#__PURE__*/React$1.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(core.Menu.Target, null, /*#__PURE__*/React.createElement(core.Button, {
     variant: "subtle",
     h: 50,
     px: 10,
     radius: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "sm"
-  }, /*#__PURE__*/React$1.createElement(core.Avatar, {
+  }, /*#__PURE__*/React.createElement(core.Avatar, {
     src: avatar,
     radius: "md",
     key: name,
     name: name,
     color: "initials",
     bd: "0.5px solid adiba.2"
-  }), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 0,
     align: "flex-start",
     visibleFrom: "md",
     fw: 300
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     size: "sm"
-  }, name), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, name), /*#__PURE__*/React.createElement(core.Text, {
     c: "dimmed",
     size: "xs"
-  }, username)), /*#__PURE__*/React$1.createElement(Icons, {
+  }, username)), /*#__PURE__*/React.createElement(Icons, {
     name: "ArrowDown2",
     size: 12
   }))));
@@ -12889,36 +12889,36 @@ const UserMenuDropdown = _ref => {
     sections,
     height = 40
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Menu.Dropdown, null, sections.map((section, index) => {
+  return /*#__PURE__*/React.createElement(core.Menu.Dropdown, null, sections.map((section, index) => {
     const items = [];
     const sectionItems = section.items.map((item, key) => {
       var _item$badge, _item$badge2;
-      return /*#__PURE__*/React$1.createElement(core.Menu.Item, {
+      return /*#__PURE__*/React.createElement(core.Menu.Item, {
         c: section === null || section === void 0 ? void 0 : section.color,
         key: "menu-item-".concat(key),
         h: height,
-        leftSection: /*#__PURE__*/React$1.createElement(Icons, _extends({}, item.icon, {
+        leftSection: /*#__PURE__*/React.createElement(Icons, _extends({}, item.icon, {
           stroke: 0.5
         })),
-        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React$1.createElement(Icons, {
+        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React.createElement(Icons, {
           name: "ArrowRight2",
           size: 12,
           stroke: 0.5
-        }) : item.badge ? /*#__PURE__*/React$1.createElement(core.Badge, {
+        }) : item.badge ? /*#__PURE__*/React.createElement(core.Badge, {
           color: item === null || item === void 0 || (_item$badge = item.badge) === null || _item$badge === void 0 ? void 0 : _item$badge.color,
           size: "sm"
         }, item === null || item === void 0 || (_item$badge2 = item.badge) === null || _item$badge2 === void 0 ? void 0 : _item$badge2.text) : undefined,
         onClick: () => item.callbackFn ? item.callbackFn() : void 0
-      }, /*#__PURE__*/React$1.createElement(core.Text, {
+      }, /*#__PURE__*/React.createElement(core.Text, {
         size: "xs",
         fw: 300
       }, item.label));
     });
-    if (index) items.push(/*#__PURE__*/React$1.createElement(core.Divider, {
+    if (index) items.push(/*#__PURE__*/React.createElement(core.Divider, {
       key: "divider-".concat(index),
       my: 2
     }));
-    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React$1.createElement(core.Menu.Label, {
+    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React.createElement(core.Menu.Label, {
       fz: 10,
       fw: 500,
       c: "dimmed",
@@ -12938,7 +12938,7 @@ const UserMenu = _ref => {
     avatar,
     sections
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Menu, {
+  return /*#__PURE__*/React.createElement(core.Menu, {
     width: width || 250,
     transitionProps: {
       transition: "pop"
@@ -12949,11 +12949,11 @@ const UserMenu = _ref => {
     offset: 5,
     arrowOffset: 20,
     arrowSize: 10
-  }, /*#__PURE__*/React$1.createElement(UserMenuTarget, {
+  }, /*#__PURE__*/React.createElement(UserMenuTarget, {
     name,
     username,
     avatar
-  }), /*#__PURE__*/React$1.createElement(UserMenuDropdown, {
+  }), /*#__PURE__*/React.createElement(UserMenuDropdown, {
     sections,
     height
   }));
@@ -12967,9 +12967,9 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, sidemenu.map(item => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
     var _item$children, _item$children2;
-    return /*#__PURE__*/React$1.createElement(core.NavLink, {
+    return /*#__PURE__*/React.createElement(core.NavLink, {
       className: "backoffice-sidemenu",
       mt: "sm",
       component: reactRouterDom.Link,
@@ -12981,10 +12981,10 @@ const SideMenu = _ref => {
       active: item.active,
       variant,
       onClick,
-      leftSection: item.icon ? /*#__PURE__*/React$1.createElement(Icons, item.icon) : undefined,
+      leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
       label: item.label,
       to: (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? "#" : (item === null || item === void 0 ? void 0 : item.href) || "#"
-    }, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? item.children.map(subitem => /*#__PURE__*/React$1.createElement(core.NavLink, {
+    }, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(core.NavLink, {
       mt: "xs",
       component: reactRouterDom.Link,
       to: subitem.href || "#",
@@ -13013,7 +13013,7 @@ const SimplePanel = _ref => {
       children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$a);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({
+  return /*#__PURE__*/React.createElement(core.Card, _extends({
     p: !withPadding ? 0 : "md",
     radius: !withRadius ? 0 : "lg",
     flex: autoHeight ? 1 : "none"
@@ -13026,34 +13026,34 @@ const TitledPanel = _ref2 => {
       children
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2$1);
-  return /*#__PURE__*/React$1.createElement(SimplePanel, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(SimplePanel, _extends({}, rest, {
     withPadding: withPadding
-  }), /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Group, {
     h: 48,
     px: withPadding ? 0 : "md",
     mt: !withPadding ? "md" : 0,
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Center, {
+  }, /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Center, {
     bg: "gray.1",
     w: 32,
     h: 32,
     style: {
       borderRadius: "50%"
     }
-  }, /*#__PURE__*/React$1.createElement(Icons, _extends({}, title.icon, {
+  }, /*#__PURE__*/React.createElement(Icons, _extends({}, title.icon, {
     size: 20,
     variant: "Bulk"
-  }))), /*#__PURE__*/React$1.createElement(core.Text, {
+  }))), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300
-  }, title.label)), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, title.label)), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Group, {
     hidden: !rest.middlesection
-  }, rest.middlesection), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, rest.middlesection), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Group, {
     hidden: !rest.rightsection
-  }, rest.rightsection)), /*#__PURE__*/React$1.createElement(core.Box, {
+  }, rest.rightsection)), /*#__PURE__*/React.createElement(core.Box, {
     pt: !withPadding ? 0 : "md"
   }, children));
 };
@@ -13075,8 +13075,8 @@ const SearchPanel = _ref3 => {
       children
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  const [searchPills] = searchState || React$1.useState([]);
-  const [inputValue, setInputValue] = React$1.useState(searchInputValue || "");
+  const [searchPills] = searchState || React.useState([]);
+  const [inputValue, setInputValue] = React.useState(searchInputValue || "");
   const form$1 = form.useForm({
     initialValues: {
       search: searchInputValue || ""
@@ -13084,7 +13084,7 @@ const SearchPanel = _ref3 => {
   });
 
   // Sync input value with searchInputValue prop
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (searchInputValue !== undefined) {
       setInputValue(searchInputValue);
       form$1.setFieldValue("search", searchInputValue);
@@ -13117,24 +13117,24 @@ const SearchPanel = _ref3 => {
       handleRemovePill(searchPills[searchPills.length - 1]);
     }
   };
-  return /*#__PURE__*/React$1.createElement(SimplePanel, rest, /*#__PURE__*/React$1.createElement(core.Stack, null, /*#__PURE__*/React$1.createElement("form", {
+  return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement("form", {
     onSubmit: form$1.onSubmit(handleSubmit)
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "xs"
-  }, /*#__PURE__*/React$1.createElement(core.PillsInput, {
+  }, /*#__PURE__*/React.createElement(core.PillsInput, {
     size: "md",
     radius: "md",
     flex: 1,
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, searchIcon),
-    rightSection: typeof filterFn == "function" ? /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
+    rightSection: typeof filterFn == "function" ? /*#__PURE__*/React.createElement(core.ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React$1.createElement(Icons, filterIcon)) : undefined
-  }, /*#__PURE__*/React$1.createElement(core.Pill.Group, null, searchPills.map((pill, index) => /*#__PURE__*/React$1.createElement(core.Pill, {
+    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : undefined
+  }, /*#__PURE__*/React.createElement(core.Pill.Group, null, searchPills.map((pill, index) => /*#__PURE__*/React.createElement(core.Pill, {
     key: "".concat(pill, "-").concat(index),
     withRemoveButton: true,
     onRemove: () => handleRemovePill(pill)
-  }, pill)), /*#__PURE__*/React$1.createElement(core.PillsInput.Field, {
+  }, pill)), /*#__PURE__*/React.createElement(core.PillsInput.Field, {
     placeholder: placeholder,
     value: inputValue,
     onChange: e => {
@@ -13142,7 +13142,7 @@ const SearchPanel = _ref3 => {
       form$1.setFieldValue("search", e.currentTarget.value);
     },
     onKeyDown: handleKeyDown
-  }))), /*#__PURE__*/React$1.createElement(core.Button, {
+  }))), /*#__PURE__*/React.createElement(core.Button, {
     variant: "light",
     size: "md",
     fw: 300,
@@ -13150,7 +13150,7 @@ const SearchPanel = _ref3 => {
     miw: 100,
     maw: 150,
     type: "submit",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, searchIcon)
+    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon)
   }, searchText))), children));
 };
 
@@ -13160,13 +13160,13 @@ const LabelPanelItem = _ref => {
     value,
     labelWidth
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Text, {
+  return /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "sm",
     c: "dimmed",
     w: labelWidth,
     truncate: true
-  }, label), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, label), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "sm",
     truncate: true
@@ -13188,19 +13188,19 @@ const LabelPanel = _ref => {
       p = "md"
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$9);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(core.Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }), /*#__PURE__*/React.createElement(core.Stack, {
     pb: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     p: 0
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     order: 6,
     py: "xs"
-  }, title), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, title), /*#__PURE__*/React.createElement(core.Button, {
     style: {
       display: hasEdit ? "block" : "none"
     },
@@ -13208,11 +13208,11 @@ const LabelPanel = _ref => {
     variant: "outline",
     onClick: editFn,
     size: "xs",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "Edit2"
     })
   }, editLabel)), items.map((item, index) => {
-    return /*#__PURE__*/React$1.createElement(LabelPanelItem, _extends({
+    return /*#__PURE__*/React.createElement(LabelPanelItem, _extends({
       key: "label-item-".concat(index)
     }, item, {
       labelWidth: labelWidth
@@ -13235,17 +13235,17 @@ const AvatarLabelPanel = _ref2 => {
       editFn = void 0
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(core.Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React$1.createElement(core.Box, {
+  }, /*#__PURE__*/React.createElement(core.Box, {
     w: labelWidth,
     pl: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Avatar, {
+  }, /*#__PURE__*/React.createElement(core.Avatar, {
     size: avatarSize,
     src: avatar,
     radius: "md",
@@ -13253,29 +13253,29 @@ const AvatarLabelPanel = _ref2 => {
     name: name,
     color: "initials",
     bd: "0.5px solid adiba.2"
-  })), /*#__PURE__*/React$1.createElement(core.Stack, {
+  })), /*#__PURE__*/React.createElement(core.Stack, {
     py: 10,
     gap: "md",
     h: "100%"
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     fw: 500,
     order: 4
-  }, name), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, name), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, username), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, username), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, "Internal / ", role), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, "Internal / ", role), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, "Last login: ", lastActive)), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, "Last login: ", lastActive)), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Button, {
+  }), /*#__PURE__*/React.createElement(core.Button, {
     fw: 300,
     variant: "outline",
     size: "xs",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "Edit2"
     }),
     onClick: editFn
@@ -13289,7 +13289,7 @@ const SimpleText = _ref => {
       smaller
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$8);
-  return /*#__PURE__*/React$1.createElement(core.Text, _extends({
+  return /*#__PURE__*/React.createElement(core.Text, _extends({
     fw: 300,
     fz: smaller ? "90%" : undefined
   }, rest), label);
@@ -13314,18 +13314,18 @@ const PageTitle = _ref => {
         label
       } = create,
       rest = _objectWithoutProperties(create, _excluded$7);
-    rightsection = /*#__PURE__*/React$1.createElement(core.Button, _extends({
+    rightsection = /*#__PURE__*/React.createElement(core.Button, _extends({
       radius: "md",
       size: "sm",
-      leftSection: /*#__PURE__*/React$1.createElement(Icons, icon),
+      leftSection: /*#__PURE__*/React.createElement(Icons, icon),
       onClick: createFn
-    }, rest), /*#__PURE__*/React$1.createElement(core.Text, {
+    }, rest), /*#__PURE__*/React.createElement(core.Text, {
       fw: 300,
       fz: 14
     }, label));
   }
   if (withSwitcher && switcher !== null && switcher !== void 0 && (_switcher$items = switcher.items) !== null && _switcher$items !== void 0 && _switcher$items.length) {
-    rightsection = /*#__PURE__*/React$1.createElement(core.SegmentedControl, {
+    rightsection = /*#__PURE__*/React.createElement(core.SegmentedControl, {
       size: "sm",
       bg: "white",
       color: "adiba",
@@ -13334,34 +13334,34 @@ const PageTitle = _ref => {
       onChange: switcher.onChange
     });
   }
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Group, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     py: "lg"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: 4
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     order: 2,
     fw: 500
-  }, title), typeof subtitle == "string" ? /*#__PURE__*/React$1.createElement(core.Text, {
+  }, title), typeof subtitle == "string" ? /*#__PURE__*/React.createElement(core.Text, {
     fz: 14,
     fw: 300
-  }, subtitle) : /*#__PURE__*/React$1.createElement(core.Breadcrumbs, {
+  }, subtitle) : /*#__PURE__*/React.createElement(core.Breadcrumbs, {
     separatorMargin: "xs",
     separator: "\xB7"
   }, subtitle === null || subtitle === void 0 ? void 0 : subtitle.map((item, index) => {
-    return index < subtitle.length - 1 ? /*#__PURE__*/React$1.createElement(core.Anchor, {
+    return index < subtitle.length - 1 ? /*#__PURE__*/React.createElement(core.Anchor, {
       key: index,
       fz: 14,
       fw: 400,
       component: reactRouterDom.Link,
       to: item.link
-    }, item.name) : /*#__PURE__*/React$1.createElement(core.Text, {
+    }, item.name) : /*#__PURE__*/React.createElement(core.Text, {
       fz: 14,
       key: index,
       fw: 300,
       c: "dimmed"
     }, item.name);
-  }))), /*#__PURE__*/React$1.createElement(React$1.Fragment, null, rightsection)));
+  }))), /*#__PURE__*/React.createElement(React.Fragment, null, rightsection)));
 };
 
 const TitleWithIndex = _ref => {
@@ -13373,20 +13373,20 @@ const TitleWithIndex = _ref => {
     errorLabel,
     errorFn = () => void 0
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Group, {
+  return /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Group, {
     gap: "xs"
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     order: 3,
     fw: 500
-  }, title), /*#__PURE__*/React$1.createElement(Growth, growth), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, title), /*#__PURE__*/React.createElement(Growth, growth), /*#__PURE__*/React.createElement(core.Text, {
     c: "dimmed",
     size: "xs",
     fw: 300
-  }, subtitle)), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, subtitle)), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Box, {
+  }), /*#__PURE__*/React.createElement(core.Box, {
     hidden: !hasError
-  }, /*#__PURE__*/React$1.createElement(WidgetError, {
+  }, /*#__PURE__*/React.createElement(WidgetError, {
     errorLabel: errorLabel,
     errorFn: errorFn
   })));
@@ -13398,16 +13398,16 @@ const Growth = _ref2 => {
   } = _ref2;
   const color = direction === "up" ? "rgb(64, 192, 87)" : "rgb(250,82,82)";
   const name = direction === "up" ? "TrendUp" : "TrendDown";
-  return /*#__PURE__*/React$1.createElement(core.Group, {
+  return /*#__PURE__*/React.createElement(core.Group, {
     c: color,
     gap: 2
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: name,
     color: color,
     size: 12,
     stroke: 2.5,
     variant: "Bold"
-  }), /*#__PURE__*/React$1.createElement(core.Text, {
+  }), /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 500
   }, text));
@@ -13417,10 +13417,10 @@ const WidgetError = _ref3 => {
     errorLabel,
     errorFn
   } = _ref3;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Button, {
     size: "sm",
     variant: "transparent",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "Danger",
       color: "rgb(250,82,82",
       stroke: 1.5
@@ -13437,11 +13437,11 @@ const ConnectionPanelDetail = _ref => {
     value,
     altColor
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Text, {
+  return /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Text, {
     w: 100,
     fw: 300,
     fz: "xs"
-  }, label), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, label), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "sm",
     c: altColor
@@ -13462,35 +13462,35 @@ const ConnectionPanel = _ref => {
       altColor
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$6);
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     withBorder: true,
     bg: "gray.0",
     p: "lg",
     radius: "md",
     color: "red"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, null, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
     align: "flex-start"
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     size: 48,
     name: "Driver",
     stroke: "0.5"
-  }), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     fw: 400,
     order: 6
-  }, name), /*#__PURE__*/React$1.createElement(core.Group, {
+  }, name), /*#__PURE__*/React.createElement(core.Group, {
     justify: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(core.ColorSwatch, {
+  }, /*#__PURE__*/React.createElement(core.ColorSwatch, {
     size: 12,
     color: statusColor
-  }), /*#__PURE__*/React$1.createElement(core.Text, {
+  }), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "xs"
-  }, status))), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, status))), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Menu, {
+  }), /*#__PURE__*/React.createElement(core.Menu, {
     width: 190,
     transitionProps: {
       transition: "pop"
@@ -13499,59 +13499,59 @@ const ConnectionPanel = _ref => {
     withArrow: true,
     withinPortal: true,
     arrowSize: 20
-  }, /*#__PURE__*/React$1.createElement(core.Menu.Target, null, /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+  }, /*#__PURE__*/React.createElement(core.Menu.Target, null, /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "subtle",
     m: 0
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "More"
-  }))), /*#__PURE__*/React$1.createElement(core.Menu.Dropdown, null, /*#__PURE__*/React$1.createElement(core.Group, {
+  }))), /*#__PURE__*/React.createElement(core.Menu.Dropdown, null, /*#__PURE__*/React.createElement(core.Group, {
     gap: 2
-  }, /*#__PURE__*/React$1.createElement(core.Menu.Item, {
+  }, /*#__PURE__*/React.createElement(core.Menu.Item, {
     h: 40,
     onClick: edit.onClick,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
     }),
     "data-index": id
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, edit.label)), /*#__PURE__*/React$1.createElement(core.Menu.Item, {
+  }, edit.label)), /*#__PURE__*/React.createElement(core.Menu.Item, {
     h: 40,
     onClick: test.onClick,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
     }),
     "data-index": id
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, test.label)), /*#__PURE__*/React$1.createElement(core.Divider, {
+  }, test.label)), /*#__PURE__*/React.createElement(core.Divider, {
     w: "100%"
-  }), /*#__PURE__*/React$1.createElement(core.Menu.Item, {
+  }), /*#__PURE__*/React.createElement(core.Menu.Item, {
     h: 40,
     onClick: pause.onClick,
     c: "red",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "PauseCircle",
       color: "red"
     }),
     "data-index": id
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, pause.label)))))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
+  }, pause.label)))))), /*#__PURE__*/React.createElement(core.Card.Section, {
     style: {
       borderTop: "1px solid #ddd"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     mt: 0,
     bg: "white",
     p: "md",
     gap: "lg",
     py: "lg"
   }, details.map((item, index) => {
-    return /*#__PURE__*/React$1.createElement(ConnectionPanelDetail, _extends({
+    return /*#__PURE__*/React.createElement(ConnectionPanelDetail, _extends({
       key: "detail-".concat(index)
     }, item, {
       altColor: altColor
@@ -13566,13 +13566,13 @@ const ApplicationPanelFeatures = _ref => {
     label,
     icon
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Group, {
+  return /*#__PURE__*/React.createElement(core.Group, {
     gap: "xs"
-  }, /*#__PURE__*/React$1.createElement(Icons, _extends({}, icon, {
+  }, /*#__PURE__*/React.createElement(Icons, _extends({}, icon, {
     color: "#aaa",
     variant: "Bulk",
     stroke: 1.5
-  })), /*#__PURE__*/React$1.createElement(core.Text, {
+  })), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     c: "altiba",
     size: "12px",
@@ -13598,39 +13598,39 @@ const ApplicationPanel = _ref => {
       onClick = () => void 0
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$5);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({
+  return /*#__PURE__*/React.createElement(core.Card, _extends({
     withBorder: true,
     radius: "md"
-  }, rest), /*#__PURE__*/React$1.createElement(core.Card.Section, null, /*#__PURE__*/React$1.createElement(core.AspectRatio, {
+  }, rest), /*#__PURE__*/React.createElement(core.Card.Section, null, /*#__PURE__*/React.createElement(core.AspectRatio, {
     ratio: 3 / 2
-  }, /*#__PURE__*/React$1.createElement(core.Image, {
+  }, /*#__PURE__*/React.createElement(core.Image, {
     alt: name,
     src: coverImage,
     fallbackSrc: img$d
-  }), /*#__PURE__*/React$1.createElement(core.Overlay, {
+  }), /*#__PURE__*/React.createElement(core.Overlay, {
     gradient: "linear-gradient(45deg, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%)"
-  }))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
+  }))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: "sm"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 400
-  }, name), /*#__PURE__*/React$1.createElement(core.Badge, {
+  }, name), /*#__PURE__*/React.createElement(core.Badge, {
     style: {
       display: String(discount).length > 1 ? "block" : "none"
     },
     fw: 300,
     variant: "outline"
-  }, discount)), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, discount)), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "sm",
     lineClamp: 3
-  }, summary))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
+  }, summary))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md",
     pt: 0
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fz: "xs",
     c: "gray.5",
     mb: "xs",
@@ -13638,26 +13638,26 @@ const ApplicationPanel = _ref => {
     fw: 500,
     lts: core.rem("-0.25px"),
     tt: "uppercase"
-  }, featureLabel), /*#__PURE__*/React$1.createElement(core.SimpleGrid, {
+  }, featureLabel), /*#__PURE__*/React.createElement(core.SimpleGrid, {
     cols: 1,
     spacing: "xs",
     verticalSpacing: "xs"
   }, features.map((feature, index) => {
-    return /*#__PURE__*/React$1.createElement(ApplicationPanelFeatures, _extends({
+    return /*#__PURE__*/React.createElement(ApplicationPanelFeatures, _extends({
       key: index
     }, feature));
-  }))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
+  }))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: 30,
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(core.Box, null, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Box, null, /*#__PURE__*/React.createElement(core.Text, {
     fz: "lg",
     fw: 500,
     style: {
       lineHeight: 1
     }
-  }, amount), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, amount), /*#__PURE__*/React.createElement(core.Text, {
     fz: "xs",
     c: "dimmed",
     fw: 300,
@@ -13665,19 +13665,19 @@ const ApplicationPanel = _ref => {
       lineHeight: 1
     },
     mt: 3
-  }, "per ".concat(frequency))), /*#__PURE__*/React$1.createElement(core.Box, {
+  }, "per ".concat(frequency))), /*#__PURE__*/React.createElement(core.Box, {
     hidden: subscribed
-  }, /*#__PURE__*/React$1.createElement(core.Button, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
     fw: 300,
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "AddCircle"
     }),
     radius: "md",
     onClick: onClick
-  }, actionLabel)), /*#__PURE__*/React$1.createElement(core.Box, {
+  }, actionLabel)), /*#__PURE__*/React.createElement(core.Box, {
     hidden: !subscribed
-  }, /*#__PURE__*/React$1.createElement(core.Button, {
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "TickCircle"
     }),
     fw: 300,
@@ -13699,40 +13699,40 @@ const SubscriptionPlans = _ref => {
     onClick
   } = _ref;
   const price = planPrice.split("/");
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Indicator, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Indicator, {
     size: 20,
-    label: /*#__PURE__*/React$1.createElement(Icons, {
+    label: /*#__PURE__*/React.createElement(Icons, {
       name: "TickCircle",
       size: 18,
       stroke: 1
     }),
     disabled: !isActive,
     className: "payment-plan"
-  }, /*#__PURE__*/React$1.createElement(core.Card, {
+  }, /*#__PURE__*/React.createElement(core.Card, {
     bg: isActive ? "gray.1" : "white",
     p: "md",
     radius: "sm",
     withBorder: true
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: "xl"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     align: "flex-start"
-  }, /*#__PURE__*/React$1.createElement(core.Box, null, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Box, null, /*#__PURE__*/React.createElement(core.Title, {
     order: 6,
     fw: 500
-  }, title), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, title), /*#__PURE__*/React.createElement(core.Text, {
     fz: "xs",
     c: altColor,
     fw: 300
-  }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React.createElement(core.Text, {
     fz: "sm",
     fw: 500
-  }, price[0], /*#__PURE__*/React$1.createElement(core.Text, {
+  }, price[0], /*#__PURE__*/React.createElement(core.Text, {
     fz: "sm",
     component: "span",
     c: "dimmed"
-  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React.createElement(core.Button, {
     w: 100,
     size: "xs",
     fw: 500,
@@ -13747,27 +13747,27 @@ const InfoGrid = _ref => {
     columns = 3,
     bgColor = "#0F193D"
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     bg: bgColor,
     radius: "sm",
     p: "md",
     withBorder: false
-  }, /*#__PURE__*/React$1.createElement(core.SimpleGrid, {
+  }, /*#__PURE__*/React.createElement(core.SimpleGrid, {
     cols: {
       base: 1,
       sm: columns
     },
     spacing: "md",
     verticalSpacing: "md"
-  }, data.map((item, index) => /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, data.map((item, index) => /*#__PURE__*/React.createElement(core.Stack, {
     key: index,
     gap: 4
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     c: "#ECEDEF",
     size: "sm",
     tt: "capitalize",
     fw: 300
-  }, item.label), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, item.label), /*#__PURE__*/React.createElement(core.Text, {
     c: "white",
     fw: 600,
     fz: 24,
@@ -13787,15 +13787,15 @@ const UserProfileCard = _ref => {
     score,
     scoreColor = "green"
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     p: "0",
     radius: "md",
     withBorder: false
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     align: "center",
     gap: "md",
     wrap: "nowrap"
-  }, /*#__PURE__*/React$1.createElement(core.Avatar, {
+  }, /*#__PURE__*/React.createElement(core.Avatar, {
     src: avatarUrl,
     size: avatarSize,
     radius: "100%",
@@ -13804,19 +13804,18 @@ const UserProfileCard = _ref => {
     ,
     name: name,
     color: "initials"
-  }), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 4,
     py: 8
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "10px",
     align: "center"
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     order: 2,
-    fz: 22,
+    fz: 14,
     fw: 500,
-    c: "#0F193D",
-    lh: 1.2
-  }, name), score && /*#__PURE__*/React$1.createElement(core.Badge, {
+    c: "#0F193D"
+  }, name), score && /*#__PURE__*/React.createElement(core.Badge, {
     color: scoreColor,
     variant: "outline",
     size: "md",
@@ -13825,25 +13824,23 @@ const UserProfileCard = _ref => {
       root: {
         borderWidth: 1,
         textTransform: "none",
-        height: 28,
+        height: 20,
         display: "flex",
         alignItems: "center"
       },
       label: {
-        fontWeight: 700,
-        fontSize: 14
+        fontWeight: 600,
+        fontSize: 10
       }
     }
-  }, score)), /*#__PURE__*/React$1.createElement(core.Text, {
-    size: "md",
+  }, score)), /*#__PURE__*/React.createElement(core.Text, {
+    size: "13px",
     c: "#6F758B",
-    fw: 500,
-    lh: "24px"
-  }, userType), /*#__PURE__*/React$1.createElement(core.Text, {
-    size: "md",
+    fw: 500
+  }, userType), /*#__PURE__*/React.createElement(core.Text, {
+    size: "12px",
     c: "#5B6767",
-    fw: 300,
-    lh: "24px"
+    fw: 300
   }, "ID: ", userId))));
 };
 
@@ -13883,38 +13880,38 @@ const StatusAlert = _ref => {
     onClose
   } = _ref;
   const config = VARIANT_CONFIG[variant];
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     bg: config.bg,
     radius: "4px",
     p: "12px",
     withBorder: false
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     align: "flex-start",
     gap: "10px",
     wrap: "nowrap"
-  }, /*#__PURE__*/React$1.createElement(core.Box, {
+  }, /*#__PURE__*/React.createElement(core.Box, {
     mt: -4
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: config.icon,
     color: config.color,
     size: 14,
     stroke: 1.5,
     variant: "Linear"
-  })), /*#__PURE__*/React$1.createElement(core.Stack, {
+  })), /*#__PURE__*/React.createElement(core.Stack, {
     gap: "10px",
     flex: 1
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     c: config.color,
     fw: 600,
     size: "12px"
-  }, title), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, title), /*#__PURE__*/React.createElement(core.Text, {
     c: "#282834",
     size: "14px",
     lh: 1.5,
     fw: 400
-  }, description), actionLabel && /*#__PURE__*/React$1.createElement(core.Box, {
+  }, description), actionLabel && /*#__PURE__*/React.createElement(core.Box, {
     mt: 4
-  }, /*#__PURE__*/React$1.createElement(core.Button, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
     variant: "filled",
     color: "gray.3",
     c: "dark",
@@ -13933,7 +13930,7 @@ const StatusAlert = _ref => {
       }
     },
     onClick: onAction
-  }, actionLabel))), onClose && /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+  }, actionLabel))), onClose && /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "transparent",
     color: config.color,
     onClick: onClose,
@@ -13941,7 +13938,7 @@ const StatusAlert = _ref => {
     style: {
       opacity: 0.6
     }
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "CloseCircle",
     size: 16,
     stroke: 1.5
@@ -13977,21 +13974,21 @@ const CreditCard = _ref => {
     background = "linear-gradient(135deg, #1e3c72 0%, #2a5298 100%)",
     onAddClick
   } = _ref;
-  const [isFlipped, setIsFlipped] = React$1.useState(false);
+  const [isFlipped, setIsFlipped] = React.useState(false);
 
   // Add Card Variant
   if (variant === "add") {
-    return /*#__PURE__*/React$1.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "add-card-container",
       onClick: onAddClick
-    }, /*#__PURE__*/React$1.createElement(core.Stack, {
+    }, /*#__PURE__*/React.createElement(core.Stack, {
       align: "center",
       gap: "10px"
-    }, /*#__PURE__*/React$1.createElement(Icons, {
+    }, /*#__PURE__*/React.createElement(Icons, {
       name: "Add",
       size: 90,
       color: "#273050"
-    }), /*#__PURE__*/React$1.createElement(core.Text, {
+    }), /*#__PURE__*/React.createElement(core.Text, {
       c: "#273050",
       size: "14px",
       lh: "24px",
@@ -14003,23 +14000,23 @@ const CreditCard = _ref => {
   const handleCardClick = () => {
     setIsFlipped(!isFlipped);
   };
-  const LogoComponent = LOGO_MAP[brand] ? /*#__PURE__*/React$1.createElement(core.Image, {
+  const LogoComponent = LOGO_MAP[brand] ? /*#__PURE__*/React.createElement(core.Image, {
     src: LOGO_MAP[brand],
     h: 27,
     fit: "contain"
   }) : null;
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "credit-card-container ".concat(isFlipped ? "flipped" : ""),
     onClick: handleCardClick
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "credit-card-inner"
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "credit-card-front",
     style: {
       background: background,
       backgroundSize: "cover"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Box, {
+  }, /*#__PURE__*/React.createElement(core.Box, {
     pt: "18px",
     pr: "22px",
     pl: "16px",
@@ -14028,24 +14025,24 @@ const CreditCard = _ref => {
     style: {
       position: "relative"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     align: "start"
-  }, /*#__PURE__*/React$1.createElement(core.Image, {
+  }, /*#__PURE__*/React.createElement(core.Image, {
     src: img$c,
     h: 20,
     fit: "contain"
-  }), LogoComponent), /*#__PURE__*/React$1.createElement(core.Box, {
+  }), LogoComponent), /*#__PURE__*/React.createElement(core.Box, {
     mt: 27,
     style: {
       display: "flex",
       justifyContent: "flex-start"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Image, {
+  }, /*#__PURE__*/React.createElement(core.Image, {
     src: img$b,
     h: 24,
     fit: "contain"
-  })), /*#__PURE__*/React$1.createElement(core.Text, {
+  })), /*#__PURE__*/React.createElement(core.Text, {
     c: "#F8FAFC",
     fz: 19,
     mt: 10,
@@ -14056,7 +14053,7 @@ const CreditCard = _ref => {
       textShadow: "0 1px 2px rgba(0,0,0,0.6)",
       fontFamily: "THICCCBOI"
     }
-  }, cardNumber), /*#__PURE__*/React$1.createElement(core.Group, {
+  }, cardNumber), /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     mt: "auto",
     align: "end",
@@ -14066,37 +14063,37 @@ const CreditCard = _ref => {
       left: 18,
       right: 24
     }
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     c: "#F8FAFC",
     fw: 400,
     fz: 16,
     style: {
       textShadow: "0 1px 2px rgba(0,0,0,0.6)"
     }
-  }, cardHolder), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, cardHolder), /*#__PURE__*/React.createElement(core.Text, {
     c: "#F8FAFC",
     fw: 400,
     fz: 14,
     style: {
       textShadow: "0 1px 2px rgba(0,0,0,0.6)"
     }
-  }, "Exp ", expiryDate)))), /*#__PURE__*/React$1.createElement("div", {
+  }, "Exp ", expiryDate)))), /*#__PURE__*/React.createElement("div", {
     className: "credit-card-back",
     style: {
       background: background,
       backgroundSize: "cover"
     }
-  }, /*#__PURE__*/React$1.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "magnetic-stripe"
-  }), /*#__PURE__*/React$1.createElement(core.Box, {
+  }), /*#__PURE__*/React.createElement(core.Box, {
     mt: "md",
     px: "lg"
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     c: "white",
     size: "xs",
     ta: "right",
     mr: 2
-  }, "CVV"), /*#__PURE__*/React$1.createElement(core.Box, {
+  }, "CVV"), /*#__PURE__*/React.createElement(core.Box, {
     bg: "white",
     h: 35,
     w: "100%",
@@ -14106,20 +14103,20 @@ const CreditCard = _ref => {
       justifyContent: "flex-end",
       paddingRight: 10
     }
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     c: "black",
     ff: "THICCCBOI",
     lts: 2
-  }, cvv)), /*#__PURE__*/React$1.createElement(core.Group, {
+  }, cvv)), /*#__PURE__*/React.createElement(core.Group, {
     justify: "flex-end",
     mt: "md"
-  }, LogoComponent), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, LogoComponent), /*#__PURE__*/React.createElement(core.Text, {
     c: "white",
     size: "xs",
     mt: "xl",
     ta: "center",
     opacity: 0.8
-  }, "Issued by Adiba Bank.", /*#__PURE__*/React$1.createElement("br", null), "For customer service call +123-456-7890.")))));
+  }, "Issued by Adiba Bank.", /*#__PURE__*/React.createElement("br", null), "For customer service call +123-456-7890.")))));
 };
 
 var img$6 = "data:image/svg+xml,%3csvg width='622' height='800' viewBox='0 0 622 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M189.496 700.703H230.986L210.434 640.73L189.496 700.703Z' fill='%23279800'/%3e%3cpath d='M621.346 537.931V192.8C621.346 182.234 620.077 174.414 613.76 168.083L453.249 7.58621C448.436 2.77241 441.76 0 434.932 0H34.6287C18.27 0 0.65625 12.6345 0.65625 40.3586V537.931H621.346ZM428.242 46.7724C428.242 40.4552 435.87 37.2966 440.339 41.7655L579.58 181.007C584.049 185.476 580.891 193.103 574.573 193.103H428.242V46.7724ZM235.139 206.897C235.139 201.862 237.884 197.228 242.298 194.8C246.725 192.386 252.091 192.566 256.353 195.255L408.077 291.807C412.036 294.345 414.449 298.731 414.449 303.448C414.449 308.166 412.036 312.552 408.063 315.09L256.339 411.641C254.091 413.062 251.511 413.793 248.932 413.793C246.642 413.793 244.367 413.228 242.298 412.097C237.884 409.669 235.139 405.034 235.139 400V206.897Z' fill='%23457154'/%3e%3cpath d='M0.65625 565.518V772.414C0.65625 786.331 17.4838 800 34.6287 800H587.373C604.518 800 621.346 786.331 621.346 772.414V565.518H0.65625ZM246.449 744.828L236.449 715.973H184.215L174.036 744.828H150.463L199.111 606.028H221.553L269.842 744.828H246.449ZM365.636 745.587H336.215L293.029 605.849H318.863L351.111 725.78L385.249 605.849H410.891L365.636 745.587ZM462.56 744.828H439.553V605.849H462.56V744.828Z' fill='%23279800'/%3e%3c/svg%3e";
@@ -14156,29 +14153,29 @@ const File = _ref => {
     rest = _objectWithoutProperties(_ref, _excluded$4);
   const isChip = shape == "chip";
   const radius = isChip ? "md" : "sm";
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(core.Card, _extends({}, rest, {
     radius,
     w,
     bg,
     bd
-  }), /*#__PURE__*/React$1.createElement(core.Card.Section, {
+  }), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: isChip ? "xs" : undefined
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: isChip ? "space-between" : undefined,
     gap: "xs"
-  }, /*#__PURE__*/React$1.createElement(core.Image, {
+  }, /*#__PURE__*/React.createElement(core.Image, {
     p: isChip ? undefined : "xs",
     pr: 2,
     h: isChip ? CHIP_HEIGHT : TILE_HEIGHT,
     w: isChip ? CHIP_WIDTH : TILE_WIDTH,
     alt: shape,
     fallbackSrc: ICON[type]
-  }), rest.children, /*#__PURE__*/React$1.createElement(core.Space, {
+  }), rest.children, /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), rightsection ? /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+  }), rightsection ? /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "transparent",
     onClick: rightsection.onClick
-  }, /*#__PURE__*/React$1.createElement(Icons, rightsection === null || rightsection === void 0 ? void 0 : rightsection.icon)) : undefined)));
+  }, /*#__PURE__*/React.createElement(Icons, rightsection === null || rightsection === void 0 ? void 0 : rightsection.icon)) : undefined)));
 };
 
 const DetailCard = _ref => {
@@ -14189,34 +14186,34 @@ const DetailCard = _ref => {
     badgeColor = "green",
     items = []
   } = _ref;
-  const [isRevealed, setIsRevealed] = React$1.useState(false);
+  const [isRevealed, setIsRevealed] = React.useState(false);
   const toggleReveal = () => setIsRevealed(!isRevealed);
   const renderContent = () => {
     switch (variant) {
       case "sensitive":
-        return /*#__PURE__*/React$1.createElement(core.Group, {
+        return /*#__PURE__*/React.createElement(core.Group, {
           justify: "space-between",
           align: "center",
           w: "100%"
-        }, /*#__PURE__*/React$1.createElement(core.Text, {
+        }, /*#__PURE__*/React.createElement(core.Text, {
           fw: 300,
           c: "dark",
           size: "sm",
           style: {
             flex: 1
           }
-        }, isRevealed ? value : "****************"), /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+        }, isRevealed ? value : "****************"), /*#__PURE__*/React.createElement(core.ActionIcon, {
           variant: "subtle",
           color: "#292D32",
           onClick: toggleReveal,
           size: "sm"
-        }, /*#__PURE__*/React$1.createElement(Icons, {
+        }, /*#__PURE__*/React.createElement(Icons, {
           name: isRevealed ? "Eye" : "EyeSlash",
           size: 20,
           stroke: 1.5
         })));
       case "badge":
-        return /*#__PURE__*/React$1.createElement(core.Box, null, /*#__PURE__*/React$1.createElement(core.Badge, {
+        return /*#__PURE__*/React.createElement(core.Box, null, /*#__PURE__*/React.createElement(core.Badge, {
           color: badgeColor,
           variant: "light",
           radius: "4px",
@@ -14231,10 +14228,10 @@ const DetailCard = _ref => {
           }
         }, value));
       case "document":
-        return /*#__PURE__*/React$1.createElement(core.Stack, {
+        return /*#__PURE__*/React.createElement(core.Stack, {
           gap: "sm",
           w: "100%"
-        }, items.map(item => /*#__PURE__*/React$1.createElement(File, {
+        }, items.map(item => /*#__PURE__*/React.createElement(File, {
           key: item.id,
           type: "pdf",
           shape: "chip",
@@ -14249,37 +14246,37 @@ const DetailCard = _ref => {
             },
             onClick: item.onAction
           } : undefined
-        }, /*#__PURE__*/React$1.createElement(core.Text, {
+        }, /*#__PURE__*/React.createElement(core.Text, {
           size: "sm",
           c: "#575E77",
           fw: 300
         }, item.label))));
       case "list":
-        return /*#__PURE__*/React$1.createElement(core.Stack, {
+        return /*#__PURE__*/React.createElement(core.Stack, {
           gap: "2px",
           w: "100%"
-        }, items.map(item => /*#__PURE__*/React$1.createElement(core.Group, {
+        }, items.map(item => /*#__PURE__*/React.createElement(core.Group, {
           key: item.id,
           justify: "space-between",
           align: "center"
-        }, /*#__PURE__*/React$1.createElement(core.Text, {
+        }, /*#__PURE__*/React.createElement(core.Text, {
           fw: 300,
           c: "dark",
           size: "sm"
-        }, item.label), item.onAction && /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+        }, item.label), item.onAction && /*#__PURE__*/React.createElement(core.ActionIcon, {
           variant: "subtle",
           color: "#E54040",
           onClick: item.onAction
-        }, /*#__PURE__*/React$1.createElement(Icons, {
+        }, /*#__PURE__*/React.createElement(Icons, {
           name: item.icon || "Trash",
           size: 20,
           stroke: 1.5
         })))));
       case "user-list":
-        return /*#__PURE__*/React$1.createElement(core.Stack, {
+        return /*#__PURE__*/React.createElement(core.Stack, {
           gap: "sm",
           w: "100%"
-        }, items.map(item => /*#__PURE__*/React$1.createElement(core.Group, {
+        }, items.map(item => /*#__PURE__*/React.createElement(core.Group, {
           key: item.id,
           p: "sm",
           bg: "white",
@@ -14288,10 +14285,10 @@ const DetailCard = _ref => {
           },
           justify: "space-between",
           wrap: "nowrap"
-        }, /*#__PURE__*/React$1.createElement(core.Group, {
+        }, /*#__PURE__*/React.createElement(core.Group, {
           gap: "md",
           wrap: "nowrap"
-        }, /*#__PURE__*/React$1.createElement(core.Avatar, {
+        }, /*#__PURE__*/React.createElement(core.Avatar, {
           src: item.avatarUrl,
           alt: item.label,
           radius: !item.avatarUrl && item.initials ? "2px" : "50%",
@@ -14304,59 +14301,59 @@ const DetailCard = _ref => {
               fontSize: "14px"
             }
           }
-        }, !item.avatarUrl && item.initials), /*#__PURE__*/React$1.createElement(core.Stack, {
+        }, !item.avatarUrl && item.initials), /*#__PURE__*/React.createElement(core.Stack, {
           gap: 2
-        }, /*#__PURE__*/React$1.createElement(core.Text, {
+        }, /*#__PURE__*/React.createElement(core.Text, {
           fw: 300,
           size: "sm",
           c: "#0F193D"
-        }, item.label), /*#__PURE__*/React$1.createElement(core.Text, {
+        }, item.label), /*#__PURE__*/React.createElement(core.Text, {
           fw: 300,
           size: "12px",
           c: "#ADB2B2"
-        }, item.subLabel))), item.onAction && /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+        }, item.subLabel))), item.onAction && /*#__PURE__*/React.createElement(core.ActionIcon, {
           variant: "subtle",
           color: "red",
           onClick: item.onAction
-        }, /*#__PURE__*/React$1.createElement(Icons, {
+        }, /*#__PURE__*/React.createElement(Icons, {
           name: item.icon || "Trash",
           size: 20,
           stroke: 1.5
         })))));
       case "value-list":
-        return /*#__PURE__*/React$1.createElement(core.Stack, {
+        return /*#__PURE__*/React.createElement(core.Stack, {
           gap: "sm",
           w: "100%"
-        }, items.map(item => /*#__PURE__*/React$1.createElement(core.Group, {
+        }, items.map(item => /*#__PURE__*/React.createElement(core.Group, {
           key: item.id,
           justify: "space-between"
-        }, /*#__PURE__*/React$1.createElement(core.Text, {
+        }, /*#__PURE__*/React.createElement(core.Text, {
           c: "dark",
           size: "sm",
           fw: 300
-        }, item.label), /*#__PURE__*/React$1.createElement(core.Text, {
+        }, item.label), /*#__PURE__*/React.createElement(core.Text, {
           c: "dark",
           size: "sm",
           fw: 600
         }, item.value))));
       case "simple":
       default:
-        return /*#__PURE__*/React$1.createElement(core.Text, {
+        return /*#__PURE__*/React.createElement(core.Text, {
           fw: 300,
           c: "dark",
           size: "sm"
         }, value);
     }
   };
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     bg: "#F7F7F9",
     radius: "4px",
     py: "12px",
     px: "13px",
     withBorder: false
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: "8px"
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     c: "#6F758B",
     size: "sm",
     fw: 300
@@ -14374,74 +14371,74 @@ const PaymentMethod = _ref => {
     type,
     exp
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     withBorder: true,
     radius: "md",
     p: 0,
     bg: isActive ? "gray.1" : "white",
     w: 330
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "md",
     px: "sm"
-  }, /*#__PURE__*/React$1.createElement(core.Center, {
+  }, /*#__PURE__*/React.createElement(core.Center, {
     h: 88,
     w: 80
-  }, logo[type]), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, logo[type]), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 3
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fz: 14,
     tt: "uppercase",
     fw: 500
-  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React$1.createElement(core.Group, {
+  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React.createElement(core.Group, {
     c: "dimmed"
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     tt: "capitalize",
     fw: 300,
     size: "xs"
-  }, type), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, type), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     size: "sm"
-  }, exp))), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, exp))), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+  }), /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "subtle",
     disabled: isActive
-  }, !isActive ? /*#__PURE__*/React$1.createElement(Icons, {
+  }, !isActive ? /*#__PURE__*/React.createElement(Icons, {
     name: "Record"
-  }) : /*#__PURE__*/React$1.createElement(Icons, {
+  }) : /*#__PURE__*/React.createElement(Icons, {
     name: "TickCircle"
   }))));
 };
 const logo = {
-  mastercard: /*#__PURE__*/React$1.createElement(core.Image, {
+  mastercard: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img$1
   }),
-  visa: /*#__PURE__*/React$1.createElement(core.Image, {
+  visa: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img$9
   }),
-  amex: /*#__PURE__*/React$1.createElement(core.Image, {
+  amex: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img$a
   }),
-  paypal: /*#__PURE__*/React$1.createElement(core.Image, {
+  paypal: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img
   }),
-  verve: /*#__PURE__*/React$1.createElement(core.Image, {
+  verve: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img$7
   })
 };
 const PaymentMethodAdd = () => {
-  return /*#__PURE__*/React$1.createElement(core.Group, {
+  return /*#__PURE__*/React.createElement(core.Group, {
     align: "center"
-  }, /*#__PURE__*/React$1.createElement(core.Button, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
     variant: "outline",
     w: 60,
     h: 60
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "Add",
     size: 60,
     stroke: 1
@@ -14453,7 +14450,7 @@ const SimpleHeader = _ref => {
     id,
     label
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Table.Th, {
+  return /*#__PURE__*/React.createElement(core.Table.Th, {
     fw: 500,
     id: id,
     fz: "xs",
@@ -14478,13 +14475,13 @@ const SimpleBody = _ref => {
   if (withIndex) {
     row["index"] = "".concat(index ? index + 1 : 1);
   }
-  return /*#__PURE__*/React$1.createElement(core.Table.Tr, {
+  return /*#__PURE__*/React.createElement(core.Table.Tr, {
     fw: 300,
     fz: "sm",
     h: 50
   }, columns.map((column, idx) => {
     const columnIndex = column.id;
-    return /*#__PURE__*/React$1.createElement(core.Table.Td, {
+    return /*#__PURE__*/React.createElement(core.Table.Td, {
       key: idx
     }, typeof row[columnIndex] === "function" ? row[columnIndex]("".concat(index)) : row[columnIndex] || "");
   }));
@@ -14500,7 +14497,7 @@ const SimpleTable = _ref => {
     isStriped
   } = _ref;
   // Memoize the final columns array to avoid mutations on every render
-  const finalColumns = React$1.useMemo(() => {
+  const finalColumns = React.useMemo(() => {
     // Create a new array to avoid mutating the original
     const sortedColumns = [...columns].sort((a, b) => a.order - b.order);
     const indexColumn = {
@@ -14531,14 +14528,14 @@ const SimpleTable = _ref => {
     withRowBorders: false,
     verticalSpacing: "md"
   };
-  return /*#__PURE__*/React$1.createElement(core.Table, isStriped && isStripedProps, /*#__PURE__*/React$1.createElement(core.Table.Thead, null, /*#__PURE__*/React$1.createElement(core.Table.Tr, {
+  return /*#__PURE__*/React.createElement(core.Table, isStriped && isStripedProps, /*#__PURE__*/React.createElement(core.Table.Thead, null, /*#__PURE__*/React.createElement(core.Table.Tr, {
     bg: isStriped ? "gray.1" : "transparent"
   }, finalColumns.map((column, index) => {
-    return /*#__PURE__*/React$1.createElement(SimpleHeader, _extends({
+    return /*#__PURE__*/React.createElement(SimpleHeader, _extends({
       key: "column-".concat(index)
     }, column));
-  }))), /*#__PURE__*/React$1.createElement(core.Table.Tbody, null, rows.map((row, index) => {
-    return /*#__PURE__*/React$1.createElement(SimpleBody, {
+  }))), /*#__PURE__*/React.createElement(core.Table.Tbody, null, rows.map((row, index) => {
+    return /*#__PURE__*/React.createElement(SimpleBody, {
       key: index,
       row,
       columns: finalColumns,
@@ -14577,21 +14574,21 @@ const ErrorModal = _ref => {
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Stack, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
     py: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Center, {
+  }, /*#__PURE__*/React.createElement(core.Center, {
     w: 170,
     h: 170
-  }, /*#__PURE__*/React$1.createElement(dotlottieReact.DotLottieReact, {
+  }, /*#__PURE__*/React.createElement(dotlottieReact.DotLottieReact, {
     speed: 0.5,
     src: ErrorAnimation,
     loop: false,
     autoplay: true
-  })), /*#__PURE__*/React$1.createElement(core.Text, {
+  })), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     ta: "center"
-  }, innerProps.modalBody)), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, innerProps.modalBody)), /*#__PURE__*/React.createElement(core.Button, {
     radius: "xl",
     fw: 300,
     size: "md",
@@ -14609,9 +14606,9 @@ const InfoModal = _ref => {
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Text, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Text, {
     size: "sm"
-  }, innerProps.modalBody), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, innerProps.modalBody), /*#__PURE__*/React.createElement(core.Button, {
     fullWidth: true,
     mt: "md",
     onClick: () => context.closeModal(id)
@@ -14626,17 +14623,17 @@ const SimpleModal = _ref => {
       innerProps
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React$1.createElement(core.Stack, {
+  return /*#__PURE__*/React.createElement(core.Stack, {
     pt: "lg",
     gap: "xl"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
     gap: "lg"
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     order: 3,
     fw: 500,
     lh: "40px"
-  }, innerProps.title), /*#__PURE__*/React$1.createElement(React$1.Fragment, null, innerProps.modalBody)));
+  }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody)));
 };
 
 var SuccessAnimation = "data:null;base64,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";
@@ -14647,21 +14644,21 @@ const SuccessModal = _ref => {
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Stack, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
     py: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Center, {
+  }, /*#__PURE__*/React.createElement(core.Center, {
     w: 170,
     h: 170
-  }, /*#__PURE__*/React$1.createElement(dotlottieReact.DotLottieReact, {
+  }, /*#__PURE__*/React.createElement(dotlottieReact.DotLottieReact, {
     speed: 0.8,
     src: SuccessAnimation,
     loop: false,
     autoplay: true
-  })), /*#__PURE__*/React$1.createElement(core.Text, {
+  })), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     ta: "center"
-  }, innerProps.modalBody)), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, innerProps.modalBody)), /*#__PURE__*/React.createElement(core.Button, {
     radius: "xl",
     fw: 300,
     size: "md",
@@ -14679,22 +14676,22 @@ const TwoFactorModal = _ref => {
     title = "Verify Your Identity",
     pinLength = 6
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Stack, {
+  return /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
     py: 40,
     gap: "lg"
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     order: 3,
     fw: 500,
     h: 40
-  }, title), /*#__PURE__*/React$1.createElement(core.PinInput, {
+  }, title), /*#__PURE__*/React.createElement(core.PinInput, {
     length: pinLength,
     placeholder: "",
     type: "number",
     inputType: "tel",
     inputMode: "numeric",
     autoFocus: true
-  }), /*#__PURE__*/React$1.createElement(core.Text, {
+  }), /*#__PURE__*/React.createElement(core.Text, {
     ta: "center",
     fw: 300
   }, children));
@@ -14709,7 +14706,7 @@ const Drawer = _ref => {
     title = "",
     page = undefined
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Drawer.Root, {
+  return /*#__PURE__*/React.createElement(core.Drawer.Root, {
     opened,
     onClose,
     position,
@@ -14722,17 +14719,17 @@ const Drawer = _ref => {
       duration: 500,
       transition: "slide-left"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Drawer.Overlay, null), /*#__PURE__*/React$1.createElement(core.Drawer.Content, null, /*#__PURE__*/React$1.createElement(core.Drawer.Header, null, /*#__PURE__*/React$1.createElement(core.Drawer.Title, {
+  }, /*#__PURE__*/React.createElement(core.Drawer.Overlay, null), /*#__PURE__*/React.createElement(core.Drawer.Content, null, /*#__PURE__*/React.createElement(core.Drawer.Header, null, /*#__PURE__*/React.createElement(core.Drawer.Title, {
     fz: "lg",
     fw: "400"
-  }, title), /*#__PURE__*/React$1.createElement(core.Drawer.CloseButton, {
-    icon: /*#__PURE__*/React$1.createElement(Icons, {
+  }, title), /*#__PURE__*/React.createElement(core.Drawer.CloseButton, {
+    icon: /*#__PURE__*/React.createElement(Icons, {
       name: "Back",
       size: 24
     })
-  })), /*#__PURE__*/React$1.createElement(core.Drawer.Body, {
+  })), /*#__PURE__*/React.createElement(core.Drawer.Body, {
     p: "md"
-  }, /*#__PURE__*/React$1.createElement(core.ScrollArea, {
+  }, /*#__PURE__*/React.createElement(core.ScrollArea, {
     scrollbars: "y"
   }, page))));
 };
@@ -14788,7 +14785,7 @@ const SimpleForm = _ref => {
     variant: !isEditable ? "unstyled" : "default",
     required: true
   };
-  return /*#__PURE__*/React$1.createElement("form", {
+  return /*#__PURE__*/React.createElement("form", {
     onSubmit: form$1.onSubmit(values => {
       var _rest$onSubmit;
       return hasSubmit ? (_rest$onSubmit = rest.onSubmit) === null || _rest$onSubmit === void 0 ? void 0 : _rest$onSubmit.call(rest, values) : void 0;
@@ -14801,18 +14798,18 @@ const SimpleForm = _ref => {
     style: {
       height: "100%"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     h: "100%"
-  }, /*#__PURE__*/React$1.createElement(core.Grid, null, fields.map((field, index) => {
+  }, /*#__PURE__*/React.createElement(core.Grid, null, fields.map((field, index) => {
     if (typeof field === "string") {
       const sanitizedField = santize(field);
-      return /*#__PURE__*/React$1.createElement(core.Grid.Col, {
+      return /*#__PURE__*/React.createElement(core.Grid.Col, {
         key: index,
         span: layout[index]
-      }, /*#__PURE__*/React$1.createElement(core.TextInput, _extends({}, inputProps, sanitizedField, form$1.getInputProps(sanitizedField.name))));
+      }, /*#__PURE__*/React.createElement(core.TextInput, _extends({}, inputProps, sanitizedField, form$1.getInputProps(sanitizedField.name))));
     }
     if (typeof field === "function") {
-      return /*#__PURE__*/React$1.createElement(core.Grid.Col, {
+      return /*#__PURE__*/React.createElement(core.Grid.Col, {
         key: index,
         span: layout[index]
       }, field(form$1.getInputProps));
@@ -14821,15 +14818,15 @@ const SimpleForm = _ref => {
       var _field$field2;
       const Component = components[field.component];
       const sanitizedField = santize((_field$field2 = field.field) !== null && _field$field2 !== void 0 ? _field$field2 : "");
-      return /*#__PURE__*/React$1.createElement(core.Grid.Col, {
+      return /*#__PURE__*/React.createElement(core.Grid.Col, {
         key: index,
         span: layout[index]
-      }, /*#__PURE__*/React$1.createElement(Component, _extends({}, field.field, inputProps, sanitizedField, form$1.getInputProps(sanitizedField.name))));
+      }, /*#__PURE__*/React.createElement(Component, _extends({}, field.field, inputProps, sanitizedField, form$1.getInputProps(sanitizedField.name))));
     }
     return null;
-  })), /*#__PURE__*/React$1.createElement(core.Space, {
+  })), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(FormButtons, {
+  }), /*#__PURE__*/React.createElement(FormButtons, {
     hasSubmit,
     hasReset,
     buttonSize
@@ -14857,15 +14854,15 @@ const FormButtons = _ref3 => {
     hasReset = false,
     buttonSize
   } = _ref3;
-  return /*#__PURE__*/React$1.createElement(core.Group, {
+  return /*#__PURE__*/React.createElement(core.Group, {
     mt: "lg",
     justify: "flex-end",
     grow: true,
     gap: 10,
     w: "100%",
     display: hasSubmit || hasReset ? "flex" : "none"
-  }, /*#__PURE__*/React$1.createElement(core.Button, {
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "CloseCircle",
       size: 16
     }),
@@ -14879,12 +14876,12 @@ const FormButtons = _ref3 => {
       display: hasReset ? "block" : "none"
     },
     flex: 1
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 400,
     fz: "sm",
     c: "white"
-  }, "Cancel")), /*#__PURE__*/React$1.createElement(core.Button, {
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+  }, "Cancel")), /*#__PURE__*/React.createElement(core.Button, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "TickCircle",
       size: 16
     }),
@@ -14898,7 +14895,7 @@ const FormButtons = _ref3 => {
       display: hasSubmit ? "block" : "none"
     },
     flex: 1
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "sm",
     c: "white"
@@ -14914,24 +14911,24 @@ const MaskedTilePanel = _ref => {
   } = _ref;
   const [masked, toggle] = hooks.useToggle();
   const name = masked ? "Eye" : "EyeSlash";
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     p: "md",
     bg: "gray.0",
     style: {
       borderRadius: "10px"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: 0,
     p: 0,
     flex: 1
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fz: "sm",
     fw: 300,
     p: 0,
     c: "gray.7"
-  }, label), /*#__PURE__*/React$1.createElement(core.TextInput, {
+  }, label), /*#__PURE__*/React.createElement(core.TextInput, {
     type: masked ? "password" : "text",
     fw: 300,
     p: 0,
@@ -14939,10 +14936,10 @@ const MaskedTilePanel = _ref => {
     value: value,
     variant: "unstyled",
     readOnly: true
-  })), /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+  })), /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "transparent",
     onClick: () => onMasked() ? toggle() : void 0
-  }, icon && /*#__PURE__*/React$1.createElement(Icons, {
+  }, icon && /*#__PURE__*/React.createElement(Icons, {
     size: 24,
     color: "gray",
     name: name
@@ -14953,24 +14950,24 @@ const TilePanel = _ref2 => {
     label,
     value
   } = _ref2;
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     p: "md",
     bg: "gray.0",
     style: {
       borderRadius: "10px"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: 0,
     p: 0,
     flex: 1
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fz: "sm",
     fw: 300,
     p: 0,
     c: "gray.7"
-  }, label), /*#__PURE__*/React$1.createElement(core.TextInput, {
+  }, label), /*#__PURE__*/React.createElement(core.TextInput, {
     fw: 300,
     p: 0,
     c: "adiba",
@@ -14980,7 +14977,7 @@ const TilePanel = _ref2 => {
   }))));
 };
 
-const _excluded$1 = ["name", "logo", "category", "price", "onClick", "dragHandleProps", "variant", "onClose", "className", "style"];
+const _excluded$1 = ["name", "logo", "category", "price", "onClick", "dragHandleProps", "variant", "onClose", "onAdd", "className", "style"];
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const MerchantCard = _ref => {
@@ -14993,11 +14990,12 @@ const MerchantCard = _ref => {
       dragHandleProps,
       variant = "default",
       onClose,
+      onAdd,
       className,
       style
     } = _ref,
     others = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({
+  return /*#__PURE__*/React.createElement(core.Card, _extends({
     padding: "md",
     radius: "20px",
     withBorder: true,
@@ -15007,17 +15005,17 @@ const MerchantCard = _ref => {
       backgroundColor: "#fff"
     }, style),
     className: className
-  }, others), /*#__PURE__*/React$1.createElement(core.Group, {
+  }, others), /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
-    align: "center",
+    align: variant === "add" ? "flex-end" : "center",
     wrap: "nowrap"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "md",
     wrap: "nowrap",
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/React$1.createElement(core.Box, {
+  }, /*#__PURE__*/React.createElement(core.Box, {
     w: 105,
     h: 90,
     bg: "gray.0",
@@ -15029,26 +15027,26 @@ const MerchantCard = _ref => {
       borderRadius: 8,
       overflow: "hidden"
     }
-  }, logo ? /*#__PURE__*/React$1.createElement(core.Image, {
+  }, logo ? /*#__PURE__*/React.createElement(core.Image, {
     src: logo,
     alt: name,
     w: "100%",
     h: "100%",
     fit: "contain"
-  }) : /*#__PURE__*/React$1.createElement(Icons, {
+  }) : /*#__PURE__*/React.createElement(Icons, {
     name: "Shop",
     size: 24,
     color: "gray"
-  })), /*#__PURE__*/React$1.createElement(core.Stack, {
+  })), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 8,
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 400,
     size: "lg",
     c: "dark.9"
-  }, name), /*#__PURE__*/React$1.createElement(core.Badge, {
+  }, name), /*#__PURE__*/React.createElement(core.Badge, {
     variant: "light",
     color: "gray",
     radius: "sm",
@@ -15063,30 +15061,43 @@ const MerchantCard = _ref => {
         padding: "5px 7px"
       }
     }
-  }, category), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, category), /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     c: "dimmed"
-  }, price))), variant === "closable" ? /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+  }, price))), variant === "closable" ? /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "transparent",
     color: "gray",
     onClick: e => {
       e.stopPropagation();
       onClose === null || onClose === void 0 || onClose();
     }
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "CloseCircle",
     size: 24,
     color: "#A1A8AF"
-  })) : /*#__PURE__*/React$1.createElement(core.ActionIcon, _extends({
+  })) : variant === "default" ? /*#__PURE__*/React.createElement(core.ActionIcon, _extends({
     variant: "transparent",
     style: {
       cursor: "grab",
       transform: "rotate(136deg)"
     }
-  }, dragHandleProps), /*#__PURE__*/React$1.createElement(Icons, {
+  }, dragHandleProps), /*#__PURE__*/React.createElement(Icons, {
     name: "Maximize4",
     size: 24,
     color: "#1C1C1C"
+  })) : /*#__PURE__*/React.createElement(core.ActionIcon, {
+    bg: "#0F193D",
+    w: 32,
+    h: 32,
+    radius: "100%",
+    onClick: e => {
+      e.stopPropagation();
+      onAdd === null || onAdd === void 0 || onAdd();
+    }
+  }, /*#__PURE__*/React.createElement(Icons, {
+    name: "Add",
+    size: 24,
+    color: "#FFFFFF"
   }))));
 };
 
@@ -15225,18 +15236,18 @@ var ConfirmAnimation = "data:null;base64,UEsDBBQAAAAIAEoK11qAribJgAAAALUAAAANAAA
 const ConfirmModal = _ref => {
   let {
     children} = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Stack, {
+  return /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
     py: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Center, {
+  }, /*#__PURE__*/React.createElement(core.Center, {
     w: 150,
     h: 150,
     pt: "md"
-  }, /*#__PURE__*/React$1.createElement(dotlottieReact.DotLottieReact, {
+  }, /*#__PURE__*/React.createElement(dotlottieReact.DotLottieReact, {
     speed: 1,
     src: ConfirmAnimation,
     autoplay: true
-  })), /*#__PURE__*/React$1.createElement(core.Text, {
+  })), /*#__PURE__*/React.createElement(core.Text, {
     ta: "center",
     fw: 300
   }, children));
@@ -15461,7 +15472,7 @@ function useUrlFilters(options) {
     toApiParams
   } = options;
   const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
-  const filters = React$1.useMemo(() => {
+  const filters = React.useMemo(() => {
     const parsed = parseFilters(searchParams);
 
     // Ensure page and limit are always present with valid defaults
@@ -15507,7 +15518,7 @@ function useUrlFilters(options) {
       replace: true
     });
   };
-  const hasActiveFilters = React$1.useMemo(() => {
+  const hasActiveFilters = React.useMemo(() => {
     if (checkActiveFilters) {
       return checkActiveFilters(filters);
     }
@@ -15518,7 +15529,7 @@ function useUrlFilters(options) {
       return value !== undefined && value !== null && value !== "";
     });
   }, [filters, checkActiveFilters]);
-  const apiParams = React$1.useMemo(() => {
+  const apiParams = React.useMemo(() => {
     if (toApiParams) {
       return toApiParams(filters);
     }