@adiba-banking-cloud/backoffice 0.2.14 → 0.2.16

package/build/index.cjs.js/{heatmap-ivmUasA7.js → heatmap-DvOwQTZm.js}

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

package/build/index.cjs.js/{index-DTJ-EzlZ.js → index-CHvclor6.js}

@@ -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-ivmUasA7.js'); }).then(function (n) { return n.heatmap; }).then(heatmapModule => {
+  Promise.resolve().then(function () { return require('./heatmap-DvOwQTZm.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);
@@ -13972,10 +13972,9 @@ const CreditCard = _ref => {
     cvv = "***",
     brand = "mastercard",
     background = "linear-gradient(135deg, #1e3c72 0%, #2a5298 100%)",
-    onAddClick
+    onAddClick,
+    onClick
   } = _ref;
-  const [isFlipped, setIsFlipped] = React.useState(false);
-
   // Add Card Variant
   if (variant === "add") {
     return /*#__PURE__*/React.createElement("div", {
@@ -13997,17 +13996,17 @@ const CreditCard = _ref => {
   }
 
   // Display Card Variant
-  const handleCardClick = () => {
-    setIsFlipped(!isFlipped);
-  };
   const LogoComponent = LOGO_MAP[brand] ? /*#__PURE__*/React.createElement(core.Image, {
     src: LOGO_MAP[brand],
     h: 27,
     fit: "contain"
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: "credit-card-container ".concat(isFlipped ? "flipped" : ""),
-    onClick: handleCardClick
+    className: "credit-card-container",
+    onClick: onClick,
+    style: {
+      cursor: onClick ? "pointer" : "default"
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "credit-card-inner"
   }, /*#__PURE__*/React.createElement("div", {
@@ -14077,46 +14076,7 @@ const CreditCard = _ref => {
     style: {
       textShadow: "0 1px 2px rgba(0,0,0,0.6)"
     }
-  }, "Exp ", expiryDate)))), /*#__PURE__*/React.createElement("div", {
-    className: "credit-card-back",
-    style: {
-      background: background,
-      backgroundSize: "cover"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "magnetic-stripe"
-  }), /*#__PURE__*/React.createElement(core.Box, {
-    mt: "md",
-    px: "lg"
-  }, /*#__PURE__*/React.createElement(core.Text, {
-    c: "white",
-    size: "xs",
-    ta: "right",
-    mr: 2
-  }, "CVV"), /*#__PURE__*/React.createElement(core.Box, {
-    bg: "white",
-    h: 35,
-    w: "100%",
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-end",
-      paddingRight: 10
-    }
-  }, /*#__PURE__*/React.createElement(core.Text, {
-    c: "black",
-    ff: "THICCCBOI",
-    lts: 2
-  }, cvv)), /*#__PURE__*/React.createElement(core.Group, {
-    justify: "flex-end",
-    mt: "md"
-  }, LogoComponent), /*#__PURE__*/React.createElement(core.Text, {
-    c: "white",
-    size: "xs",
-    mt: "xl",
-    ta: "center",
-    opacity: 0.8
-  }, "Issued by Adiba Bank.", /*#__PURE__*/React.createElement("br", null), "For customer service call +123-456-7890.")))));
+  }, "Exp ", expiryDate))))));
 };
 
 var img$7 = "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";
@@ -14769,7 +14729,7 @@ const Drawer = _ref => {
   }, page))));
 };
 
-const _excluded$2 = ["fields", "isEditable", "layout", "hasSubmit", "hasReset", "buttonSize"];
+const _excluded$2 = ["fields", "isEditable", "layout", "hasSubmit", "hasReset", "buttonSize", "submitButtonIcon", "cancelButtonIcon", "submitButtonLabel", "cancelButtonLabel"];
 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 SimpleForm = _ref => {
@@ -14779,7 +14739,11 @@ const SimpleForm = _ref => {
       layout = [],
       hasSubmit,
       hasReset,
-      buttonSize = "lg"
+      buttonSize = "lg",
+      submitButtonIcon = false,
+      cancelButtonIcon = false,
+      submitButtonLabel = "Save",
+      cancelButtonLabel = "Cancel"
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$2);
   const components = {
@@ -14864,7 +14828,11 @@ const SimpleForm = _ref => {
   }), /*#__PURE__*/React.createElement(FormButtons, {
     hasSubmit,
     hasReset,
-    buttonSize
+    buttonSize,
+    submitButtonLabel,
+    cancelButtonLabel,
+    submitButtonIcon,
+    cancelButtonIcon
   })));
 };
 const santize = field => {
@@ -14887,7 +14855,11 @@ const FormButtons = _ref3 => {
   let {
     hasSubmit = false,
     hasReset = false,
-    buttonSize
+    buttonSize,
+    submitButtonLabel = "Save",
+    cancelButtonLabel = "Cancel",
+    submitButtonIcon = false,
+    cancelButtonIcon = false
   } = _ref3;
   return /*#__PURE__*/React.createElement(core.Group, {
     mt: "lg",
@@ -14896,11 +14868,12 @@ const FormButtons = _ref3 => {
     gap: 10,
     w: "100%",
     display: hasSubmit || hasReset ? "flex" : "none"
-  }, /*#__PURE__*/React.createElement(core.Button, {
+  }, /*#__PURE__*/React.createElement(core.Button, _extends({}, cancelButtonIcon && {
     leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "CloseCircle",
       size: 16
-    }),
+    })
+  }, {
     variant: "filled",
     color: "red",
     size: buttonSize,
@@ -14911,15 +14884,16 @@ const FormButtons = _ref3 => {
       display: hasReset ? "block" : "none"
     },
     flex: 1
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }), /*#__PURE__*/React.createElement(core.Text, {
     fw: 400,
     fz: "sm",
     c: "white"
-  }, "Cancel")), /*#__PURE__*/React.createElement(core.Button, {
+  }, cancelButtonLabel)), /*#__PURE__*/React.createElement(core.Button, _extends({}, submitButtonIcon && {
     leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "TickCircle",
       size: 16
-    }),
+    })
+  }, {
     variant: "filled",
     color: "adiba.5",
     size: buttonSize,
@@ -14930,11 +14904,11 @@ const FormButtons = _ref3 => {
       display: hasSubmit ? "block" : "none"
     },
     flex: 1
-  }, /*#__PURE__*/React.createElement(core.Text, {
+  }), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "sm",
     c: "white"
-  }, "Save")));
+  }, submitButtonLabel)));
 };
 
 const MaskedTilePanel = _ref => {

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

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

package/build/index.esm.js/{heatmap-DMuUoNe8.js → heatmap-BTmJaRuJ.js}

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

package/build/index.esm.js/{index-Ddct1CtR.js → index-Cj7RGh_q.js}

@@ -12148,7 +12148,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)
-  import('./heatmap-DMuUoNe8.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-BTmJaRuJ.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);
@@ -13951,10 +13951,9 @@ const CreditCard = _ref => {
     cvv = "***",
     brand = "mastercard",
     background = "linear-gradient(135deg, #1e3c72 0%, #2a5298 100%)",
-    onAddClick
+    onAddClick,
+    onClick
   } = _ref;
-  const [isFlipped, setIsFlipped] = useState(false);
-
   // Add Card Variant
   if (variant === "add") {
     return /*#__PURE__*/React__default.createElement("div", {
@@ -13976,17 +13975,17 @@ const CreditCard = _ref => {
   }
 
   // Display Card Variant
-  const handleCardClick = () => {
-    setIsFlipped(!isFlipped);
-  };
   const LogoComponent = LOGO_MAP[brand] ? /*#__PURE__*/React__default.createElement(Image, {
     src: LOGO_MAP[brand],
     h: 27,
     fit: "contain"
   }) : null;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "credit-card-container ".concat(isFlipped ? "flipped" : ""),
-    onClick: handleCardClick
+    className: "credit-card-container",
+    onClick: onClick,
+    style: {
+      cursor: onClick ? "pointer" : "default"
+    }
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "credit-card-inner"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -14056,46 +14055,7 @@ const CreditCard = _ref => {
     style: {
       textShadow: "0 1px 2px rgba(0,0,0,0.6)"
     }
-  }, "Exp ", expiryDate)))), /*#__PURE__*/React__default.createElement("div", {
-    className: "credit-card-back",
-    style: {
-      background: background,
-      backgroundSize: "cover"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "magnetic-stripe"
-  }), /*#__PURE__*/React__default.createElement(Box, {
-    mt: "md",
-    px: "lg"
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    c: "white",
-    size: "xs",
-    ta: "right",
-    mr: 2
-  }, "CVV"), /*#__PURE__*/React__default.createElement(Box, {
-    bg: "white",
-    h: 35,
-    w: "100%",
-    style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-end",
-      paddingRight: 10
-    }
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    c: "black",
-    ff: "THICCCBOI",
-    lts: 2
-  }, cvv)), /*#__PURE__*/React__default.createElement(Group, {
-    justify: "flex-end",
-    mt: "md"
-  }, LogoComponent), /*#__PURE__*/React__default.createElement(Text, {
-    c: "white",
-    size: "xs",
-    mt: "xl",
-    ta: "center",
-    opacity: 0.8
-  }, "Issued by Adiba Bank.", /*#__PURE__*/React__default.createElement("br", null), "For customer service call +123-456-7890.")))));
+  }, "Exp ", expiryDate))))));
 };
 
 var img$7 = "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";
@@ -14748,7 +14708,7 @@ const Drawer = _ref => {
   }, page))));
 };
 
-const _excluded$2 = ["fields", "isEditable", "layout", "hasSubmit", "hasReset", "buttonSize"];
+const _excluded$2 = ["fields", "isEditable", "layout", "hasSubmit", "hasReset", "buttonSize", "submitButtonIcon", "cancelButtonIcon", "submitButtonLabel", "cancelButtonLabel"];
 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 SimpleForm = _ref => {
@@ -14758,7 +14718,11 @@ const SimpleForm = _ref => {
       layout = [],
       hasSubmit,
       hasReset,
-      buttonSize = "lg"
+      buttonSize = "lg",
+      submitButtonIcon = false,
+      cancelButtonIcon = false,
+      submitButtonLabel = "Save",
+      cancelButtonLabel = "Cancel"
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$2);
   const components = {
@@ -14843,7 +14807,11 @@ const SimpleForm = _ref => {
   }), /*#__PURE__*/React__default.createElement(FormButtons, {
     hasSubmit,
     hasReset,
-    buttonSize
+    buttonSize,
+    submitButtonLabel,
+    cancelButtonLabel,
+    submitButtonIcon,
+    cancelButtonIcon
   })));
 };
 const santize = field => {
@@ -14866,7 +14834,11 @@ const FormButtons = _ref3 => {
   let {
     hasSubmit = false,
     hasReset = false,
-    buttonSize
+    buttonSize,
+    submitButtonLabel = "Save",
+    cancelButtonLabel = "Cancel",
+    submitButtonIcon = false,
+    cancelButtonIcon = false
   } = _ref3;
   return /*#__PURE__*/React__default.createElement(Group, {
     mt: "lg",
@@ -14875,11 +14847,12 @@ const FormButtons = _ref3 => {
     gap: 10,
     w: "100%",
     display: hasSubmit || hasReset ? "flex" : "none"
-  }, /*#__PURE__*/React__default.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, _extends({}, cancelButtonIcon && {
     leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "CloseCircle",
       size: 16
-    }),
+    })
+  }, {
     variant: "filled",
     color: "red",
     size: buttonSize,
@@ -14890,15 +14863,16 @@ const FormButtons = _ref3 => {
       display: hasReset ? "block" : "none"
     },
     flex: 1
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }), /*#__PURE__*/React__default.createElement(Text, {
     fw: 400,
     fz: "sm",
     c: "white"
-  }, "Cancel")), /*#__PURE__*/React__default.createElement(Button, {
+  }, cancelButtonLabel)), /*#__PURE__*/React__default.createElement(Button, _extends({}, submitButtonIcon && {
     leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "TickCircle",
       size: 16
-    }),
+    })
+  }, {
     variant: "filled",
     color: "adiba.5",
     size: buttonSize,
@@ -14909,11 +14883,11 @@ const FormButtons = _ref3 => {
       display: hasSubmit ? "block" : "none"
     },
     flex: 1
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: "sm",
     c: "white"
-  }, "Save")));
+  }, submitButtonLabel)));
 };
 
 const MaskedTilePanel = _ref => {

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, o as ConnectionPanel, u as CreditCard, a2 as DEFAULT_API_TIMEOUT, a0 as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, Q 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, O as LoadingModal, a1 as MAX_PAGE_SIZE, V as MaskedTilePanel, X as MerchantCard, a5 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, R 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, Y as TableStateView, W as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a4 as apiClient, a3 as createApiClient, a7 as extractBetweenBraces, a8 as extractOutsideBraces, z as theme, _ as useManagedModals, Z as useModal, $ as useUrlFilters, a6 as withProviders } from './index-Ddct1CtR.js';
+export { A as ApplicationMenu, p as ApplicationPanel, k as AvatarLabelPanel, B as BasicHeatmap, C as CalendarHeatmap, o as ConnectionPanel, u as CreditCard, a2 as DEFAULT_API_TIMEOUT, a0 as DEFAULT_PAGE_SIZE, v as DetailCard, D as DonutChart, Q 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, O as LoadingModal, a1 as MAX_PAGE_SIZE, V as MaskedTilePanel, X as MerchantCard, a5 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, R 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, Y as TableStateView, W as TilePanel, n as TitleWithIndex, T as TitledPanel, N as TwoFactorModal, U as UserMenu, s as UserProfileCard, a4 as apiClient, a3 as createApiClient, a7 as extractBetweenBraces, a8 as extractOutsideBraces, z as theme, _ as useManagedModals, Z as useModal, $ as useUrlFilters, a6 as withProviders } from './index-Cj7RGh_q.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/defineProperty';
 import '@mantine/modals';

package/build/typings/components/forms/simple/Simple.types.d.ts

@@ -8,6 +8,10 @@ export interface SimpleFormProps {
     fields: FormInput[];
     layout?: number[];
     buttonSize?: "sm" | "md" | "lg";
+    submitButtonLabel?: string;
+    cancelButtonLabel?: string;
+    submitButtonIcon?: boolean;
+    cancelButtonIcon?: boolean;
     onSubmit?: (values: any) => void;
     onCancel?: () => void;
     hasReset?: boolean;

package/build/typings/components/widgets/credit_card/CreditCard.types.d.ts

@@ -36,4 +36,8 @@ export interface CreditCardProps {
      * Click handler for "Add" variant
      */
     onAddClick?: () => void;
+    /**
+     * Click handler for the card (when not in "Add" mode)
+     */
+    onClick?: () => void;
 }

package/package.json

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