@dappworks/kit 0.4.176 → 0.4.177

package/dist/plugins.d.mts

@@ -1,5 +1,5 @@
 import { S as Store } from './root-C3lZnoCI.js';
-import React from 'react';
+import React__default from 'react';
 import { SlotsToClasses, ModalSlots, ButtonProps, SpinnerProps } from '@nextui-org/react';
 import { T as ThemeType } from './index-CUKoRIdy.js';
 import * as react_hot_toast from 'react-hot-toast';
@@ -9,7 +9,7 @@ import 'events';
 
 declare class ConfirmStore implements Store {
     sid: string;
-    provider: () => React.JSX.Element;
+    provider: () => React__default.JSX.Element;
     isOpen: boolean;
     title?: string;
     description?: string;
@@ -29,7 +29,7 @@ declare class ConfirmStore implements Store {
 
 declare class ToastPlugin implements Store {
     sid: string;
-    provider: () => React.JSX.Element;
+    provider: () => React__default.JSX.Element;
     success: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: react_hot_toast.ToastOptions) => string;
     error: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: react_hot_toast.ToastOptions) => string;
     loading: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: react_hot_toast.ToastOptions) => string;
@@ -45,7 +45,7 @@ declare class ToastPlugin implements Store {
 
 declare class DialogStore implements Store {
     sid: string;
-    provider: () => React.JSX.Element;
+    provider: () => React__default.JSX.Element;
     isOpen: boolean;
     placement: "center" | "auto" | "top" | "bottom" | "top-center" | "bottom-center";
     title: string;
@@ -53,7 +53,7 @@ declare class DialogStore implements Store {
     className: string;
     classNames?: SlotsToClasses<ModalSlots>;
     theme: ThemeType;
-    content: React.ReactNode | ((props: any) => React.ReactNode);
+    content: React__default.ReactNode | ((props: any) => React__default.ReactNode);
     isDismissable: boolean;
     constructor(args?: Partial<DialogStore>);
     setData(v: Partial<DialogStore>): void;
@@ -64,15 +64,15 @@ declare class DialogStore implements Store {
 
 type GroupOptions = {
     args?: any[];
-    title: React.ReactNode;
+    title: React__default.ReactNode;
 }[];
 type DialogContentUIProps = {
     className?: string;
     itemClassName?: string;
     numberClassName?: string;
     spinnerProps?: SpinnerProps;
-    SuccessIcon?: React.ReactNode;
-    FailureIcon?: React.ReactNode;
+    SuccessIcon?: React__default.ReactNode;
+    FailureIcon?: React__default.ReactNode;
 };
 type StepUIProps = {
     className?: string;
@@ -81,8 +81,8 @@ type StepUIProps = {
     numberClassName?: string;
     activatedNumberClassName?: string;
     spinnerProps?: SpinnerProps;
-    SuccessIcon?: React.ReactNode;
-    FailureIcon?: React.ReactNode;
+    SuccessIcon?: React__default.ReactNode;
+    FailureIcon?: React__default.ReactNode;
 };
 
 declare class PromiseStateGroup {
@@ -108,7 +108,7 @@ declare class PromiseStateGroup {
     }>;
     onNext(): void;
     onPrevious(): void;
-    render(props?: StepUIProps): React.JSX.Element;
+    render(props?: StepUIProps): React__default.JSX.Element;
 }
 
 export { ConfirmStore, DialogStore, PromiseStateGroup, ToastPlugin };

package/dist/plugins.mjs

@@ -1,20 +1,22 @@
+import { DialogStore } from './chunk-L6XS2K2K.mjs';
+export { DialogStore } from './chunk-L6XS2K2K.mjs';
 export { ToastPlugin } from './chunk-IMOLRP7I.mjs';
 import { getStyle } from './chunk-K73JTEJQ.mjs';
-import { useStore, rootStore } from './chunk-XSGTWROT.mjs';
+import { useStore } from './chunk-XSGTWROT.mjs';
 import './chunk-K7LFG5BA.mjs';
-import { cn } from './chunk-AIZ7XDNV.mjs';
-import { __spreadProps, __spreadValues } from './chunk-R4SQKVDQ.mjs';
+import { cn } from './chunk-TQNAAA4I.mjs';
+import { __spreadProps, __spreadValues } from './chunk-2EXDWOHY.mjs';
 import { makeAutoObservable, makeObservable } from 'mobx';
-import React5 from 'react';
+import React3 from 'react';
 import { observer } from 'mobx-react-lite';
 import { Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Button, Spinner } from '@nextui-org/react';
 import { Check, X } from 'lucide-react';
 
 var ConfirmModal = observer(() => {
-  const rootStore2 = useStore();
-  const confirmStore = rootStore2.get(ConfirmStore);
+  const rootStore = useStore();
+  const confirmStore = rootStore.get(ConfirmStore);
   const { isOpen, title, description, size, className, classNames, cancelBtnProps, okBtnProps } = confirmStore;
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React3.createElement(
     Modal,
     {
       isOpen,
@@ -27,7 +29,7 @@ var ConfirmModal = observer(() => {
         }
       }
     },
-    /* @__PURE__ */ React5.createElement(ModalContent, { className: "max-h-screen overflow-auto" }, () => /* @__PURE__ */ React5.createElement(React5.Fragment, null, title && /* @__PURE__ */ React5.createElement(ModalHeader, { className: "flex flex-col gap-1" }, title), /* @__PURE__ */ React5.createElement(ModalBody, null, /* @__PURE__ */ React5.createElement("div", null, description)), /* @__PURE__ */ React5.createElement(ModalFooter, null, /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React3.createElement(ModalContent, { className: "max-h-screen overflow-auto" }, () => /* @__PURE__ */ React3.createElement(React3.Fragment, null, title && /* @__PURE__ */ React3.createElement(ModalHeader, { className: "flex flex-col gap-1" }, title), /* @__PURE__ */ React3.createElement(ModalBody, null, /* @__PURE__ */ React3.createElement("div", null, description)), /* @__PURE__ */ React3.createElement(ModalFooter, null, /* @__PURE__ */ React3.createElement(
       Button,
       __spreadProps(__spreadValues({
         color: "primary",
@@ -40,7 +42,7 @@ var ConfirmModal = observer(() => {
           confirmStore.onCancel();
         }
       })
-    ), /* @__PURE__ */ React5.createElement(
+    ), /* @__PURE__ */ React3.createElement(
       Button,
       __spreadProps(__spreadValues({
         color: "primary",
@@ -59,7 +61,7 @@ var Provider_default = ConfirmModal;
 var ConfirmStore = class {
   constructor() {
     this.sid = "ConfirmStore";
-    this.provider = () => /* @__PURE__ */ React5.createElement(Provider_default, null);
+    this.provider = () => /* @__PURE__ */ React3.createElement(Provider_default, null);
     this.isOpen = false;
     this.title = "";
     this.description = "";
@@ -92,70 +94,6 @@ var ConfirmStore = class {
     this.okBtnProps = {};
   }
 };
-var Dialog = observer(() => {
-  const rootStore2 = useStore();
-  const modal = rootStore2.get(DialogStore);
-  const { className, classNames, isOpen, placement, title, size, content, isDismissable } = modal;
-  const Content = typeof content === "function" ? content : () => content;
-  return /* @__PURE__ */ React5.createElement(
-    Modal,
-    {
-      isOpen,
-      size,
-      placement,
-      onOpenChange: (open) => {
-        if (!open) {
-          modal.close();
-        }
-      },
-      className,
-      classNames,
-      isDismissable
-    },
-    /* @__PURE__ */ React5.createElement(ModalContent, { className: "max-h-screen overflow-auto" }, () => /* @__PURE__ */ React5.createElement(React5.Fragment, null, title && /* @__PURE__ */ React5.createElement(ModalHeader, { className: "flex flex-col gap-1" }, title), /* @__PURE__ */ React5.createElement(ModalBody, null, /* @__PURE__ */ React5.createElement(Content, null))))
-  );
-});
-var Provider_default2 = Dialog;
-
-// module/Dialog/index.tsx
-var DialogStore = class _DialogStore {
-  constructor(args) {
-    this.sid = "DialogStore";
-    this.provider = () => /* @__PURE__ */ React5.createElement(Provider_default2, null);
-    this.isOpen = false;
-    this.title = "";
-    this.size = "md";
-    this.className = "";
-    this.theme = "default";
-    this.content = "";
-    this.isDismissable = true;
-    const modalStyle = getStyle((args == null ? void 0 : args.theme) || "default", "Modal");
-    const classNames = __spreadValues(__spreadValues({}, modalStyle.classNames), args == null ? void 0 : args.classNames);
-    Object.assign(this, args, { classNames });
-    makeAutoObservable(this);
-  }
-  setData(v) {
-    Object.assign(this, v);
-  }
-  close() {
-    this.isOpen = false;
-    this.title = "";
-    this.content = "";
-    this.size = "md";
-    this.isDismissable = true;
-  }
-  static show(v) {
-    const modalStyle = getStyle((v == null ? void 0 : v.theme) || "default", "Modal");
-    const classNames = __spreadValues(__spreadValues({}, modalStyle.classNames), v == null ? void 0 : v.classNames);
-    rootStore.get(_DialogStore).setData(__spreadProps(__spreadValues({}, v), {
-      classNames,
-      isOpen: true
-    }));
-  }
-  static close() {
-    rootStore.get(_DialogStore).close();
-  }
-};
 var DialogContentUI = observer(({
   group,
   groupOptions,
@@ -168,10 +106,10 @@ var DialogContentUI = observer(({
   SuccessIcon,
   FailureIcon
 }) => {
-  return /* @__PURE__ */ React5.createElement("div", { className: cn("space-y-4", className) }, group.map((promiseState, index) => {
+  return /* @__PURE__ */ React3.createElement("div", { className: cn("space-y-4", className) }, group.map((promiseState, index) => {
     const uiOptions = groupOptions[index];
     const no = index + 1;
-    return /* @__PURE__ */ React5.createElement("div", { key: index, className: cn("w-full flex items-center justify-between", itemClassName) }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React5.createElement("div", { className: cn("w-6 h-6 flex items-center justify-center text-sm rounded-full border-2 border-[#000000] dark:border-[#cacbcb] mr-2", numberClassName) }, no), uiOptions == null ? void 0 : uiOptions.title), promiseState.loading.value ? /* @__PURE__ */ React5.createElement(Spinner, __spreadValues({}, spinnerProps)) : /* @__PURE__ */ React5.createElement(React5.Fragment, null, promiseState.value && (SuccessIcon || /* @__PURE__ */ React5.createElement(Check, { size: 20, color: "#605BFF" })), promiseState.errMsg && (FailureIcon || /* @__PURE__ */ React5.createElement(X, { size: 20, color: "red" }))));
+    return /* @__PURE__ */ React3.createElement("div", { key: index, className: cn("w-full flex items-center justify-between", itemClassName) }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React3.createElement("div", { className: cn("w-6 h-6 flex items-center justify-center text-sm rounded-full border-2 border-[#000000] dark:border-[#cacbcb] mr-2", numberClassName) }, no), uiOptions == null ? void 0 : uiOptions.title), promiseState.loading.value ? /* @__PURE__ */ React3.createElement(Spinner, __spreadValues({}, spinnerProps)) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, promiseState.value && (SuccessIcon || /* @__PURE__ */ React3.createElement(Check, { size: 20, color: "#605BFF" })), promiseState.errMsg && (FailureIcon || /* @__PURE__ */ React3.createElement(X, { size: 20, color: "red" }))));
   }));
 });
 var StepUI = observer(({
@@ -189,10 +127,10 @@ var StepUI = observer(({
   SuccessIcon,
   FailureIcon
 }) => {
-  return /* @__PURE__ */ React5.createElement("div", { className: cn("space-y-4", className) }, group.map((promiseState, index) => {
+  return /* @__PURE__ */ React3.createElement("div", { className: cn("space-y-4", className) }, group.map((promiseState, index) => {
     const uiOptions = groupOptions[index];
     const no = index + 1;
-    return /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React3.createElement(
       "div",
       {
         key: index,
@@ -202,7 +140,7 @@ var StepUI = observer(({
           itemClassName
         )
       },
-      /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React5.createElement(
+      /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React3.createElement(
         "div",
         {
           className: cn(
@@ -213,7 +151,7 @@ var StepUI = observer(({
         },
         no
       ), uiOptions == null ? void 0 : uiOptions.title),
-      promiseState.loading.value ? /* @__PURE__ */ React5.createElement(Spinner, __spreadValues({}, spinnerProps)) : /* @__PURE__ */ React5.createElement(React5.Fragment, null, promiseState.value && no <= currentCallStepNo && (SuccessIcon || /* @__PURE__ */ React5.createElement(Check, { size: 20, color: "#605BFF" })), promiseState.errMsg && no <= currentCallStepNo && (FailureIcon || /* @__PURE__ */ React5.createElement(X, { size: 20, color: "red" })))
+      promiseState.loading.value ? /* @__PURE__ */ React3.createElement(Spinner, __spreadValues({}, spinnerProps)) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, promiseState.value && no <= currentCallStepNo && (SuccessIcon || /* @__PURE__ */ React3.createElement(Check, { size: 20, color: "#605BFF" })), promiseState.errMsg && no <= currentCallStepNo && (FailureIcon || /* @__PURE__ */ React3.createElement(X, { size: 20, color: "red" })))
     );
   }));
 });
@@ -269,7 +207,7 @@ var PromiseStateGroup = class {
       title: "",
       size: "md",
       isDismissable: false,
-      content: /* @__PURE__ */ React5.createElement(
+      content: /* @__PURE__ */ React3.createElement(
         DialogContentUI,
         __spreadValues({
           group: this.group,
@@ -338,7 +276,7 @@ var PromiseStateGroup = class {
     }
   }
   render(props) {
-    return /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React3.createElement(
       StepUI,
       __spreadValues({
         group: this.group,
@@ -349,6 +287,6 @@ var PromiseStateGroup = class {
   }
 };
 
-export { ConfirmStore, DialogStore, PromiseStateGroup };
+export { ConfirmStore, PromiseStateGroup };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=plugins.mjs.map

package/dist/plugins.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../module/Confirm/index.tsx","../module/Confirm/Provider.tsx","../module/Dialog/index.tsx","../module/Dialog/Provider.tsx","../module/PromiseStateGroup/index.tsx","../module/PromiseStateGroup/ui.tsx"],"names":["rootStore","React","makeAutoObservable","Modal","ModalBody","ModalContent","ModalHeader","observer","Provider_default"],"mappings":"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","sourcesContent":["import { Store } from \"../../store/standard/base\";\nimport { makeAutoObservable } from \"mobx\";\nimport Provider from \"./Provider\";\nimport React from \"react\";\nimport { ButtonProps, ModalSlots, SlotsToClasses } from \"@nextui-org/react\";\nimport { getStyle, ThemeType } from \"../../themes\";\n\nexport class ConfirmStore implements Store {\n  sid = 'ConfirmStore';\n  provider = () => <Provider />;\n\n  isOpen: boolean = false;\n  title?: string = '';\n  description?: string = '';\n  size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'xs' | '3xl' | '4xl' | '5xl' = 'md';\n  className: string = '';\n  classNames?: SlotsToClasses<ModalSlots>;\n  theme: ThemeType = \"default\";\n  cancelBtnProps?: ButtonProps = {}\n  okBtnProps?: ButtonProps = {}\n\n  constructor() {\n    makeAutoObservable(this);\n  }\n\n  toggleOpen(val: boolean) {\n    this.isOpen = val;\n  }\n\n  onOk() { }\n\n  onCancel() { }\n\n  show(confirmProps: Partial<ConfirmStore>) {\n    const modalStyle = getStyle(confirmProps?.theme || 'default', 'Modal');\n    const classNames = {\n      ...modalStyle.classNames,\n      ...confirmProps?.classNames\n    }\n    Object.assign(this, confirmProps, { classNames });\n\n    this.toggleOpen(true);\n  }\n\n  close() {\n    this.isOpen = false;\n    this.title = '';\n    this.description = '';\n    this.size = 'md';\n    this.cancelBtnProps = {}\n    this.okBtnProps = {}\n  }\n}\n","import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from '@nextui-org/react';\nimport { useStore } from \"../../store\";\nimport { ConfirmStore } from \".\";\n\nconst ConfirmModal = observer(() => {\n  const rootStore = useStore();\n  const confirmStore = rootStore.get(ConfirmStore);\n  const { isOpen, title, description, size, className, classNames, cancelBtnProps, okBtnProps } = confirmStore;\n  return (\n    <Modal\n      isOpen={isOpen}\n      size={size}\n      className={className}\n      classNames={classNames}\n      onOpenChange={(open: boolean) => {\n        if (!open) {\n          confirmStore.close();\n        }\n      }}\n    >\n      <ModalContent className=\"max-h-screen overflow-auto\">\n        {() => (\n          <>\n            {title && <ModalHeader className=\"flex flex-col gap-1\">{title}</ModalHeader>}\n            <ModalBody>\n              <div>{description}</div>\n            </ModalBody>\n            <ModalFooter>\n              <Button\n                color=\"primary\"\n                variant=\"flat\"\n                size=\"sm\"\n                children=\"Cancel\"\n                {...cancelBtnProps}\n                onClick={() => {\n                  confirmStore.close();\n                  confirmStore.onCancel();\n                }}\n              />\n              <Button\n                color=\"primary\"\n                size=\"sm\"\n                children=\"Apply\"\n                {...okBtnProps}\n                onPress={() => {\n                  confirmStore.close();\n                  confirmStore.onOk();\n                }}\n              />\n            </ModalFooter>\n          </>\n        )}\n      </ModalContent>\n    </Modal>\n  );\n});\n\nexport default ConfirmModal;","import React from \"react\";\nimport { makeAutoObservable } from \"mobx\";\nimport { rootStore } from \"../../store\";\nimport { Store } from \"../../store/standard/base\";\nimport Provider from \"./Provider\";\nimport { ModalSlots, SlotsToClasses } from \"@nextui-org/react\";\nimport { getStyle, ThemeType } from \"../../themes\";\n\nexport class DialogStore implements Store {\n  sid = \"DialogStore\";\n  provider = () => <Provider />;\n\n  isOpen = false;\n  placement: \"center\" | \"auto\" | \"top\" | \"bottom\" | \"top-center\" | \"bottom-center\";\n  title = \"\";\n  size: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\" | \"xs\" | \"3xl\" | \"4xl\" | \"5xl\" = \"md\";\n  className: string = \"\";\n  classNames?: SlotsToClasses<ModalSlots>;\n  theme: ThemeType = \"default\";\n  content: React.ReactNode | ((props: any) => React.ReactNode) = \"\";\n  isDismissable = true;\n\n  constructor(args?: Partial<DialogStore>) {\n    const modalStyle = getStyle(args?.theme || 'default', 'Modal');\n    const classNames = {\n      ...modalStyle.classNames,\n      ...args?.classNames\n    }\n    Object.assign(this, args, { classNames });\n    makeAutoObservable(this);\n  }\n\n\n  setData(v: Partial<DialogStore>) {\n    Object.assign(this, v);\n  }\n\n  close() {\n    this.isOpen = false;\n    this.title = \"\";\n    this.content = \"\";\n    this.size = \"md\";\n    this.isDismissable = true;\n  }\n\n  static show(v: Partial<DialogStore>) {\n    const modalStyle = getStyle(v?.theme || 'default', 'Modal');\n    const classNames = {\n      ...modalStyle.classNames,\n      ...v?.classNames\n    }\n    rootStore.get(DialogStore).setData({\n      ...v,\n      classNames,\n      isOpen: true,\n\n    });\n  }\n\n  static close() {\n    rootStore.get(DialogStore).close();\n  }\n}\n","import React from \"react\";\nimport { Modal, ModalBody, ModalContent, ModalHeader } from \"@nextui-org/react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DialogStore } from \".\";\nimport { useStore } from \"../../store/index\";\n\nconst Dialog = observer(() => {\n  const rootStore = useStore();\n  const modal = rootStore.get(DialogStore);\n  const { className, classNames, isOpen, placement, title, size, content, isDismissable } = modal;\n  const Content = typeof content === 'function' ? content : () => content;\n  return (\n    <Modal\n      isOpen={isOpen}\n      size={size}\n      placement={placement}\n      onOpenChange={(open: boolean) => {\n        if (!open) {\n          modal.close();\n        }\n      }}\n      className={className}\n      classNames={classNames}\n      isDismissable={isDismissable}\n    >\n      <ModalContent className=\"max-h-screen overflow-auto\">\n        {() => (\n          <>\n            {title && <ModalHeader className=\"flex flex-col gap-1\">{title}</ModalHeader>}\n            <ModalBody>\n              <Content />\n            </ModalBody>\n          </>\n        )}\n      </ModalContent>\n    </Modal >\n  );\n});\n\nexport default Dialog;","import React from 'react';\nimport { PromiseState } from '../../store/standard/PromiseState';\nimport { DialogStore } from '../Dialog';\nimport { DialogContentUI, DialogContentUIProps, GroupOptions, StepUI, StepUIProps } from './ui';\nimport { makeObservable } from 'mobx';\n\nexport class PromiseStateGroup {\n  group: PromiseState<any, any>[] = [];\n  groupOptions: GroupOptions = [];\n  currentCallStepNo = 1;\n\n  constructor({ group, groupOptions = [] }: { group: PromiseState<any, any>[]; groupOptions: GroupOptions }) {\n    group.forEach((p) => {\n      Object.assign(p, {\n        autoAlert: false,\n        value: p.defaultValue,\n        errMsg: '',\n      });\n    });\n    Object.assign(this, {\n      group,\n      groupOptions\n    });\n    makeObservable(this, {\n      currentCallStepNo: true,\n    });\n  }\n\n  async call() {\n    let result: any[] = [];\n    let errMsg: string = '';\n    for (let i = 0; i < this.group.length; i++) {\n      this.currentCallStepNo = i + 1;\n      const promiseState = this.group[i];\n      if (promiseState) {\n        try {\n          const options = this.groupOptions[i];\n          const args = options?.args || [];\n          const data = await promiseState.call(...args);\n          result.push(data);\n        } catch (e) {\n          errMsg = e.message;\n          if (errMsg?.includes('User rejected the request') || String(e).toLowerCase().includes('user rejected')) {\n            errMsg = 'User rejected the request';\n          }\n          promiseState.errMsg = errMsg;\n          break;\n        }\n      }\n    }\n    return {\n      result,\n      errMsg,\n    };\n  }\n\n  showDialog(\n    dialogOptions?: Partial<DialogStore>,\n    dialogContentOptions?: DialogContentUIProps) {\n    DialogStore.show({\n      title: '',\n      size: 'md',\n      isDismissable: false,\n      content:\n        <DialogContentUI\n          group={this.group}\n          groupOptions={this.groupOptions}\n          {...dialogContentOptions}\n        />,\n      ...dialogOptions,\n    });\n    return this;\n  }\n\n  closeDialog() {\n    DialogStore.close();\n  }\n\n  async stepCall(stepNo: number) {\n    const index = stepNo - 1;\n    if (index < 0 || index >= this.group.length) {\n      return {\n        result: null,\n        errMsg: 'Invalid step number',\n      };\n    }\n\n    const prePromiseState = this.group[index - 1];\n    if (prePromiseState && prePromiseState.errMsg) {\n      return {\n        result: null,\n        errMsg: prePromiseState.errMsg,\n      };\n    }\n\n    this.currentCallStepNo = stepNo;\n\n    const promiseState = this.group[index];\n    if (promiseState && !promiseState.loading.value) {\n      const options = this.groupOptions[index];\n      const args = options?.args || [];\n      try {\n        const result = await promiseState.call(...args);\n        return {\n          result,\n          errMsg: '',\n        };\n      } catch (e) {\n        let errMsg = e.message;\n        if (errMsg?.includes('User rejected the request') || String(e).toLowerCase().includes('user rejected')) {\n          errMsg = 'User rejected the request';\n        }\n        promiseState.errMsg = errMsg;\n        return {\n          result: null,\n          errMsg,\n        };\n      }\n    }\n  }\n\n  onNext() {\n    if (this.currentCallStepNo < this.group.length) {\n      this.currentCallStepNo += 1;\n    }\n  }\n\n  onPrevious() {\n    if (this.currentCallStepNo > 1) {\n\n      // reset value and errMsg of the current promiseState\n      const index = this.currentCallStepNo - 1;\n      const promiseState = this.group[index];\n      if (promiseState) {\n        promiseState.value = '';\n        promiseState.errMsg = '';\n      }\n\n      // go to the previous step\n      this.currentCallStepNo -= 1;\n    }\n  }\n\n  render(props?: StepUIProps) {\n    return (\n      <StepUI\n        group={this.group}\n        groupOptions={this.groupOptions}\n        currentCallStepNo={this.currentCallStepNo}\n        {...props}\n      />\n    )\n  }\n}\n","import React from 'react';\nimport { PromiseState } from '../../store/standard/PromiseState';\nimport { Spinner, SpinnerProps } from '@nextui-org/react';\nimport { Check, X } from 'lucide-react';\nimport { observer } from 'mobx-react-lite';\nimport { cn } from '../../lib/utils';\n\nexport type GroupOptions = {\n  args?: any[];\n  title: React.ReactNode;\n}[];\n\n\nexport type DialogContentUIProps = {\n  className?: string;\n  itemClassName?: string;\n  numberClassName?: string;\n  spinnerProps?: SpinnerProps;\n  SuccessIcon?: React.ReactNode;\n  FailureIcon?: React.ReactNode;\n};\n\nexport const DialogContentUI = observer(({\n  group,\n  groupOptions,\n  className,\n  itemClassName,\n  numberClassName,\n  spinnerProps = {\n    size: 'sm'\n  },\n  SuccessIcon,\n  FailureIcon\n}: {\n  group: PromiseState<any, any>[];\n  groupOptions: GroupOptions;\n} & DialogContentUIProps) => {\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      {group.map((promiseState, index) => {\n        const uiOptions = groupOptions[index];\n        const no = index + 1;\n        return (\n          <div key={index} className={cn(\"w-full flex items-center justify-between\", itemClassName)}>\n            <div className='flex items-center justify-between'>\n              <div className={cn('w-6 h-6 flex items-center justify-center text-sm rounded-full border-2 border-[#000000] dark:border-[#cacbcb] mr-2', numberClassName)}>{no}</div>\n              {uiOptions?.title}\n            </div>\n            {promiseState.loading.value ? (\n              <Spinner {...spinnerProps} />\n            ) : (\n              <>\n                {promiseState.value && (SuccessIcon || <Check size={20} color=\"#605BFF\" />)}\n                {promiseState.errMsg && (FailureIcon || <X size={20} color=\"red\" />)}\n              </>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n\n\nexport type StepUIProps = {\n  className?: string;\n  itemClassName?: string;\n  activatedItemClassName?: string;\n  numberClassName?: string;\n  activatedNumberClassName?: string;\n  spinnerProps?: SpinnerProps;\n  SuccessIcon?: React.ReactNode;\n  FailureIcon?: React.ReactNode;\n};\n\nexport const StepUI = observer(({\n  group,\n  groupOptions,\n  currentCallStepNo,\n  className,\n  itemClassName,\n  activatedItemClassName = '',\n  numberClassName,\n  activatedNumberClassName = '',\n  spinnerProps = {\n    size: 'sm'\n  },\n  SuccessIcon,\n  FailureIcon\n}: {\n  group: PromiseState<any, any>[];\n  groupOptions: GroupOptions;\n  currentCallStepNo?: number;\n} & StepUIProps) => {\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      {group.map((promiseState, index) => {\n        const uiOptions = groupOptions[index];\n        const no = index + 1;\n        return (\n          <div\n            key={index}\n            className={cn(\"w-full flex items-center justify-between text-[#909091] dark:text-[#6b6c6c]\",\n              no <= currentCallStepNo ? `text-[#000] dark:text-[#fff] ${activatedItemClassName}` : '',\n              itemClassName\n            )}\n          >\n            <div className='flex items-center justify-between'>\n              <div\n                className={cn('w-6 h-6 flex items-center justify-center text-sm rounded-full border-2 border-[#909091] dark:border-[#6b6c6c] mr-2',\n                  no <= currentCallStepNo ? `border-[#000] dark:border-[#fff] ${activatedNumberClassName}` : '',\n                  numberClassName\n                )}\n              >\n                {no}\n              </div>\n              {uiOptions?.title}\n            </div>\n            {promiseState.loading.value ? (\n              <Spinner {...spinnerProps} />\n            ) : (\n              <>\n                {promiseState.value && no <= currentCallStepNo && (SuccessIcon || <Check size={20} color=\"#605BFF\" />)}\n                {promiseState.errMsg && no <= currentCallStepNo && (FailureIcon || <X size={20} color=\"red\" />)}\n              </>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n"]}
+{"version":3,"sources":["../module/Confirm/index.tsx","../module/Confirm/Provider.tsx","../module/PromiseStateGroup/index.tsx","../module/PromiseStateGroup/ui.tsx"],"names":["React","observer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,0BAA0B;;;ACDnC,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,OAAO,WAAW,cAAc,aAAa,mBAAmB;AAIjF,IAAM,eAAe,SAAS,MAAM;AAClC,QAAM,YAAY,SAAS;AAC3B,QAAM,eAAe,UAAU,IAAI,YAAY;AAC/C,QAAM,EAAE,QAAQ,OAAO,aAAa,MAAM,WAAW,YAAY,gBAAgB,WAAW,IAAI;AAChG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,CAAC,SAAkB;AAC/B,YAAI,CAAC,MAAM;AACT,uBAAa,MAAM;AAAA,QACrB;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,gBAAa,WAAU,gCACrB,MACC,0DACG,SAAS,oCAAC,eAAY,WAAU,yBAAuB,KAAM,GAC9D,oCAAC,iBACC,oCAAC,aAAK,WAAY,CACpB,GACA,oCAAC,mBACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,UAAS;AAAA,SACL,iBALL;AAAA,QAMC,SAAS,MAAM;AACb,uBAAa,MAAM;AACnB,uBAAa,SAAS;AAAA,QACxB;AAAA;AAAA,IACF,GACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,UAAS;AAAA,SACL,aAJL;AAAA,QAKC,SAAS,MAAM;AACb,uBAAa,MAAM;AACnB,uBAAa,KAAK;AAAA,QACpB;AAAA;AAAA,IACF,CACF,CACF,CAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,mBAAQ;;;ADxDf,OAAOA,YAAW;AAIX,IAAM,eAAN,MAAoC;AAAA,EAczC,cAAc;AAbd,eAAM;AACN,oBAAW,MAAM,gBAAAA,OAAA,cAAC,sBAAS;AAE3B,kBAAkB;AAClB,iBAAiB;AACjB,uBAAuB;AACvB,gBAAkF;AAClF,qBAAoB;AAEpB,iBAAmB;AACnB,0BAA+B,CAAC;AAChC,sBAA2B,CAAC;AAG1B,uBAAmB,IAAI;AAAA,EACzB;AAAA,EAEA,WAAW,KAAc;AACvB,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,OAAO;AAAA,EAAE;AAAA,EAET,WAAW;AAAA,EAAE;AAAA,EAEb,KAAK,cAAqC;AACxC,UAAM,aAAa,UAAS,6CAAc,UAAS,WAAW,OAAO;AACrE,UAAM,aAAa,kCACd,WAAW,aACX,6CAAc;AAEnB,WAAO,OAAO,MAAM,cAAc,EAAE,WAAW,CAAC;AAEhD,SAAK,WAAW,IAAI;AAAA,EACtB;AAAA,EAEA,QAAQ;AACN,SAAK,SAAS;AACd,SAAK,QAAQ;AACb,SAAK,cAAc;AACnB,SAAK,OAAO;AACZ,SAAK,iBAAiB,CAAC;AACvB,SAAK,aAAa,CAAC;AAAA,EACrB;AACF;;;AEpDA,OAAOA,YAAW;;;ACAlB,OAAOA,YAAW;AAElB,SAAS,eAA6B;AACtC,SAAS,OAAO,SAAS;AACzB,SAAS,YAAAC,iBAAgB;AAkBlB,IAAM,kBAAkBA,UAAS,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EACA;AAAA,EACA;AACF,MAG6B;AAC3B,SACE,gBAAAD,OAAA,cAAC,SAAI,WAAW,GAAG,aAAa,SAAS,KACtC,MAAM,IAAI,CAAC,cAAc,UAAU;AAClC,UAAM,YAAY,aAAa,KAAK;AACpC,UAAM,KAAK,QAAQ;AACnB,WACE,gBAAAA,OAAA,cAAC,SAAI,KAAK,OAAO,WAAW,GAAG,4CAA4C,aAAa,KACtF,gBAAAA,OAAA,cAAC,SAAI,WAAU,uCACb,gBAAAA,OAAA,cAAC,SAAI,WAAW,GAAG,sHAAsH,eAAe,KAAI,EAAG,GAC9J,uCAAW,KACd,GACC,aAAa,QAAQ,QACpB,gBAAAA,OAAA,cAAC,4BAAY,aAAc,IAE3B,gBAAAA,OAAA,cAAAA,OAAA,gBACG,aAAa,UAAU,eAAe,gBAAAA,OAAA,cAAC,SAAM,MAAM,IAAI,OAAM,WAAU,IACvE,aAAa,WAAW,eAAe,gBAAAA,OAAA,cAAC,KAAE,MAAM,IAAI,OAAM,OAAM,EACnE,CAEJ;AAAA,EAEJ,CAAC,CACH;AAEJ,CAAC;AAcM,IAAM,SAASC,UAAS,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,yBAAyB;AAAA,EACzB;AAAA,EACA,2BAA2B;AAAA,EAC3B,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EACA;AAAA,EACA;AACF,MAIoB;AAClB,SACE,gBAAAD,OAAA,cAAC,SAAI,WAAW,GAAG,aAAa,SAAS,KACtC,MAAM,IAAI,CAAC,cAAc,UAAU;AAClC,UAAM,YAAY,aAAa,KAAK;AACpC,UAAM,KAAK,QAAQ;AACnB,WACE,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,UAAG;AAAA,UACZ,MAAM,oBAAoB,gCAAgC,sBAAsB,KAAK;AAAA,UACrF;AAAA,QACF;AAAA;AAAA,MAEA,gBAAAA,OAAA,cAAC,SAAI,WAAU,uCACb,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YAAG;AAAA,YACZ,MAAM,oBAAoB,oCAAoC,wBAAwB,KAAK;AAAA,YAC3F;AAAA,UACF;AAAA;AAAA,QAEC;AAAA,MACH,GACC,uCAAW,KACd;AAAA,MACC,aAAa,QAAQ,QACpB,gBAAAA,OAAA,cAAC,4BAAY,aAAc,IAE3B,gBAAAA,OAAA,cAAAA,OAAA,gBACG,aAAa,SAAS,MAAM,sBAAsB,eAAe,gBAAAA,OAAA,cAAC,SAAM,MAAM,IAAI,OAAM,WAAU,IAClG,aAAa,UAAU,MAAM,sBAAsB,eAAe,gBAAAA,OAAA,cAAC,KAAE,MAAM,IAAI,OAAM,OAAM,EAC9F;AAAA,IAEJ;AAAA,EAEJ,CAAC,CACH;AAEJ,CAAC;;;AD/HD,SAAS,sBAAsB;AAExB,IAAM,oBAAN,MAAwB;AAAA,EAK7B,YAAY,EAAE,OAAO,eAAe,CAAC,EAAE,GAAoE;AAJ3G,iBAAkC,CAAC;AACnC,wBAA6B,CAAC;AAC9B,6BAAoB;AAGlB,UAAM,QAAQ,CAAC,MAAM;AACnB,aAAO,OAAO,GAAG;AAAA,QACf,WAAW;AAAA,QACX,OAAO,EAAE;AAAA,QACT,QAAQ;AAAA,MACV,CAAC;AAAA,IACH,CAAC;AACD,WAAO,OAAO,MAAM;AAAA,MAClB;AAAA,MACA;AAAA,IACF,CAAC;AACD,mBAAe,MAAM;AAAA,MACnB,mBAAmB;AAAA,IACrB,CAAC;AAAA,EACH;AAAA,EAEA,MAAM,OAAO;AACX,QAAI,SAAgB,CAAC;AACrB,QAAI,SAAiB;AACrB,aAAS,IAAI,GAAG,IAAI,KAAK,MAAM,QAAQ,KAAK;AAC1C,WAAK,oBAAoB,IAAI;AAC7B,YAAM,eAAe,KAAK,MAAM,CAAC;AACjC,UAAI,cAAc;AAChB,YAAI;AACF,gBAAM,UAAU,KAAK,aAAa,CAAC;AACnC,gBAAM,QAAO,mCAAS,SAAQ,CAAC;AAC/B,gBAAM,OAAO,MAAM,aAAa,KAAK,GAAG,IAAI;AAC5C,iBAAO,KAAK,IAAI;AAAA,QAClB,SAAS,GAAG;AACV,mBAAS,EAAE;AACX,eAAI,iCAAQ,SAAS,iCAAgC,OAAO,CAAC,EAAE,YAAY,EAAE,SAAS,eAAe,GAAG;AACtG,qBAAS;AAAA,UACX;AACA,uBAAa,SAAS;AACtB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,WACE,eACA,sBAA6C;AAC7C,gBAAY,KAAK;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,eAAe;AAAA,MACf,SACE,gBAAAA,OAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,KAAK;AAAA,UACZ,cAAc,KAAK;AAAA,WACf;AAAA,MACN;AAAA,OACC,cACJ;AACD,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,gBAAY,MAAM;AAAA,EACpB;AAAA,EAEA,MAAM,SAAS,QAAgB;AAC7B,UAAM,QAAQ,SAAS;AACvB,QAAI,QAAQ,KAAK,SAAS,KAAK,MAAM,QAAQ;AAC3C,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,IACF;AAEA,UAAM,kBAAkB,KAAK,MAAM,QAAQ,CAAC;AAC5C,QAAI,mBAAmB,gBAAgB,QAAQ;AAC7C,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ,gBAAgB;AAAA,MAC1B;AAAA,IACF;AAEA,SAAK,oBAAoB;AAEzB,UAAM,eAAe,KAAK,MAAM,KAAK;AACrC,QAAI,gBAAgB,CAAC,aAAa,QAAQ,OAAO;AAC/C,YAAM,UAAU,KAAK,aAAa,KAAK;AACvC,YAAM,QAAO,mCAAS,SAAQ,CAAC;AAC/B,UAAI;AACF,cAAM,SAAS,MAAM,aAAa,KAAK,GAAG,IAAI;AAC9C,eAAO;AAAA,UACL;AAAA,UACA,QAAQ;AAAA,QACV;AAAA,MACF,SAAS,GAAG;AACV,YAAI,SAAS,EAAE;AACf,aAAI,iCAAQ,SAAS,iCAAgC,OAAO,CAAC,EAAE,YAAY,EAAE,SAAS,eAAe,GAAG;AACtG,mBAAS;AAAA,QACX;AACA,qBAAa,SAAS;AACtB,eAAO;AAAA,UACL,QAAQ;AAAA,UACR;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,SAAS;AACP,QAAI,KAAK,oBAAoB,KAAK,MAAM,QAAQ;AAC9C,WAAK,qBAAqB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,aAAa;AACX,QAAI,KAAK,oBAAoB,GAAG;AAG9B,YAAM,QAAQ,KAAK,oBAAoB;AACvC,YAAM,eAAe,KAAK,MAAM,KAAK;AACrC,UAAI,cAAc;AAChB,qBAAa,QAAQ;AACrB,qBAAa,SAAS;AAAA,MACxB;AAGA,WAAK,qBAAqB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,OAAO,OAAqB;AAC1B,WACE,gBAAAA,OAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,KAAK;AAAA,QACZ,cAAc,KAAK;AAAA,QACnB,mBAAmB,KAAK;AAAA,SACpB;AAAA,IACN;AAAA,EAEJ;AACF","sourcesContent":["import { Store } from \"../../store/standard/base\";\nimport { makeAutoObservable } from \"mobx\";\nimport Provider from \"./Provider\";\nimport React from \"react\";\nimport { ButtonProps, ModalSlots, SlotsToClasses } from \"@nextui-org/react\";\nimport { getStyle, ThemeType } from \"../../themes\";\n\nexport class ConfirmStore implements Store {\n  sid = 'ConfirmStore';\n  provider = () => <Provider />;\n\n  isOpen: boolean = false;\n  title?: string = '';\n  description?: string = '';\n  size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'xs' | '3xl' | '4xl' | '5xl' = 'md';\n  className: string = '';\n  classNames?: SlotsToClasses<ModalSlots>;\n  theme: ThemeType = \"default\";\n  cancelBtnProps?: ButtonProps = {}\n  okBtnProps?: ButtonProps = {}\n\n  constructor() {\n    makeAutoObservable(this);\n  }\n\n  toggleOpen(val: boolean) {\n    this.isOpen = val;\n  }\n\n  onOk() { }\n\n  onCancel() { }\n\n  show(confirmProps: Partial<ConfirmStore>) {\n    const modalStyle = getStyle(confirmProps?.theme || 'default', 'Modal');\n    const classNames = {\n      ...modalStyle.classNames,\n      ...confirmProps?.classNames\n    }\n    Object.assign(this, confirmProps, { classNames });\n\n    this.toggleOpen(true);\n  }\n\n  close() {\n    this.isOpen = false;\n    this.title = '';\n    this.description = '';\n    this.size = 'md';\n    this.cancelBtnProps = {}\n    this.okBtnProps = {}\n  }\n}\n","import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Button, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from '@nextui-org/react';\nimport { useStore } from \"../../store\";\nimport { ConfirmStore } from \".\";\n\nconst ConfirmModal = observer(() => {\n  const rootStore = useStore();\n  const confirmStore = rootStore.get(ConfirmStore);\n  const { isOpen, title, description, size, className, classNames, cancelBtnProps, okBtnProps } = confirmStore;\n  return (\n    <Modal\n      isOpen={isOpen}\n      size={size}\n      className={className}\n      classNames={classNames}\n      onOpenChange={(open: boolean) => {\n        if (!open) {\n          confirmStore.close();\n        }\n      }}\n    >\n      <ModalContent className=\"max-h-screen overflow-auto\">\n        {() => (\n          <>\n            {title && <ModalHeader className=\"flex flex-col gap-1\">{title}</ModalHeader>}\n            <ModalBody>\n              <div>{description}</div>\n            </ModalBody>\n            <ModalFooter>\n              <Button\n                color=\"primary\"\n                variant=\"flat\"\n                size=\"sm\"\n                children=\"Cancel\"\n                {...cancelBtnProps}\n                onClick={() => {\n                  confirmStore.close();\n                  confirmStore.onCancel();\n                }}\n              />\n              <Button\n                color=\"primary\"\n                size=\"sm\"\n                children=\"Apply\"\n                {...okBtnProps}\n                onPress={() => {\n                  confirmStore.close();\n                  confirmStore.onOk();\n                }}\n              />\n            </ModalFooter>\n          </>\n        )}\n      </ModalContent>\n    </Modal>\n  );\n});\n\nexport default ConfirmModal;","import React from 'react';\nimport { PromiseState } from '../../store/standard/PromiseState';\nimport { DialogStore } from '../Dialog';\nimport { DialogContentUI, DialogContentUIProps, GroupOptions, StepUI, StepUIProps } from './ui';\nimport { makeObservable } from 'mobx';\n\nexport class PromiseStateGroup {\n  group: PromiseState<any, any>[] = [];\n  groupOptions: GroupOptions = [];\n  currentCallStepNo = 1;\n\n  constructor({ group, groupOptions = [] }: { group: PromiseState<any, any>[]; groupOptions: GroupOptions }) {\n    group.forEach((p) => {\n      Object.assign(p, {\n        autoAlert: false,\n        value: p.defaultValue,\n        errMsg: '',\n      });\n    });\n    Object.assign(this, {\n      group,\n      groupOptions\n    });\n    makeObservable(this, {\n      currentCallStepNo: true,\n    });\n  }\n\n  async call() {\n    let result: any[] = [];\n    let errMsg: string = '';\n    for (let i = 0; i < this.group.length; i++) {\n      this.currentCallStepNo = i + 1;\n      const promiseState = this.group[i];\n      if (promiseState) {\n        try {\n          const options = this.groupOptions[i];\n          const args = options?.args || [];\n          const data = await promiseState.call(...args);\n          result.push(data);\n        } catch (e) {\n          errMsg = e.message;\n          if (errMsg?.includes('User rejected the request') || String(e).toLowerCase().includes('user rejected')) {\n            errMsg = 'User rejected the request';\n          }\n          promiseState.errMsg = errMsg;\n          break;\n        }\n      }\n    }\n    return {\n      result,\n      errMsg,\n    };\n  }\n\n  showDialog(\n    dialogOptions?: Partial<DialogStore>,\n    dialogContentOptions?: DialogContentUIProps) {\n    DialogStore.show({\n      title: '',\n      size: 'md',\n      isDismissable: false,\n      content:\n        <DialogContentUI\n          group={this.group}\n          groupOptions={this.groupOptions}\n          {...dialogContentOptions}\n        />,\n      ...dialogOptions,\n    });\n    return this;\n  }\n\n  closeDialog() {\n    DialogStore.close();\n  }\n\n  async stepCall(stepNo: number) {\n    const index = stepNo - 1;\n    if (index < 0 || index >= this.group.length) {\n      return {\n        result: null,\n        errMsg: 'Invalid step number',\n      };\n    }\n\n    const prePromiseState = this.group[index - 1];\n    if (prePromiseState && prePromiseState.errMsg) {\n      return {\n        result: null,\n        errMsg: prePromiseState.errMsg,\n      };\n    }\n\n    this.currentCallStepNo = stepNo;\n\n    const promiseState = this.group[index];\n    if (promiseState && !promiseState.loading.value) {\n      const options = this.groupOptions[index];\n      const args = options?.args || [];\n      try {\n        const result = await promiseState.call(...args);\n        return {\n          result,\n          errMsg: '',\n        };\n      } catch (e) {\n        let errMsg = e.message;\n        if (errMsg?.includes('User rejected the request') || String(e).toLowerCase().includes('user rejected')) {\n          errMsg = 'User rejected the request';\n        }\n        promiseState.errMsg = errMsg;\n        return {\n          result: null,\n          errMsg,\n        };\n      }\n    }\n  }\n\n  onNext() {\n    if (this.currentCallStepNo < this.group.length) {\n      this.currentCallStepNo += 1;\n    }\n  }\n\n  onPrevious() {\n    if (this.currentCallStepNo > 1) {\n\n      // reset value and errMsg of the current promiseState\n      const index = this.currentCallStepNo - 1;\n      const promiseState = this.group[index];\n      if (promiseState) {\n        promiseState.value = '';\n        promiseState.errMsg = '';\n      }\n\n      // go to the previous step\n      this.currentCallStepNo -= 1;\n    }\n  }\n\n  render(props?: StepUIProps) {\n    return (\n      <StepUI\n        group={this.group}\n        groupOptions={this.groupOptions}\n        currentCallStepNo={this.currentCallStepNo}\n        {...props}\n      />\n    )\n  }\n}\n","import React from 'react';\nimport { PromiseState } from '../../store/standard/PromiseState';\nimport { Spinner, SpinnerProps } from '@nextui-org/react';\nimport { Check, X } from 'lucide-react';\nimport { observer } from 'mobx-react-lite';\nimport { cn } from '../../lib/utils';\n\nexport type GroupOptions = {\n  args?: any[];\n  title: React.ReactNode;\n}[];\n\n\nexport type DialogContentUIProps = {\n  className?: string;\n  itemClassName?: string;\n  numberClassName?: string;\n  spinnerProps?: SpinnerProps;\n  SuccessIcon?: React.ReactNode;\n  FailureIcon?: React.ReactNode;\n};\n\nexport const DialogContentUI = observer(({\n  group,\n  groupOptions,\n  className,\n  itemClassName,\n  numberClassName,\n  spinnerProps = {\n    size: 'sm'\n  },\n  SuccessIcon,\n  FailureIcon\n}: {\n  group: PromiseState<any, any>[];\n  groupOptions: GroupOptions;\n} & DialogContentUIProps) => {\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      {group.map((promiseState, index) => {\n        const uiOptions = groupOptions[index];\n        const no = index + 1;\n        return (\n          <div key={index} className={cn(\"w-full flex items-center justify-between\", itemClassName)}>\n            <div className='flex items-center justify-between'>\n              <div className={cn('w-6 h-6 flex items-center justify-center text-sm rounded-full border-2 border-[#000000] dark:border-[#cacbcb] mr-2', numberClassName)}>{no}</div>\n              {uiOptions?.title}\n            </div>\n            {promiseState.loading.value ? (\n              <Spinner {...spinnerProps} />\n            ) : (\n              <>\n                {promiseState.value && (SuccessIcon || <Check size={20} color=\"#605BFF\" />)}\n                {promiseState.errMsg && (FailureIcon || <X size={20} color=\"red\" />)}\n              </>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n\n\nexport type StepUIProps = {\n  className?: string;\n  itemClassName?: string;\n  activatedItemClassName?: string;\n  numberClassName?: string;\n  activatedNumberClassName?: string;\n  spinnerProps?: SpinnerProps;\n  SuccessIcon?: React.ReactNode;\n  FailureIcon?: React.ReactNode;\n};\n\nexport const StepUI = observer(({\n  group,\n  groupOptions,\n  currentCallStepNo,\n  className,\n  itemClassName,\n  activatedItemClassName = '',\n  numberClassName,\n  activatedNumberClassName = '',\n  spinnerProps = {\n    size: 'sm'\n  },\n  SuccessIcon,\n  FailureIcon\n}: {\n  group: PromiseState<any, any>[];\n  groupOptions: GroupOptions;\n  currentCallStepNo?: number;\n} & StepUIProps) => {\n  return (\n    <div className={cn(\"space-y-4\", className)}>\n      {group.map((promiseState, index) => {\n        const uiOptions = groupOptions[index];\n        const no = index + 1;\n        return (\n          <div\n            key={index}\n            className={cn(\"w-full flex items-center justify-between text-[#909091] dark:text-[#6b6c6c]\",\n              no <= currentCallStepNo ? `text-[#000] dark:text-[#fff] ${activatedItemClassName}` : '',\n              itemClassName\n            )}\n          >\n            <div className='flex items-center justify-between'>\n              <div\n                className={cn('w-6 h-6 flex items-center justify-center text-sm rounded-full border-2 border-[#909091] dark:border-[#6b6c6c] mr-2',\n                  no <= currentCallStepNo ? `border-[#000] dark:border-[#fff] ${activatedNumberClassName}` : '',\n                  numberClassName\n                )}\n              >\n                {no}\n              </div>\n              {uiOptions?.title}\n            </div>\n            {promiseState.loading.value ? (\n              <Spinner {...spinnerProps} />\n            ) : (\n              <>\n                {promiseState.value && no <= currentCallStepNo && (SuccessIcon || <Check size={20} color=\"#605BFF\" />)}\n                {promiseState.errMsg && no <= currentCallStepNo && (FailureIcon || <X size={20} color=\"red\" />)}\n              </>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n"]}

package/dist/ui.d.mts

@@ -1,29 +1,29 @@
-import React from 'react';
+import React__default from 'react';
 import { SlotsToClasses } from '@nextui-org/react';
 
 declare const PanelCard: ({ className, title, content }: {
     className?: string;
-    title: React.ReactNode;
-    content?: React.ReactNode;
-}) => React.JSX.Element;
+    title: React__default.ReactNode;
+    content?: React__default.ReactNode;
+}) => React__default.JSX.Element;
 
 declare const Copy: ({ className, value, iconSize, iconClassName }: {
     className?: string;
     value: string;
     iconSize?: number;
     iconClassName?: string;
-}) => React.JSX.Element;
+}) => React__default.JSX.Element;
 
 declare function JSONHighlight({ jsonStr, className }: {
     jsonStr: string;
     className?: string;
-}): React.JSX.Element;
+}): React__default.JSX.Element;
 
 declare const SkeletonBox: ({ line, className, skClassName, skClassNames }: {
     line?: number;
     className?: string;
     skClassName?: string;
     skClassNames?: SlotsToClasses<"base" | "content">;
-}) => React.JSX.Element;
+}) => React__default.JSX.Element;
 
 export { Copy, JSONHighlight, PanelCard, SkeletonBox };

package/dist/ui.mjs

@@ -1,6 +1,6 @@
-export { SkeletonBox } from './chunk-3O7QI47S.mjs';
-import { cn } from './chunk-AIZ7XDNV.mjs';
-import './chunk-R4SQKVDQ.mjs';
+export { SkeletonBox } from './chunk-3HD22664.mjs';
+import { cn } from './chunk-TQNAAA4I.mjs';
+import './chunk-2EXDWOHY.mjs';
 import React, { useState, useEffect } from 'react';
 import { Card } from '@nextui-org/react';
 import copyToClipboard from 'copy-to-clipboard';

package/dist/utils.mjs

@@ -1,6 +1,6 @@
 export { cache } from './chunk-7MDKCI65.mjs';
 export { helper } from './chunk-UPGWJHSO.mjs';
 import './chunk-K7LFG5BA.mjs';
-import './chunk-R4SQKVDQ.mjs';
+import './chunk-2EXDWOHY.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=utils.mjs.map

package/dist/wallet.d.mts

@@ -0,0 +1,152 @@
+import * as React from 'react';
+import React__default from 'react';
+import { a as PromiseHookData, B as BigNumberState, S as StorageState } from './StorageState-qzikHBY8.js';
+import { S as Store } from './root-C3lZnoCI.js';
+import { WalletClient, PublicClient, HttpTransport, TransactionReceipt } from 'viem';
+import EventEmitter from 'events';
+import { SwitchChainMutate } from 'wagmi/query';
+import * as wagmi from 'wagmi';
+import { Config } from 'wagmi';
+import { Chain } from '@rainbow-me/rainbowkit';
+import * as _rainbow_me_rainbowkit_dist_config_getDefaultConfig from '@rainbow-me/rainbowkit/dist/config/getDefaultConfig';
+import 'mobx';
+import 'bignumber.js';
+import 'typed-emitter';
+
+declare const WalletProvider: (({ children, theme, appName }: {
+    children: React__default.ReactNode;
+    theme?: "dark" | "light";
+    appName?: string;
+}) => React__default.JSX.Element) & {
+    displayName: string;
+};
+
+type NetworkObject = {
+    name: string;
+    chainId: number;
+    rpcUrl: string;
+    logoUrl: string;
+    explorerUrl: string;
+    explorerName: string;
+    nativeCoin: string;
+    type: 'mainnet' | 'testnet';
+};
+type WalletTransactionHistoryType = {
+    chainId: number;
+    tx?: string;
+    msg: string;
+    timestamp: number;
+    type: 'Approve' | 'Swap' | 'Liquidity' | 'Transfer';
+    status: 'loading' | 'success' | 'fail';
+};
+
+declare class WalletStore implements Store {
+    sid: string;
+    autoObservable: boolean;
+    account: `0x${string}`;
+    isSuccessDialogOpen: boolean;
+    isInSafeApp: boolean;
+    isConnect: boolean;
+    walletClient: WalletClient;
+    event: EventEmitter<[never]>;
+    switchChain: SwitchChainMutate<Config, unknown> | undefined;
+    updateTicker: number;
+    chain: Chain | undefined;
+    get supportedChains(): Chain[];
+    openConnectModal: any;
+    balance: PromiseHookData<() => Promise<BigNumberState>, Promise<BigNumberState>>;
+    constructor(args?: Partial<WalletStore>);
+    get reconnectOnMount(): boolean;
+    use(): void;
+    get publicClient(): PublicClient<HttpTransport, Chain, any, any>;
+    set(args: Partial<WalletStore>): void;
+    toJSON(): {
+        account: `0x${string}`;
+    };
+    prepare(chainId?: number): Promise<WalletStore>;
+    waitForTransactionReceipt({ hash }: {
+        hash: any;
+    }): Promise<TransactionReceipt>;
+    static SendTx(...args: Parameters<WalletStore['sendTx']>): Promise<TransactionReceipt>;
+    static SendRawTx(...args: Parameters<WalletStore['sendRawTx']>): Promise<TransactionReceipt>;
+    sendTx({ chainId, tx, autoAlert, loadingText, successText, onError, historyItem, showSuccessDialog, }: {
+        chainId: number | string;
+        tx: any;
+        autoAlert?: boolean;
+        loadingText?: string;
+        successText?: string;
+        showSuccessDialog?: boolean;
+        historyItem?: Pick<WalletTransactionHistoryType, 'msg' | 'type'>;
+        onError?: (error: any) => void;
+    }): Promise<TransactionReceipt>;
+    sendRawTx({ chainId, address, data, value, autoAlert, onSended, onSuccess, onError, historyItem, loadingText, showSuccessDialog, }: {
+        loadingText?: string;
+        chainId: number | string;
+        address: string;
+        data: string | null;
+        value?: string;
+        autoRefresh?: boolean;
+        autoAlert?: boolean;
+        historyItem?: Pick<WalletTransactionHistoryType, 'msg' | 'type'>;
+        showTransactionSubmitDialog?: boolean;
+        showSuccessDialog?: boolean;
+        onSended?: ({ res }: {
+            res: TransactionReceipt;
+        }) => void;
+        onSuccess?: ({ res }: {
+            res: TransactionReceipt;
+        }) => void;
+        onError?: ({ res }: {
+            res: TransactionReceipt;
+        }) => void;
+    }): Promise<TransactionReceipt | undefined>;
+}
+
+declare class WalletRpcStore implements Store {
+    sid: string;
+    autoObservable: boolean;
+    curRpc: StorageState<unknown>;
+    isAutoSelectRpc: StorageState<unknown>;
+    customRpc: string;
+    rpcList: StorageState<unknown>;
+    showCustomRpc: boolean;
+    get currentRpc(): any;
+    addCustomRpc(): string;
+    addToMetamask(url: any): Promise<void>;
+    refresh(): void;
+    latencyColor(latency: number): "text-red-500" | "text-green-500" | "text-yellow-500";
+    testRpcFunction(url: string): Promise<{
+        url: string;
+        lentency: number;
+        height: number;
+    }>;
+    testRpc(): void;
+    removeRpc(name: string): void;
+    scoreIcon(score: number): React.JSX.Element;
+    get wallet(): WalletStore;
+    autoSelectRpc(): Promise<void>;
+}
+declare class WalletHistoryStore implements Store {
+    sid: string;
+    isRender: boolean;
+    autoObservable: boolean;
+    set(params: Partial<WalletHistoryStore>): void;
+    private history;
+    get historyList(): WalletTransactionHistoryType[];
+    recordHistory(item: WalletTransactionHistoryType): void;
+    updateHistoryStatusByTx(tx: string | null, status: 'loading' | 'success' | 'fail'): void;
+    clearHistory(): void;
+}
+
+declare class WalletConfigStore implements Store {
+    sid: string;
+    autoObservable: boolean;
+    appName: string;
+    projectId: string;
+    supportedChains: Chain[];
+    defaultChainId: number;
+    set(params: Partial<WalletConfigStore>): void;
+    get rainbowKitConfig(): wagmi.Config<_rainbow_me_rainbowkit_dist_config_getDefaultConfig._chains, _rainbow_me_rainbowkit_dist_config_getDefaultConfig._transports>;
+}
+
+export { type NetworkObject, WalletConfigStore, WalletHistoryStore, WalletProvider, WalletRpcStore, WalletStore, type WalletTransactionHistoryType };