@dappworks/kit 0.4.140 → 0.4.141

package/dist/plugins.mjs

@@ -1,11 +1,12 @@
 export { ToastPlugin } from './chunk-4YCP5CJ4.mjs';
 import { getStyle } from './chunk-5SFAINN6.mjs';
-import { useStore, rootStore } from './chunk-WS43BV7Y.mjs';
-import './chunk-XJMRAPHI.mjs';
+import { useStore, rootStore } from './chunk-DZMNL4BZ.mjs';
+import './chunk-HRWHDF2F.mjs';
 import './chunk-MGU3KYGC.mjs';
-import { __spreadValues, __spreadProps } from './chunk-R4SQKVDQ.mjs';
-import { makeAutoObservable } from 'mobx';
-import React from 'react';
+import { cn } from './chunk-WYGQ3Y4R.mjs';
+import { __spreadValues, __spreadProps } from './chunk-6F7H4PAA.mjs';
+import { makeAutoObservable, makeObservable } from 'mobx';
+import React5 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';
@@ -14,7 +15,7 @@ var ConfirmModal = observer(() => {
   const rootStore2 = useStore();
   const confirmStore = rootStore2.get(ConfirmStore);
   const { isOpen, title, description, size, className, classNames, cancelText, okText } = confirmStore;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React5.createElement(
     Modal,
     {
       isOpen,
@@ -27,7 +28,7 @@ var ConfirmModal = observer(() => {
         }
       }
     },
-    /* @__PURE__ */ React.createElement(ModalContent, { className: "max-h-screen overflow-auto" }, () => /* @__PURE__ */ React.createElement(React.Fragment, null, title && /* @__PURE__ */ React.createElement(ModalHeader, { className: "flex flex-col gap-1" }, title), /* @__PURE__ */ React.createElement(ModalBody, null, /* @__PURE__ */ React.createElement("div", null, description)), /* @__PURE__ */ React.createElement(ModalFooter, null, /* @__PURE__ */ React.createElement(
+    /* @__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(
       Button,
       {
         color: "primary",
@@ -38,7 +39,7 @@ var ConfirmModal = observer(() => {
         }
       },
       cancelText
-    ), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React5.createElement(
       Button,
       {
         color: "primary",
@@ -55,7 +56,7 @@ var Provider_default = ConfirmModal;
 var ConfirmStore = class {
   constructor() {
     this.sid = "ConfirmStore";
-    this.provider = () => /* @__PURE__ */ React.createElement(Provider_default, null);
+    this.provider = () => /* @__PURE__ */ React5.createElement(Provider_default, null);
     this.isOpen = false;
     this.title = "";
     this.description = "";
@@ -93,7 +94,7 @@ var Dialog = observer(() => {
   const modal = rootStore2.get(DialogStore);
   const { className, classNames, isOpen, placement, title, size, content, isDismissable } = modal;
   const Content = typeof content === "function" ? content : () => content;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React5.createElement(
     Modal,
     {
       isOpen,
@@ -108,7 +109,7 @@ var Dialog = observer(() => {
       classNames,
       isDismissable
     },
-    /* @__PURE__ */ React.createElement(ModalContent, { className: "max-h-screen overflow-auto" }, () => /* @__PURE__ */ React.createElement(React.Fragment, null, title && /* @__PURE__ */ React.createElement(ModalHeader, { className: "flex flex-col gap-1" }, title), /* @__PURE__ */ React.createElement(ModalBody, null, /* @__PURE__ */ React.createElement(Content, null))))
+    /* @__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;
@@ -117,7 +118,7 @@ var Provider_default2 = Dialog;
 var DialogStore = class _DialogStore {
   constructor(args) {
     this.sid = "DialogStore";
-    this.provider = () => /* @__PURE__ */ React.createElement(Provider_default2, null);
+    this.provider = () => /* @__PURE__ */ React5.createElement(Provider_default2, null);
     this.isOpen = false;
     this.title = "";
     this.size = "md";
@@ -152,39 +153,97 @@ var DialogStore = class _DialogStore {
     rootStore.get(_DialogStore).close();
   }
 };
-var DialogContent = observer(({ group, groupOptions }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: "pb-4 space-y-4" }, group.map((promiseState, index) => {
+var DialogContentUI = observer(({
+  group,
+  groupOptions,
+  className,
+  itemClassName,
+  numberClassName,
+  spinnerProps = {
+    size: "sm"
+  },
+  SuccessIcon,
+  FailureIcon
+}) => {
+  return /* @__PURE__ */ React5.createElement("div", { className: cn("space-y-4", className) }, group.map((promiseState, index) => {
     const uiOptions = groupOptions[index];
-    return /* @__PURE__ */ React.createElement("div", { key: index, className: "w-full flex items-center justify-between" }, uiOptions == null ? void 0 : uiOptions.title, /* @__PURE__ */ React.createElement("div", null, promiseState.loading.value ? /* @__PURE__ */ React.createElement(Spinner, { size: "sm" }) : /* @__PURE__ */ React.createElement(React.Fragment, null, promiseState.value && /* @__PURE__ */ React.createElement(Check, { size: 20, color: "#605BFF" }), promiseState.errMsg && /* @__PURE__ */ React.createElement(X, { size: 20, color: "red" }))));
+    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" }))));
+  }));
+});
+var StepUI = observer(({
+  group,
+  groupOptions,
+  currentCallStepNo,
+  className,
+  itemClassName,
+  activatedItemClassName = "",
+  numberClassName,
+  activatedNumberClassName = "",
+  spinnerProps = {
+    size: "sm"
+  },
+  SuccessIcon,
+  FailureIcon
+}) => {
+  return /* @__PURE__ */ React5.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 text-[#909091] dark:text-[#6b6c6c]",
+          no <= currentCallStepNo ? `text-[#000] dark:text-[#fff] ${activatedItemClassName}` : "",
+          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-[#909091] dark:border-[#6b6c6c] mr-2",
+            no <= currentCallStepNo ? `border-[#000] dark:border-[#fff] ${activatedNumberClassName}` : "",
+            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 && no <= currentCallStepNo && (SuccessIcon || /* @__PURE__ */ React5.createElement(Check, { size: 20, color: "#605BFF" })), promiseState.errMsg && no <= currentCallStepNo && (FailureIcon || /* @__PURE__ */ React5.createElement(X, { size: 20, color: "red" })))
+    );
   }));
 });
-
-// module/PromiseStateGroup/index.tsx
 var PromiseStateGroup = class {
   constructor({ group, groupOptions = [] }) {
     this.group = [];
     this.groupOptions = [];
+    this.currentCallStepNo = 1;
+    group.forEach((p) => {
+      Object.assign(p, {
+        autoAlert: false,
+        value: p.defaultValue,
+        errMsg: ""
+      });
+    });
     Object.assign(this, {
       group,
       groupOptions
     });
+    makeObservable(this, {
+      currentCallStepNo: true
+    });
   }
   async call() {
     let result = [];
     let errMsg = "";
-    this.group.forEach((p) => {
-      Object.assign(p, {
-        autoAlert: false,
-        value: p.defaultValue,
-        errMsg: ""
-      });
-    });
     for (let i = 0; i < this.group.length; i++) {
+      this.currentCallStepNo = i + 1;
       const promiseState = this.group[i];
-      const options = this.groupOptions[i];
-      if (promiseState && options) {
+      if (promiseState) {
         try {
-          const args = options.args || [];
+          const options = this.groupOptions[i];
+          const args = (options == null ? void 0 : options.args) || [];
           const data = await promiseState.call(...args);
           result.push(data);
         } catch (e) {
@@ -202,19 +261,89 @@ var PromiseStateGroup = class {
       errMsg
     };
   }
-  async ui(dialogOptions) {
+  showDialog(dialogOptions, dialogContentOptions) {
     DialogStore.show(__spreadValues({
       title: "",
       size: "md",
-      content: /* @__PURE__ */ React.createElement(DialogContent, { group: this.group, groupOptions: this.groupOptions }),
-      isDismissable: false
-    }, dialogOptions || {}));
-    const res = await this.call();
-    return res;
+      isDismissable: false,
+      content: /* @__PURE__ */ React5.createElement(
+        DialogContentUI,
+        __spreadValues({
+          group: this.group,
+          groupOptions: this.groupOptions
+        }, dialogContentOptions)
+      )
+    }, dialogOptions));
+    return this;
   }
-  closeUI() {
+  closeDialog() {
     DialogStore.close();
   }
+  async stepCall(stepNo) {
+    const index = stepNo - 1;
+    if (index < 0 || index >= this.group.length) {
+      return {
+        result: null,
+        errMsg: "Invalid step number"
+      };
+    }
+    const prePromiseState = this.group[index - 1];
+    if (prePromiseState && prePromiseState.errMsg) {
+      return {
+        result: null,
+        errMsg: prePromiseState.errMsg
+      };
+    }
+    this.currentCallStepNo = stepNo;
+    const promiseState = this.group[index];
+    if (promiseState && !promiseState.loading.value) {
+      const options = this.groupOptions[index];
+      const args = (options == null ? void 0 : options.args) || [];
+      try {
+        const result = await promiseState.call(...args);
+        return {
+          result,
+          errMsg: ""
+        };
+      } catch (e) {
+        let errMsg = e.message;
+        if ((errMsg == null ? void 0 : errMsg.includes("User rejected the request")) || String(e).toLowerCase().includes("user rejected")) {
+          errMsg = "User rejected the request";
+        }
+        promiseState.errMsg = errMsg;
+        return {
+          result: null,
+          errMsg
+        };
+      }
+    }
+  }
+  onNext() {
+    if (this.currentCallStepNo < this.group.length) {
+      this.currentCallStepNo += 1;
+    }
+  }
+  onPrevious() {
+    if (this.currentCallStepNo > 1) {
+      const index = this.currentCallStepNo - 1;
+      const promiseState = this.group[index];
+      if (promiseState) {
+        promiseState.value = "";
+        promiseState.errMsg = "";
+      }
+      this.currentCallStepNo -= 1;
+    }
+  }
+  render(props) {
+    return /* @__PURE__ */ React5.createElement(
+      StepUI,
+      __spreadValues({
+        group: this.group,
+        groupOptions: this.groupOptions,
+        currentCallStepNo: this.currentCallStepNo
+      }, props)
+    );
+  }
 };
 
 export { ConfirmStore, DialogStore, PromiseStateGroup };

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 { 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  cancelText?: string = 'Cancel';\n  okText?: string = 'Apply';\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.cancelText = 'Cancel';\n    this.okText = 'Apply';\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, cancelText, okText } = 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                onClick={() => {\n                  confirmStore.close();\n                  confirmStore.onCancel();\n                }}\n              >\n                {cancelText}\n              </Button>\n              <Button\n                color=\"primary\"\n                onPress={() => {\n                  confirmStore.close();\n                  confirmStore.onOk();\n                }}\n              >\n                {okText}\n              </Button>\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 { DialogContent, GroupOptions } from './ui';\n\nexport class PromiseStateGroup {\n  group: PromiseState<any, any>[] = [];\n  groupOptions: GroupOptions = [];\n\n  constructor({ group, groupOptions = [] }: { group: PromiseState<any, any>[]; groupOptions: GroupOptions }) {\n    Object.assign(this, {\n      group,\n      groupOptions,\n    });\n  }\n\n  async call() {\n    let result: any[] = [];\n    let errMsg: string = '';\n    this.group.forEach((p) => {\n      Object.assign(p, {\n        autoAlert: false,\n        value: p.defaultValue,\n        errMsg: '',\n      });\n    });\n    for (let i = 0; i < this.group.length; i++) {\n      const promiseState = this.group[i];\n      const options = this.groupOptions[i];\n      if (promiseState && options) {\n        try {\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  async ui(dialogOptions?: Partial<DialogStore>) {\n    DialogStore.show({\n      title: '',\n      size: 'md',\n      content: <DialogContent group={this.group} groupOptions={this.groupOptions} />,\n      isDismissable: false,\n      ...(dialogOptions || {}),\n    });\n\n    const res = await this.call();\n    return res;\n  }\n\n  closeUI() {\n    DialogStore.close();\n  }\n}\n\n","import React from 'react';\nimport { PromiseState } from '../../store/standard/PromiseState';\nimport { Spinner } from '@nextui-org/react';\nimport { Check, X } from 'lucide-react';\nimport { observer } from 'mobx-react-lite';\n\nexport type GroupOptions = {\n  args?: any[];\n  title: React.ReactNode;\n}[];\n\nexport const DialogContent = observer(({ group, groupOptions }: { group: PromiseState<any, any>[]; groupOptions: GroupOptions }) => {\n  return (\n    <div className=\"pb-4 space-y-4\">\n      {group.map((promiseState, index) => {\n        const uiOptions = groupOptions[index];\n        return (\n          <div key={index} className=\"w-full flex items-center justify-between\">\n            {uiOptions?.title}\n            <div>\n              {promiseState.loading.value ? (\n                <Spinner size=\"sm\" />\n              ) : (\n                <>\n                  {promiseState.value && <Check size={20} color=\"#605BFF\" />}\n                  {promiseState.errMsg && <X size={20} color=\"red\" />}\n                </>\n              )}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n"]}
+{"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 { 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  cancelText?: string = 'Cancel';\n  okText?: string = 'Apply';\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.cancelText = 'Cancel';\n    this.okText = 'Apply';\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, cancelText, okText } = 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                onClick={() => {\n                  confirmStore.close();\n                  confirmStore.onCancel();\n                }}\n              >\n                {cancelText}\n              </Button>\n              <Button\n                color=\"primary\"\n                onPress={() => {\n                  confirmStore.close();\n                  confirmStore.onOk();\n                }}\n              >\n                {okText}\n              </Button>\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"]}

package/dist/{root-C3lZnoCI.d.ts → root-766ae985.d.ts}

@@ -106,4 +106,4 @@ declare class RootStore<T extends EventMap = any> {
     }, ann?: any): T;
 }
 
-export { type BaseState as B, type EventMap as E, NumberState as N, RootStore as R, Store as S, ValueState as V, type StoreClass as a, StringState as b, BooleanState as c };
+export { BaseState as B, EventMap as E, NumberState as N, RootStore as R, Store as S, ValueState as V, StoreClass as a, StringState as b, BooleanState as c };

package/dist/ui.mjs

@@ -1,6 +1,6 @@
-export { SkeletonBox } from './chunk-HRYH37UI.mjs';
-import { cn } from './chunk-AIZ7XDNV.mjs';
-import './chunk-R4SQKVDQ.mjs';
+export { SkeletonBox } from './chunk-WT2ARRCR.mjs';
+import { cn } from './chunk-WYGQ3Y4R.mjs';
+import './chunk-6F7H4PAA.mjs';
 import { Card } from '@nextui-org/react';
 import React, { useState, useEffect } from 'react';
 import copyToClipboard from 'copy-to-clipboard';

package/dist/utils.d.mts

@@ -1,5 +1,6 @@
-import DataLoader from 'dataloader';
+import * as _dexie from 'dexie';
 import { Table } from 'dexie';
+import DataLoader from 'dataloader';
 import BigNumber from 'bignumber.js';
 
 declare class DexieCache {
@@ -9,13 +10,7 @@ declare class DexieCache {
             value: any;
             expiration: number;
         };
-    }, any, {
-        key: string;
-        value: {
-            value: any;
-            expiration: number;
-        };
-    }>;
+    }, _dexie.IndexableType>;
     kv_get: DataLoader<string, {
         value: any;
         expiration: number;

package/dist/utils.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dappworks/kit",
-  "version": "0.4.140",
+  "version": "0.4.141",
   "description": "",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",