@dappworks/kit 0.4.144 → 0.4.145

package/dist/index-0cd59ae0.d.ts

@@ -0,0 +1,57 @@
+import React, { HTMLAttributeAnchorTarget } from 'react';
+import { S as Store, R as RootStore } from './root-766ae985.js';
+
+type JSONViewType = {
+    className?: string;
+    children?: any;
+    data?: Record<string, JSONDataType>;
+    datas?: Record<string, Record<string, JSONDataType> | JSONDataType[]>;
+    uiConfig?: {
+        type: string;
+        className?: Record<string, string>;
+        slots?: Record<string, any>;
+        [key: string]: any;
+    };
+    uiConfigs?: Record<string, JSONViewType['uiConfig']>;
+};
+type JSONDataType = {
+    title?: string;
+    icon?: any;
+    render?: any;
+    className?: string;
+    type?: 'divider' | 'checkbox' | 'label' | 'radio';
+    shortcut?: string;
+    disabled?: boolean;
+    children?: Record<string, JSONDataType>;
+    value?: any;
+    link?: any;
+    target?: HTMLAttributeAnchorTarget;
+    needAuth?: boolean;
+    events?: Record<string, any>;
+    onChange?: (args: {
+        e: any;
+        v: any;
+    }) => void;
+    onClick?: (args: {
+        e: any;
+        v: any;
+    }) => void;
+};
+declare class JSONViewPlugin implements Store {
+    sid: string;
+    autoObservable?: boolean;
+    JSONView: {
+        Test: {
+            name: string;
+            render: () => React.JSX.Element;
+        };
+    };
+    onNewStore({ rootStore, store }: {
+        rootStore: RootStore<any>;
+        store: Store;
+    }): void;
+    crawl(store: Store): void;
+    static JSONView: (props: JSONViewType) => React.JSX.Element;
+}
+
+export { JSONDataType as J, JSONViewPlugin as a, JSONViewType as b };

package/dist/{index-CUKoRIdy.d.ts → index-38be834f.d.ts}

@@ -1,3 +1,3 @@
 type ThemeType = "default" | "primary";
 
-export type { ThemeType as T };
+export { ThemeType as T };

package/dist/index.d.mts

@@ -1,9 +1,9 @@
-import { R as RootStore, E as EventMap } from './root-C3lZnoCI.js';
-export { B as BaseState, c as BooleanState, N as NumberState, S as Store, a as StoreClass, b as StringState, V as ValueState } from './root-C3lZnoCI.js';
-export { P as PromiseState } from './PromiseState-yojg0WLR.js';
+import { R as RootStore, E as EventMap } from './root-766ae985.js';
+export { B as BaseState, c as BooleanState, N as NumberState, S as Store, a as StoreClass, b as StringState, V as ValueState } from './root-766ae985.js';
+export { P as PromiseState } from './PromiseState-b0cc408e.js';
 import * as mobx from 'mobx';
 import BigNumber from 'bignumber.js';
-export { P as PaginationState } from './PaginationState-Bmrrw0ky.js';
+export { P as PaginationState } from './PaginationState-c19e621a.js';
 import React from 'react';
 import 'typed-emitter';
 import 'events';

package/dist/index.mjs

@@ -1,12 +1,11 @@
-export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-QWHU3HBK.mjs';
+export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-RHDHN6R4.mjs';
 import './chunk-4YCP5CJ4.mjs';
-export { rootStore, useStore } from './chunk-WS43BV7Y.mjs';
-import { RootStore } from './chunk-XJMRAPHI.mjs';
-export { RootStore } from './chunk-XJMRAPHI.mjs';
+import { RootStore } from './chunk-IDKGZ5T4.mjs';
+export { RootStore, rootStore, useStore } from './chunk-IDKGZ5T4.mjs';
 import { helper } from './chunk-Q3AD5RHQ.mjs';
 export { PaginationState } from './chunk-ONVPCAMQ.mjs';
 import './chunk-MGU3KYGC.mjs';
-import './chunk-R4SQKVDQ.mjs';
+import './chunk-6F7H4PAA.mjs';
 import { observable, makeAutoObservable } from 'mobx';
 import BigNumber2 from 'bignumber.js';
 import React from 'react';

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../store/standard/PromiseHook.ts","../store/standard/BigNumberState.ts","../store/standard/BigNumberInputState.ts","../store/standard/StorageState.ts","../store/standard/ObjectPool.ts","../module/AppProvider.tsx"],"names":["BigNumber","makeAutoObservable","rootStore"],"mappings":"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","sourcesContent":["\n\nimport { observable } from 'mobx';\n\nexport class KV {\n  //@ts-ignore\n  static datas = observable();\n}\n\nexport abstract class ContractBase {\n  // chainId?: number;\n  // address?: string;\n\n}\n\nexport type ContractClass<T extends ContractBase> = new (args: Partial<T>) => T\n\nexport type PromiseHookData<T, U> = { value: Awaited<U>; get: T; call: T; func: T, loading: boolean, errorRetry: number };\n\nexport class PromiseHook {\n  static entities = observable([]);\n  static Get<T extends ContractBase>(cls: ContractClass<T>): (args: { args: Partial<T>; id?: string, select?: { [key in keyof Partial<T>]: boolean }, unselect?: { [key in keyof Partial<T>]: boolean } }) => Promise<T & { refresh: () => Promise<void> }> {\n    try {\n      return async ({ args, select, id, unselect }) => {\n        let instance: any\n        //@ts-ignore\n        if (!id || !this.entities[id]) {\n          instance = new cls(args);\n\n          instance.refresh = async () => {\n            const hooks = Object.entries(instance)\n              .filter((i) => {\n                if (!this.isPromiseHook(instance[i[0]])) return false\n                //@ts-ignore\n                if (i[1].lazy) return false\n                if (select && !select[i[0]]) return false\n                if (unselect && unselect[i[0]]) return false\n                return true\n              }).map(i => {\n                const hook = instance[i[0]]\n                return hook\n              })\n\n            await Promise.all(hooks.map((i) => i.call()));\n          }\n          if (id) {\n            //@ts-ignore\n            this.entities[id] = instance\n          }\n        } else {\n          instance = this.entities[id!]\n        }\n\n\n        await instance.refresh()\n        return instance;\n      };\n    } catch (e) {\n      throw e\n    }\n  }\n\n\n  static isPromiseHook(target) {\n    return target?._type == \"promiseHook\"\n  }\n\n\n  //ttl : ms\n  static wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>({ func, defaultValue, lazy }: { func: T; defaultValue?: Awaited<U>; lazy?: boolean }): PromiseHookData<T, U> {\n    let context;\n    const call = (args) => {\n      context.loading = true;\n      if (!context._call) {\n        context._call = func(args)\n          .then((i) => {\n            context.value = i;\n            context.loading = false;\n            context._call = null\n            return i\n          })\n          .catch((i) => {\n            console.error(i, func);\n            context.value = defaultValue\n            context._call = null\n            context.loading = false;\n            throw i;\n          });\n      }\n\n\n      return context._call\n    };\n    const get = async (args: any) => {\n      if (!context.value) {\n\n        return call(args);\n      }\n      return context.value;\n    };\n\n    if (!context) {\n      context = observable({\n        _type: 'promiseHook',\n        _value: defaultValue,\n        get value() {\n          return context['_value'];\n        },\n        set value(val) {\n          context['_value'] = val;\n        },\n        get,\n        lazy,\n\n        loading: false,\n        call,\n        defaultValue,\n        toJSON() {\n          return context.value\n        },\n        toString() {\n          return context.value\n        },\n      });\n    }\n\n    return context;\n  }\n\n}\n","import BigNumber from \"bignumber.js\";\nimport { makeAutoObservable } from \"mobx\";\nimport { helper } from \"../../lib/helper\";\n\nexport class BigNumberState {\n  value = new BigNumber(0);\n  loading = false;\n  decimals = 18;\n  fixed = 6;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this, {\n      getFormat: false,\n    });\n  }\n  get format() {\n    if (this.loading) return \"...\";\n    return this.getFormat();\n  }\n\n  getFormat({ decimals = this.decimals, fixed = this.fixed }: { decimals?: number; fixed?: number } = {}) {\n    if (this.loading) return \"...\";\n    if (this.formatter) return this.formatter(this);\n    return helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** decimals).toFixed(), {\n      decimals: fixed,\n    });\n  }\n\n  setDecimals(decimals: number) {\n    this.decimals = decimals;\n  }\n\n  setValue(value: BigNumber) {\n    this.value = value;\n    this.setLoading(false);\n  }\n\n  setLoading(val) {\n    this.loading = val;\n  }\n}\n","import BigNumber from 'bignumber.js';\nimport { makeAutoObservable } from 'mobx';\nimport { helper } from '../../lib/helper';\nexport class BigNumberInputState {\n  value = new BigNumber(0);\n  format = '';\n  loading = false;\n  decimals = 18;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberInputState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  get noDecimasValue(): BigNumber {\n    return new BigNumber(this.value).dividedBy(10 ** this.decimals);\n  }\n  setValue(value: any) {\n    this.value = new BigNumber(value);\n    // this.format = helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** this.decimals).toFixed());\n    this.format = helper.number.warpBigNumber(this.value.toFixed(), this.decimals, { format: '0.000', fallback: '' }).format;\n    this.setLoading(false);\n  }\n  setFormat(val: any) {\n    this.format = val;\n    // this.format = helper.number.toPrecisionFloor(this.format);\n    // this.format = helper.number.warpBigNumber(this.value.toFixed(), this.decimals, { format: '0.000', fallback: '' }).format;\n    this.value = new BigNumber(val).multipliedBy(10 ** this.decimals);\n  }\n  setLoading(val: boolean) {\n    this.loading = val;\n  }\n  setDecimals(val: number) {\n    this.decimals = val;\n  }\n  get isZero(): boolean {\n    return this.value.isZero() && this.format == '';\n  }\n}\n","import { makeAutoObservable } from 'mobx';\n\nexport class StorageState<T> {\n  key: string;\n  value: T | any = null;\n  default: T | any = null;\n  constructor(args: Partial<StorageState<T>>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n    this.load();\n  }\n\n  static safeParse(val: any) {\n    try {\n      return JSON.parse(val);\n    } catch (error) {\n      return val;\n    }\n  }\n\n  load() {\n    try {\n      const value = window?.localStorage?.getItem(this.key);\n      this.value = StorageState.safeParse(value);\n      if (this.value == null) {\n        this.value = this.default;\n      }\n      return this.value;\n    } catch (error) {\n      console.error(error)\n      return null\n    }\n  }\n\n  save(value?: T) {\n    try {\n      if (value !== null || value !== undefined) {\n        this.value = value;\n      }\n      window?.localStorage.setItem(this.key, JSON.stringify(value));\n    } catch (error) {\n      console.error(error)\n      return null\n    }\n  }\n\n  setValue(value?: T) {\n    this.save(value);\n  }\n\n  clear() {\n    try {\n      localStorage.removeItem(this.key);\n    } catch (error) {\n      return null\n    }\n  }\n}\n","export class ObjectPool {\n  static pool: { [key: string]: any } = {};\n\n  static get<T extends (...args: any[]) => any, U = ReturnType<T>>(key: string, func: T): U {\n    if (!ObjectPool.pool[key]) {\n      ObjectPool.pool[key] = func();\n    }\n    return ObjectPool.pool[key];\n  }\n}","import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { RootStore } from \"../store/root\";\n\nexport const AppProvider = observer(({ children }: { children?: React.ReactNode }) => {\n  const rootStore = RootStore.init()\n  return (\n    <>\n      {rootStore.providers.map((store) => {\n        const Component: any = store.provider;\n        return <Component rootStore={rootStore} key={store.sid} />;\n      })}\n      {children && children}\n    </>\n  )\n})"]}
+{"version":3,"sources":["../store/standard/PromiseHook.ts","../store/standard/BigNumberState.ts","../store/standard/BigNumberInputState.ts","../store/standard/StorageState.ts","../store/standard/ObjectPool.ts","../module/AppProvider.tsx"],"names":["BigNumber","makeAutoObservable","rootStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,kBAAkB;AAEpB,IAAM,KAAN,MAAS;AAGhB;AAAA;AAHa,GAEJ,QAAQ,WAAW;AAarB,IAAM,cAAN,MAAkB;AAAA,EAEvB,OAAO,IAA4B,KAAuN;AACxP,QAAI;AACF,aAAO,OAAO,EAAE,MAAM,QAAQ,IAAI,SAAS,MAAM;AAC/C,YAAI;AAEJ,YAAI,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE,GAAG;AAC7B,qBAAW,IAAI,IAAI,IAAI;AAEvB,mBAAS,UAAU,YAAY;AAC7B,kBAAM,QAAQ,OAAO,QAAQ,QAAQ,EAClC,OAAO,CAAC,MAAM;AACb,kBAAI,CAAC,KAAK,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC;AAAG,uBAAO;AAEhD,kBAAI,EAAE,CAAC,EAAE;AAAM,uBAAO;AACtB,kBAAI,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;AAAG,uBAAO;AACpC,kBAAI,YAAY,SAAS,EAAE,CAAC,CAAC;AAAG,uBAAO;AACvC,qBAAO;AAAA,YACT,CAAC,EAAE,IAAI,OAAK;AACV,oBAAM,OAAO,SAAS,EAAE,CAAC,CAAC;AAC1B,qBAAO;AAAA,YACT,CAAC;AAEH,kBAAM,QAAQ,IAAI,MAAM,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAAA,UAC9C;AACA,cAAI,IAAI;AAEN,iBAAK,SAAS,EAAE,IAAI;AAAA,UACtB;AAAA,QACF,OAAO;AACL,qBAAW,KAAK,SAAS,EAAG;AAAA,QAC9B;AAGA,cAAM,SAAS,QAAQ;AACvB,eAAO;AAAA,MACT;AAAA,IACF,SAAS,GAAG;AACV,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAGA,OAAO,cAAc,QAAQ;AAC3B,YAAO,iCAAQ,UAAS;AAAA,EAC1B;AAAA;AAAA,EAIA,OAAO,KAAoE,EAAE,MAAM,cAAc,KAAK,GAAkF;AACtL,QAAI;AACJ,UAAM,OAAO,CAAC,SAAS;AACrB,cAAQ,UAAU;AAClB,UAAI,CAAC,QAAQ,OAAO;AAClB,gBAAQ,QAAQ,KAAK,IAAI,EACtB,KAAK,CAAC,MAAM;AACX,kBAAQ,QAAQ;AAChB,kBAAQ,UAAU;AAClB,kBAAQ,QAAQ;AAChB,iBAAO;AAAA,QACT,CAAC,EACA,MAAM,CAAC,MAAM;AACZ,kBAAQ,MAAM,GAAG,IAAI;AACrB,kBAAQ,QAAQ;AAChB,kBAAQ,QAAQ;AAChB,kBAAQ,UAAU;AAClB,gBAAM;AAAA,QACR,CAAC;AAAA,MACL;AAGA,aAAO,QAAQ;AAAA,IACjB;AACA,UAAM,MAAM,OAAO,SAAc;AAC/B,UAAI,CAAC,QAAQ,OAAO;AAElB,eAAO,KAAK,IAAI;AAAA,MAClB;AACA,aAAO,QAAQ;AAAA,IACjB;AAEA,QAAI,CAAC,SAAS;AACZ,gBAAU,WAAW;AAAA,QACnB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,IAAI,QAAQ;AACV,iBAAO,QAAQ,QAAQ;AAAA,QACzB;AAAA,QACA,IAAI,MAAM,KAAK;AACb,kBAAQ,QAAQ,IAAI;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QAEA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,SAAS;AACP,iBAAO,QAAQ;AAAA,QACjB;AAAA,QACA,WAAW;AACT,iBAAO,QAAQ;AAAA,QACjB;AAAA,MACF,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT;AAEF;AA9Ga,YACJ,WAAW,WAAW,CAAC,CAAC;;;ACpBjC,OAAO,eAAe;AACtB,SAAS,0BAA0B;AAG5B,IAAM,iBAAN,MAAqB;AAAA,EAM1B,YAAY,MAA+B;AAL3C,iBAAQ,IAAI,UAAU,CAAC;AACvB,mBAAU;AACV,oBAAW;AACX,iBAAQ;AAGN,WAAO,OAAO,MAAM,IAAI;AACxB,uBAAmB,MAAM;AAAA,MACvB,WAAW;AAAA,IACb,CAAC;AAAA,EACH;AAAA,EACA,IAAI,SAAS;AACX,QAAI,KAAK;AAAS,aAAO;AACzB,WAAO,KAAK,UAAU;AAAA,EACxB;AAAA,EAEA,UAAU,EAAE,WAAW,KAAK,UAAU,QAAQ,KAAK,MAAM,IAA2C,CAAC,GAAG;AACtG,QAAI,KAAK;AAAS,aAAO;AACzB,QAAI,KAAK;AAAW,aAAO,KAAK,UAAU,IAAI;AAC9C,WAAO,OAAO,OAAO,iBAAiB,IAAI,UAAU,KAAK,KAAK,EAAE,UAAU,MAAM,QAAQ,EAAE,QAAQ,GAAG;AAAA,MACnG,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,UAAkB;AAC5B,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,SAAS,OAAkB;AACzB,SAAK,QAAQ;AACb,SAAK,WAAW,KAAK;AAAA,EACvB;AAAA,EAEA,WAAW,KAAK;AACd,SAAK,UAAU;AAAA,EACjB;AACF;;;ACzCA,OAAOA,gBAAe;AACtB,SAAS,sBAAAC,2BAA0B;AAE5B,IAAM,sBAAN,MAA0B;AAAA,EAM/B,YAAY,MAAoC;AALhD,iBAAQ,IAAID,WAAU,CAAC;AACvB,kBAAS;AACT,mBAAU;AACV,oBAAW;AAGT,WAAO,OAAO,MAAM,IAAI;AACxB,IAAAC,oBAAmB,IAAI;AAAA,EACzB;AAAA,EACA,IAAI,iBAA4B;AAC9B,WAAO,IAAID,WAAU,KAAK,KAAK,EAAE,UAAU,MAAM,KAAK,QAAQ;AAAA,EAChE;AAAA,EACA,SAAS,OAAY;AACnB,SAAK,QAAQ,IAAIA,WAAU,KAAK;AAEhC,SAAK,SAAS,OAAO,OAAO,cAAc,KAAK,MAAM,QAAQ,GAAG,KAAK,UAAU,EAAE,QAAQ,SAAS,UAAU,GAAG,CAAC,EAAE;AAClH,SAAK,WAAW,KAAK;AAAA,EACvB;AAAA,EACA,UAAU,KAAU;AAClB,SAAK,SAAS;AAGd,SAAK,QAAQ,IAAIA,WAAU,GAAG,EAAE,aAAa,MAAM,KAAK,QAAQ;AAAA,EAClE;AAAA,EACA,WAAW,KAAc;AACvB,SAAK,UAAU;AAAA,EACjB;AAAA,EACA,YAAY,KAAa;AACvB,SAAK,WAAW;AAAA,EAClB;AAAA,EACA,IAAI,SAAkB;AACpB,WAAO,KAAK,MAAM,OAAO,KAAK,KAAK,UAAU;AAAA,EAC/C;AACF;;;ACrCA,SAAS,sBAAAC,2BAA0B;AAE5B,IAAM,eAAN,MAAM,cAAgB;AAAA,EAI3B,YAAY,MAAgC;AAF5C,iBAAiB;AACjB,mBAAmB;AAEjB,WAAO,OAAO,MAAM,IAAI;AACxB,IAAAA,oBAAmB,IAAI;AACvB,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,OAAO,UAAU,KAAU;AACzB,QAAI;AACF,aAAO,KAAK,MAAM,GAAG;AAAA,IACvB,SAAS,OAAO;AACd,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO;AApBT;AAqBI,QAAI;AACF,YAAM,SAAQ,sCAAQ,iBAAR,mBAAsB,QAAQ,KAAK;AACjD,WAAK,QAAQ,cAAa,UAAU,KAAK;AACzC,UAAI,KAAK,SAAS,MAAM;AACtB,aAAK,QAAQ,KAAK;AAAA,MACpB;AACA,aAAO,KAAK;AAAA,IACd,SAAS,OAAO;AACd,cAAQ,MAAM,KAAK;AACnB,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,KAAK,OAAW;AACd,QAAI;AACF,UAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,aAAK,QAAQ;AAAA,MACf;AACA,uCAAQ,aAAa,QAAQ,KAAK,KAAK,KAAK,UAAU,KAAK;AAAA,IAC7D,SAAS,OAAO;AACd,cAAQ,MAAM,KAAK;AACnB,aAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,SAAS,OAAW;AAClB,SAAK,KAAK,KAAK;AAAA,EACjB;AAAA,EAEA,QAAQ;AACN,QAAI;AACF,mBAAa,WAAW,KAAK,GAAG;AAAA,IAClC,SAAS,OAAO;AACd,aAAO;AAAA,IACT;AAAA,EACF;AACF;;;ACzDO,IAAM,cAAN,MAAM,YAAW;AAAA,EAGtB,OAAO,IAA0D,KAAa,MAAY;AACxF,QAAI,CAAC,YAAW,KAAK,GAAG,GAAG;AACzB,kBAAW,KAAK,GAAG,IAAI,KAAK;AAAA,IAC9B;AACA,WAAO,YAAW,KAAK,GAAG;AAAA,EAC5B;AACF;AATa,YACJ,OAA+B,CAAC;AADlC,IAAM,aAAN;;;ACAP,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAGlB,IAAM,cAAc,SAAS,CAAC,EAAE,SAAS,MAAsC;AACpF,QAAMC,aAAY,UAAU,KAAK;AACjC,SACE,0DACGA,WAAU,UAAU,IAAI,CAAC,UAAU;AAClC,UAAM,YAAiB,MAAM;AAC7B,WAAO,oCAAC,aAAU,WAAWA,YAAW,KAAK,MAAM,KAAK;AAAA,EAC1D,CAAC,GACA,YAAY,QACf;AAEJ,CAAC","sourcesContent":["\n\nimport { observable } from 'mobx';\n\nexport class KV {\n  //@ts-ignore\n  static datas = observable();\n}\n\nexport abstract class ContractBase {\n  // chainId?: number;\n  // address?: string;\n\n}\n\nexport type ContractClass<T extends ContractBase> = new (args: Partial<T>) => T\n\nexport type PromiseHookData<T, U> = { value: Awaited<U>; get: T; call: T; func: T, loading: boolean, errorRetry: number };\n\nexport class PromiseHook {\n  static entities = observable([]);\n  static Get<T extends ContractBase>(cls: ContractClass<T>): (args: { args: Partial<T>; id?: string, select?: { [key in keyof Partial<T>]: boolean }, unselect?: { [key in keyof Partial<T>]: boolean } }) => Promise<T & { refresh: () => Promise<void> }> {\n    try {\n      return async ({ args, select, id, unselect }) => {\n        let instance: any\n        //@ts-ignore\n        if (!id || !this.entities[id]) {\n          instance = new cls(args);\n\n          instance.refresh = async () => {\n            const hooks = Object.entries(instance)\n              .filter((i) => {\n                if (!this.isPromiseHook(instance[i[0]])) return false\n                //@ts-ignore\n                if (i[1].lazy) return false\n                if (select && !select[i[0]]) return false\n                if (unselect && unselect[i[0]]) return false\n                return true\n              }).map(i => {\n                const hook = instance[i[0]]\n                return hook\n              })\n\n            await Promise.all(hooks.map((i) => i.call()));\n          }\n          if (id) {\n            //@ts-ignore\n            this.entities[id] = instance\n          }\n        } else {\n          instance = this.entities[id!]\n        }\n\n\n        await instance.refresh()\n        return instance;\n      };\n    } catch (e) {\n      throw e\n    }\n  }\n\n\n  static isPromiseHook(target) {\n    return target?._type == \"promiseHook\"\n  }\n\n\n  //ttl : ms\n  static wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>({ func, defaultValue, lazy }: { func: T; defaultValue?: Awaited<U>; lazy?: boolean }): PromiseHookData<T, U> {\n    let context;\n    const call = (args) => {\n      context.loading = true;\n      if (!context._call) {\n        context._call = func(args)\n          .then((i) => {\n            context.value = i;\n            context.loading = false;\n            context._call = null\n            return i\n          })\n          .catch((i) => {\n            console.error(i, func);\n            context.value = defaultValue\n            context._call = null\n            context.loading = false;\n            throw i;\n          });\n      }\n\n\n      return context._call\n    };\n    const get = async (args: any) => {\n      if (!context.value) {\n\n        return call(args);\n      }\n      return context.value;\n    };\n\n    if (!context) {\n      context = observable({\n        _type: 'promiseHook',\n        _value: defaultValue,\n        get value() {\n          return context['_value'];\n        },\n        set value(val) {\n          context['_value'] = val;\n        },\n        get,\n        lazy,\n\n        loading: false,\n        call,\n        defaultValue,\n        toJSON() {\n          return context.value\n        },\n        toString() {\n          return context.value\n        },\n      });\n    }\n\n    return context;\n  }\n\n}\n","import BigNumber from \"bignumber.js\";\nimport { makeAutoObservable } from \"mobx\";\nimport { helper } from \"../../lib/helper\";\n\nexport class BigNumberState {\n  value = new BigNumber(0);\n  loading = false;\n  decimals = 18;\n  fixed = 6;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this, {\n      getFormat: false,\n    });\n  }\n  get format() {\n    if (this.loading) return \"...\";\n    return this.getFormat();\n  }\n\n  getFormat({ decimals = this.decimals, fixed = this.fixed }: { decimals?: number; fixed?: number } = {}) {\n    if (this.loading) return \"...\";\n    if (this.formatter) return this.formatter(this);\n    return helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** decimals).toFixed(), {\n      decimals: fixed,\n    });\n  }\n\n  setDecimals(decimals: number) {\n    this.decimals = decimals;\n  }\n\n  setValue(value: BigNumber) {\n    this.value = value;\n    this.setLoading(false);\n  }\n\n  setLoading(val) {\n    this.loading = val;\n  }\n}\n","import BigNumber from 'bignumber.js';\nimport { makeAutoObservable } from 'mobx';\nimport { helper } from '../../lib/helper';\nexport class BigNumberInputState {\n  value = new BigNumber(0);\n  format = '';\n  loading = false;\n  decimals = 18;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberInputState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  get noDecimasValue(): BigNumber {\n    return new BigNumber(this.value).dividedBy(10 ** this.decimals);\n  }\n  setValue(value: any) {\n    this.value = new BigNumber(value);\n    // this.format = helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** this.decimals).toFixed());\n    this.format = helper.number.warpBigNumber(this.value.toFixed(), this.decimals, { format: '0.000', fallback: '' }).format;\n    this.setLoading(false);\n  }\n  setFormat(val: any) {\n    this.format = val;\n    // this.format = helper.number.toPrecisionFloor(this.format);\n    // this.format = helper.number.warpBigNumber(this.value.toFixed(), this.decimals, { format: '0.000', fallback: '' }).format;\n    this.value = new BigNumber(val).multipliedBy(10 ** this.decimals);\n  }\n  setLoading(val: boolean) {\n    this.loading = val;\n  }\n  setDecimals(val: number) {\n    this.decimals = val;\n  }\n  get isZero(): boolean {\n    return this.value.isZero() && this.format == '';\n  }\n}\n","import { makeAutoObservable } from 'mobx';\n\nexport class StorageState<T> {\n  key: string;\n  value: T | any = null;\n  default: T | any = null;\n  constructor(args: Partial<StorageState<T>>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n    this.load();\n  }\n\n  static safeParse(val: any) {\n    try {\n      return JSON.parse(val);\n    } catch (error) {\n      return val;\n    }\n  }\n\n  load() {\n    try {\n      const value = window?.localStorage?.getItem(this.key);\n      this.value = StorageState.safeParse(value);\n      if (this.value == null) {\n        this.value = this.default;\n      }\n      return this.value;\n    } catch (error) {\n      console.error(error)\n      return null\n    }\n  }\n\n  save(value?: T) {\n    try {\n      if (value !== null || value !== undefined) {\n        this.value = value;\n      }\n      window?.localStorage.setItem(this.key, JSON.stringify(value));\n    } catch (error) {\n      console.error(error)\n      return null\n    }\n  }\n\n  setValue(value?: T) {\n    this.save(value);\n  }\n\n  clear() {\n    try {\n      localStorage.removeItem(this.key);\n    } catch (error) {\n      return null\n    }\n  }\n}\n","export class ObjectPool {\n  static pool: { [key: string]: any } = {};\n\n  static get<T extends (...args: any[]) => any, U = ReturnType<T>>(key: string, func: T): U {\n    if (!ObjectPool.pool[key]) {\n      ObjectPool.pool[key] = func();\n    }\n    return ObjectPool.pool[key];\n  }\n}","import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { RootStore } from \"../store/root\";\n\nexport const AppProvider = observer(({ children }: { children?: React.ReactNode }) => {\n  const rootStore = RootStore.init()\n  return (\n    <>\n      {rootStore.providers.map((store) => {\n        const Component: any = store.provider;\n        return <Component rootStore={rootStore} key={store.sid} />;\n      })}\n      {children && children}\n    </>\n  )\n})"]}

package/dist/inspector.d.mts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { S as Store } from './root-C3lZnoCI.js';
+import { S as Store } from './root-766ae985.js';
 import 'typed-emitter';
 
 declare class DevInspectorPlugin implements Store {

package/dist/inspector.mjs

@@ -1,4 +1,4 @@
-import './chunk-R4SQKVDQ.mjs';
+import './chunk-6F7H4PAA.mjs';
 import React from 'react';
 import { Inspector } from 'react-dev-inspector';
 

package/dist/jsontable.d.mts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SlotsToClasses, TableSlots, PaginationProps, SpinnerProps } from '@nextui-org/react';
-import { P as PaginationState } from './PaginationState-Bmrrw0ky.js';
+import { P as PaginationState } from './PaginationState-c19e621a.js';
 
 type HeaderKeys<T extends Record<string, any>> = Array<keyof T | '$actions'>;
 type ColumnOptions<T> = {
@@ -97,4 +97,4 @@ declare const JSONTable: (<T extends Record<string, any>>(props: JSONTableProps<
     displayName: string;
 };
 
-export { type CardOptions, type Column, type ColumnOptions, type ExtendedTable, type HeaderKeys, JSONTable };
+export { CardOptions, Column, ColumnOptions, ExtendedTable, HeaderKeys, JSONTable };

package/dist/jsontable.mjs

@@ -1,8 +1,8 @@
-export { JSONTable } from './chunk-SVPD6PC6.mjs';
+export { JSONTable } from './chunk-7FF4BCFW.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import './chunk-HRYH37UI.mjs';
+import './chunk-WT2ARRCR.mjs';
 import './chunk-MGU3KYGC.mjs';
-import './chunk-AIZ7XDNV.mjs';
-import './chunk-R4SQKVDQ.mjs';
+import './chunk-WYGQ3Y4R.mjs';
+import './chunk-6F7H4PAA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=jsontable.mjs.map

package/dist/metrics.d.mts

@@ -118,4 +118,4 @@ declare const MetricsView: ({ data }: {
     data: JSONMetricsViewType;
 }) => React.JSX.Element;
 
-export { JSONMetricsView, type JSONMetricsViewType, MetricsView };
+export { JSONMetricsView, JSONMetricsViewType, MetricsView };

package/dist/metrics.mjs

@@ -1,9 +1,9 @@
-import { JSONTable } from './chunk-SVPD6PC6.mjs';
+import { JSONTable } from './chunk-7FF4BCFW.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import { SkeletonBox } from './chunk-HRYH37UI.mjs';
+import { SkeletonBox } from './chunk-WT2ARRCR.mjs';
 import './chunk-MGU3KYGC.mjs';
-import { cn } from './chunk-AIZ7XDNV.mjs';
-import { __spreadValues } from './chunk-R4SQKVDQ.mjs';
+import { cn } from './chunk-WYGQ3Y4R.mjs';
+import { __spreadValues } from './chunk-6F7H4PAA.mjs';
 import React8 from 'react';
 import { Grid, Col, BarChart, LineChart, AreaChart, DonutChart, Text } from '@tremor/react';
 import { Card } from '@nextui-org/react';

package/dist/plugins.d.mts

@@ -1,9 +1,9 @@
-import { S as Store } from './root-C3lZnoCI.js';
+import { S as Store } from './root-766ae985.js';
 import React from 'react';
-import { SlotsToClasses, ModalSlots } from '@nextui-org/react';
-import { T as ThemeType } from './index-CUKoRIdy.js';
+import { SlotsToClasses, ModalSlots, SpinnerProps } from '@nextui-org/react';
+import { T as ThemeType } from './index-38be834f.js';
 import * as react_hot_toast from 'react-hot-toast';
-import { P as PromiseState } from './PromiseState-yojg0WLR.js';
+import { P as PromiseState } from './PromiseState-b0cc408e.js';
 import 'typed-emitter';
 import 'events';
 
@@ -66,10 +66,29 @@ type GroupOptions = {
     args?: any[];
     title: React.ReactNode;
 }[];
+type DialogContentUIProps = {
+    className?: string;
+    itemClassName?: string;
+    numberClassName?: string;
+    spinnerProps?: SpinnerProps;
+    SuccessIcon?: React.ReactNode;
+    FailureIcon?: React.ReactNode;
+};
+type StepUIProps = {
+    className?: string;
+    itemClassName?: string;
+    activatedItemClassName?: string;
+    numberClassName?: string;
+    activatedNumberClassName?: string;
+    spinnerProps?: SpinnerProps;
+    SuccessIcon?: React.ReactNode;
+    FailureIcon?: React.ReactNode;
+};
 
 declare class PromiseStateGroup {
     group: PromiseState<any, any>[];
     groupOptions: GroupOptions;
+    currentCallStepNo: number;
     constructor({ group, groupOptions }: {
         group: PromiseState<any, any>[];
         groupOptions: GroupOptions;
@@ -78,11 +97,18 @@ declare class PromiseStateGroup {
         result: any[];
         errMsg: string;
     }>;
-    ui(dialogOptions?: Partial<DialogStore>): Promise<{
-        result: any[];
+    showDialog(dialogOptions?: Partial<DialogStore>, dialogContentOptions?: DialogContentUIProps): this;
+    closeDialog(): void;
+    stepCall(stepNo: number): Promise<{
+        result: any;
         errMsg: string;
+    } | {
+        result: any;
+        errMsg: any;
     }>;
-    closeUI(): void;
+    onNext(): void;
+    onPrevious(): void;
+    render(props?: StepUIProps): React.JSX.Element;
 }
 
 export { ConfirmStore, DialogStore, PromiseStateGroup, ToastPlugin };

package/dist/plugins.mjs

@@ -1,11 +1,11 @@
 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-IDKGZ5T4.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 +14,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 +27,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 +38,7 @@ var ConfirmModal = observer(() => {
         }
       },
       cancelText
-    ), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React5.createElement(
       Button,
       {
         color: "primary",
@@ -55,7 +55,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 +93,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 +108,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 +117,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 +152,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 +260,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 };