@adiba-banking-cloud/backoffice 0.0.105 → 0.2.0

package/build/index.cjs.js/{heatmap-iI7S3gXi.js → heatmap-c3tdleHx.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-FFda0udd.js');
+var index = require('./index-QwR6crYB.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/build/index.cjs.js/{index-FFda0udd.js → index-QwR6crYB.js}

@@ -19,6 +19,9 @@ require('@fontsource/poppins/500.css');
 require('@fontsource/poppins/600.css');
 require('@fontsource/poppins/700.css');
 require('@fontsource/poppins/800.css');
+var axios = require('axios');
+var dates = require('@mantine/dates');
+require('@mantine/dates/styles.css');
 
 function _interopNamespaceDefault(e) {
 	var n = Object.create(null);
@@ -52,6 +55,7 @@ function _mergeNamespaces(n, m) {
 	return Object.freeze(n);
 }
 
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var IconSax__namespace = /*#__PURE__*/_interopNamespaceDefault(IconSax);
 
 function getDefaultExportFromCjs (x) {
@@ -11416,34 +11420,40 @@ const StackedColumn = props => {
   }));
 };
 const initSeries$3 = props => {
-  const renderXAxis = (categories, showXLabel) => ({
-    categories,
-    labels: {
-      enabled: showXLabel,
-      style: {
-        textTransform: "uppercase",
-        color: "#575E77"
+  const renderXAxis = function (categories) {
+    let showXLabel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    return {
+      categories,
+      labels: {
+        enabled: showXLabel,
+        style: {
+          textTransform: "uppercase",
+          color: "#575E77"
+        }
       }
-    }
-  });
-  const renderYAxis = (equalizer, series, showYLabel) => ({
-    allowDecimals: false,
-    title: {
-      text: null
-    },
-    gridLineDashStyle: "Dot",
-    gridLineWidth: 2,
-    labels: {
-      enabled: showYLabel,
-      formatter: ctx => {
-        if (!equalizer || series.length > 1) {
-          return ctx.value;
+    };
+  };
+  const renderYAxis = function (equalizer, series) {
+    let showYLabel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return {
+      allowDecimals: false,
+      title: {
+        text: null
+      },
+      gridLineDashStyle: "Dot",
+      gridLineWidth: 2,
+      labels: {
+        enabled: showYLabel,
+        formatter: ctx => {
+          if (!equalizer || series.length > 1) {
+            return ctx.value;
+          }
+          const axisLabel = ctx.value * computeBoundary(series[0]) / 100;
+          return axisLabel.toFixed();
         }
-        const axisLabel = ctx.value * computeBoundary(series[0]) / 100;
-        return axisLabel.toFixed();
       }
-    }
-  });
+    };
+  };
   const renderSeries = (seriesData, seriesColors, equalizer, showDataLabels, showAxisLabel) => {
     if (seriesData.length > 1 || !equalizer) {
       let br = undefined;
@@ -11592,8 +11602,8 @@ const initSeries$3 = props => {
     return plot;
   };
   return {
-    xAxis: renderXAxis(props.xAxisLabel, props.showXLabel),
-    yAxis: renderYAxis(props.equalizer, props.series, props.showYLabel),
+    xAxis: renderXAxis(props.xAxisLabel, props.showXLabel ?? true),
+    yAxis: renderYAxis(props.equalizer, props.series, props.showYLabel ?? true),
     plotOptions: renderPlot(props.equalizer),
     series: renderSeries(props.series, props?.colors, props.equalizer, props.showDataLabels, props.showAxisLabel)
   };
@@ -11893,20 +11903,27 @@ const initMultiAxisSeries = props => {
     const yAxesCount = props.series.length;
     const yAxes = [];
     const showYAxisArray = Array.isArray(props.showYAxis) ? props.showYAxis : props.showYAxis === false ? new Array(yAxesCount).fill(false) : new Array(yAxesCount).fill(true);
+
+    // Handle showYAxisTitle - default to true if not specified
+    const showYAxisTitleArray = Array.isArray(props.showYAxisTitle) ? props.showYAxisTitle : props.showYAxisTitle === false ? new Array(yAxesCount).fill(false) : new Array(yAxesCount).fill(true);
     for (let i = 0; i < yAxesCount; i++) {
       const config = props.yAxisConfig?.[i] || {};
       // showYAxisArray[i] will be true or false (never undefined due to fill logic above)
       // We want to show the axis unless it's explicitly false
       const shouldShowYAxis = showYAxisArray[i] !== false;
+      const shouldShowTitle = showYAxisTitleArray[i] !== false;
+
+      // Determine title text - hide if showYAxisTitle is false, otherwise use config.title or null
+      const titleText = shouldShowTitle && config.title !== undefined ? config.title : null;
 
       // Hide yAxis labels and grid if showYAxis is explicitly false for this axis
       if (!shouldShowYAxis) {
         yAxes.push({
           ...defaultYAxis,
           ...config,
-          title: config.title !== undefined ? {
-            text: config.title
-          } : defaultYAxis.title,
+          title: {
+            text: titleText
+          },
           labels: {
             enabled: false
           },
@@ -11919,9 +11936,9 @@ const initMultiAxisSeries = props => {
         yAxes.push({
           ...defaultYAxis,
           ...config,
-          title: config.title !== undefined ? {
-            text: config.title
-          } : defaultYAxis.title,
+          title: {
+            text: titleText
+          },
           labels: {
             enabled: true,
             color: "#575E77",
@@ -12153,7 +12170,7 @@ const initChart$1 = props => {
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  Promise.resolve().then(function () { return require('./heatmap-iI7S3gXi.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-c3tdleHx.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : heatmapModule?.default || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -14413,12 +14430,132 @@ const useManagedModals = () => {
   };
 };
 
+/**
+ * Default pagination page size
+ */
+const DEFAULT_PAGE_SIZE = 10;
+
+/**
+ * Maximum allowed page size for pagination
+ */
+const MAX_PAGE_SIZE = 100;
+
+/**
+ * Default API request timeout in milliseconds
+ */
+const DEFAULT_API_TIMEOUT = 30000;
+
+class ApiClient {
+  constructor(config) {
+    const {
+      baseURL = "/",
+      timeout = DEFAULT_API_TIMEOUT,
+      headers = {
+        "Content-Type": "application/json"
+      }
+    } = config;
+    this.client = axios.create({
+      baseURL,
+      timeout,
+      headers
+    });
+    this.setupInterceptors();
+  }
+  setupInterceptors() {
+    // Request interceptor
+    this.client.interceptors.request.use(config => {
+      // Add auth token, logging, etc. if needed
+      return config;
+    }, error => Promise.reject(error));
+
+    // Response interceptor
+    this.client.interceptors.response.use(response => {
+      return response;
+    }, error => {
+      // Handle errors globally
+      return Promise.reject(this.handleError(error));
+    });
+  }
+  handleError(error) {
+    if (error && typeof error === "object" && "response" in error) {
+      const axiosError = error;
+      if (axiosError.response) {
+        return {
+          status: "error",
+          code: axiosError.response.status,
+          message: axiosError.response.data?.message || "An error occurred",
+          error: axiosError.response.data?.error || axiosError.message || "An unexpected error occurred"
+        };
+      }
+    }
+    const errorMessage = error instanceof Error ? error.message : "An unexpected error occurred";
+    return {
+      status: "error",
+      code: 500,
+      message: "Network error",
+      error: errorMessage
+    };
+  }
+  async get(url, config) {
+    const response = await this.client.get(url, config);
+    return response.data;
+  }
+  async post(url, data, config) {
+    const response = await this.client.post(url, data, config);
+    return response.data;
+  }
+  async put(url, data, config) {
+    const response = await this.client.put(url, data, config);
+    return response.data;
+  }
+  async delete(url, config) {
+    const response = await this.client.delete(url, config);
+    return response.data;
+  }
+}
+
+/**
+ * Factory function to create a configured API client instance
+ * @param config - Configuration options for the API client
+ * @returns Configured ApiClient instance
+ */
+function createApiClient() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return new ApiClient(config);
+}
+
+/**
+ * Default API client instance with default configuration
+ * For custom configuration, use createApiClient() instead
+ */
+const apiClient = createApiClient();
+
+/**
+ * Wrapper component for modal content to ensure MantineProvider context is available
+ * This is needed because modals rendered by the appshell may not have access to the pilet's provider
+ */
+const ModalContentWrapper = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React__namespace.createElement(core.MantineProvider, {
+    theme: theme
+  }, /*#__PURE__*/React__namespace.createElement(dates.DatesProvider, {
+    settings: {
+      locale: "en",
+      timezone: "UTC"
+    }
+  }, children));
+};
+
 exports.ApplicationMenu = ApplicationMenu;
 exports.ApplicationPanel = ApplicationPanel;
 exports.AvatarLabelPanel = AvatarLabelPanel;
 exports.BasicHeatmap = BasicHeatmap;
 exports.CalendarHeatmap = CalendarHeatmap;
 exports.ConnectionPanel = ConnectionPanel;
+exports.DEFAULT_API_TIMEOUT = DEFAULT_API_TIMEOUT;
+exports.DEFAULT_PAGE_SIZE = DEFAULT_PAGE_SIZE;
 exports.DonutChart = DonutChart;
 exports.Drawer = Drawer;
 exports.DynamicLogo = DynamicLogo;
@@ -14430,7 +14567,9 @@ exports.Icons = Icons;
 exports.InfoModal = InfoModal;
 exports.InterpolatedHeatmap = InterpolatedHeatmap;
 exports.LabelPanel = LabelPanel;
+exports.MAX_PAGE_SIZE = MAX_PAGE_SIZE;
 exports.MaskedTilePanel = MaskedTilePanel;
+exports.ModalContentWrapper = ModalContentWrapper;
 exports.MultiAxisArea = MultiAxisArea;
 exports.PageTitle = PageTitle;
 exports.PaymentMethod = PaymentMethod;
@@ -14453,6 +14592,8 @@ exports.TitleWithIndex = TitleWithIndex;
 exports.TitledPanel = TitledPanel;
 exports.TwoFactorModal = TwoFactorModal;
 exports.UserMenu = UserMenu;
+exports.apiClient = apiClient;
+exports.createApiClient = createApiClient;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.theme = theme;
 exports.useManagedModals = useManagedModals;

package/build/index.cjs.js/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-FFda0udd.js');
+var index = require('./index-QwR6crYB.js');
 require('@mantine/modals');
 require('react');
 require('@mantine/core');
@@ -20,6 +20,9 @@ require('@fontsource/poppins/500.css');
 require('@fontsource/poppins/600.css');
 require('@fontsource/poppins/700.css');
 require('@fontsource/poppins/800.css');
+require('axios');
+require('@mantine/dates');
+require('@mantine/dates/styles.css');
 
 
 
@@ -29,6 +32,8 @@ exports.AvatarLabelPanel = index.AvatarLabelPanel;
 exports.BasicHeatmap = index.BasicHeatmap;
 exports.CalendarHeatmap = index.CalendarHeatmap;
 exports.ConnectionPanel = index.ConnectionPanel;
+exports.DEFAULT_API_TIMEOUT = index.DEFAULT_API_TIMEOUT;
+exports.DEFAULT_PAGE_SIZE = index.DEFAULT_PAGE_SIZE;
 exports.DonutChart = index.DonutChart;
 exports.Drawer = index.Drawer;
 exports.DynamicLogo = index.DynamicLogo;
@@ -40,7 +45,9 @@ exports.Icons = index.Icons;
 exports.InfoModal = index.InfoModal;
 exports.InterpolatedHeatmap = index.InterpolatedHeatmap;
 exports.LabelPanel = index.LabelPanel;
+exports.MAX_PAGE_SIZE = index.MAX_PAGE_SIZE;
 exports.MaskedTilePanel = index.MaskedTilePanel;
+exports.ModalContentWrapper = index.ModalContentWrapper;
 exports.MultiAxisArea = index.MultiAxisArea;
 exports.PageTitle = index.PageTitle;
 exports.PaymentMethod = index.PaymentMethod;
@@ -63,6 +70,8 @@ exports.TitleWithIndex = index.TitleWithIndex;
 exports.TitledPanel = index.TitledPanel;
 exports.TwoFactorModal = index.TwoFactorModal;
 exports.UserMenu = index.UserMenu;
+exports.apiClient = index.apiClient;
+exports.createApiClient = index.createApiClient;
 exports.theme = index.theme;
 exports.useManagedModals = index.useManagedModals;
 exports.useModal = index.useModal;

package/build/index.esm.js/{heatmap-B5TomJs2.js → heatmap-Dfb5-pNh.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './index-D_S62F0o.js';
+import { g as getDefaultExportFromCjs } from './index-9HtrJaD9.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {