@adiba-banking-cloud/backoffice 0.0.39 → 0.0.41

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

@@ -12545,9 +12545,10 @@ const ConnectionPanelDetail = _ref => {
   }, value));
 };
 
-const _excluded$3 = ["statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
+const _excluded$3 = ["id", "statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
 const ConnectionPanel = _ref => {
   let {
+      id,
       statusColor,
       name,
       status,
@@ -12605,7 +12606,8 @@ const ConnectionPanel = _ref => {
     onClick: edit.onClick,
     rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
@@ -12614,7 +12616,8 @@ const ConnectionPanel = _ref => {
     onClick: test.onClick,
     rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
@@ -12625,7 +12628,8 @@ const ConnectionPanel = _ref => {
     leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "PauseCircle",
       color: "red"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
@@ -13104,19 +13108,38 @@ const SimpleModal = _ref => {
   }, "Close modal"));
 };
 
+var SuccessAnimation = "data:null;base64,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";
+
 const SuccessModal = _ref => {
   let {
     context,
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Text, {
-    size: "sm"
+  return /*#__PURE__*/React.createElement(core.Stack, {
+    gap: "md",
+    align: "center",
+    p: 0,
+    pb: "md"
+  }, /*#__PURE__*/React.createElement(core.Center, {
+    w: 170,
+    h: 170,
+    p: 25
+  }, /*#__PURE__*/React.createElement(dotlottieReact.DotLottieReact, {
+    speed: 0.8,
+    src: SuccessAnimation,
+    loop: false,
+    autoplay: true
+  })), /*#__PURE__*/React.createElement(core.Text, {
+    ta: "center"
   }, innerProps.modalBody), /*#__PURE__*/React.createElement(core.Button, {
     fullWidth: true,
     mt: "md",
-    onClick: () => context.closeModal(id)
-  }, "Close modal"));
+    onClick: () => {
+      innerProps.button.onClick();
+      context.closeAll();
+    }
+  }, innerProps.button.label));
 };
 
 const TwoFactorVerificationModal = _ref => {
@@ -13146,11 +13169,12 @@ const ConfirmModal = _ref => {
     p: 0,
     pb: "md"
   }, /*#__PURE__*/React.createElement(core.Center, {
-    w: 170,
-    h: 170
+    w: 150,
+    h: 150,
+    p: 25
   }, /*#__PURE__*/React.createElement(dotlottieReact.DotLottieReact, {
+    speed: 0.8,
     src: ConfirmAnimation,
-    loop: true,
     autoplay: true
   })), /*#__PURE__*/React.createElement(core.Text, {
     ta: "center",
@@ -13211,20 +13235,37 @@ const useModal = () => {
       modalBody: "This is an info modal"
     }
   });
-  const SimpleModal = () => modals.modals.openContextModal({
-    modal: "SimpleModal",
-    title: "Simple",
-    innerProps: {
-      modalBody: "This is a simple modal"
-    }
-  });
-  const SuccessModal = () => modals.modals.openContextModal({
-    modal: "SuccessModal",
-    title: "Success",
-    innerProps: {
-      modalBody: "This is a success modal"
-    }
-  });
+  const SimpleModal = _ref2 => {
+    let {
+      title,
+      message
+    } = _ref2;
+    return modals.modals.openContextModal({
+      modal: "SimpleModal",
+      title: title,
+      innerProps: {
+        modalBody: message
+      }
+    });
+  };
+  const SuccessModal = _ref3 => {
+    let {
+      title,
+      message = "This operation was successful!",
+      button = {
+        label: "OK Thanks",
+        onClick: e => {}
+      }
+    } = _ref3;
+    return modals.modals.openContextModal({
+      modal: "SuccessModal",
+      title: title,
+      innerProps: {
+        modalBody: message,
+        button: button
+      }
+    });
+  };
   const TwoFactorVerificationModal = () => modals.modals.openContextModal({
     modal: "TwoFactorVerificationModal",
     title: "Two Factor Verification",

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

@@ -12524,9 +12524,10 @@ const ConnectionPanelDetail = _ref => {
   }, value));
 };
 
-const _excluded$3 = ["statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
+const _excluded$3 = ["id", "statusColor", "name", "status", "edit", "test", "pause", "details", "altColor"];
 const ConnectionPanel = _ref => {
   let {
+      id,
       statusColor,
       name,
       status,
@@ -12584,7 +12585,8 @@ const ConnectionPanel = _ref => {
     onClick: edit.onClick,
     rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
@@ -12593,7 +12595,8 @@ const ConnectionPanel = _ref => {
     onClick: test.onClick,
     rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
@@ -12604,7 +12607,8 @@ const ConnectionPanel = _ref => {
     leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "PauseCircle",
       color: "red"
-    })
+    }),
+    "data-index": id
   }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
@@ -13083,19 +13087,38 @@ const SimpleModal = _ref => {
   }, "Close modal"));
 };
 
+var SuccessAnimation = "data:null;base64,UEsDBBQAAAAIALCR1locZoERgAAAALUAAAANAAAAbWFuaWZlc3QuanNvbo2NOw7CMBAF77I1DvGHKEqVC3ACROHPBowcG9kLEopyd7aipntPmtFs8MbaYskwgYQD3DBjtVQq/zkUSoUo4vG3xKPNslNdz6x90f0/MMfVEkcaTJcNYmBHm0F6Z07Ca6+EGcwiRoNaqFFahU66Xi+sPpP9nEtANnKpq02wX/cvUEsDBBQAAAAIALCR1lpRipIvnQ0AAAxqAAA0AAAAYW5pbWF0aW9ucy8zNDYxY2I0NS1jM2MyLTQ2NGYtODRlMy0yODFhMmViMWIwM2YuanNvbu1cW2/cuBX+KwM9tYAkiBSvfttt07y0QIFd9CXIw9SZJG7s2PBMug0M//d+51CUqMt4FO/O2ImF9WYkkjq8iPzO+Q4PdZd9vsrOstc366+rXy/OP2V59u7du+ysyrOP2ZnwEhe/xYurzW6dnd1lH/DE3693u4vN3y4uN9vVT69WVSlKWWX3eXa5/rq53WZnb+6y3dfsTOWhhkb49hbC8LPjKq5vcOcqXF3giupE1e/Xl9tN14x/42nKWW//sd5+arPX15z8CTXdZdwq/EMJqFlaV1Z1nUtpSylcXr1FBf9DVWheLI9GUNG7DHLuMmRWZY1HMjS5QrGLNtUYy6nNw28wEPgTFQlFL2qUvuMMJFFyl2Wq+6ZiQ8+iuqSRVAn6nDa7Vqb0wuTh17bNliiKYft9zS68HzZ41ExBIrb9waQkrmu6ctFUw1e9BrjYLLpqGtHUyC14rIx2eFUy8E3XZNsTcY/im/fIRcr24/pm003J7MMtZmKcV92Mu/qMvJ/++vOr1b8257vr29Xr2+svNygalgjdrARuuYI8O+d3g1y8RvxcoAGxgu3HeRX8Qg1bFf2K/rnefUzrwfM08HHihtdyl523YjFeb95UNF2Sf9FtjPBk+n8pvRC65kVSldo5ZBZalKpSmL6SFg1SQgmZFzHpLb0cnpA09KGnu7lDub75eHGOvv6yu73+tImdDXfc3Uv0CON4+R/+ubrkbsepF3pNy4tbgHdPsJRk6SZHIweC0nUlcvzXTIy6a/qOZsEAOXicRlgR5bSLO0gar+mucYOlPUCkiYXdk8B4MViHXff2jIm9v8cLip27mvdeAOC7zS1ey6+3F/RIwGpcr2gabtt5iDey2Y8CcQH3Fm+zdiMAxTWK+8Gy7QCIBqTfu6ZvzeIfZ5B0NFmwhM9hqdysbzefI0CkOuj15fVvK9Yif6Ai2oVKH9JHEdCHwH48fXRISATWKEQIiKD/k3cyjdEPivE6x18rxD1KCNCGQKgT4zEtHtEWl+OvFYKLvYoaPZ+pqSfekq7MRGusi5pLeZbJ9XpfVsAi4Syaq3kehPm3IwyXdamFz6UvlVQhkyCcgLnSLi9kVXotkDF8w1F9Kk/w0DVC29C0bkh8KTRekBAKDWkbUMcWoAGmzrUpjfJJAySmrbd5UdeltfRUHEmvLHXIO5H2R/fW8yTALZbG92Vp7G6/dIZGITxMBQ178k1z1VgX4Y6NieayZ4hMZtNzkwKjoUKgSZgXijZ3JKOf0dyaKSPl/eW3GilQi/QMjxJd8ygNzIqKViW6UFbAmaqUtZfNnCADIKiXPapaP40VMiAYx7NCojJm4B5q4N+jfHeE1t9GBjGYM4YzGdJvVwEWi3KvPiJd4BpE0SZXKjSH9BpGhWG3kEBYmsqFqAVr7BZ7Y06X0WKRwpsUUgZ6S+Oijou7D2rbA3h7QOGnODt7WI0aATUp8j65TQblCEgdUHUPUqOdT43UBI21cqUhpV9CW7dUsNYYP5s7B/iycsAWC1c6A4MDeYpAuUmtSwfzpPCqlK5u8VkKSPZIx8ymUsrBIHV8KWqTG0WAr1wdCtUClZ0Ooa1xBtjsJKyTSAH3oTNZQU8Izp3cIwIyWtQH5J/X558+YKZ9frf6y8Xt+eVm9aefL79s/nwqV91CjRZqtFCjhRot1GihRi+KGo2ck50m/i408ByX70ibDDBnlgwFTUX/99UvZWGG4e+PUVXfBn9TY5Yqi8g5WUeEm9joPY8q/2MoBjnUCzFhUQuLWljUwkG1oB/Yvnp1ublCzkrQ0J5ENzhX1tbnTpUC+8BH9qIJi44eVilok1ZkqDsN90Tn/WoNdcXErjCpmS50SDWRI5Asa1UQpXRPlGqh6mX40aqRAIB1343m7MtC73FkRSFsqWsPRyzQltFUyNIqTDQBFK2iZy1idz+XoynC83CKNZA+EZMh4ZUDWcQUxnrjOkzp4CYmfmtsTX47rEiw6gIs1dfwaHECligluNo+6xANCiHbE6IBZaCJV5fw13FIShU1wxMFbDDywb6kNxEdh0eEfUjYg/XVyXgAuVhUrgRsguBiOSLWS+lnYr0QdfAKVezf6WN9Yam1cL9E8Ka1V1tO432W1jtRY32wKIUInESUMgvWv3CsTyz1GjsbAlgK0NUtQtOdyjkr3QuhkpzVJYaSnEfoPQ7DO/gYQXyzQXOoKe3+CzZrYP7DNVppKikwCWCs1b7U1AhsG8LowZqoKmIL2IABsBF/ANRSf4rm+YIFUP0I92MJBYkQ/FAQUrAUUl1BCMvARtDp6IO0MNegHQRqh8eXFevz5g8pqB5fjYCfT6sRfyotYvB2AMYId3THJwxujhIRlaFtQFIiHjYTtgOHSsTIwBjqsCXUKhIb7gsYZUyau513mGMsEgw2FYkN6UWZvGxlMiYOsnTYgy4kdsnJgQCHWGk1IoGBsawDEBdMhm9V6VZZcBHFRRiQgwiWwL4g2pfn3Xk8M4zqlgjips14IDTBP0QJA21QGkFlEWmCCZuDNGhn+B4h3livlGChU54xe8Ce3H724CxIEfSDsrDs+Odp6UMKg8eHfYQXTcO+OxXsY7Ozlghuop+w2XlM8gCKOIM8eF0qJg8gCZLmxRD3PTgensIecuMUDbAPVx/DPnZuB7hfe8sinYUJ1kk0boH9Fw77CYcoEA9lFNvznmOfWtPfCwlMJ5939P0g5IBscZyuSfkASjoNjUHhVp3pL+BPIqEmpQMKTpNCYZ52QmGjc3AH9EpXO5xDsMdIZZiOYhRYrVAzHvZ/lygQ5+BziJSxRX0KQzlYVCjVSScJaBuJS6RTZRKSUHMnnZuVUxuTwDLuAGSiN+koUKQFd7tLxJgQMcEAkfaK/InGj7xGQnepNNBcUiRN4leCAec3lChNuOYoiqTGyg+uPfjoiH3BEecdu/Ygm0bfloKD6NA48sLB/LOS1Sz6jvL4IcF8LxFNQuq1rqlTRAQkHaVCwAq/F+JSGAmE2mnmaTW6ZsGpLCSyBAcTEwMNVka+MGzz4AJmAyVTfiiY82OsyUlQIHpNH6gm7DNyxY2qr1FjaBoncGspgT2JoTcQQX3je+otqVUExoTtIxqN4MEM3JEHDAk8fqcjgqTjbW35lXtzKK7vqTlgoxTDz/GNAb/PGLCnMgYsQrgQ6YzdFeywPBdPosFcJhII1e3I4B6RwLBBhLCw1hAQwT7AShq4EoMso3QqavEkvngrYGrXiEgcwgDJX0D3HuSEdmtk460jLYkT6vQDlG53j4bFWAxCrxsx4SF6Jiq3Tpch2ruyueTFF7UjtCu2QKFACNeB966CboIudqyKKIHtELz073kHKXBALbFfT85BMhGekgP2YPD4uB+OPkwBv/khWeA8718FFkdOASEMrFQxZoEE7hH8k3gBMpRiYkQ1TeHHJKs2dBSi20Na3H4vHfln8j9y+83jf+QxfDz/A28a8z/wE6Zkff5XT/A/N4v/dYeJWELgf4l0Jpv7+F+ylXaI/SVFeUgC/+tqT/lfl3p8/gcVyoyJ5M/jf7Sf1+N/ePlE2ziwg4gcYpEew//YkGAiOeR/fsj/sFFITWPLgFurB/yPfcUj/sflnw3/g653dAwEYSIcSOhdFRXsQgKDMcBf2ZgyBvTJ4knImoQ3IfwcmwXGM0UPGwPkCcZpHXYJixCE2zcGsJzCVmBzYicYA5EIslHTWgOY9Y0wrJNOmH1hp3AXa+BQ7Ddi+NgxGS5i5HdMDfm0z5DEfY8zQ9T3SFQb883EpykXbhig0+Tm7pQ4TchMzjqYzrQv98xBugdZJwDp0ecRIkirkzE27EhoaPnju+ngvpgD0Gx4EqbCzpHt6ZgOoFU45UvxsOmeHR1K50BA+Pn6m3aKDjlApIf1kkg0xz1vs6D0d4XS4CoOCEWswyffSMAdu+acTOK1MapkIiflwmP8mYFYbvD1PZZ+8CHmTLidagemdijaAj5Mb44vR4gBPuAAYga0BdSDmYX9JM3THSY9ExYK8yOnNZwaFY78NLY71n37fMECyFHYMBIYQRCB1kQZjYiikbHE/T1g7kdcPYEWGX3TIWqR+sf0+807JmQQqsF+P/7CyYTfTyF6FZALZ0dq6YdYPzBaMq6Gjj+LNZPIMuGrg4sOWXTId+D3G8R9BL9fV/t8v18/7qPx+w3iPvb6/R4f9xEdf9OBH1OOv8QXeRTH3/zAj32Ovzbw45GOvzbwY7bjrwv8CI6/5lBA5/kLkR7P2PNnHTFKE36Ubw+KPVtT4MSev73HhuVJT5Khx6c5SYbVPicYFNviACA+BIDzm+NTw6z38YWmhFJGW4BZY3toGGfSSJLGC00E2cUWWGyBw+fIcLZ35jkyUjJJ0YlzZKQ5U/lTj/XOkaXKPjaFY05G58hYz1CMHahuPARGZ8DCOTIOZEnPkYVDCuk5shB5kpwjC6eZSUQ4RcaqsTtFdtKPArqgOyQ7ihBo0x7wfa4qpAeoJ1AhKLjnNPKPuXkE82lOJAmMIrKwQUCx8ThWIThwbONRsfbrrRR3NTpHUMHyIlG66knC53V+iG8A7dMpj5SyKJa520nB/N+zndTPnLOdFA4MVEGXhJR2T6mX1ySdlAbs+VzEs4XwBNBiW48J4RyMjFeZ6RJeXPTzPWoyHWC3eL3ebjc7WjRv7/8PUEsBAhQAFAAAAAgAsJHWWhxmgRGAAAAAtQAAAA0AAAAAAAAAAAAAAAAAAAAAAG1hbmlmZXN0Lmpzb25QSwECFAAUAAAACACwkdZaUYqSL50NAAAMagAANAAAAAAAAAAAAAAAAACrAAAAYW5pbWF0aW9ucy8zNDYxY2I0NS1jM2MyLTQ2NGYtODRlMy0yODFhMmViMWIwM2YuanNvblBLBQYAAAAAAgACAJ0AAACaDgAAAAA=";
+
 const SuccessModal = _ref => {
   let {
     context,
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    size: "sm"
+  return /*#__PURE__*/React.createElement(Stack, {
+    gap: "md",
+    align: "center",
+    p: 0,
+    pb: "md"
+  }, /*#__PURE__*/React.createElement(Center, {
+    w: 170,
+    h: 170,
+    p: 25
+  }, /*#__PURE__*/React.createElement(DotLottieReact, {
+    speed: 0.8,
+    src: SuccessAnimation,
+    loop: false,
+    autoplay: true
+  })), /*#__PURE__*/React.createElement(Text, {
+    ta: "center"
   }, innerProps.modalBody), /*#__PURE__*/React.createElement(Button, {
     fullWidth: true,
     mt: "md",
-    onClick: () => context.closeModal(id)
-  }, "Close modal"));
+    onClick: () => {
+      innerProps.button.onClick();
+      context.closeAll();
+    }
+  }, innerProps.button.label));
 };
 
 const TwoFactorVerificationModal = _ref => {
@@ -13125,11 +13148,12 @@ const ConfirmModal = _ref => {
     p: 0,
     pb: "md"
   }, /*#__PURE__*/React.createElement(Center, {
-    w: 170,
-    h: 170
+    w: 150,
+    h: 150,
+    p: 25
   }, /*#__PURE__*/React.createElement(DotLottieReact, {
+    speed: 0.8,
     src: ConfirmAnimation,
-    loop: true,
     autoplay: true
   })), /*#__PURE__*/React.createElement(Text, {
     ta: "center",
@@ -13190,20 +13214,37 @@ const useModal = () => {
       modalBody: "This is an info modal"
     }
   });
-  const SimpleModal = () => modals.openContextModal({
-    modal: "SimpleModal",
-    title: "Simple",
-    innerProps: {
-      modalBody: "This is a simple modal"
-    }
-  });
-  const SuccessModal = () => modals.openContextModal({
-    modal: "SuccessModal",
-    title: "Success",
-    innerProps: {
-      modalBody: "This is a success modal"
-    }
-  });
+  const SimpleModal = _ref2 => {
+    let {
+      title,
+      message
+    } = _ref2;
+    return modals.openContextModal({
+      modal: "SimpleModal",
+      title: title,
+      innerProps: {
+        modalBody: message
+      }
+    });
+  };
+  const SuccessModal = _ref3 => {
+    let {
+      title,
+      message = "This operation was successful!",
+      button = {
+        label: "OK Thanks",
+        onClick: e => {}
+      }
+    } = _ref3;
+    return modals.openContextModal({
+      modal: "SuccessModal",
+      title: title,
+      innerProps: {
+        modalBody: message,
+        button: button
+      }
+    });
+  };
   const TwoFactorVerificationModal = () => modals.openContextModal({
     modal: "TwoFactorVerificationModal",
     title: "Two Factor Verification",

package/build/typings/components/modals/success/Success.d.ts

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

package/build/typings/components/panels/connection/Connection.types.d.ts

@@ -1,5 +1,6 @@
 import { CardProps, MantineColor } from "@mantine/core";
 export interface ConnectionPanelProps extends CardProps {
+    id: string;
     name: string;
     status: string;
     statusColor: "lime" | "red" | "gold" | "lightgray";
@@ -11,7 +12,7 @@ export interface ConnectionPanelProps extends CardProps {
 }
 interface ConnectionMenuItem {
     label: string;
-    onClick: () => void;
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export interface ConnectionDetailProps {
     label: string;

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

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

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

@@ -1,9 +1,10 @@
 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;
     InfoModal: () => string;
-    SimpleModal: () => string;
-    SuccessModal: () => string;
+    SimpleModal: ({ title, message }: SimpleModalProps) => string;
+    SuccessModal: ({ title, message, button }: SuccessModalProps) => string;
     TwoFactorVerificationModal: () => string;
 };

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

@@ -0,0 +1,12 @@
+export type SuccessModalProps = {
+    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.39",
+  "version": "0.0.41",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",