@adiba-banking-cloud/backoffice 0.2.37 → 0.2.39

package/build/index.cjs.js/{heatmap-BBXcnNXP.js → heatmap-Dhv2BqEd.js}

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

package/build/index.cjs.js/{index-dNJ63nc8.js → index-CF3rcm8e.js}

@@ -12169,7 +12169,7 @@ function _objectSpread$b(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-BBXcnNXP.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-Dhv2BqEd.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);
@@ -12874,13 +12874,15 @@ const UserMenuTarget = _ref => {
     fw: 300
   }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
-    size: "sm"
+    size: "sm",
+    c: "black"
   }, name), /*#__PURE__*/React.createElement(core.Text, {
     c: "dimmed",
     size: "xs"
   }, username)), /*#__PURE__*/React.createElement(Icons, {
     name: "ArrowDown2",
-    size: 12
+    size: 12,
+    color: "black"
   }))));
 };
 
@@ -12948,7 +12950,12 @@ const UserMenu = _ref => {
     withinPortal: true,
     offset: 5,
     arrowOffset: 20,
-    arrowSize: 10
+    arrowSize: 10,
+    vars: theme => ({
+      root: {
+        "--menu-item-hover": "var(--mantine-color-adiba-0)"
+      }
+    })
   }, /*#__PURE__*/React.createElement(UserMenuTarget, {
     name,
     username,
@@ -16131,7 +16138,8 @@ function withProviders(Component) {
     datesSettings = {
       locale: "en",
       timezone: "UTC"
-    }
+    },
+    cssVariablesSelector
   } = options;
   const WrappedComponent = props => {
     var _process$env;
@@ -16139,7 +16147,8 @@ function withProviders(Component) {
     return /*#__PURE__*/React__namespace.createElement(reactQuery.QueryClientProvider, {
       client: queryClient
     }, /*#__PURE__*/React__namespace.createElement(core.MantineProvider, {
-      theme: customTheme()
+      theme: customTheme(),
+      cssVariablesSelector: cssVariablesSelector
     }, /*#__PURE__*/React__namespace.createElement(dates.DatesProvider, {
       settings: datesSettings
     }, /*#__PURE__*/React__namespace.createElement(Component, props), showDevtools && /*#__PURE__*/React__namespace.createElement(reactQueryDevtools.ReactQueryDevtools, null))));

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dNJ63nc8.js');
+var index = require('./index-CF3rcm8e.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/defineProperty');
 require('@mantine/modals');

package/build/index.esm.js/{heatmap-irWxHDY_.js → heatmap-7BvAxjLY.js}

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

package/build/index.esm.js/{index-B1m_N_ji.js → index-DxdMbXh2.js}

@@ -12148,7 +12148,7 @@ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  import('./heatmap-irWxHDY_.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-7BvAxjLY.js').then(function (n) { return n.h; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : (heatmapModule === null || heatmapModule === void 0 ? void 0 : heatmapModule.default) || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12853,13 +12853,15 @@ const UserMenuTarget = _ref => {
     fw: 300
   }, /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
-    size: "sm"
+    size: "sm",
+    c: "black"
   }, name), /*#__PURE__*/React__default.createElement(Text, {
     c: "dimmed",
     size: "xs"
   }, username)), /*#__PURE__*/React__default.createElement(Icons, {
     name: "ArrowDown2",
-    size: 12
+    size: 12,
+    color: "black"
   }))));
 };
 
@@ -12927,7 +12929,12 @@ const UserMenu = _ref => {
     withinPortal: true,
     offset: 5,
     arrowOffset: 20,
-    arrowSize: 10
+    arrowSize: 10,
+    vars: theme => ({
+      root: {
+        "--menu-item-hover": "var(--mantine-color-adiba-0)"
+      }
+    })
   }, /*#__PURE__*/React__default.createElement(UserMenuTarget, {
     name,
     username,
@@ -16110,7 +16117,8 @@ function withProviders(Component) {
     datesSettings = {
       locale: "en",
       timezone: "UTC"
-    }
+    },
+    cssVariablesSelector
   } = options;
   const WrappedComponent = props => {
     var _process$env;
@@ -16118,7 +16126,8 @@ function withProviders(Component) {
     return /*#__PURE__*/React.createElement(QueryClientProvider, {
       client: queryClient
     }, /*#__PURE__*/React.createElement(MantineProvider, {
-      theme: customTheme()
+      theme: customTheme(),
+      cssVariablesSelector: cssVariablesSelector
     }, /*#__PURE__*/React.createElement(DatesProvider, {
       settings: datesSettings
     }, /*#__PURE__*/React.createElement(Component, props), showDevtools && /*#__PURE__*/React.createElement(ReactQueryDevtools, null))));

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

@@ -1,4 +1,4 @@
-export { A as ApplicationMenu, p as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, Q as ChatBubble, R as ChatHeader, O as ChatListCard, o as ConnectionPanel, u as CreditCard, a5 as DEFAULT_API_TIMEOUT, a3 as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, W as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, G as ErrorModal, F as File, d as Icons, r as InfoGrid, H as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, V as LoadingModal, a4 as MAX_PAGE_SIZE, Y as MaskedTilePanel, _ as MerchantCard, a8 as ModalContentWrapper, M as MultiAxisArea, m as PageTitle, w as PaymentMethod, x as PaymentMethodAdd, P as PieChart, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, X as SimpleForm, J as SimpleModal, i as SimplePanel, y as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, t as StatusAlert, q as SubscriptionPlans, K as SuccessModal, $ as TableStateView, Z as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a7 as apiClient, a6 as createApiClient, aa as extractBetweenBraces, ab as extractOutsideBraces, z as theme, a1 as useManagedModals, a0 as useModal, a2 as useUrlFilters, a9 as withProviders } from './index-B1m_N_ji.js';
+export { A as ApplicationMenu, p as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, Q as ChatBubble, R as ChatHeader, O as ChatListCard, o as ConnectionPanel, u as CreditCard, a5 as DEFAULT_API_TIMEOUT, a3 as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, W as Drawer, e as DynamicLogo, f as DynamicShigaLogo, E as EqualizerColumn, G as ErrorModal, F as File, d as Icons, r as InfoGrid, H as InfoModal, I as InterpolatedHeatmap, L as LabelPanel, V as LoadingModal, a4 as MAX_PAGE_SIZE, Y as MaskedTilePanel, _ as MerchantCard, a8 as ModalContentWrapper, M as MultiAxisArea, m as PageTitle, w as PaymentMethod, x as PaymentMethodAdd, P as PieChart, j as SearchPanel, h as SideMenu, b as SimpleArea, S as SimpleColumn, X as SimpleForm, J as SimpleModal, i as SimplePanel, y as SimpleTable, l as SimpleText, c as StackedArea, a as StackedColumn, t as StatusAlert, q as SubscriptionPlans, K as SuccessModal, $ as TableStateView, Z as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a7 as apiClient, a6 as createApiClient, aa as extractBetweenBraces, ab as extractOutsideBraces, z as theme, a1 as useManagedModals, a0 as useModal, a2 as useUrlFilters, a9 as withProviders } from './index-DxdMbXh2.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/defineProperty';
 import '@mantine/modals';

package/build/styles.css

@@ -1 +1 @@
-svg>path{stroke-width:inherit}.backoffice-sidemenu.mantine-NavLink-root{padding:.25rem}.backoffice-sidemenu.mantine-NavLink-root[data-active] .mantine-NavLink-section:first-child{background:var(--mantine-color-adiba-4)}.backoffice-sidemenu.mantine-NavLink-root .mantine-NavLink-section:first-child{border-radius:9999px;display:flex;height:2rem;width:2rem}.payment-plan .mantine-Indicator-indicator{padding:0}@font-face{font-family:THICCCBOI;src:url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.eot);src:url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.eot?#iefix) format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.woff) format("woff"),url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.ttf) format("truetype"),url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.svg#THICCCBOI) format("svg")}.credit-card-container{cursor:pointer;height:185px;perspective:1000px;width:320px}.credit-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.credit-card-container.flipped .credit-card-inner{transform:rotateY(180deg)}.credit-card-back,.credit-card-front{backface-visibility:hidden;border-radius:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:100%;overflow:hidden;position:absolute;width:100%}.credit-card-back{transform:rotateY(180deg)}.magnetic-stripe{background-color:#2f2f2f;height:40px;margin-top:20px;width:100%}.add-card-container{align-items:center;background-color:#ecedef;border:1px dashed #6f758b;border-radius:20px;cursor:pointer;display:flex;height:185px;justify-content:center;transition:background-color .2s;width:320px}.add-card-container:hover{background-color:#e9ecef}
+svg>path{stroke-width:inherit}.backoffice-sidemenu.mantine-NavLink-root{padding:.25rem}.backoffice-sidemenu.mantine-NavLink-root[data-active] .mantine-NavLink-section:first-child{background:var(--mantine-color-adiba-4)}.backoffice-sidemenu.mantine-NavLink-root:hover{background-color:var(--mantine-color-adiba-0);color:var(--mantine-color-adiba-9)}.backoffice-sidemenu.mantine-NavLink-root .mantine-NavLink-section:first-child{border-radius:9999px;display:flex;height:2rem;width:2rem}.payment-plan .mantine-Indicator-indicator{padding:0}@font-face{font-family:THICCCBOI;src:url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.eot);src:url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.eot?#iefix) format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.woff) format("woff"),url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.ttf) format("truetype"),url(https://db.onlinewebfonts.com/t/74065c19f82d6a5933f924aea6d037a7.svg#THICCCBOI) format("svg")}.credit-card-container{cursor:pointer;height:185px;perspective:1000px;width:320px}.credit-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.credit-card-container.flipped .credit-card-inner{transform:rotateY(180deg)}.credit-card-back,.credit-card-front{backface-visibility:hidden;border-radius:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:100%;overflow:hidden;position:absolute;width:100%}.credit-card-back{transform:rotateY(180deg)}.magnetic-stripe{background-color:#2f2f2f;height:40px;margin-top:20px;width:100%}.add-card-container{align-items:center;background-color:#ecedef;border:1px dashed #6f758b;border-radius:20px;cursor:pointer;display:flex;height:185px;justify-content:center;transition:background-color .2s;width:320px}.add-card-container:hover{background-color:#e9ecef}

package/build/typings/shared/hocs/withProviders.d.ts

@@ -23,6 +23,11 @@ export interface WithProvidersOptions {
         locale: string;
         timezone: string;
     };
+    /**
+     * Target CSS selector for Mantine variables
+     * Helpful for micro-frontends (Pilets) to avoid overwriting the host App Shell CSS
+     */
+    cssVariablesSelector?: string;
 }
 /**
  * Higher-order component that wraps a component with all necessary providers:

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.2.37",
+  "version": "0.2.39",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",