@adiba-banking-cloud/backoffice 0.0.43 → 0.0.44

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

@@ -13063,19 +13063,38 @@ const File = _ref => {
   }, /*#__PURE__*/React.createElement(Icons, rightsection === null || rightsection === void 0 ? void 0 : rightsection.icon)) : undefined)));
 };
 
+var ErrorAnimation = "data:null;base64,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";
+
 const ErrorModal = _ref => {
   let {
     context,
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Text, {
-    size: "sm"
-  }, innerProps.modalBody), /*#__PURE__*/React.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Stack, {
+    align: "center",
+    py: "md"
+  }, /*#__PURE__*/React.createElement(core.Center, {
+    w: 170,
+    h: 170
+  }, /*#__PURE__*/React.createElement(dotlottieReact.DotLottieReact, {
+    speed: 0.8,
+    src: ErrorAnimation,
+    loop: false,
+    autoplay: true
+  })), /*#__PURE__*/React.createElement(core.Text, {
+    fw: 300,
+    ta: "center"
+  }, innerProps.modalBody)), /*#__PURE__*/React.createElement(core.Button, {
+    radius: "xl",
+    fw: 300,
+    size: "md",
     fullWidth: true,
-    mt: "md",
-    onClick: () => context.closeModal(id)
-  }, "Close modal"));
+    onClick: () => {
+      innerProps.button.onClick();
+      context.closeAll();
+    }
+  }, innerProps.button.label));
 };
 
 const InfoModal = _ref => {
@@ -13118,8 +13137,7 @@ const SuccessModal = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
-    p: 0,
-    pb: "md"
+    py: "md"
   }, /*#__PURE__*/React.createElement(core.Center, {
     w: 170,
     h: 170
@@ -13166,8 +13184,7 @@ const ConfirmModal = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(core.Stack, {
     align: "center",
-    p: 0,
-    pb: "md"
+    py: "md"
   }, /*#__PURE__*/React.createElement(core.Center, {
     w: 150,
     h: 150
@@ -13220,13 +13237,19 @@ const useModal = () => {
       labels
     }, rest));
   };
-  const ErrorModal = () => modals.modals.openContextModal({
-    modal: "ErrorModal",
-    title: "Error",
-    innerProps: {
-      modalBody: "This is an error modal"
-    }
-  });
+  const ErrorModal = _ref2 => {
+    let {
+      title,
+      message
+    } = _ref2;
+    return modals.modals.openContextModal({
+      modal: "ErrorModal",
+      title: title,
+      innerProps: {
+        modalBody: message
+      }
+    });
+  };
   const InfoModal = () => modals.modals.openContextModal({
     modal: "InfoModal",
     title: "Info",
@@ -13234,11 +13257,11 @@ const useModal = () => {
       modalBody: "This is an info modal"
     }
   });
-  const SimpleModal = _ref2 => {
+  const SimpleModal = _ref3 => {
     let {
       title,
       message
-    } = _ref2;
+    } = _ref3;
     return modals.modals.openContextModal({
       modal: "SimpleModal",
       title: title,
@@ -13247,7 +13270,7 @@ const useModal = () => {
       }
     });
   };
-  const SuccessModal = _ref3 => {
+  const SuccessModal = _ref4 => {
     let {
       title,
       message = "This operation was successful!",
@@ -13255,7 +13278,7 @@ const useModal = () => {
         label: "OK Thanks",
         onClick: e => {}
       }
-    } = _ref3;
+    } = _ref4;
     return modals.modals.openContextModal({
       modal: "SuccessModal",
       title: title,

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

@@ -13042,19 +13042,38 @@ const File = _ref => {
   }, /*#__PURE__*/React.createElement(Icons, rightsection === null || rightsection === void 0 ? void 0 : rightsection.icon)) : undefined)));
 };
 
+var ErrorAnimation = "data:null;base64,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";
+
 const ErrorModal = _ref => {
   let {
     context,
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
-  }, innerProps.modalBody), /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+    align: "center",
+    py: "md"
+  }, /*#__PURE__*/React.createElement(Center, {
+    w: 170,
+    h: 170
+  }, /*#__PURE__*/React.createElement(DotLottieReact, {
+    speed: 0.8,
+    src: ErrorAnimation,
+    loop: false,
+    autoplay: true
+  })), /*#__PURE__*/React.createElement(Text, {
+    fw: 300,
+    ta: "center"
+  }, innerProps.modalBody)), /*#__PURE__*/React.createElement(Button, {
+    radius: "xl",
+    fw: 300,
+    size: "md",
     fullWidth: true,
-    mt: "md",
-    onClick: () => context.closeModal(id)
-  }, "Close modal"));
+    onClick: () => {
+      innerProps.button.onClick();
+      context.closeAll();
+    }
+  }, innerProps.button.label));
 };
 
 const InfoModal = _ref => {
@@ -13097,8 +13116,7 @@ const SuccessModal = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
     align: "center",
-    p: 0,
-    pb: "md"
+    py: "md"
   }, /*#__PURE__*/React.createElement(Center, {
     w: 170,
     h: 170
@@ -13145,8 +13163,7 @@ const ConfirmModal = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement(Stack, {
     align: "center",
-    p: 0,
-    pb: "md"
+    py: "md"
   }, /*#__PURE__*/React.createElement(Center, {
     w: 150,
     h: 150
@@ -13199,13 +13216,19 @@ const useModal = () => {
       labels
     }, rest));
   };
-  const ErrorModal = () => modals.openContextModal({
-    modal: "ErrorModal",
-    title: "Error",
-    innerProps: {
-      modalBody: "This is an error modal"
-    }
-  });
+  const ErrorModal = _ref2 => {
+    let {
+      title,
+      message
+    } = _ref2;
+    return modals.openContextModal({
+      modal: "ErrorModal",
+      title: title,
+      innerProps: {
+        modalBody: message
+      }
+    });
+  };
   const InfoModal = () => modals.openContextModal({
     modal: "InfoModal",
     title: "Info",
@@ -13213,11 +13236,11 @@ const useModal = () => {
       modalBody: "This is an info modal"
     }
   });
-  const SimpleModal = _ref2 => {
+  const SimpleModal = _ref3 => {
     let {
       title,
       message
-    } = _ref2;
+    } = _ref3;
     return modals.openContextModal({
       modal: "SimpleModal",
       title: title,
@@ -13226,7 +13249,7 @@ const useModal = () => {
       }
     });
   };
-  const SuccessModal = _ref3 => {
+  const SuccessModal = _ref4 => {
     let {
       title,
       message = "This operation was successful!",
@@ -13234,7 +13257,7 @@ const useModal = () => {
         label: "OK Thanks",
         onClick: e => {}
       }
-    } = _ref3;
+    } = _ref4;
     return modals.openContextModal({
       modal: "SuccessModal",
       title: title,

package/build/typings/components/modals/error/Error.d.ts

@@ -1,4 +1,8 @@
 import { ContextModalProps } from "@mantine/modals";
 export declare const ErrorModal: ({ context, id, innerProps, }: ContextModalProps<{
     modalBody: string;
+    button: {
+        label: string;
+        onClick: () => void;
+    };
 }>) => import("react/jsx-runtime").JSX.Element;

package/build/typings/shared/hooks/modals/useManagedModals.d.ts

@@ -1,6 +1,10 @@
 export declare const useManagedModals: () => {
     ErrorModal: ({ context, id, innerProps, }: import("@mantine/modals").ContextModalProps<{
         modalBody: string;
+        button: {
+            label: string;
+            onClick: () => void;
+        };
     }>) => import("react/jsx-runtime").JSX.Element;
     InfoModal: ({ context, id, innerProps, }: import("@mantine/modals").ContextModalProps<{
         modalBody: string;

package/build/typings/shared/hooks/modals/useModal.d.ts

@@ -2,9 +2,9 @@ import { OpenConfirmModal } from "@mantine/modals/lib/context";
 import { SimpleModalProps, SuccessModalProps } from "./useModal.types";
 export declare const useModal: () => {
     ConfirmationModal: ({ title, children, onConfirm, labels, ...rest }: OpenConfirmModal) => string;
-    ErrorModal: () => string;
+    ErrorModal: ({ title, message }: SimpleModalProps) => string;
     InfoModal: () => string;
     SimpleModal: ({ title, message }: SimpleModalProps) => string;
-    SuccessModal: ({ title, message, button }: SuccessModalProps) => string;
+    SuccessModal: ({ title, message, button, }: SuccessModalProps) => string;
     TwoFactorVerificationModal: () => string;
 };

package/build/typings/shared/hooks/modals/useModal.types.d.ts

@@ -6,6 +6,14 @@ export type SuccessModalProps = {
         onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     };
 };
+export type ErrorModalProps = {
+    title?: string;
+    message?: string;
+    button: {
+        label?: string;
+        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    };
+};
 export type SimpleModalProps = {
     title?: string;
     message?: React.ReactNode;

package/package.json

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