@adiba-banking-cloud/backoffice 0.0.80 → 0.0.81

package/build/index.esm.js/index.js

@@ -1,5 +1,3 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { modals } from '@mantine/modals';
 import React, { useRef, useMemo, useEffect } from 'react';
 import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table, createTheme, PinInput, Drawer as Drawer$1, ScrollArea, NumberInput, PasswordInput, Textarea, Grid } from '@mantine/core';
@@ -11205,8 +11203,8 @@ const initChart$2 = props => {
     chart: {
       type: "column",
       borderRadius: 8,
-      backgroundColor: (props === null || props === void 0 ? void 0 : props.bgColor) || "rgba(255, 255, 255, 0)",
-      plotBackgroundColor: (props === null || props === void 0 ? void 0 : props.plotBgColor) || "rgba(255, 255, 255, 0)"
+      backgroundColor: props?.bgColor || "rgba(255, 255, 255, 0)",
+      plotBackgroundColor: props?.plotBgColor || "rgba(255, 255, 255, 0)"
     },
     tooltip: {
       backgroundColor: "#0F193D",
@@ -11261,15 +11259,14 @@ const parseColorToRgb = colorString => {
       b
     };
   } else if (colorString.startsWith("rgb")) {
-    var _colorString$match;
-    const parts = (_colorString$match = colorString.match(/\d+/g)) === null || _colorString$match === void 0 ? void 0 : _colorString$match.map(Number);
-    if (parts !== null && parts !== void 0 && parts.length) return {
+    const parts = colorString.match(/\d+/g)?.map(Number);
+    if (parts?.length) return {
       r: parts[0],
       g: parts[1],
       b: parts[2]
     };
   }
-  console.warn("Color format '".concat(colorString, "' not fully recognized. Using black as fallback."));
+  console.warn(`Color format '${colorString}' not fully recognized. Using black as fallback.`);
   return {
     r: 0,
     g: 0,
@@ -11297,13 +11294,13 @@ const createAreaFillGradient = function (baseColor) {
     endOpacity = 0.08
   } = options;
   const parsedColor = parseColorToRgb(baseColor);
-  "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", 1)");
+  `rgba(${parsedColor.r}, ${parsedColor.g}, ${parsedColor.b}, 1)`;
 
   // Color string for the top of the gradient (base color with specified start opacity)
-  const rgbaStart = "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", ").concat(startOpacity, ")");
+  const rgbaStart = `rgba(${parsedColor.r}, ${parsedColor.g}, ${parsedColor.b}, ${startOpacity})`;
 
   // Color string for the bottom of the gradient (always transparent version of base color)
-  const rgbaEnd = "rgba(".concat(parsedColor.r, ", ").concat(parsedColor.g, ", ").concat(parsedColor.b, ", ").concat(endOpacity, ")");
+  const rgbaEnd = `rgba(${parsedColor.r}, ${parsedColor.g}, ${parsedColor.b}, ${endOpacity})`;
   return {
     linearGradient: {
       x1: 0,
@@ -11322,9 +11319,6 @@ const createAreaFillGradient = function (baseColor) {
   };
 };
 
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-
 // Initialize Highcharts with rounded corners
 if (typeof window !== "undefined") {
   HighchartsRounded(Highcharts);
@@ -11332,8 +11326,13 @@ if (typeof window !== "undefined") {
 const Column = props => {
   const chartRef = useRef(null);
   const chartOptions = useMemo(() => {
-    const column = _objectSpread$5({}, props);
-    return _objectSpread$5(_objectSpread$5({}, initChart$2(column)), initSeries$2(column));
+    const column = {
+      ...props
+    };
+    return {
+      ...initChart$2(column),
+      ...initSeries$2(column)
+    };
   }, [props]);
   useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
@@ -11436,12 +11435,15 @@ const initSeries$2 = props => {
         enableMouseTracking: false,
         showInLegend: false
       });
-      const mainSeries = _objectSpread$5(_objectSpread$5({}, fillSeries(boundary)), {
-        name: props.yAxisLabel[0],
-        color: seriesColors ? seriesColors[0] : "gray",
-        data: seriesData[0],
-        enableMouseTracking: true
-      });
+      const mainSeries = {
+        ...fillSeries(boundary),
+        ...{
+          name: props.yAxisLabel[0],
+          color: seriesColors ? seriesColors[0] : "gray",
+          data: seriesData[0],
+          enableMouseTracking: true
+        }
+      };
       return [fillSeries(boundary), mainSeries];
     }
     return [];
@@ -11476,19 +11478,22 @@ const initSeries$2 = props => {
         pointWidth: undefined
       }
     };
-    const plot = _objectSpread$5(_objectSpread$5({}, {
-      column: {
-        borderWidth: 0,
-        borderRadius: 10
-      }
-    }), series);
+    const plot = {
+      ...{
+        column: {
+          borderWidth: 0,
+          borderRadius: 10
+        }
+      },
+      ...series
+    };
     return plot;
   };
   return {
     xAxis: renderXAxis(props.xAxisLabel),
     yAxis: renderYAxis(props.equalizer, props.series),
     plotOptions: renderPlot(props.equalizer),
-    series: renderSeries(props.series, props === null || props === void 0 ? void 0 : props.colors, props.equalizer)
+    series: renderSeries(props.series, props?.colors, props.equalizer)
   };
 };
 
@@ -11496,8 +11501,8 @@ const initChart$1 = props => {
   return {
     chart: {
       type: "areaspline",
-      backgroundColor: (props === null || props === void 0 ? void 0 : props.bgColor) || "rgba(255, 255, 255, 0)",
-      plotBackgroundColor: (props === null || props === void 0 ? void 0 : props.plotBgColor) || "rgba(255, 255, 255, 0)"
+      backgroundColor: props?.bgColor || "rgba(255, 255, 255, 0)",
+      plotBackgroundColor: props?.plotBgColor || "rgba(255, 255, 255, 0)"
     },
     tooltip: {
       backgroundColor: "#0F193D",
@@ -11531,13 +11536,16 @@ const initChart$1 = props => {
   };
 };
 
-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 Area = props => {
   const chartRef = useRef(null);
   const chartOptions = useMemo(() => {
-    const area = _objectSpread$4({}, props);
-    return _objectSpread$4(_objectSpread$4({}, initChart$1(area)), initSeries$1(area));
+    const area = {
+      ...props
+    };
+    return {
+      ...initChart$1(area),
+      ...initSeries$1(area)
+    };
   }, [props]);
   useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
@@ -11566,9 +11574,8 @@ const SimpleArea = props => {
 };
 const initSeries$1 = props => {
   const renderXAxis = () => {
-    var _props$colors;
     const crosshair = props.withCrossHair ? {
-      color: props !== null && props !== void 0 && (_props$colors = props.colors) !== null && _props$colors !== void 0 && _props$colors.length ? props === null || props === void 0 ? void 0 : props.colors[0] : "#ccc",
+      color: props?.colors?.length ? props?.colors[0] : "#ccc",
       width: 2,
       dashStyle: "Dot",
       snap: true
@@ -11598,9 +11605,12 @@ const initSeries$1 = props => {
     const labels = {
       color: "#575E77"
     };
-    return _objectSpread$4(_objectSpread$4({}, defaults), {
-      labels
-    });
+    return {
+      ...defaults,
+      ...{
+        labels
+      }
+    };
   };
   const renderPlot = () => {
     const areaspline = {
@@ -11616,15 +11626,12 @@ const initSeries$1 = props => {
     };
   };
   const renderSeries = () => {
-    const series = props.series.map((value, key) => {
-      var _props$colors2, _props$colors3;
-      return {
-        name: props.yAxisLabel[key],
-        color: (_props$colors2 = props.colors) !== null && _props$colors2 !== void 0 && _props$colors2.length ? props.colors[key] : "#C8700B",
-        data: value,
-        fillColor: createAreaFillGradient((_props$colors3 = props.colors) !== null && _props$colors3 !== void 0 && _props$colors3.length ? props.colors[key] : "#C8700B")
-      };
-    });
+    const series = props.series.map((value, key) => ({
+      name: props.yAxisLabel[key],
+      color: props.colors?.length ? props.colors[key] : "#C8700B",
+      data: value,
+      fillColor: createAreaFillGradient(props.colors?.length ? props.colors[key] : "#C8700B")
+    }));
     return series;
   };
   return {
@@ -11635,16 +11642,13 @@ const initSeries$1 = props => {
   };
 };
 
-const _excluded$c = ["withLegend", "centerLabel", "centerValue"];
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const initChart = _ref => {
   let {
-      withLegend,
-      centerLabel = "",
-      centerValue = ""
-    } = _ref;
-    _objectWithoutProperties(_ref, _excluded$c);
+    withLegend,
+    centerLabel = "",
+    centerValue = "",
+    ...rest
+  } = _ref;
   return {
     chart: {
       type: "pie",
@@ -11654,7 +11658,7 @@ const initChart = _ref => {
             series = chart.series[0];
           let customLabel = chart.customLabel;
           if (!customLabel) {
-            customLabel = chart.customLabel = chart.renderer.label("<strong>".concat(centerValue, "</strong><br/>").concat(centerLabel), 0, 0, undefined, undefined, undefined, true, undefined, "center").css({
+            customLabel = chart.customLabel = chart.renderer.label(`<strong>${centerValue}</strong><br/>${centerLabel}`, 0, 0, undefined, undefined, undefined, true, undefined, "center").css({
               textAlign: "center"
             }).add();
           }
@@ -11667,7 +11671,7 @@ const initChart = _ref => {
 
           // Set font size and colour via configuration options
           customLabel.attr({
-            text: "<span style=\"color: #0F193D; font-size: 24px; font-weight: 800\">".concat(centerValue, "</span><br/><span style=\"font-size: 12px; color: #878C9E\">").concat(centerLabel, "</span>"),
+            text: `<span style="color: #0F193D; font-size: 24px; font-weight: 800">${centerValue}</span><br/><span style="font-size: 12px; color: #878C9E">${centerLabel}</span>`,
             align: "center",
             verticalAlign: "middle",
             x: x,
@@ -11687,13 +11691,16 @@ const initChart = _ref => {
     },
     legend: !withLegend ? {
       enabled: false
-    } : _objectSpread$3(_objectSpread$3({}, {
-      enabled: true,
-      layout: "vertical",
-      verticalAlign: "middle",
-      align: "right",
-      labelFormat: '{name}  <span style="opacity: 0.4">{y}</span>'
-    }), withLegend && typeof withLegend !== "boolean" ? withLegend : {}),
+    } : {
+      ...{
+        enabled: true,
+        layout: "vertical",
+        verticalAlign: "middle",
+        align: "right",
+        labelFormat: '{name}  <span style="opacity: 0.4">{y}</span>'
+      },
+      ...(withLegend && typeof withLegend !== "boolean" ? withLegend : {})
+    },
     plotOptions: {
       pie: {
         allowPointSelect: true,
@@ -11720,13 +11727,16 @@ const initChart = _ref => {
   };
 };
 
-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 DonutChart = props => {
   const chartRef = useRef(null);
   const chartOptions = useMemo(() => {
-    const area = _objectSpread$2({}, props);
-    return _objectSpread$2(_objectSpread$2({}, initChart(area)), initSeries(area));
+    const area = {
+      ...props
+    };
+    return {
+      ...initChart(area),
+      ...initSeries(area)
+    };
   }, [props]);
   useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
@@ -11784,17 +11794,14 @@ var img$c = "data:image/svg+xml,%3csvg width='5894' height='1608' viewBox='0 0 5
 
 var img$b = "data:image/svg+xml,%3csvg width='893' height='221' viewBox='0 0 893 221' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M123.741 148.741H85.2506C51.0805 148.741 23.3801 121.041 23.3801 86.8706C23.3801 52.7005 51.0805 25.0001 85.2506 25.0001H220.681L197.302 54.6523H85.2505C67.4569 54.6523 53.0323 69.0769 53.0323 86.8706C53.0323 104.664 67.4569 119.089 85.2506 119.089H147.121L123.741 148.741Z' fill='url(%23paint0_linear_1362_1353)'/%3e%3cpath d='M96.9399 71.7585H135.431C169.601 71.7585 197.301 99.4589 197.301 133.629C197.301 167.799 169.601 195.499 135.431 195.499H0L23.3796 165.847H135.431C153.224 165.847 167.649 151.423 167.649 133.629C167.649 115.835 153.224 101.411 135.431 101.411H73.5602L96.9399 71.7585Z' fill='url(%23paint1_linear_1362_1353)'/%3e%3cpath d='M258.1 85.7725C258.1 89.0535 259.896 91.5532 263.49 93.2718C267.239 94.8341 273.098 96.4746 281.066 98.1932C290.128 100.068 297.705 102.177 303.798 104.521C309.891 106.864 315.125 110.614 319.5 115.769C324.03 120.769 326.296 127.565 326.296 136.158C326.296 143.814 323.952 150.453 319.265 156.078C314.734 161.702 308.641 165.999 300.986 168.967C293.33 171.779 284.972 173.186 275.91 173.186C263.568 173.186 252.944 170.842 244.039 166.155C235.289 161.468 228.806 154.75 224.587 146.001L248.491 133.58C252.71 144.36 261.849 149.75 275.91 149.75C282.003 149.75 287.237 148.579 291.612 146.235C295.986 143.892 298.174 140.533 298.174 136.158C298.174 132.408 296.143 129.674 292.081 127.956C288.175 126.081 281.769 124.05 272.864 121.863C263.646 119.675 256.147 117.488 250.366 115.301C244.585 113.114 239.586 109.754 235.368 105.224C231.149 100.537 229.04 94.3654 229.04 86.71C229.04 79.2107 231.149 72.727 235.368 67.2588C239.586 61.6344 245.288 57.3379 252.475 54.3695C259.662 51.401 267.552 49.9168 276.145 49.9168C286.3 49.9168 295.361 52.026 303.329 56.2443C311.454 60.4626 317.703 66.4776 322.078 74.2893L298.408 86.2412C294.346 77.4921 286.925 73.1176 276.145 73.1176C270.676 73.1176 266.302 74.2893 263.021 76.6328C259.74 78.8201 258.1 81.8667 258.1 85.7725Z' fill='%23303838'/%3e%3cpath d='M471.535 170.139H442.71V100.771C442.71 92.0219 440.21 85.7725 435.211 82.0229C430.367 78.1171 424.587 76.1641 417.869 76.1641C412.557 76.1641 407.713 77.8046 403.339 81.0855C399.12 84.3664 396.386 89.6003 395.136 96.787V170.139H366.077V6.09312H395.136V62.8061C399.042 59.0565 403.495 56.0881 408.495 53.9008C413.65 51.7135 419.118 50.6199 424.899 50.6199C431.773 50.6199 438.726 52.1041 445.756 55.0725C452.787 57.8847 458.802 62.9624 463.801 70.3054C468.957 77.6484 471.535 87.5692 471.535 100.068V170.139Z' fill='%23303838'/%3e%3cpath d='M538.164 33.5122C532.696 33.5122 528.399 32.028 525.275 29.0595C522.15 26.0911 520.588 22.029 520.588 16.8733C520.588 11.5613 522.15 7.42112 525.275 4.45267C528.399 1.48422 532.696 0 538.164 0C543.632 0 547.929 1.48422 551.053 4.45267C554.178 7.42112 555.74 11.5613 555.74 16.8733C555.74 21.8728 554.1 25.9349 550.819 29.0595C547.694 32.028 543.476 33.5122 538.164 33.5122ZM523.4 170.139V52.9634H552.459V170.139H523.4Z' fill='%23303838'/%3e%3cpath d='M694.084 52.9634H723.144V164.28C723.144 175.373 720.332 185.137 714.707 193.574C709.239 202.011 701.584 208.494 691.741 213.025C681.898 217.712 670.884 220.056 658.697 220.056C645.105 220.056 632.762 217.4 621.67 212.088C610.577 206.932 602.766 200.136 598.235 191.699L623.076 177.404C625.419 181.935 629.794 185.684 636.2 188.653C642.605 191.777 650.339 193.34 659.4 193.34C669.399 193.34 677.68 190.606 684.242 185.137C690.803 179.826 694.084 172.873 694.084 164.28V158.89C688.772 163.577 682.836 167.171 676.274 169.67C669.712 172.17 662.916 173.42 655.885 173.42C644.011 173.42 633.622 170.764 624.716 165.452C615.811 160.14 608.937 152.797 604.094 143.423C599.406 134.049 597.063 123.503 597.063 111.786C597.063 100.068 599.406 89.5222 604.094 80.1481C608.937 70.7741 615.811 63.4311 624.716 58.1191C633.622 52.6509 644.011 49.9168 655.885 49.9168C662.916 49.9168 669.634 51.2448 676.039 53.9008C682.601 56.4005 688.616 59.9158 694.084 64.4466V52.9634ZM659.635 145.532C666.04 145.532 671.821 144.126 676.977 141.314C682.289 138.345 686.429 134.283 689.397 129.128C692.522 123.972 694.084 118.113 694.084 111.551C694.084 101.708 690.725 93.6624 684.007 87.413C677.445 81.1636 669.321 78.0389 659.635 78.0389C649.792 78.0389 641.668 81.2418 635.262 87.6473C629.013 93.8967 625.888 101.943 625.888 111.786C625.888 121.628 629.013 129.752 635.262 136.158C641.668 142.407 649.792 145.532 659.635 145.532Z' fill='%23303838'/%3e%3cpath d='M863.755 52.9634H892.814V170.139H863.755V158.656C858.286 163.343 852.271 167.014 845.71 169.67C839.304 172.17 832.508 173.42 825.321 173.42C813.447 173.42 803.058 170.764 794.152 165.452C785.247 160.14 778.373 152.797 773.529 143.423C768.842 134.049 766.499 123.503 766.499 111.786C766.499 100.068 768.842 89.5222 773.529 80.1481C778.373 70.7741 785.247 63.4311 794.152 58.1191C803.058 52.6509 813.447 49.9168 825.321 49.9168C832.508 49.9168 839.304 51.2448 845.71 53.9008C852.271 56.4005 858.286 59.9939 863.755 64.6809V52.9634ZM829.071 145.532C835.476 145.532 841.257 144.126 846.413 141.314C851.725 138.345 855.865 134.283 858.833 129.128C861.958 123.972 863.52 118.113 863.52 111.551C863.52 101.708 860.161 93.6624 853.443 87.413C846.881 81.1636 838.757 78.0389 829.071 78.0389C819.228 78.0389 811.104 81.2418 804.698 87.6473C798.449 93.8967 795.324 101.943 795.324 111.786C795.324 121.628 798.449 129.752 804.698 136.158C811.104 142.407 819.228 145.532 829.071 145.532Z' fill='%23303838'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1362_1353' x1='122.031' y1='25.0001' x2='122.031' y2='148.741' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23409393'/%3e%3cstop offset='1' stop-color='%2302424C'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_1362_1353' x1='98.6506' y1='71.7585' x2='98.6506' y2='195.499' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2302424C'/%3e%3cstop offset='1' stop-color='%23409393'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
 
-const _excluded$b = ["href", "fallbackSrc", "src", "fit"],
-  _excluded2$3 = ["href", "src", "fit", "w"],
-  _excluded3$1 = ["href", "src", "fit"];
 const Logo = _ref => {
   let {
-      href = '/',
-      fallbackSrc,
-      src,
-      fit
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$b);
+    href = '/',
+    fallbackSrc,
+    src,
+    fit,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(Center, _extends({}, rest, {
     component: Link,
     display: "flex",
@@ -11810,12 +11817,12 @@ const Logo = _ref => {
 };
 const DynamicLogo = _ref2 => {
   let {
-      href = "/",
-      src,
-      fit = "contain",
-      w = 180
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2$3);
+    href = "/",
+    src,
+    fit = "contain",
+    w = 180,
+    ...rest
+  } = _ref2;
   return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
@@ -11825,11 +11832,11 @@ const DynamicLogo = _ref2 => {
 };
 const DynamicShigaLogo = _ref3 => {
   let {
-      href,
-      src,
-      fit = "contain"
-    } = _ref3,
-    rest = _objectWithoutProperties(_ref3, _excluded3$1);
+    href,
+    src,
+    fit = "contain",
+    ...rest
+  } = _ref3;
   return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
@@ -11838,13 +11845,12 @@ const DynamicShigaLogo = _ref3 => {
   }));
 };
 
-const _excluded$a = ["children", "toggle"];
 const ApplicationMenuTarget = _ref => {
   let {
-      children,
-      toggle
-    } = _ref;
-    _objectWithoutProperties(_ref, _excluded$a);
+    children,
+    toggle,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(Popover.Target, null, /*#__PURE__*/React.createElement(Button, {
     variant: "transparent",
     justify: "space-between",
@@ -11876,7 +11882,7 @@ const ApplicationMenuDropdown = _ref => {
     gap: 5,
     align: "flex-start"
   }, items.map((item, index) => /*#__PURE__*/React.createElement(DropdownItem, _extends({
-    key: "item-".concat(index)
+    key: `item-${index}`
   }, item, {
     onClick: e => {
       toggle();
@@ -12011,38 +12017,35 @@ const UserMenuDropdown = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(Menu.Dropdown, null, sections.map((section, index) => {
     const items = [];
-    const sectionItems = section.items.map((item, key) => {
-      var _item$badge, _item$badge2;
-      return /*#__PURE__*/React.createElement(Menu.Item, {
-        c: section === null || section === void 0 ? void 0 : section.color,
-        key: "menu-item-".concat(key),
-        h: height,
-        leftSection: /*#__PURE__*/React.createElement(Icons, _extends({}, item.icon, {
-          stroke: 0.5
-        })),
-        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React.createElement(Icons, {
-          name: "ArrowRight2",
-          size: 12,
-          stroke: 0.5
-        }) : item.badge ? /*#__PURE__*/React.createElement(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.createElement(Text, {
-        size: "xs",
-        fw: 300
-      }, item.label));
-    });
+    const sectionItems = section.items.map((item, key) => /*#__PURE__*/React.createElement(Menu.Item, {
+      c: section?.color,
+      key: `menu-item-${key}`,
+      h: height,
+      leftSection: /*#__PURE__*/React.createElement(Icons, _extends({}, item.icon, {
+        stroke: 0.5
+      })),
+      rightSection: item?.disclosure ? /*#__PURE__*/React.createElement(Icons, {
+        name: "ArrowRight2",
+        size: 12,
+        stroke: 0.5
+      }) : item.badge ? /*#__PURE__*/React.createElement(Badge, {
+        color: item?.badge?.color,
+        size: "sm"
+      }, item?.badge?.text) : undefined,
+      onClick: () => item.callbackFn ? item.callbackFn() : void 0
+    }, /*#__PURE__*/React.createElement(Text, {
+      size: "xs",
+      fw: 300
+    }, item.label)));
     if (index) items.push(/*#__PURE__*/React.createElement(Divider, {
-      key: "divider-".concat(index),
+      key: `divider-${index}`,
       my: 2
     }));
-    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React.createElement(Menu.Label, {
+    if (section?.title) items.push(/*#__PURE__*/React.createElement(Menu.Label, {
       fz: 10,
       fw: 500,
       c: 'dimmed',
-      key: "label-".concat(index)
+      key: `label-${index}`
     }, section.title));
     items.push(...sectionItems);
     return items;
@@ -12087,52 +12090,46 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
-    var _item$children, _item$children2;
-    return /*#__PURE__*/React.createElement(NavLink, {
-      className: "backoffice-sidemenu",
-      mt: "sm",
-      component: Link,
-      fw: 300,
-      style: {
-        borderRadius: radius
-      },
-      key: item.id,
-      active: item.active,
-      variant,
-      onClick,
-      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.createElement(NavLink, {
-      mt: "xs",
-      component: Link,
-      to: subitem.href || "#",
-      label: subitem.label,
-      active: subitem.active,
-      onClick,
-      c: color,
-      fw: subitem.active ? 600 : 300,
-      variant: "transparent",
-      style: {
-        borderRadius: radius
-      },
-      key: subitem.id
-    })) : undefined);
-  }));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => /*#__PURE__*/React.createElement(NavLink, {
+    className: "backoffice-sidemenu",
+    mt: "sm",
+    component: Link,
+    fw: 300,
+    style: {
+      borderRadius: radius
+    },
+    key: item.id,
+    active: item.active,
+    variant,
+    onClick,
+    leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
+    label: item.label,
+    to: item.children?.length ? "#" : item?.href || "#"
+  }, item.children?.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(NavLink, {
+    mt: "xs",
+    component: Link,
+    to: subitem.href || "#",
+    label: subitem.label,
+    active: subitem.active,
+    onClick,
+    c: color,
+    fw: subitem.active ? 600 : 300,
+    variant: "transparent",
+    style: {
+      borderRadius: radius
+    },
+    key: subitem.id
+  })) : undefined)));
 };
 
-const _excluded$9 = ["withPadding", "withRadius", "autoHeight", "children"],
-  _excluded2$2 = ["withPadding", "title", "children"],
-  _excluded3 = ["placeholder", "searchIcon", "filterIcon", "searchText", "filterFn", "children"];
 const SimplePanel = _ref => {
   let {
-      withPadding = true,
-      withRadius = true,
-      autoHeight = true,
-      children
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$9);
+    withPadding = true,
+    withRadius = true,
+    autoHeight = true,
+    children,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(Card, _extends({
     p: !withPadding ? 0 : "md",
     radius: !withRadius ? 0 : "lg",
@@ -12141,11 +12138,11 @@ const SimplePanel = _ref => {
 };
 const TitledPanel = _ref2 => {
   let {
-      withPadding = true,
-      title,
-      children
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2$2);
+    withPadding = true,
+    title,
+    children,
+    ...rest
+  } = _ref2;
   return /*#__PURE__*/React.createElement(SimplePanel, _extends({}, rest, {
     withPadding: withPadding
   }), /*#__PURE__*/React.createElement(Group, {
@@ -12179,18 +12176,18 @@ const TitledPanel = _ref2 => {
 };
 const SearchPanel = _ref3 => {
   let {
-      placeholder = "Search by name or reference",
-      searchIcon = {
-        name: "SearchNormal1"
-      },
-      filterIcon = {
-        name: "Setting5"
-      },
-      searchText = "Search",
-      filterFn,
-      children
-    } = _ref3,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
+    placeholder = "Search by name or reference",
+    searchIcon = {
+      name: "SearchNormal1"
+    },
+    filterIcon = {
+      name: "Setting5"
+    },
+    searchText = "Search",
+    filterFn,
+    children,
+    ...rest
+  } = _ref3;
   return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Group, {
     gap: 'xs'
   }, /*#__PURE__*/React.createElement(TextInput, {
@@ -12236,21 +12233,19 @@ const LabelPanelItem = _ref => {
   }, value));
 };
 
-const _excluded$8 = ["title", "hasEdit", "labelWidth", "editFn", "editLabel", "items", "withBorder", "radius", "p"],
-  _excluded2$1 = ["avatarSize", "avatar", "labelWidth", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
 const LabelPanel = _ref => {
   let {
-      title,
-      hasEdit = true,
-      labelWidth = 200,
-      editFn = () => void 0,
-      editLabel = "Edit",
-      items,
-      withBorder = true,
-      radius = "md",
-      p = "md"
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$8);
+    title,
+    hasEdit = true,
+    labelWidth = 200,
+    editFn = () => void 0,
+    editLabel = "Edit",
+    items,
+    withBorder = true,
+    radius = "md",
+    p = "md",
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
     withBorder,
     radius,
@@ -12276,7 +12271,7 @@ const LabelPanel = _ref => {
     })
   }, editLabel)), items.map((item, index) => {
     return /*#__PURE__*/React.createElement(LabelPanelItem, _extends({
-      key: "label-item-".concat(index)
+      key: `label-item-${index}`
     }, item, {
       labelWidth: labelWidth
     }));
@@ -12284,20 +12279,20 @@ const LabelPanel = _ref => {
 };
 const AvatarLabelPanel = _ref2 => {
   let {
-      avatarSize = 150,
-      avatar,
-      labelWidth = 200,
-      withBorder = true,
-      radius = "md",
-      p = "md",
-      name = "Unknown",
-      username = "unknown",
-      editLabel = "Change Password",
-      lastActive,
-      role = "Staff",
-      editFn = void 0
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2$1);
+    avatarSize = 150,
+    avatar,
+    labelWidth = 200,
+    withBorder = true,
+    radius = "md",
+    p = "md",
+    name = "Unknown",
+    username = "unknown",
+    editLabel = "Change Password",
+    lastActive,
+    role = "Staff",
+    editFn = void 0,
+    ...rest
+  } = _ref2;
   return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
     withBorder,
     radius,
@@ -12345,22 +12340,19 @@ const AvatarLabelPanel = _ref2 => {
   }, editLabel)));
 };
 
-const _excluded$7 = ["label", "smaller"];
 const SimpleText = _ref => {
   let {
-      label,
-      smaller
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$7);
+    label,
+    smaller,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(Text, _extends({
     fw: 300,
     fz: smaller ? '90%' : undefined
   }, rest), label);
 };
 
-const _excluded$6 = ["createFn", "icon", "label"];
 const PageTitle = _ref => {
-  var _switcher$items;
   let {
     title,
     subtitle = "",
@@ -12372,11 +12364,11 @@ const PageTitle = _ref => {
   } = _ref;
   if (withCreate && create) {
     const {
-        createFn,
-        icon,
-        label
-      } = create,
-      rest = _objectWithoutProperties(create, _excluded$6);
+      createFn,
+      icon,
+      label,
+      ...rest
+    } = create;
     rightsection = /*#__PURE__*/React.createElement(Button, _extends({
       radius: "md",
       size: "sm",
@@ -12387,7 +12379,7 @@ const PageTitle = _ref => {
       fz: 14
     }, label));
   }
-  if (withSwitcher && switcher !== null && switcher !== void 0 && (_switcher$items = switcher.items) !== null && _switcher$items !== void 0 && _switcher$items.length) {
+  if (withSwitcher && switcher?.items?.length) {
     rightsection = /*#__PURE__*/React.createElement(SegmentedControl, {
       size: "sm",
       bg: "white",
@@ -12409,7 +12401,7 @@ const PageTitle = _ref => {
   }, subtitle) : /*#__PURE__*/React.createElement(Breadcrumbs, {
     separatorMargin: "xs",
     separator: "\xB7"
-  }, subtitle === null || subtitle === void 0 ? void 0 : subtitle.map((item, index) => {
+  }, subtitle?.map((item, index) => {
     return index < subtitle.length - 1 ? /*#__PURE__*/React.createElement(Anchor, {
       key: index,
       fz: 14,
@@ -12509,20 +12501,19 @@ const ConnectionPanelDetail = _ref => {
   }, value));
 };
 
-const _excluded$5 = ["id", "statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
 const ConnectionPanel = _ref => {
   let {
-      id,
-      statusColor,
-      name,
-      status,
-      edit,
-      test,
-      pause,
-      details,
-      altColor
-    } = _ref;
-    _objectWithoutProperties(_ref, _excluded$5);
+    id,
+    statusColor,
+    name,
+    status,
+    edit,
+    test,
+    pause,
+    details,
+    altColor,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(Card, {
     withBorder: true,
     bg: "gray.0",
@@ -12609,7 +12600,7 @@ const ConnectionPanel = _ref => {
     py: "lg"
   }, details.map((item, index) => {
     return /*#__PURE__*/React.createElement(ConnectionPanelDetail, _extends({
-      key: "detail-".concat(index)
+      key: `detail-${index}`
     }, item, {
       altColor: altColor
     }));
@@ -12638,23 +12629,22 @@ const ApplicationPanelFeatures = _ref => {
   }, label));
 };
 
-const _excluded$4 = ["name", "coverImage", "discount", "summary", "featureLabel", "features", "amount", "frequency", "actionLabel", "subscribed", "subscribedLabel", "onClick"];
 const ApplicationPanel = _ref => {
   let {
-      name,
-      coverImage,
-      discount = "",
-      summary,
-      featureLabel,
-      features,
-      amount,
-      frequency,
-      actionLabel,
-      subscribed,
-      subscribedLabel = "Added",
-      onClick = () => void 0
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$4);
+    name,
+    coverImage,
+    discount = "",
+    summary,
+    featureLabel,
+    features,
+    amount,
+    frequency,
+    actionLabel,
+    subscribed,
+    subscribedLabel = "Added",
+    onClick = () => void 0,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(Card, _extends({
     withBorder: true,
     radius: "md"
@@ -12721,7 +12711,7 @@ const ApplicationPanel = _ref => {
       lineHeight: 1
     },
     mt: 3
-  }, "per ".concat(frequency))), /*#__PURE__*/React.createElement(Box, {
+  }, `per ${frequency}`)), /*#__PURE__*/React.createElement(Box, {
     hidden: subscribed
   }, /*#__PURE__*/React.createElement(Button, {
     fw: 300,
@@ -12788,7 +12778,7 @@ const SubscriptionPlans = _ref => {
     fz: "sm",
     component: "span",
     c: "dimmed"
-  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React.createElement(Button, {
+  }, price[1] ? `/${price[1]}` : " /month"))), /*#__PURE__*/React.createElement(Button, {
     w: 100,
     size: "xs",
     fw: 500,
@@ -12832,7 +12822,7 @@ const PaymentMethod = _ref => {
     fz: 14,
     tt: "uppercase",
     fw: 500
-  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React.createElement(Group, {
+  }, `**** **** **** ${pan}`), /*#__PURE__*/React.createElement(Group, {
     c: "dimmed"
   }, /*#__PURE__*/React.createElement(Text, {
     tt: "capitalize",
@@ -12916,7 +12906,7 @@ const SimpleBody = _ref => {
     row["action"] = actionFn;
   }
   if (withIndex) {
-    row["index"] = "".concat(index ? index + 1 : 1);
+    row["index"] = `${index ? index + 1 : 1}`;
   }
   return /*#__PURE__*/React.createElement(Table.Tr, {
     fw: 300,
@@ -12926,7 +12916,7 @@ const SimpleBody = _ref => {
     const columnIndex = column.id;
     return /*#__PURE__*/React.createElement(Table.Td, {
       key: idx
-    }, typeof row[columnIndex] === 'function' ? row[columnIndex]("".concat(index)) : row[columnIndex] || "");
+    }, typeof row[columnIndex] === 'function' ? row[columnIndex](`${index}`) : row[columnIndex] || "");
   }));
 };
 
@@ -12962,7 +12952,7 @@ const SimpleTable = _ref => {
     bg: isStriped ? 'gray.1' : 'transparent'
   }, columns.map((column, index) => {
     return /*#__PURE__*/React.createElement(SimpleHeader, _extends({
-      key: "column-".concat(index)
+      key: `column-${index}`
     }, column));
   }))), /*#__PURE__*/React.createElement(Table.Tbody, null, rows.map((row, index) => {
     return /*#__PURE__*/React.createElement(SimpleBody, {
@@ -12987,7 +12977,6 @@ var img$1 = "data:image/svg+xml,%3csvg width='622' height='800' viewBox='0 0 622
 
 var img = "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='M353.045 632.525C351.086 629.822 348.355 627.56 344.838 625.739C341.321 623.918 336.659 623.008 330.88 623.008H313.914V678.07H334.659C337.418 678.07 340.149 677.601 342.866 676.649C345.583 675.697 348.052 674.166 350.314 672.029C352.576 669.891 354.397 666.911 355.776 663.077C357.155 659.242 357.845 654.497 357.845 648.842C357.845 646.58 357.542 643.96 356.907 641.022C356.273 638.084 354.99 635.242 353.045 632.525Z' fill='%23273050'/%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.7724ZM239.194 361.062H290.311V236.193V120.897V107.103C290.311 99.4759 296.477 93.3103 304.105 93.3103C311.732 93.3103 317.898 99.4759 317.898 107.103V119.49C319.346 125.848 330.973 169.228 384.96 212.428C398.863 223.572 408.96 233.876 416.794 244.855C435.622 271.255 463.884 326.634 441.442 400.772C439.636 406.731 434.173 410.566 428.242 410.566C426.918 410.566 425.58 410.372 424.242 409.972C418.284 408.166 414.449 402.703 414.449 396.772C414.449 395.448 414.642 394.11 415.042 392.772C428.518 348.276 374.973 308.855 342.987 285.283C333.884 278.593 326.684 273.297 322.008 268.662L317.898 265.283V423.531C317.898 471.407 278.96 510.345 231.084 510.345C183.277 510.345 152.38 479.448 152.38 431.641C152.38 388.11 185.649 361.062 239.194 361.062Z' fill='%235F6EA7'/%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.65625ZM256.767 744.828H233.76V649.214L202.642 726.524H182.656L151.346 649.214V744.828H128.339V605.849H151.346L192.642 700.897L233.746 605.849H256.753V744.828H256.767ZM376.146 667.987C373.76 673.711 370.422 678.524 366.146 682.414C361.87 686.304 356.711 689.324 350.684 691.462C344.656 693.6 337.98 694.662 330.698 694.662H313.911V744.828H291.277V605.849H331.249C337.167 605.849 343.015 606.787 348.78 608.676C354.546 610.566 359.746 613.393 364.339 617.159C368.932 620.924 372.642 625.49 375.47 630.828C378.298 636.166 379.718 642.166 379.718 648.842C379.718 655.89 378.532 662.262 376.146 667.987ZM481.456 720.98C479.636 725.573 477.332 729.366 474.573 732.387C471.815 735.407 468.698 737.835 465.236 739.642C461.773 741.449 458.422 742.814 455.153 743.697C451.884 744.58 448.904 745.131 446.201 745.393C443.498 745.656 441.387 745.766 439.884 745.766C429.318 745.766 421.001 745.035 414.891 743.6C408.78 742.166 404.546 740.676 402.16 739.173L407.249 722.952C408.38 723.587 409.442 724.276 410.449 725.021C411.456 725.766 412.905 726.497 414.78 727.187C416.656 727.876 419.304 728.442 422.698 728.883C426.091 729.324 430.739 729.545 436.656 729.545C445.332 729.545 451.815 727.187 456.077 722.469C460.339 717.752 462.491 711.821 462.491 704.649C462.491 697.862 460.532 692.138 456.642 687.49C452.753 682.842 447.029 680.511 439.484 680.511H420.436L420.242 665.242H433.07C435.829 665.242 438.629 665.173 441.456 665.049C444.284 664.924 446.946 664.221 449.47 662.98C451.994 661.738 454.063 659.587 455.691 656.566C457.318 653.545 458.146 649.214 458.146 643.559C458.146 641.297 457.953 638.911 457.58 636.387C457.208 633.862 456.16 631.545 454.463 629.407C452.767 627.269 450.284 625.545 447.015 624.221C443.746 622.897 439.222 622.235 433.442 622.235C427.663 622.235 423.042 622.773 419.58 623.835C416.118 624.897 413.525 625.752 411.76 626.387L405.153 609.421C408.173 608.552 411.911 607.6 416.367 606.593C420.822 605.587 427.277 605.09 435.691 605.09C441.608 605.09 447.194 605.821 452.477 607.256C457.76 608.69 462.38 610.993 466.339 614.138C470.298 617.283 473.442 621.311 475.773 626.207C478.105 631.104 479.263 636.883 479.263 643.559C479.263 647.449 478.573 651.007 477.194 654.207C475.815 657.407 474.049 660.221 471.911 662.593C469.773 664.966 467.387 666.952 464.739 668.538C462.091 670.124 459.649 671.145 457.387 671.656C460.284 672.028 463.263 672.98 466.339 674.483C469.415 675.987 472.284 678.138 474.918 680.897C477.553 683.656 479.76 687.021 481.525 690.98C483.291 694.938 484.16 699.49 484.16 704.649C484.201 710.952 483.277 716.387 481.456 720.98Z' fill='%23273050'/%3e%3c/svg%3e";
 
-const _excluded$3 = ["shape", "type", "w", "bg", "bd", "rightsection"];
 const CHIP_HEIGHT = 25;
 const TILE_HEIGHT = 70;
 const CHIP_WIDTH = CHIP_HEIGHT;
@@ -13001,14 +12990,14 @@ const ICON = {
 };
 const File = _ref => {
   let {
-      shape = "chip",
-      type = "pdf",
-      w = 250,
-      bg = "gray.0",
-      bd = "0.5px solid",
-      rightsection
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$3);
+    shape = "chip",
+    type = "pdf",
+    w = 250,
+    bg = "gray.0",
+    bd = "0.5px solid",
+    rightsection,
+    ...rest
+  } = _ref;
   const isChip = shape == "chip";
   const radius = isChip ? "md" : "sm";
   return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
@@ -13033,7 +13022,7 @@ const File = _ref => {
   }), rightsection ? /*#__PURE__*/React.createElement(ActionIcon, {
     variant: "transparent",
     onClick: rightsection.onClick
-  }, /*#__PURE__*/React.createElement(Icons, rightsection === null || rightsection === void 0 ? void 0 : rightsection.icon)) : undefined)));
+  }, /*#__PURE__*/React.createElement(Icons, rightsection?.icon)) : undefined)));
 };
 
 const theme = createTheme({
@@ -13104,15 +13093,13 @@ const InfoModal = _ref => {
   }, "Close modal"));
 };
 
-const _excluded$2 = ["context", "id", "innerProps"];
 const SimpleModal = _ref => {
-  var _innerProps$labels, _innerProps$labels2, _innerProps$labels3, _innerProps$labels4;
   let {
-      context,
-      id,
-      innerProps
-    } = _ref;
-    _objectWithoutProperties(_ref, _excluded$2);
+    context,
+    id,
+    innerProps,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/React.createElement(Stack, {
     pt: "lg",
     gap: "xl"
@@ -13125,19 +13112,20 @@ const SimpleModal = _ref => {
     lh: '40px'
   }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody)), /*#__PURE__*/React.createElement(Group, _extends({
     gap: "sm"
-  }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.groupProps, {
+  }, innerProps?.groupProps, {
     grow: true
   }), /*#__PURE__*/React.createElement(Button, _extends({
-    hidden: !(innerProps !== null && innerProps !== void 0 && (_innerProps$labels = innerProps.labels) !== null && _innerProps$labels !== void 0 && _innerProps$labels.cancel)
-  }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.cancelProps, {
+    hidden: !innerProps?.labels?.cancel
+  }, innerProps?.cancelProps, {
     onClick: () => context.closeModal(id),
     fw: 300
-  }), innerProps === null || innerProps === void 0 || (_innerProps$labels2 = innerProps.labels) === null || _innerProps$labels2 === void 0 ? void 0 : _innerProps$labels2.cancel), /*#__PURE__*/React.createElement(Button, _extends({
-    hidden: !(innerProps !== null && innerProps !== void 0 && (_innerProps$labels3 = innerProps.labels) !== null && _innerProps$labels3 !== void 0 && _innerProps$labels3.confirm)
-  }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.confirmProps, {
+  }), innerProps?.labels?.cancel), /*#__PURE__*/React.createElement(Button, _extends({
+    loading: innerProps?.isLoading,
+    hidden: !innerProps?.labels?.confirm
+  }, innerProps?.confirmProps, {
     onClick: () => context.closeModal(id),
     fw: 300
-  }), innerProps === null || innerProps === void 0 || (_innerProps$labels4 = innerProps.labels) === null || _innerProps$labels4 === void 0 ? void 0 : _innerProps$labels4.confirm)));
+  }), innerProps?.labels?.confirm)));
 };
 
 var SuccessAnimation = "data:null;base64,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";
@@ -13238,18 +13226,15 @@ const Drawer = _ref => {
   }, page))));
 };
 
-const _excluded$1 = ["fields", "isEditable", "layout", "hasSubmit", "hasReset"];
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const SimpleForm = _ref => {
   let {
-      fields,
-      isEditable = true,
-      layout = [],
-      hasSubmit,
-      hasReset
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded$1);
+    fields,
+    isEditable = true,
+    layout = [],
+    hasSubmit,
+    hasReset,
+    ...rest
+  } = _ref;
   const components = {
     Textarea: Textarea,
     TextInput: TextInput,
@@ -13266,12 +13251,14 @@ const SimpleForm = _ref => {
           localInitialValues[sanitizedField.name] = "";
         }
         if (typeof field === "object" && Object.keys(components).includes(field.component)) {
-          var _field$field;
-          const sanitizedField = santize((_field$field = field.field) !== null && _field$field !== void 0 ? _field$field : "");
+          const sanitizedField = santize(field.field ?? "");
           localInitialValues[sanitizedField.name] = "";
         }
       });
-      return _objectSpread$1(_objectSpread$1({}, localInitialValues), rest.initialValues);
+      return {
+        ...localInitialValues,
+        ...rest.initialValues
+      };
     },
     validate: rest.formValidate
   });
@@ -13289,10 +13276,7 @@ const SimpleForm = _ref => {
     required: true
   };
   return /*#__PURE__*/React.createElement("form", {
-    onSubmit: form.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;
-    }),
+    onSubmit: form.onSubmit(values => hasSubmit ? rest.onSubmit?.(values) : void 0),
     onReset: form.reset,
     style: {
       height: "100%"
@@ -13314,9 +13298,8 @@ const SimpleForm = _ref => {
       }, field(form.getInputProps));
     }
     if (Object.keys(components).includes(field.component)) {
-      var _field$field2;
       const Component = components[field.component];
-      const sanitizedField = santize((_field$field2 = field.field) !== null && _field$field2 !== void 0 ? _field$field2 : "");
+      const sanitizedField = santize(field.field ?? "");
       return /*#__PURE__*/React.createElement(Grid.Col, {
         key: index,
         span: layout[index]
@@ -13331,26 +13314,25 @@ const SimpleForm = _ref => {
   })));
 };
 const santize = field => {
-  var _ref2, _field$label, _field$placeholder, _field$name, _field$name$split$joi, _field$name2;
   if (typeof field === "string") {
-    const name = field === null || field === void 0 ? void 0 : field.split(" ").join("_").toLowerCase();
+    const name = field?.split(" ").join("_").toLowerCase();
     return {
       label: field,
-      placeholder: "Please enter ".concat(field.toLowerCase()),
+      placeholder: `Please enter ${field.toLowerCase()}`,
       name
     };
   }
   return {
-    label: "".concat((_ref2 = (_field$label = field === null || field === void 0 ? void 0 : field.label) !== null && _field$label !== void 0 ? _field$label : field === null || field === void 0 ? void 0 : field.name) !== null && _ref2 !== void 0 ? _ref2 : ""),
-    placeholder: (_field$placeholder = field.placeholder) !== null && _field$placeholder !== void 0 ? _field$placeholder : "Please enter ".concat((_field$name = field.name) === null || _field$name === void 0 ? void 0 : _field$name.toLowerCase()),
-    name: (_field$name$split$joi = (_field$name2 = field.name) === null || _field$name2 === void 0 ? void 0 : _field$name2.split(" ").join("_").toLowerCase()) !== null && _field$name$split$joi !== void 0 ? _field$name$split$joi : ""
+    label: `${field?.label ?? field?.name ?? ""}`,
+    placeholder: field.placeholder ?? `Please enter ${field.name?.toLowerCase()}`,
+    name: field.name?.split(" ").join("_").toLowerCase() ?? ""
   };
 };
-const FormButtons = _ref3 => {
+const FormButtons = _ref2 => {
   let {
     hasSubmit = false,
     hasReset = false
-  } = _ref3;
+  } = _ref2;
   return /*#__PURE__*/React.createElement(Group, {
     justify: "flex-end",
     grow: true,
@@ -13477,8 +13459,7 @@ var ConfirmAnimation = "data:null;base64,UEsDBBQAAAAIAEoK11qAribJgAAAALUAAAANAAA
 
 const ConfirmModal = _ref => {
   let {
-    children
-  } = _ref;
+    children} = _ref;
   return /*#__PURE__*/React.createElement(Stack, {
     align: "center",
     py: "md"
@@ -13496,10 +13477,6 @@ const ConfirmModal = _ref => {
   }, children));
 };
 
-const _excluded = ["title", "children", "onConfirm", "labels"],
-  _excluded2 = ["title", "children", "onConfirm", "labels", "pinLength"];
-function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const useModal = () => {
   const groupProps = {
     gap: "sm",
@@ -13510,10 +13487,11 @@ const useModal = () => {
     fw: 300,
     size: "md"
   };
-  const cancelProps = _objectSpread(_objectSpread({}, confirmProps), {}, {
+  const cancelProps = {
+    ...confirmProps,
     color: "#F95454",
     variant: "filled"
-  });
+  };
   const buttonProps = {
     groupProps,
     confirmProps,
@@ -13521,23 +13499,29 @@ const useModal = () => {
   };
   const ConfirmationModal = _ref => {
     let {
-        title = "",
-        children,
-        onConfirm,
-        labels = {
-          cancel: "Cancel",
-          confirm: "Confirm"
-        }
-      } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    return modals.openConfirmModal(_objectSpread(_objectSpread({
+      title = "",
+      children,
+      onConfirm,
+      labels = {
+        cancel: "Cancel",
+        confirm: "Confirm"
+      },
+      loading,
+      ...rest
+    } = _ref;
+    return modals.openConfirmModal({
       children: ConfirmModal({
         children
-      })
-    }, buttonProps), {}, {
+      }),
+      ...buttonProps,
+      confirmProps: {
+        ...buttonProps.confirmProps,
+        loading
+      },
       onConfirm,
-      labels
-    }, rest));
+      labels,
+      ...rest
+    });
   };
   const ErrorModal = _ref2 => {
     let {
@@ -13568,6 +13552,7 @@ const useModal = () => {
     let {
       title,
       message,
+      loading,
       size = "md",
       labels = {
         cancel: "Cancel",
@@ -13576,13 +13561,14 @@ const useModal = () => {
     } = _ref3;
     return modals.openContextModal({
       modal: "SimpleModal",
-      innerProps: _objectSpread(_objectSpread({
+      innerProps: {
         modalBody: message,
+        loading: loading,
         title: title,
-        size: size
-      }, buttonProps), {}, {
+        size: size,
+        ...buttonProps,
         labels
-      })
+      }
     });
   };
   const SuccessModal = _ref4 => {
@@ -13605,26 +13591,32 @@ const useModal = () => {
   };
   const TwoFactorVerificationModal = _ref5 => {
     let {
-        title = "",
-        children,
-        onConfirm,
-        labels = {
-          cancel: "Cancel",
-          confirm: "Confirm"
-        },
-        pinLength = 6
-      } = _ref5,
-      rest = _objectWithoutProperties(_ref5, _excluded2);
-    return modals.openConfirmModal(_objectSpread(_objectSpread({
+      title = "",
+      children,
+      loading,
+      onConfirm,
+      labels = {
+        cancel: "Cancel",
+        confirm: "Confirm"
+      },
+      pinLength = 6,
+      ...rest
+    } = _ref5;
+    return modals.openConfirmModal({
       children: TwoFactorModal({
         children,
         title,
         pinLength
-      })
-    }, buttonProps), {}, {
+      }),
+      ...buttonProps,
+      confirmProps: {
+        ...buttonProps.confirmProps,
+        loading
+      },
       onConfirm,
-      labels
-    }, rest));
+      labels,
+      ...rest
+    });
   };
   return {
     ConfirmationModal,