@dappworks/kit 0.5.35 → 0.5.36

package/dist/index.mjs

@@ -1,14 +1,14 @@
-export { AppProvider, AutoMan, BigNumberInputState, BigNumberState, ObjectPool, PromiseHook, StorageListState, StorageState } from './chunk-RU6ZML4R.mjs';
-export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-SL5OV6OR.mjs';
-import './chunk-PGS2TG3C.mjs';
-import './chunk-2N4HH4ZF.mjs';
-import './chunk-OBMZXW6O.mjs';
-import './chunk-IMOLRP7I.mjs';
-import './chunk-GKAU4P5I.mjs';
-export { RootStore, rootStore, useStore } from './chunk-IDKGZ5T4.mjs';
-import './chunk-R4N52NI2.mjs';
-export { PaginationState } from './chunk-ONVPCAMQ.mjs';
-import './chunk-K7LFG5BA.mjs';
-import './chunk-YITAUACR.mjs';
+export { AppProvider, AutoMan, BigNumberInputState, BigNumberState, ObjectPool, PromiseHook, StorageListState, StorageState } from './chunk-BR7IWH2E.mjs';
+export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-72E76L6J.mjs';
+import './chunk-WMV5O3PI.mjs';
+import './chunk-2BZKMJZX.mjs';
+import './chunk-NKGQRF5D.mjs';
+import './chunk-7EL2RQI7.mjs';
+import './chunk-R66SHRQE.mjs';
+export { RootStore, rootStore, useStore } from './chunk-KIS52LFU.mjs';
+import './chunk-7WJMHFRA.mjs';
+export { PaginationState } from './chunk-Z3LJE5QF.mjs';
+import './chunk-2PD23V7H.mjs';
+import './chunk-6F7H4PAA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/dist/inspector.mjs

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

package/dist/inspector.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../module/DevInspector/index.tsx"],"names":[],"mappings":";;;AAAA,OAAO,WAAW;AAClB,SAAS,iBAAgC;AAGlC,IAAM,qBAAN,MAA0C;AAAA,EAO/C,YAAY,OAAoC,CAAC,GAAG;AANpD,eAAM;AACN,iBAAQ;AACR,0BAAiB;AACjB,oBAAW;AACX,kBAA8B;AAM9B,oBAAW,MAAM;AACf,aACE;AAAA,QAAC;AAAA;AAAA,UAGC,MAAM,CAAC,WAAW,SAAS,WAAW,GAAG;AAAA,UACzC,qBAAqB;AAAA,UACrB,gBAAgB,CAAC,EAAE,SAAS,MAAqB;AAC/C,gBAAI,EAAC,qCAAU;AAAc;AAC7B,kBAAM,EAAE,cAAc,YAAY,aAAa,IAAI;AAEnD,mBAAO,KAAK,GAAG,KAAK,MAAM,WAAW,YAAY,IAAI,UAAU,IAAI,YAAY,EAAE;AAAA,UACnF;AAAA;AAAA,MACF;AAAA,IAEJ;AAlBE,WAAO,OAAO,MAAM,IAAI;AAAA,EAC1B;AAkBF","sourcesContent":["import React from 'react';\nimport { Inspector, InspectParams } from 'react-dev-inspector';\nimport { Store } from '../../store/standard/base';\n\nexport class DevInspectorPlugin implements Store {\n  sid = 'DevInspectorPlugin';\n  stype = \"Plugin\"\n  autoObservable = false;\n  disabled = false;\n  editor: 'vscode' | 'cursor' = 'vscode';\n\n  constructor(args: Partial<DevInspectorPlugin> = {}) {\n    Object.assign(this, args);\n  }\n\n  provider = () => {\n    return (\n      <Inspector\n        // props see docs:\n        // https://github.com/zthxxx/react-dev-inspector#inspector-component-props\n        keys={['control', 'shift', 'command', 'c']}\n        disableLaunchEditor={true}\n        onClickElement={({ codeInfo }: InspectParams) => {\n          if (!codeInfo?.absolutePath) return\n          const { absolutePath, lineNumber, columnNumber } = codeInfo\n          // you can change the url protocol if you are using in Web IDE\n          window.open(`${this.editor}://file/${absolutePath}:${lineNumber}:${columnNumber}`)\n        }}\n      />\n    );\n  };\n}\n"]}
+{"version":3,"sources":["../module/DevInspector/index.tsx"],"names":[],"mappings":";;;AAAA,OAAO,WAAW;AAClB,SAAS,iBAAgC;AAGlC,IAAM,qBAAN,MAA0C;AAAA,EAO/C,YAAY,OAAoC,CAAC,GAAG;AANpD,eAAM;AACN,iBAAQ;AACR,0BAAiB;AACjB,oBAAW;AACX,kBAA8B;AAM9B,oBAAW,MAAM;AACf,aACE;AAAA,QAAC;AAAA;AAAA,UAGC,MAAM,CAAC,WAAW,SAAS,WAAW,GAAG;AAAA,UACzC,qBAAqB;AAAA,UACrB,gBAAgB,CAAC,EAAE,SAAS,MAAqB;AAC/C,gBAAI,EAAC,qCAAU;AAAc;AAC7B,kBAAM,EAAE,cAAc,YAAY,aAAa,IAAI;AAEnD,mBAAO,KAAK,GAAG,KAAK,MAAM,WAAW,YAAY,IAAI,UAAU,IAAI,YAAY,EAAE;AAAA,UACnF;AAAA;AAAA,MACF;AAAA,IAEJ;AAlBE,WAAO,OAAO,MAAM,IAAI;AAAA,EAC1B;AAkBF","sourcesContent":["import React from 'react';\r\nimport { Inspector, InspectParams } from 'react-dev-inspector';\r\nimport { Store } from '../../store/standard/base';\r\n\r\nexport class DevInspectorPlugin implements Store {\r\n  sid = 'DevInspectorPlugin';\r\n  stype = \"Plugin\"\r\n  autoObservable = false;\r\n  disabled = false;\r\n  editor: 'vscode' | 'cursor' = 'vscode';\r\n\r\n  constructor(args: Partial<DevInspectorPlugin> = {}) {\r\n    Object.assign(this, args);\r\n  }\r\n\r\n  provider = () => {\r\n    return (\r\n      <Inspector\r\n        // props see docs:\r\n        // https://github.com/zthxxx/react-dev-inspector#inspector-component-props\r\n        keys={['control', 'shift', 'command', 'c']}\r\n        disableLaunchEditor={true}\r\n        onClickElement={({ codeInfo }: InspectParams) => {\r\n          if (!codeInfo?.absolutePath) return\r\n          const { absolutePath, lineNumber, columnNumber } = codeInfo\r\n          // you can change the url protocol if you are using in Web IDE\r\n          window.open(`${this.editor}://file/${absolutePath}:${lineNumber}:${columnNumber}`)\r\n        }}\r\n      />\r\n    );\r\n  };\r\n}\r\n"]}

package/dist/jsoncomponent.mjs

@@ -1,4 +1,4 @@
-import './chunk-YITAUACR.mjs';
+import './chunk-6F7H4PAA.mjs';
 import React from 'react';
 
 var CardWidget = ({ jsondata }) => {

package/dist/jsoncomponent.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/JSONComponent/index.tsx","../components/JSONComponent/Widgets/Card.tsx","../components/JSONComponent/Widgets/CardList.tsx","../components/JSONComponent/Widgets/Nav.tsx"],"names":["React"],"mappings":";;;AAAA,OAAOA,YAAW;;;ACAlB,OAAO,WAAW;AAGlB,IAAM,aAAa,CAAgC,EAAE,SAAS,MAAqC;AACjG,QAAM,OAAO,OAAO,KAAK,QAAQ;AACjC,SACE,oCAAC,SAAI,WAAU,qEACZ,KAAK,IAAI,SAAO;AACf,WACE,oCAAC,SAAI,WAAU,qCAAoC,OACjD,oCAAC,aACE,GACH,GACA,oCAAC,aACE,SAAS,GAAG,CACf,CACF;AAAA,EAEJ,CAAC,CACH;AAEJ;AAEA,IAAO,eAAQ;;;ACvBf,OAAOA,YAAW;AAIlB,IAAM,iBAAiB,CAAgC,EAAE,SAAS,MAAqC;AACrG,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,UAAM,YAAY,SAAS,CAAC;AAC5B,QAAI,aAAa,UAAU,gBAAgB,QAAQ;AACjD,aACE,gBAAAA,OAAA,cAAC,SAAI,WAAU,eACZ,SAAS,IAAI,CAAC,MAAM,UAAU;AAC7B,eACE,gBAAAA,OAAA,cAAC,gBAAW,UAAU,MAAM,KAAK,OAAO;AAAA,MAE5C,CAAC,CACH;AAAA,IAEJ;AAAA,EACF;AACA,SACE,gBAAAA,OAAA,cAAC,gBAAW,UAAoB;AAEpC;AAEA,IAAO,mBAAQ;;;ACxBf,OAAOA,YAAW;AAGlB,IAAM,YAAY,CAAgC,EAAE,SAAS,MAAqC;AAChG,SACE,gBAAAA,OAAA,cAAC,aACC,gBAAAA,OAAA,cAAC,YAAG,KAAG,CACT;AAEJ;AAEA,IAAO,cAAQ;;;AHNf,IAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF;AAUO,IAAM,gBAAgB,CAAgC,EAAE,WAAW,UAAU,KAAK,MAA6B;AACpH,QAAM,QAAQ,SAAS,MAAM,QAAQ,QAAQ,IAAI,aAAa;AAC9D,QAAM,OAAO,WAAW,KAAK;AAC7B,SACE,gBAAAA,OAAA,cAAC,SAAI,aACH,gBAAAA,OAAA,cAAC,QAAK,UAAoB,CAC5B;AAEJ","sourcesContent":["import React from \"react\";\nimport Card from \"./Widgets/Card\";\nimport CardList from \"./Widgets/CardList\";\nimport Nav from \"./Widgets/Nav\";\n\nconst COMPONENTS = {\n  Card,\n  CardList,\n  Nav,\n};\n\nexport type JSONDataType<T extends Record<string, any>> = Array<T> | T;\n\nexport interface JSONComponentProps<T extends Record<string, any>> {\n  className?: string;\n  jsondata: JSONDataType<T>;\n  type?: keyof typeof COMPONENTS;\n}\n\nexport const JSONComponent = <T extends Record<string, any>>({ className, jsondata, type }: JSONComponentProps<T>) => {\n  const _type = type || (Array.isArray(jsondata) ? 'CardList' : 'Card');\n  const Comp = COMPONENTS[_type];\n  return (\n    <div className={className}>\n      <Comp jsondata={jsondata} />\n    </div>\n  );\n}\n","import React from \"react\";\nimport { JSONDataType } from \"..\";\n\nconst CardWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  const keys = Object.keys(jsondata);\n  return (\n    <div className=\"p-2 shadow-sm rounded-lg border dark:border-[#3e3e3e] space-y-2\">\n      {keys.map(key => {\n        return (\n          <div className=\"flex items-center justify-between\" key={key}>\n            <div>\n              {key}\n            </div>\n            <div>\n              {jsondata[key]}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  );\n}\n\nexport default CardWidget;","import React from \"react\";\nimport { JSONDataType } from \"..\";\nimport CardWidget from \"./Card\";\n\nconst CardListWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  if (Array.isArray(jsondata)) {\n    const firstData = jsondata[0];\n    if (firstData && firstData.constructor === Object) {\n      return (\n        <div className=\"space-y-2\">\n          {jsondata.map((item, index) => {\n            return (\n              <CardWidget jsondata={item} key={index} />\n            )\n          })}\n        </div>\n      )\n    }\n  }\n  return (\n    <CardWidget jsondata={jsondata} />\n  );\n}\n\nexport default CardListWidget;","import React from \"react\";\nimport { JSONDataType } from \"..\";\n\nconst NavWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\n  return (\n    <div>\n      <h1>Nav</h1>\n    </div>\n  );\n}\n\nexport default NavWidget;"]}
+{"version":3,"sources":["../components/JSONComponent/index.tsx","../components/JSONComponent/Widgets/Card.tsx","../components/JSONComponent/Widgets/CardList.tsx","../components/JSONComponent/Widgets/Nav.tsx"],"names":["React"],"mappings":";;;AAAA,OAAOA,YAAW;;;ACAlB,OAAO,WAAW;AAGlB,IAAM,aAAa,CAAgC,EAAE,SAAS,MAAqC;AACjG,QAAM,OAAO,OAAO,KAAK,QAAQ;AACjC,SACE,oCAAC,SAAI,WAAU,qEACZ,KAAK,IAAI,SAAO;AACf,WACE,oCAAC,SAAI,WAAU,qCAAoC,OACjD,oCAAC,aACE,GACH,GACA,oCAAC,aACE,SAAS,GAAG,CACf,CACF;AAAA,EAEJ,CAAC,CACH;AAEJ;AAEA,IAAO,eAAQ;;;ACvBf,OAAOA,YAAW;AAIlB,IAAM,iBAAiB,CAAgC,EAAE,SAAS,MAAqC;AACrG,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,UAAM,YAAY,SAAS,CAAC;AAC5B,QAAI,aAAa,UAAU,gBAAgB,QAAQ;AACjD,aACE,gBAAAA,OAAA,cAAC,SAAI,WAAU,eACZ,SAAS,IAAI,CAAC,MAAM,UAAU;AAC7B,eACE,gBAAAA,OAAA,cAAC,gBAAW,UAAU,MAAM,KAAK,OAAO;AAAA,MAE5C,CAAC,CACH;AAAA,IAEJ;AAAA,EACF;AACA,SACE,gBAAAA,OAAA,cAAC,gBAAW,UAAoB;AAEpC;AAEA,IAAO,mBAAQ;;;ACxBf,OAAOA,YAAW;AAGlB,IAAM,YAAY,CAAgC,EAAE,SAAS,MAAqC;AAChG,SACE,gBAAAA,OAAA,cAAC,aACC,gBAAAA,OAAA,cAAC,YAAG,KAAG,CACT;AAEJ;AAEA,IAAO,cAAQ;;;AHNf,IAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF;AAUO,IAAM,gBAAgB,CAAgC,EAAE,WAAW,UAAU,KAAK,MAA6B;AACpH,QAAM,QAAQ,SAAS,MAAM,QAAQ,QAAQ,IAAI,aAAa;AAC9D,QAAM,OAAO,WAAW,KAAK;AAC7B,SACE,gBAAAA,OAAA,cAAC,SAAI,aACH,gBAAAA,OAAA,cAAC,QAAK,UAAoB,CAC5B;AAEJ","sourcesContent":["import React from \"react\";\r\nimport Card from \"./Widgets/Card\";\r\nimport CardList from \"./Widgets/CardList\";\r\nimport Nav from \"./Widgets/Nav\";\r\n\r\nconst COMPONENTS = {\r\n  Card,\r\n  CardList,\r\n  Nav,\r\n};\r\n\r\nexport type JSONDataType<T extends Record<string, any>> = Array<T> | T;\r\n\r\nexport interface JSONComponentProps<T extends Record<string, any>> {\r\n  className?: string;\r\n  jsondata: JSONDataType<T>;\r\n  type?: keyof typeof COMPONENTS;\r\n}\r\n\r\nexport const JSONComponent = <T extends Record<string, any>>({ className, jsondata, type }: JSONComponentProps<T>) => {\r\n  const _type = type || (Array.isArray(jsondata) ? 'CardList' : 'Card');\r\n  const Comp = COMPONENTS[_type];\r\n  return (\r\n    <div className={className}>\r\n      <Comp jsondata={jsondata} />\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { JSONDataType } from \"..\";\r\n\r\nconst CardWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\r\n  const keys = Object.keys(jsondata);\r\n  return (\r\n    <div className=\"p-2 shadow-sm rounded-lg border dark:border-[#3e3e3e] space-y-2\">\r\n      {keys.map(key => {\r\n        return (\r\n          <div className=\"flex items-center justify-between\" key={key}>\r\n            <div>\r\n              {key}\r\n            </div>\r\n            <div>\r\n              {jsondata[key]}\r\n            </div>\r\n          </div>\r\n        )\r\n      })}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default CardWidget;","import React from \"react\";\r\nimport { JSONDataType } from \"..\";\r\nimport CardWidget from \"./Card\";\r\n\r\nconst CardListWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\r\n  if (Array.isArray(jsondata)) {\r\n    const firstData = jsondata[0];\r\n    if (firstData && firstData.constructor === Object) {\r\n      return (\r\n        <div className=\"space-y-2\">\r\n          {jsondata.map((item, index) => {\r\n            return (\r\n              <CardWidget jsondata={item} key={index} />\r\n            )\r\n          })}\r\n        </div>\r\n      )\r\n    }\r\n  }\r\n  return (\r\n    <CardWidget jsondata={jsondata} />\r\n  );\r\n}\r\n\r\nexport default CardListWidget;","import React from \"react\";\r\nimport { JSONDataType } from \"..\";\r\n\r\nconst NavWidget = <T extends Record<string, any>>({ jsondata }: { jsondata: JSONDataType<T> }) => {\r\n  return (\r\n    <div>\r\n      <h1>Nav</h1>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default NavWidget;"]}

package/dist/jsontable.mjs

@@ -1,8 +1,8 @@
-export { JSONTable } from './chunk-VNT5YQS6.mjs';
-import './chunk-ONVPCAMQ.mjs';
-import './chunk-PHQTFYZL.mjs';
-import './chunk-K7LFG5BA.mjs';
-import './chunk-MPOMTIDB.mjs';
-import './chunk-YITAUACR.mjs';
+export { JSONTable } from './chunk-AVG4JG4V.mjs';
+import './chunk-Z3LJE5QF.mjs';
+import './chunk-5BTB7HRK.mjs';
+import './chunk-2PD23V7H.mjs';
+import './chunk-SPFKGNUY.mjs';
+import './chunk-6F7H4PAA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=jsontable.mjs.map

package/dist/metrics.mjs

@@ -1,9 +1,9 @@
-import { JSONTable } from './chunk-VNT5YQS6.mjs';
-import './chunk-ONVPCAMQ.mjs';
-import { SkeletonBox } from './chunk-PHQTFYZL.mjs';
-import './chunk-K7LFG5BA.mjs';
-import { cn } from './chunk-MPOMTIDB.mjs';
-import { __spreadValues } from './chunk-YITAUACR.mjs';
+import { JSONTable } from './chunk-AVG4JG4V.mjs';
+import './chunk-Z3LJE5QF.mjs';
+import { SkeletonBox } from './chunk-5BTB7HRK.mjs';
+import './chunk-2PD23V7H.mjs';
+import { cn } from './chunk-SPFKGNUY.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/metrics.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/JSONMetricsView/index.tsx","../components/JSONMetricsView/BarChartCard/index.tsx","../components/JSONMetricsView/ChartBox/index.tsx","../components/JSONMetricsView/LineChartCard/index.tsx","../components/JSONMetricsView/AreaChartCard/index.tsx","../components/JSONMetricsView/DonutChartCard/index.tsx","../components/JSONMetricsView/CountCard/index.tsx","../components/JSONMetricsView/TableCard/index.tsx","../components/JSONMetricsView/KPICard/index.tsx"],"names":["React","AreaChart","LineChart"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Col, Grid } from '@tremor/react';\nimport { BarChartCard } from './BarChartCard';\nimport { LineChartCard } from './LineChartCard';\nimport { AreaChartCard } from './AreaChartCard';\nimport { DonutChartCard } from './DonutChartCard';\nimport { CountCard } from './CountCard';\nimport { TableCard } from './TableCard';\nimport { KPICard } from './KPICard';\n\nexport type JSONMetricsViewType = AreaChartCard | LineChartCard | BarChartCard | DonutChartCard | CountCard | TableCard | KPICard;\n\nconst components = {\n  AreaChartCard,\n  LineChartCard,\n  BarChartCard,\n  DonutChartCard,\n  CountCard,\n  TableCard,\n  KPICard,\n};\n\nconst JSONMetricsView = ({ data }: { data: JSONMetricsViewType[] }) => {\n  return (\n    <Grid numItems={1} numItemsSm={1} numItemsLg={2} numItemsMd={2} className=\"gap-2\">\n      {data.map((item, index) => {\n        const Component = components[item.type];\n        return (\n          <Col key={index} numColSpanSm={1} numColSpanMd={item.numColSpanMd ?? 1}>\n            {/* @ts-ignore */}\n            <Component {...item} />\n          </Col>\n        );\n      })}\n    </Grid>\n  );\n};\n\nexport const MetricsView = ({ data }: { data: JSONMetricsViewType }) => {\n  const Comp = components[data.type];\n  // @ts-ignore\n  return <Comp {...data} />;\n};\n\nexport { JSONMetricsView };\n","import React from 'react';\nimport { BarChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type BarChartCard = ChartBox & {\n  type?: 'BarChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  showAnimation?: boolean;\n};\n\nexport const BarChartCard = (props: BarChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    valueFormatter = (number) => `${number}`,\n    showLegend = false,\n    showGridLines = false,\n    stack = false,\n    chartClassName,\n    showAnimation = true,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <BarChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n        valueFormatter={valueFormatter}\n        yAxisWidth={48}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        showAnimation={showAnimation}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { Card } from '@nextui-org/react';\n\nexport interface ChartBox {\n  title?: React.ReactNode;\n  description?: string;\n  error?: string;\n  data?: {\n    [key: string]: any;\n  }[];\n  children?: React.ReactNode;\n  gridH?: number; // grid units, not pixels\n  numColSpanMd?: number;\n  className?: string;\n  headerClassName?: string;\n  contentClassName?: string;\n  chartClassName?: string;\n}\n\nexport const ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }: ChartBox) => {\n  return (\n    <Card className={cn('shadow-sm rounded-lg border dark:border-[#3e3e3e]', className)}>\n      {(title || description) && (\n        <div className={cn('p-4 h-[60px]', headerClassName)}>\n          {title && <div>{title}</div>}\n          {description && <div className=\"text-xs\">{description}</div>}\n        </div>\n      )}\n      <div className={cn('px-2 pb-5', contentClassName)}>{error ? <div className=\"text-red-600\">{error}</div> : children}</div>\n    </Card>\n  );\n};\n","import React from 'react';\nimport { Color, CurveType, CustomTooltipProps, LineChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type LineChartCard = ChartBox & {\n  type?: 'LineChartCard';\n  categories?: string[];\n  index?: string;\n  curveType?: CurveType;\n  colors?: (Color | string)[];\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  startEndOnly?: boolean;\n  showTooltip?: boolean;\n  showAnimation?: boolean;\n  autoMinValue?: boolean;\n  valueFormatter?: ValueFormatter;\n  customTooltip?: React.ComponentType<CustomTooltipProps>;\n};\n\nexport const LineChartCard = (props: LineChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    curveType = 'linear',\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\n    showLegend = false,\n    showGridLines = false,\n    chartClassName,\n    showXAxis = true,\n    showYAxis = true,\n    startEndOnly = false,\n    showTooltip = true,\n    showAnimation = true,\n    autoMinValue = true,\n    valueFormatter = (number) => `${number}`,\n    customTooltip\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <LineChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={colors}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        curveType={curveType}\n        showXAxis={showXAxis}\n        showYAxis={showYAxis}\n        startEndOnly={startEndOnly}\n        showTooltip={showTooltip}\n        showAnimation={showAnimation}\n        autoMinValue={autoMinValue}\n        customTooltip={customTooltip}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, Color, CurveType, CustomTooltipProps, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type AreaChartCard = ChartBox & {\n  type?: 'AreaChartCard';\n  categories?: string[];\n  index?: string;\n  curveType?: CurveType;\n  colors?: (Color | string)[];\n  showLegend?: boolean;\n  showGridLines?: boolean;\n  stack?: boolean;\n  showXAxis?: boolean;\n  showYAxis?: boolean;\n  startEndOnly?: boolean;\n  showTooltip?: boolean;\n  showAnimation?: boolean;\n  autoMinValue?: boolean;\n  valueFormatter?: ValueFormatter;\n  customTooltip?: React.ComponentType<CustomTooltipProps>\n};\n\n\nexport const AreaChartCard = (props: AreaChartCard) => {\n  const {\n    data = [],\n    categories = ['value'],\n    index = 'date',\n    curveType = 'linear',\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\n    showLegend = false,\n    showGridLines = false,\n    stack = false,\n    chartClassName,\n    showXAxis = true,\n    showYAxis = true,\n    startEndOnly = false,\n    showTooltip = true,\n    showAnimation = true,\n    autoMinValue = true,\n    valueFormatter = (number) => `${number}`,\n    customTooltip,\n  } = props;\n\n  return (\n    <ChartBox {...props}>\n      <AreaChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        categories={categories}\n        colors={colors}\n        valueFormatter={valueFormatter}\n        showLegend={showLegend}\n        showGridLines={showGridLines}\n        stack={stack}\n        curveType={curveType}\n        showXAxis={showXAxis}\n        showYAxis={showYAxis}\n        startEndOnly={startEndOnly}\n        showTooltip={showTooltip}\n        showAnimation={showAnimation}\n        autoMinValue={autoMinValue}\n        customTooltip={customTooltip}\n      />\n    </ChartBox>\n  );\n};\n\n","import React from 'react';\nimport { DonutChart, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type DonutChartCard = ChartBox & {\n  type?: 'DonutChartCard';\n  categories?: string[];\n  index?: string;\n  valueFormatter?: ValueFormatter;\n  showLabel?: boolean;\n  variant?: 'donut' | 'pie';\n  showAnimation?: boolean;\n};\n\nexport const DonutChartCard = (props: DonutChartCard) => {\n  const { data = [], categories = ['value'], index = 'name', valueFormatter = (number) => `${number}`, showLabel = true, variant = 'donut', chartClassName, showAnimation = true } = props;\n  const category = categories[0];\n  return (\n    <ChartBox {...props}>\n      <DonutChart\n        className={cn('h-72 mt-4', chartClassName)}\n        data={data}\n        index={index}\n        category={category}\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n        valueFormatter={valueFormatter}\n        showLabel={showLabel}\n        variant={variant}\n        showAnimation={showAnimation}\n      />\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport { cn } from '../../../lib/utils';\n\nexport type CountCard = ChartBox & {\n  type?: 'CountCard';\n  summedColumnIndex?: string;\n};\n\nexport const CountCard = (props: CountCard) => {\n  if (!props.data?.length) {\n    return (\n      <ChartBox {...props}>\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\n          <span className=\"text-gray-400\">No data</span>\n        </div>\n      </ChartBox>\n    );\n  }\n\n  if (!props.summedColumnIndex) {\n    return (\n      <ChartBox {...props}>\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\n          <span className=\"text-gray-400 text-sm\">\n            set <span className=\"font-bold\">summedColumnIndex</span> to sum up values\n          </span>\n        </div>\n      </ChartBox>\n    );\n  }\n\n  const sum = props.data.reduce((acc, cur) => {\n    const v = cur[props.summedColumnIndex];\n    if (typeof v == 'number') {\n      return acc + v;\n    } else {\n      return acc;\n    }\n  }, 0);\n\n  return (\n    <ChartBox {...props}>\n      <div className={cn(\"mt-2 ml-2 font-bold text-2xl overflow-auto\", props.chartClassName)}>{sum}</div>\n    </ChartBox>\n  );\n};","import React from 'react';\nimport { ChartBox } from '../ChartBox';\nimport { JSONTable } from '../../JSONTable';\nimport { cn } from '../../../lib/utils';\n\nexport type TableCard = ChartBox & {\n  type?: 'TableCard';\n  columnOptions?: {\n    [key: string]: {\n      label: string;\n      hidden: boolean;\n    }\n  }\n}\n\nexport const TableCard = (props: TableCard) => {\n  const { data = [], columnOptions = {}, chartClassName } = props;\n  return (\n    <ChartBox {...props}>\n      {data?.length > 0\n        ? <JSONTable dataSource={data} columnOptions={columnOptions} className={cn(\"h-[256px]\", chartClassName)} />\n        : <div className={cn(\"h-[256px] flex justify-center items-center text-gray-400\", chartClassName)}>No data</div>\n      }\n    </ChartBox>\n  );\n};\n","import React from 'react';\nimport { AreaChart, LineChart, Text, ValueFormatter } from '@tremor/react';\nimport { ChartBox } from '../ChartBox';\nimport { SkeletonBox } from '../../Common/SkeletonBox';\nimport { cn } from '../../../lib/utils';\n\nexport type KPICard = ChartBox & {\n  type?: 'KPICard';\n  categories?: string[];\n  index?: string;\n  chartType?: 'area' | 'line';\n  curveType?: 'linear' | 'step' | 'monotone';\n  metricTitle?: string;\n  metric?: string | number;\n  valueFormatter?: ValueFormatter;\n  loading?: boolean;\n};\n\nexport const KPICard = (props: KPICard) => {\n  const { metricTitle, metric, chartType = 'area', data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`, curveType = 'linear', loading, chartClassName } = props;\n\n  if (loading) {\n    return (\n      <ChartBox {...props}>\n        <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n          <div className=\"w-auto\">\n            <Text className=\"whitespace-nowrap\">Loading...</Text>\n            <div className=\"font-bold text-3xl\">-</div>\n          </div>\n          <SkeletonBox className=\"flex-col w-full\" skClassName=\"h-[100px] overflow-hidden\" line={1} />\n        </div>\n      </ChartBox>\n    );\n  }\n\n  const ChartComp = chartType === 'area' ? AreaChart : LineChart;\n\n  return (\n    <ChartBox {...props}>\n      <div className=\"mt-4 space-x-6 px-2 flex items-center\">\n        <div className=\"w-auto\">\n          <Text className=\"whitespace-nowrap\">{metricTitle}</Text>\n          <div className=\"font-bold text-3xl\">{metric ?? '-'}</div>\n        </div>\n        <ChartComp\n          className={cn('h-[100px] overflow-hidden', chartClassName)}\n          data={data}\n          index={index}\n          categories={categories}\n          colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\n          valueFormatter={valueFormatter}\n          curveType={curveType}\n          showXAxis={false}\n          showGridLines={false}\n          startEndOnly={true}\n          showYAxis={false}\n          showLegend={false}\n          autoMinValue={true}\n          showAnimation={true}\n        />\n      </div>\n    </ChartBox>\n  );\n};\n"]}
+{"version":3,"sources":["../components/JSONMetricsView/index.tsx","../components/JSONMetricsView/BarChartCard/index.tsx","../components/JSONMetricsView/ChartBox/index.tsx","../components/JSONMetricsView/LineChartCard/index.tsx","../components/JSONMetricsView/AreaChartCard/index.tsx","../components/JSONMetricsView/DonutChartCard/index.tsx","../components/JSONMetricsView/CountCard/index.tsx","../components/JSONMetricsView/TableCard/index.tsx","../components/JSONMetricsView/KPICard/index.tsx"],"names":["React","AreaChart","LineChart"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAOA,YAAW;AAClB,SAAS,KAAK,YAAY;;;ACD1B,OAAOA,YAAW;AAClB,SAAS,gBAAgC;;;ACDzC,OAAO,WAAW;AAElB,SAAS,YAAY;AAkBd,IAAM,WAAW,CAAC,EAAE,OAAO,aAAa,OAAO,UAAU,WAAW,iBAAiB,iBAAiB,MAAgB;AAC3H,SACE,oCAAC,QAAK,WAAW,GAAG,qDAAqD,SAAS,MAC9E,SAAS,gBACT,oCAAC,SAAI,WAAW,GAAG,gBAAgB,eAAe,KAC/C,SAAS,oCAAC,aAAK,KAAM,GACrB,eAAe,oCAAC,SAAI,WAAU,aAAW,WAAY,CACxD,GAEF,oCAAC,SAAI,WAAW,GAAG,aAAa,gBAAgB,KAAI,QAAQ,oCAAC,SAAI,WAAU,kBAAgB,KAAM,IAAS,QAAS,CACrH;AAEJ;;;ADhBO,IAAM,eAAe,CAAC,UAAwB;AACnD,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR,aAAa,CAAC,OAAO;AAAA,IACrB,QAAQ;AAAA,IACR,iBAAiB,CAAC,WAAW,GAAG,MAAM;AAAA,IACtC,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,gBAAgB;AAAA,EAClB,IAAI;AAEJ,SACE,gBAAAA,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,UAAU,QAAQ,QAAQ,SAAS,UAAU,UAAU,OAAO,SAAS,UAAU,QAAQ,QAAQ,UAAU,MAAM;AAAA,MAC1H;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,CACF;AAEJ;;;AE9CA,OAAOA,YAAW;AAClB,SAA+C,iBAAiC;AAsBzE,IAAM,gBAAgB,CAAC,UAAyB;AACrD,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR,aAAa,CAAC,OAAO;AAAA,IACrB,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS,CAAC,UAAU,QAAQ,QAAQ,SAAS,UAAU,UAAU,OAAO,SAAS,UAAU,QAAQ,QAAQ,UAAU,MAAM;AAAA,IAC3H,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB,CAAC,WAAW,GAAG,MAAM;AAAA,IACtC;AAAA,EACF,IAAI;AAEJ,SACE,gBAAAA,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,CACF;AAEJ;;;ACjEA,OAAOA,YAAW;AAClB,SAAS,iBAAuE;AAwBzE,IAAM,gBAAgB,CAAC,UAAyB;AACrD,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR,aAAa,CAAC,OAAO;AAAA,IACrB,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,SAAS,CAAC,UAAU,QAAQ,QAAQ,SAAS,UAAU,UAAU,OAAO,SAAS,UAAU,QAAQ,QAAQ,UAAU,MAAM;AAAA,IAC3H,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB,CAAC,WAAW,GAAG,MAAM;AAAA,IACtC;AAAA,EACF,IAAI;AAEJ,SACE,gBAAAA,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,CACF;AAEJ;;;ACrEA,OAAOA,YAAW;AAClB,SAAS,kBAAkC;AAcpC,IAAM,iBAAiB,CAAC,UAA0B;AACvD,QAAM,EAAE,OAAO,CAAC,GAAG,aAAa,CAAC,OAAO,GAAG,QAAQ,QAAQ,iBAAiB,CAAC,WAAW,GAAG,MAAM,IAAI,YAAY,MAAM,UAAU,SAAS,gBAAgB,gBAAgB,KAAK,IAAI;AACnL,QAAM,WAAW,WAAW,CAAC;AAC7B,SACE,gBAAAA,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,UAAU,QAAQ,QAAQ,SAAS,UAAU,UAAU,OAAO,SAAS,UAAU,QAAQ,QAAQ,UAAU,MAAM;AAAA,MAC1H;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,CACF;AAEJ;;;ACjCA,OAAOA,YAAW;AASX,IAAM,YAAY,CAAC,UAAqB;AAT/C;AAUE,MAAI,GAAC,WAAM,SAAN,mBAAY,SAAQ;AACvB,WACE,gBAAAA,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA,cAAC,SAAI,WAAW,GAAG,oCAAoC,MAAM,cAAc,KACzE,gBAAAA,OAAA,cAAC,UAAK,WAAU,mBAAgB,SAAO,CACzC,CACF;AAAA,EAEJ;AAEA,MAAI,CAAC,MAAM,mBAAmB;AAC5B,WACE,gBAAAA,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA,cAAC,SAAI,WAAW,GAAG,oCAAoC,MAAM,cAAc,KACzE,gBAAAA,OAAA,cAAC,UAAK,WAAU,2BAAwB,QAClC,gBAAAA,OAAA,cAAC,UAAK,WAAU,eAAY,mBAAiB,GAAO,mBAC1D,CACF,CACF;AAAA,EAEJ;AAEA,QAAM,MAAM,MAAM,KAAK,OAAO,CAAC,KAAK,QAAQ;AAC1C,UAAM,IAAI,IAAI,MAAM,iBAAiB;AACrC,QAAI,OAAO,KAAK,UAAU;AACxB,aAAO,MAAM;AAAA,IACf,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC;AAEJ,SACE,gBAAAA,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA,cAAC,SAAI,WAAW,GAAG,8CAA8C,MAAM,cAAc,KAAI,GAAI,CAC/F;AAEJ;;;AC9CA,OAAOA,YAAW;AAeX,IAAM,YAAY,CAAC,UAAqB;AAC7C,QAAM,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,GAAG,eAAe,IAAI;AAC1D,SACE,gBAAAA,OAAA,cAAC,6BAAa,SACX,6BAAM,UAAS,IACZ,gBAAAA,OAAA,cAAC,aAAU,YAAY,MAAM,eAA8B,WAAW,GAAG,aAAa,cAAc,GAAG,IACvG,gBAAAA,OAAA,cAAC,SAAI,WAAW,GAAG,4DAA4D,cAAc,KAAG,SAAO,CAE7G;AAEJ;;;ACzBA,OAAOA,YAAW;AAClB,SAAS,aAAAC,YAAW,aAAAC,YAAW,YAA4B;AAiBpD,IAAM,UAAU,CAAC,UAAmB;AACzC,QAAM,EAAE,aAAa,QAAQ,YAAY,QAAQ,OAAO,CAAC,GAAG,aAAa,CAAC,OAAO,GAAG,QAAQ,QAAQ,iBAAiB,CAAC,WAAW,GAAG,MAAM,IAAI,YAAY,UAAU,SAAS,eAAe,IAAI;AAEhM,MAAI,SAAS;AACX,WACE,gBAAAF,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA,cAAC,SAAI,WAAU,2CACb,gBAAAA,OAAA,cAAC,SAAI,WAAU,YACb,gBAAAA,OAAA,cAAC,QAAK,WAAU,uBAAoB,YAAU,GAC9C,gBAAAA,OAAA,cAAC,SAAI,WAAU,wBAAqB,GAAC,CACvC,GACA,gBAAAA,OAAA,cAAC,eAAY,WAAU,mBAAkB,aAAY,6BAA4B,MAAM,GAAG,CAC5F,CACF;AAAA,EAEJ;AAEA,QAAM,YAAY,cAAc,SAASC,aAAYC;AAErD,SACE,gBAAAF,OAAA,cAAC,6BAAa,QACZ,gBAAAA,OAAA,cAAC,SAAI,WAAU,2CACb,gBAAAA,OAAA,cAAC,SAAI,WAAU,YACb,gBAAAA,OAAA,cAAC,QAAK,WAAU,uBAAqB,WAAY,GACjD,gBAAAA,OAAA,cAAC,SAAI,WAAU,wBAAsB,0BAAU,GAAI,CACrD,GACA,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,6BAA6B,cAAc;AAAA,MACzD;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,UAAU,QAAQ,QAAQ,SAAS,UAAU,UAAU,OAAO,SAAS,UAAU,QAAQ,QAAQ,UAAU,MAAM;AAAA,MAC1H;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,eAAe;AAAA,MACf,cAAc;AAAA,MACd,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,eAAe;AAAA;AAAA,EACjB,CACF,CACF;AAEJ;;;ARnDA,IAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAM,kBAAkB,CAAC,EAAE,KAAK,MAAuC;AACrE,SACE,gBAAAA,OAAA,cAAC,QAAK,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,WAAU,WACvE,KAAK,IAAI,CAAC,MAAM,UAAU;AAzBjC;AA0BQ,UAAM,YAAY,WAAW,KAAK,IAAI;AACtC,WACE,gBAAAA,OAAA,cAAC,OAAI,KAAK,OAAO,cAAc,GAAG,eAAc,UAAK,iBAAL,YAAqB,KAEnE,gBAAAA,OAAA,cAAC,8BAAc,KAAM,CACvB;AAAA,EAEJ,CAAC,CACH;AAEJ;AAEO,IAAM,cAAc,CAAC,EAAE,KAAK,MAAqC;AACtE,QAAM,OAAO,WAAW,KAAK,IAAI;AAEjC,SAAO,gBAAAA,OAAA,cAAC,yBAAS,KAAM;AACzB","sourcesContent":["import React from 'react';\r\nimport { Col, Grid } from '@tremor/react';\r\nimport { BarChartCard } from './BarChartCard';\r\nimport { LineChartCard } from './LineChartCard';\r\nimport { AreaChartCard } from './AreaChartCard';\r\nimport { DonutChartCard } from './DonutChartCard';\r\nimport { CountCard } from './CountCard';\r\nimport { TableCard } from './TableCard';\r\nimport { KPICard } from './KPICard';\r\n\r\nexport type JSONMetricsViewType = AreaChartCard | LineChartCard | BarChartCard | DonutChartCard | CountCard | TableCard | KPICard;\r\n\r\nconst components = {\r\n  AreaChartCard,\r\n  LineChartCard,\r\n  BarChartCard,\r\n  DonutChartCard,\r\n  CountCard,\r\n  TableCard,\r\n  KPICard,\r\n};\r\n\r\nconst JSONMetricsView = ({ data }: { data: JSONMetricsViewType[] }) => {\r\n  return (\r\n    <Grid numItems={1} numItemsSm={1} numItemsLg={2} numItemsMd={2} className=\"gap-2\">\r\n      {data.map((item, index) => {\r\n        const Component = components[item.type];\r\n        return (\r\n          <Col key={index} numColSpanSm={1} numColSpanMd={item.numColSpanMd ?? 1}>\r\n            {/* @ts-ignore */}\r\n            <Component {...item} />\r\n          </Col>\r\n        );\r\n      })}\r\n    </Grid>\r\n  );\r\n};\r\n\r\nexport const MetricsView = ({ data }: { data: JSONMetricsViewType }) => {\r\n  const Comp = components[data.type];\r\n  // @ts-ignore\r\n  return <Comp {...data} />;\r\n};\r\n\r\nexport { JSONMetricsView };\r\n","import React from 'react';\r\nimport { BarChart, ValueFormatter } from '@tremor/react';\r\nimport { ChartBox } from '../ChartBox';\r\nimport { cn } from '../../../lib/utils';\r\n\r\nexport type BarChartCard = ChartBox & {\r\n  type?: 'BarChartCard';\r\n  categories?: string[];\r\n  index?: string;\r\n  valueFormatter?: ValueFormatter;\r\n  showLegend?: boolean;\r\n  showGridLines?: boolean;\r\n  stack?: boolean;\r\n  showAnimation?: boolean;\r\n};\r\n\r\nexport const BarChartCard = (props: BarChartCard) => {\r\n  const {\r\n    data = [],\r\n    categories = ['value'],\r\n    index = 'date',\r\n    valueFormatter = (number) => `${number}`,\r\n    showLegend = false,\r\n    showGridLines = false,\r\n    stack = false,\r\n    chartClassName,\r\n    showAnimation = true,\r\n  } = props;\r\n\r\n  return (\r\n    <ChartBox {...props}>\r\n      <BarChart\r\n        className={cn('h-72 mt-4', chartClassName)}\r\n        data={data}\r\n        index={index}\r\n        categories={categories}\r\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\r\n        valueFormatter={valueFormatter}\r\n        yAxisWidth={48}\r\n        showLegend={showLegend}\r\n        showGridLines={showGridLines}\r\n        stack={stack}\r\n        showAnimation={showAnimation}\r\n      />\r\n    </ChartBox>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { cn } from '../../../lib/utils';\r\nimport { Card } from '@nextui-org/react';\r\n\r\nexport interface ChartBox {\r\n  title?: React.ReactNode;\r\n  description?: string;\r\n  error?: string;\r\n  data?: {\r\n    [key: string]: any;\r\n  }[];\r\n  children?: React.ReactNode;\r\n  gridH?: number; // grid units, not pixels\r\n  numColSpanMd?: number;\r\n  className?: string;\r\n  headerClassName?: string;\r\n  contentClassName?: string;\r\n  chartClassName?: string;\r\n}\r\n\r\nexport const ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }: ChartBox) => {\r\n  return (\r\n    <Card className={cn('shadow-sm rounded-lg border dark:border-[#3e3e3e]', className)}>\r\n      {(title || description) && (\r\n        <div className={cn('p-4 h-[60px]', headerClassName)}>\r\n          {title && <div>{title}</div>}\r\n          {description && <div className=\"text-xs\">{description}</div>}\r\n        </div>\r\n      )}\r\n      <div className={cn('px-2 pb-5', contentClassName)}>{error ? <div className=\"text-red-600\">{error}</div> : children}</div>\r\n    </Card>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { Color, CurveType, CustomTooltipProps, LineChart, ValueFormatter } from '@tremor/react';\r\nimport { ChartBox } from '../ChartBox';\r\nimport { cn } from '../../../lib/utils';\r\n\r\nexport type LineChartCard = ChartBox & {\r\n  type?: 'LineChartCard';\r\n  categories?: string[];\r\n  index?: string;\r\n  curveType?: CurveType;\r\n  colors?: (Color | string)[];\r\n  showLegend?: boolean;\r\n  showGridLines?: boolean;\r\n  showXAxis?: boolean;\r\n  showYAxis?: boolean;\r\n  startEndOnly?: boolean;\r\n  showTooltip?: boolean;\r\n  showAnimation?: boolean;\r\n  autoMinValue?: boolean;\r\n  valueFormatter?: ValueFormatter;\r\n  customTooltip?: React.ComponentType<CustomTooltipProps>;\r\n};\r\n\r\nexport const LineChartCard = (props: LineChartCard) => {\r\n  const {\r\n    data = [],\r\n    categories = ['value'],\r\n    index = 'date',\r\n    curveType = 'linear',\r\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\r\n    showLegend = false,\r\n    showGridLines = false,\r\n    chartClassName,\r\n    showXAxis = true,\r\n    showYAxis = true,\r\n    startEndOnly = false,\r\n    showTooltip = true,\r\n    showAnimation = true,\r\n    autoMinValue = true,\r\n    valueFormatter = (number) => `${number}`,\r\n    customTooltip\r\n  } = props;\r\n\r\n  return (\r\n    <ChartBox {...props}>\r\n      <LineChart\r\n        className={cn('h-72 mt-4', chartClassName)}\r\n        data={data}\r\n        index={index}\r\n        categories={categories}\r\n        colors={colors}\r\n        valueFormatter={valueFormatter}\r\n        showLegend={showLegend}\r\n        showGridLines={showGridLines}\r\n        curveType={curveType}\r\n        showXAxis={showXAxis}\r\n        showYAxis={showYAxis}\r\n        startEndOnly={startEndOnly}\r\n        showTooltip={showTooltip}\r\n        showAnimation={showAnimation}\r\n        autoMinValue={autoMinValue}\r\n        customTooltip={customTooltip}\r\n      />\r\n    </ChartBox>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { AreaChart, Color, CurveType, CustomTooltipProps, ValueFormatter } from '@tremor/react';\r\nimport { ChartBox } from '../ChartBox';\r\nimport { cn } from '../../../lib/utils';\r\n\r\nexport type AreaChartCard = ChartBox & {\r\n  type?: 'AreaChartCard';\r\n  categories?: string[];\r\n  index?: string;\r\n  curveType?: CurveType;\r\n  colors?: (Color | string)[];\r\n  showLegend?: boolean;\r\n  showGridLines?: boolean;\r\n  stack?: boolean;\r\n  showXAxis?: boolean;\r\n  showYAxis?: boolean;\r\n  startEndOnly?: boolean;\r\n  showTooltip?: boolean;\r\n  showAnimation?: boolean;\r\n  autoMinValue?: boolean;\r\n  valueFormatter?: ValueFormatter;\r\n  customTooltip?: React.ComponentType<CustomTooltipProps>\r\n};\r\n\r\n\r\nexport const AreaChartCard = (props: AreaChartCard) => {\r\n  const {\r\n    data = [],\r\n    categories = ['value'],\r\n    index = 'date',\r\n    curveType = 'linear',\r\n    colors = ['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue'],\r\n    showLegend = false,\r\n    showGridLines = false,\r\n    stack = false,\r\n    chartClassName,\r\n    showXAxis = true,\r\n    showYAxis = true,\r\n    startEndOnly = false,\r\n    showTooltip = true,\r\n    showAnimation = true,\r\n    autoMinValue = true,\r\n    valueFormatter = (number) => `${number}`,\r\n    customTooltip,\r\n  } = props;\r\n\r\n  return (\r\n    <ChartBox {...props}>\r\n      <AreaChart\r\n        className={cn('h-72 mt-4', chartClassName)}\r\n        data={data}\r\n        index={index}\r\n        categories={categories}\r\n        colors={colors}\r\n        valueFormatter={valueFormatter}\r\n        showLegend={showLegend}\r\n        showGridLines={showGridLines}\r\n        stack={stack}\r\n        curveType={curveType}\r\n        showXAxis={showXAxis}\r\n        showYAxis={showYAxis}\r\n        startEndOnly={startEndOnly}\r\n        showTooltip={showTooltip}\r\n        showAnimation={showAnimation}\r\n        autoMinValue={autoMinValue}\r\n        customTooltip={customTooltip}\r\n      />\r\n    </ChartBox>\r\n  );\r\n};\r\n\r\n","import React from 'react';\r\nimport { DonutChart, ValueFormatter } from '@tremor/react';\r\nimport { ChartBox } from '../ChartBox';\r\nimport { cn } from '../../../lib/utils';\r\n\r\nexport type DonutChartCard = ChartBox & {\r\n  type?: 'DonutChartCard';\r\n  categories?: string[];\r\n  index?: string;\r\n  valueFormatter?: ValueFormatter;\r\n  showLabel?: boolean;\r\n  variant?: 'donut' | 'pie';\r\n  showAnimation?: boolean;\r\n};\r\n\r\nexport const DonutChartCard = (props: DonutChartCard) => {\r\n  const { data = [], categories = ['value'], index = 'name', valueFormatter = (number) => `${number}`, showLabel = true, variant = 'donut', chartClassName, showAnimation = true } = props;\r\n  const category = categories[0];\r\n  return (\r\n    <ChartBox {...props}>\r\n      <DonutChart\r\n        className={cn('h-72 mt-4', chartClassName)}\r\n        data={data}\r\n        index={index}\r\n        category={category}\r\n        colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\r\n        valueFormatter={valueFormatter}\r\n        showLabel={showLabel}\r\n        variant={variant}\r\n        showAnimation={showAnimation}\r\n      />\r\n    </ChartBox>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { ChartBox } from '../ChartBox';\r\nimport { cn } from '../../../lib/utils';\r\n\r\nexport type CountCard = ChartBox & {\r\n  type?: 'CountCard';\r\n  summedColumnIndex?: string;\r\n};\r\n\r\nexport const CountCard = (props: CountCard) => {\r\n  if (!props.data?.length) {\r\n    return (\r\n      <ChartBox {...props}>\r\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\r\n          <span className=\"text-gray-400\">No data</span>\r\n        </div>\r\n      </ChartBox>\r\n    );\r\n  }\r\n\r\n  if (!props.summedColumnIndex) {\r\n    return (\r\n      <ChartBox {...props}>\r\n        <div className={cn(\"mt-2 ml-2 text-2xl overflow-auto\", props.chartClassName)}>\r\n          <span className=\"text-gray-400 text-sm\">\r\n            set <span className=\"font-bold\">summedColumnIndex</span> to sum up values\r\n          </span>\r\n        </div>\r\n      </ChartBox>\r\n    );\r\n  }\r\n\r\n  const sum = props.data.reduce((acc, cur) => {\r\n    const v = cur[props.summedColumnIndex];\r\n    if (typeof v == 'number') {\r\n      return acc + v;\r\n    } else {\r\n      return acc;\r\n    }\r\n  }, 0);\r\n\r\n  return (\r\n    <ChartBox {...props}>\r\n      <div className={cn(\"mt-2 ml-2 font-bold text-2xl overflow-auto\", props.chartClassName)}>{sum}</div>\r\n    </ChartBox>\r\n  );\r\n};","import React from 'react';\r\nimport { ChartBox } from '../ChartBox';\r\nimport { JSONTable } from '../../JSONTable';\r\nimport { cn } from '../../../lib/utils';\r\n\r\nexport type TableCard = ChartBox & {\r\n  type?: 'TableCard';\r\n  columnOptions?: {\r\n    [key: string]: {\r\n      label: string;\r\n      hidden: boolean;\r\n    }\r\n  }\r\n}\r\n\r\nexport const TableCard = (props: TableCard) => {\r\n  const { data = [], columnOptions = {}, chartClassName } = props;\r\n  return (\r\n    <ChartBox {...props}>\r\n      {data?.length > 0\r\n        ? <JSONTable dataSource={data} columnOptions={columnOptions} className={cn(\"h-[256px]\", chartClassName)} />\r\n        : <div className={cn(\"h-[256px] flex justify-center items-center text-gray-400\", chartClassName)}>No data</div>\r\n      }\r\n    </ChartBox>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { AreaChart, LineChart, Text, ValueFormatter } from '@tremor/react';\r\nimport { ChartBox } from '../ChartBox';\r\nimport { SkeletonBox } from '../../Common/SkeletonBox';\r\nimport { cn } from '../../../lib/utils';\r\n\r\nexport type KPICard = ChartBox & {\r\n  type?: 'KPICard';\r\n  categories?: string[];\r\n  index?: string;\r\n  chartType?: 'area' | 'line';\r\n  curveType?: 'linear' | 'step' | 'monotone';\r\n  metricTitle?: string;\r\n  metric?: string | number;\r\n  valueFormatter?: ValueFormatter;\r\n  loading?: boolean;\r\n};\r\n\r\nexport const KPICard = (props: KPICard) => {\r\n  const { metricTitle, metric, chartType = 'area', data = [], categories = ['value'], index = 'date', valueFormatter = (number) => `${number}`, curveType = 'linear', loading, chartClassName } = props;\r\n\r\n  if (loading) {\r\n    return (\r\n      <ChartBox {...props}>\r\n        <div className=\"mt-4 space-x-6 px-2 flex items-center\">\r\n          <div className=\"w-auto\">\r\n            <Text className=\"whitespace-nowrap\">Loading...</Text>\r\n            <div className=\"font-bold text-3xl\">-</div>\r\n          </div>\r\n          <SkeletonBox className=\"flex-col w-full\" skClassName=\"h-[100px] overflow-hidden\" line={1} />\r\n        </div>\r\n      </ChartBox>\r\n    );\r\n  }\r\n\r\n  const ChartComp = chartType === 'area' ? AreaChart : LineChart;\r\n\r\n  return (\r\n    <ChartBox {...props}>\r\n      <div className=\"mt-4 space-x-6 px-2 flex items-center\">\r\n        <div className=\"w-auto\">\r\n          <Text className=\"whitespace-nowrap\">{metricTitle}</Text>\r\n          <div className=\"font-bold text-3xl\">{metric ?? '-'}</div>\r\n        </div>\r\n        <ChartComp\r\n          className={cn('h-[100px] overflow-hidden', chartClassName)}\r\n          data={data}\r\n          index={index}\r\n          categories={categories}\r\n          colors={['indigo', 'cyan', 'teal', 'green', 'yellow', 'orange', 'red', 'slate', 'violet', 'rose', 'pink', 'purple', 'blue']}\r\n          valueFormatter={valueFormatter}\r\n          curveType={curveType}\r\n          showXAxis={false}\r\n          showGridLines={false}\r\n          startEndOnly={true}\r\n          showYAxis={false}\r\n          showLegend={false}\r\n          autoMinValue={true}\r\n          showAnimation={true}\r\n        />\r\n      </div>\r\n    </ChartBox>\r\n  );\r\n};\r\n"]}

package/dist/plugins.d.mts

@@ -34,12 +34,12 @@ declare class ToastPlugin implements Store {
     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;
     custom: (message: react_hot_toast.Renderable | react_hot_toast.ValueFunction<react_hot_toast.Renderable, react_hot_toast.Toast>, options?: react_hot_toast.ToastOptions) => string;
-    dismiss: (toastId?: string) => void;
-    remove: (toastId?: string) => void;
-    promise: <T>(promise: Promise<T>, msgs: {
+    dismiss: (toastId?: string, toasterId?: string) => void;
+    remove: (toastId?: string, toasterId?: string) => void;
+    promise: <T>(promise: Promise<T> | (() => Promise<T>), msgs: {
         loading: react_hot_toast.Renderable;
-        success: react_hot_toast.ValueOrFunction<react_hot_toast.Renderable, T>;
-        error: react_hot_toast.ValueOrFunction<react_hot_toast.Renderable, any>;
+        success?: react_hot_toast.ValueOrFunction<react_hot_toast.Renderable, T>;
+        error?: react_hot_toast.ValueOrFunction<react_hot_toast.Renderable, any>;
     }, opts?: react_hot_toast.DefaultToastOptions) => Promise<T>;
 }
 

package/dist/plugins.mjs

@@ -1,12 +1,12 @@
-import { DialogStore } from './chunk-OBMZXW6O.mjs';
-export { DialogStore } from './chunk-OBMZXW6O.mjs';
-import { ToastPlugin } from './chunk-IMOLRP7I.mjs';
-export { ToastPlugin } from './chunk-IMOLRP7I.mjs';
-import { getStyle } from './chunk-GKAU4P5I.mjs';
-import { useStore, RootStore } from './chunk-IDKGZ5T4.mjs';
-import './chunk-K7LFG5BA.mjs';
-import { cn } from './chunk-MPOMTIDB.mjs';
-import { __spreadProps, __spreadValues } from './chunk-YITAUACR.mjs';
+import { DialogStore } from './chunk-NKGQRF5D.mjs';
+export { DialogStore } from './chunk-NKGQRF5D.mjs';
+import { ToastPlugin } from './chunk-7EL2RQI7.mjs';
+export { ToastPlugin } from './chunk-7EL2RQI7.mjs';
+import { getStyle } from './chunk-R66SHRQE.mjs';
+import { useStore, RootStore } from './chunk-KIS52LFU.mjs';
+import './chunk-2PD23V7H.mjs';
+import { cn } from './chunk-SPFKGNUY.mjs';
+import { __spreadProps, __spreadValues } from './chunk-6F7H4PAA.mjs';
 import { makeAutoObservable, makeObservable } from 'mobx';
 import React3 from 'react';
 import { observer } from 'mobx-react-lite';

package/dist/plugins.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../module/Confirm/index.tsx","../module/Confirm/Provider.tsx","../module/PromiseStateGroup/index.tsx","../module/PromiseStateGroup/ui.tsx"],"names":["React","observer"],"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 { PromiseState } from '../../store/standard/PromiseState';\nimport { DialogStore } from '../Dialog';\nimport { DialogContentUI, DialogContentUIProps, GroupOptions, StepUI, StepUIProps } from './ui';\nimport { makeObservable } from 'mobx';\nimport { ToastPlugin } from '../Toast/Toast';\nimport { RootStore } from '../../store';\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  async callWithDialog(\n    dialogOptions?: Partial<DialogStore>,\n    dialogContentOptions?: DialogContentUIProps,\n    successMsg?: string,\n    autoClose: boolean = true\n  ) {\n    this.showDialog(dialogOptions, dialogContentOptions);\n    const {\n      result,\n      errMsg,\n    } = await this.call()\n    if (errMsg) {\n      RootStore.Get(ToastPlugin).error(errMsg)\n      this.closeDialog()\n      return {\n        result,\n        errMsg,\n      }\n    }\n    if (successMsg) {\n      RootStore.Get(ToastPlugin).success(successMsg)\n    }\n    if (autoClose) {\n      this.closeDialog()\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\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":"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","sourcesContent":["import { Store } from \"../../store/standard/base\";\r\nimport { makeAutoObservable } from \"mobx\";\r\nimport Provider from \"./Provider\";\r\nimport React from \"react\";\r\nimport { ButtonProps, ModalSlots, SlotsToClasses } from \"@nextui-org/react\";\r\nimport { getStyle, ThemeType } from \"../../themes\";\r\n\r\nexport class ConfirmStore implements Store {\r\n  sid = 'ConfirmStore';\r\n  provider = () => <Provider />;\r\n\r\n  isOpen: boolean = false;\r\n  title?: string = '';\r\n  description?: string = '';\r\n  size: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'xs' | '3xl' | '4xl' | '5xl' = 'md';\r\n  className: string = '';\r\n  classNames?: SlotsToClasses<ModalSlots>;\r\n  theme: ThemeType = \"default\";\r\n  cancelBtnProps?: ButtonProps = {}\r\n  okBtnProps?: ButtonProps = {}\r\n\r\n  constructor() {\r\n    makeAutoObservable(this);\r\n  }\r\n\r\n  toggleOpen(val: boolean) {\r\n    this.isOpen = val;\r\n  }\r\n\r\n  onOk() { }\r\n\r\n  onCancel() { }\r\n\r\n  show(confirmProps: Partial<ConfirmStore>) {\r\n    const modalStyle = getStyle(confirmProps?.theme || 'default', 'Modal');\r\n    const classNames = {\r\n      ...modalStyle.classNames,\r\n      ...confirmProps?.classNames\r\n    }\r\n    Object.assign(this, confirmProps, { classNames });\r\n\r\n    this.toggleOpen(true);\r\n  }\r\n\r\n  close() {\r\n    this.isOpen = false;\r\n    this.title = '';\r\n    this.description = '';\r\n    this.size = 'md';\r\n    this.cancelBtnProps = {}\r\n    this.okBtnProps = {}\r\n  }\r\n}\r\n","import React from \"react\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport { Button, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader } from '@nextui-org/react';\r\nimport { useStore } from \"../../store\";\r\nimport { ConfirmStore } from \".\";\r\n\r\nconst ConfirmModal = observer(() => {\r\n  const rootStore = useStore();\r\n  const confirmStore = rootStore.get(ConfirmStore);\r\n  const { isOpen, title, description, size, className, classNames, cancelBtnProps, okBtnProps } = confirmStore;\r\n  return (\r\n    <Modal\r\n      isOpen={isOpen}\r\n      size={size}\r\n      className={className}\r\n      classNames={classNames}\r\n      onOpenChange={(open: boolean) => {\r\n        if (!open) {\r\n          confirmStore.close();\r\n        }\r\n      }}\r\n    >\r\n      <ModalContent className=\"max-h-screen overflow-auto\">\r\n        {() => (\r\n          <>\r\n            {title && <ModalHeader className=\"flex flex-col gap-1\">{title}</ModalHeader>}\r\n            <ModalBody>\r\n              <div>{description}</div>\r\n            </ModalBody>\r\n            <ModalFooter>\r\n              <Button\r\n                color=\"primary\"\r\n                variant=\"flat\"\r\n                size=\"sm\"\r\n                children=\"Cancel\"\r\n                {...cancelBtnProps}\r\n                onClick={() => {\r\n                  confirmStore.close();\r\n                  confirmStore.onCancel();\r\n                }}\r\n              />\r\n              <Button\r\n                color=\"primary\"\r\n                size=\"sm\"\r\n                children=\"Apply\"\r\n                {...okBtnProps}\r\n                onPress={() => {\r\n                  confirmStore.close();\r\n                  confirmStore.onOk();\r\n                }}\r\n              />\r\n            </ModalFooter>\r\n          </>\r\n        )}\r\n      </ModalContent>\r\n    </Modal>\r\n  );\r\n});\r\n\r\nexport default ConfirmModal;","import React from 'react';\r\nimport { PromiseState } from '../../store/standard/PromiseState';\r\nimport { DialogStore } from '../Dialog';\r\nimport { DialogContentUI, DialogContentUIProps, GroupOptions, StepUI, StepUIProps } from './ui';\r\nimport { makeObservable } from 'mobx';\r\nimport { ToastPlugin } from '../Toast/Toast';\r\nimport { RootStore } from '../../store';\r\n\r\nexport class PromiseStateGroup {\r\n  group: PromiseState<any, any>[] = [];\r\n  groupOptions: GroupOptions = [];\r\n  currentCallStepNo = 1;\r\n\r\n  constructor({ group, groupOptions = [] }: { group: PromiseState<any, any>[]; groupOptions: GroupOptions }) {\r\n    group.forEach((p) => {\r\n      Object.assign(p, {\r\n        autoAlert: false,\r\n        value: p.defaultValue,\r\n        errMsg: '',\r\n      });\r\n    });\r\n    Object.assign(this, {\r\n      group,\r\n      groupOptions\r\n    });\r\n    makeObservable(this, {\r\n      currentCallStepNo: true,\r\n    });\r\n  }\r\n\r\n  async call() {\r\n    let result: any[] = [];\r\n    let errMsg: string = '';\r\n    for (let i = 0; i < this.group.length; i++) {\r\n      this.currentCallStepNo = i + 1;\r\n      const promiseState = this.group[i];\r\n      if (promiseState) {\r\n        try {\r\n          const options = this.groupOptions[i];\r\n          const args = options?.args || [];\r\n          const data = await promiseState.call(...args);\r\n          result.push(data);\r\n        } catch (e) {\r\n          errMsg = e.message;\r\n          if (errMsg?.includes('User rejected the request') || String(e).toLowerCase().includes('user rejected')) {\r\n            errMsg = 'User rejected the request';\r\n          }\r\n          promiseState.errMsg = errMsg;\r\n          break;\r\n        }\r\n      }\r\n    }\r\n    return {\r\n      result,\r\n      errMsg,\r\n    };\r\n  }\r\n\r\n  async callWithDialog(\r\n    dialogOptions?: Partial<DialogStore>,\r\n    dialogContentOptions?: DialogContentUIProps,\r\n    successMsg?: string,\r\n    autoClose: boolean = true\r\n  ) {\r\n    this.showDialog(dialogOptions, dialogContentOptions);\r\n    const {\r\n      result,\r\n      errMsg,\r\n    } = await this.call()\r\n    if (errMsg) {\r\n      RootStore.Get(ToastPlugin).error(errMsg)\r\n      this.closeDialog()\r\n      return {\r\n        result,\r\n        errMsg,\r\n      }\r\n    }\r\n    if (successMsg) {\r\n      RootStore.Get(ToastPlugin).success(successMsg)\r\n    }\r\n    if (autoClose) {\r\n      this.closeDialog()\r\n    }\r\n    return {\r\n      result,\r\n      errMsg,\r\n    }\r\n  }\r\n\r\n  showDialog(\r\n    dialogOptions?: Partial<DialogStore>,\r\n    dialogContentOptions?: DialogContentUIProps) {\r\n    DialogStore.show({\r\n      title: '',\r\n      size: 'md',\r\n      isDismissable: false,\r\n      content:\r\n        <DialogContentUI\r\n          group={this.group}\r\n          groupOptions={this.groupOptions}\r\n          {...dialogContentOptions}\r\n        />,\r\n      ...dialogOptions,\r\n    });\r\n    return this;\r\n  }\r\n\r\n\r\n\r\n  closeDialog() {\r\n    DialogStore.close();\r\n  }\r\n\r\n  async stepCall(stepNo: number) {\r\n    const index = stepNo - 1;\r\n    if (index < 0 || index >= this.group.length) {\r\n      return {\r\n        result: null,\r\n        errMsg: 'Invalid step number',\r\n      };\r\n    }\r\n\r\n    const prePromiseState = this.group[index - 1];\r\n    if (prePromiseState && prePromiseState.errMsg) {\r\n      return {\r\n        result: null,\r\n        errMsg: prePromiseState.errMsg,\r\n      };\r\n    }\r\n\r\n    this.currentCallStepNo = stepNo;\r\n\r\n    const promiseState = this.group[index];\r\n    if (promiseState && !promiseState.loading.value) {\r\n      const options = this.groupOptions[index];\r\n      const args = options?.args || [];\r\n      try {\r\n        const result = await promiseState.call(...args);\r\n        return {\r\n          result,\r\n          errMsg: '',\r\n        };\r\n      } catch (e) {\r\n        let errMsg = e.message;\r\n        if (errMsg?.includes('User rejected the request') || String(e).toLowerCase().includes('user rejected')) {\r\n          errMsg = 'User rejected the request';\r\n        }\r\n        promiseState.errMsg = errMsg;\r\n        return {\r\n          result: null,\r\n          errMsg,\r\n        };\r\n      }\r\n    }\r\n  }\r\n\r\n  onNext() {\r\n    if (this.currentCallStepNo < this.group.length) {\r\n      this.currentCallStepNo += 1;\r\n    }\r\n  }\r\n\r\n  onPrevious() {\r\n    if (this.currentCallStepNo > 1) {\r\n\r\n      // reset value and errMsg of the current promiseState\r\n      const index = this.currentCallStepNo - 1;\r\n      const promiseState = this.group[index];\r\n      if (promiseState) {\r\n        promiseState.value = '';\r\n        promiseState.errMsg = '';\r\n      }\r\n\r\n      // go to the previous step\r\n      this.currentCallStepNo -= 1;\r\n    }\r\n  }\r\n\r\n  render(props?: StepUIProps) {\r\n    return (\r\n      <StepUI\r\n        group={this.group}\r\n        groupOptions={this.groupOptions}\r\n        currentCallStepNo={this.currentCallStepNo}\r\n        {...props}\r\n      />\r\n    )\r\n  }\r\n}\r\n","import React from 'react';\r\nimport { PromiseState } from '../../store/standard/PromiseState';\r\nimport { Spinner, SpinnerProps } from '@nextui-org/react';\r\nimport { Check, X } from 'lucide-react';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { cn } from '../../lib/utils';\r\n\r\nexport type GroupOptions = {\r\n  args?: any[];\r\n  title: React.ReactNode;\r\n}[];\r\n\r\n\r\nexport type DialogContentUIProps = {\r\n  className?: string;\r\n  itemClassName?: string;\r\n  numberClassName?: string;\r\n  spinnerProps?: SpinnerProps;\r\n  SuccessIcon?: React.ReactNode;\r\n  FailureIcon?: React.ReactNode;\r\n};\r\n\r\nexport const DialogContentUI = observer(({\r\n  group,\r\n  groupOptions,\r\n  className,\r\n  itemClassName,\r\n  numberClassName,\r\n  spinnerProps = {\r\n    size: 'sm'\r\n  },\r\n  SuccessIcon,\r\n  FailureIcon\r\n}: {\r\n  group: PromiseState<any, any>[];\r\n  groupOptions: GroupOptions;\r\n} & DialogContentUIProps) => {\r\n  return (\r\n    <div className={cn(\"space-y-4\", className)}>\r\n      {group.map((promiseState, index) => {\r\n        const uiOptions = groupOptions[index];\r\n        const no = index + 1;\r\n        return (\r\n          <div key={index} className={cn(\"w-full flex items-center justify-between\", itemClassName)}>\r\n            <div className='flex items-center justify-between'>\r\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>\r\n              {uiOptions?.title}\r\n            </div>\r\n            {promiseState.loading.value ? (\r\n              <Spinner {...spinnerProps} />\r\n            ) : (\r\n              <>\r\n                {promiseState.value && (SuccessIcon || <Check size={20} color=\"#605BFF\" />)}\r\n                {promiseState.errMsg && (FailureIcon || <X size={20} color=\"red\" />)}\r\n              </>\r\n            )}\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n});\r\n\r\n\r\nexport type StepUIProps = {\r\n  className?: string;\r\n  itemClassName?: string;\r\n  activatedItemClassName?: string;\r\n  numberClassName?: string;\r\n  activatedNumberClassName?: string;\r\n  spinnerProps?: SpinnerProps;\r\n  SuccessIcon?: React.ReactNode;\r\n  FailureIcon?: React.ReactNode;\r\n};\r\n\r\nexport const StepUI = observer(({\r\n  group,\r\n  groupOptions,\r\n  currentCallStepNo,\r\n  className,\r\n  itemClassName,\r\n  activatedItemClassName = '',\r\n  numberClassName,\r\n  activatedNumberClassName = '',\r\n  spinnerProps = {\r\n    size: 'sm'\r\n  },\r\n  SuccessIcon,\r\n  FailureIcon\r\n}: {\r\n  group: PromiseState<any, any>[];\r\n  groupOptions: GroupOptions;\r\n  currentCallStepNo?: number;\r\n} & StepUIProps) => {\r\n  return (\r\n    <div className={cn(\"space-y-4\", className)}>\r\n      {group.map((promiseState, index) => {\r\n        const uiOptions = groupOptions[index];\r\n        const no = index + 1;\r\n        return (\r\n          <div\r\n            key={index}\r\n            className={cn(\"w-full flex items-center justify-between text-[#909091] dark:text-[#6b6c6c]\",\r\n              no <= currentCallStepNo ? `text-[#000] dark:text-[#fff] ${activatedItemClassName}` : '',\r\n              itemClassName\r\n            )}\r\n          >\r\n            <div className='flex items-center justify-between'>\r\n              <div\r\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',\r\n                  no <= currentCallStepNo ? `border-[#000] dark:border-[#fff] ${activatedNumberClassName}` : '',\r\n                  numberClassName\r\n                )}\r\n              >\r\n                {no}\r\n              </div>\r\n              {uiOptions?.title}\r\n            </div>\r\n            {promiseState.loading.value ? (\r\n              <Spinner {...spinnerProps} />\r\n            ) : (\r\n              <>\r\n                {promiseState.value && no <= currentCallStepNo && (SuccessIcon || <Check size={20} color=\"#605BFF\" />)}\r\n                {promiseState.errMsg && no <= currentCallStepNo && (FailureIcon || <X size={20} color=\"red\" />)}\r\n              </>\r\n            )}\r\n          </div>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n});\r\n"]}

package/dist/ui.mjs

@@ -1,6 +1,6 @@
-export { SkeletonBox } from './chunk-PHQTFYZL.mjs';
-import { cn } from './chunk-MPOMTIDB.mjs';
-import './chunk-YITAUACR.mjs';
+export { SkeletonBox } from './chunk-5BTB7HRK.mjs';
+import { cn } from './chunk-SPFKGNUY.mjs';
+import './chunk-6F7H4PAA.mjs';
 import React, { useState, useEffect } from 'react';
 import { Card } from '@nextui-org/react';
 import copyToClipboard from 'copy-to-clipboard';

package/dist/ui.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../components/Common/PanelCard/index.tsx","../components/Common/Copy/index.tsx","../components/Common/JSONHighlight/index.tsx"],"names":["React"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAEd,IAAM,YAAY,CAAC,EAAE,WAAW,OAAO,QAAQ,MAAkF;AACtI,SACE,oCAAC,QAAK,WAAW,GAAG,2DAA2D,SAAS,KACtF,oCAAC,OAAE,WAAU,gDAA8C,KAAM,GACjE,oCAAC,SAAI,WAAW,GAAG,2EAA2E,KAAI,OAAQ,CAC5G;AAEJ;;;ACXA,OAAOA,UAAS,WAAW,gBAAgB;AAC3C,OAAO,qBAAqB;AAC5B,SAAS,QAAQ,UAAU,iBAAiB;AAGrC,IAAM,OAAO,CAAC;AAAA,EACnB,YAAY;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAClB,MAKM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,YAAM,QAAQ,WAAW,MAAM;AAC7B,kBAAU,KAAK;AAAA,MACjB,GAAG,GAAI;AACP,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACX,SACE,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,2DAA2D,SAAS;AAAA,MAClF,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,wBAAgB,KAAK;AACrB,kBAAU,IAAI;AAAA,MAChB;AAAA;AAAA,IACC,SAAS,gBAAAA,OAAA,cAAC,aAAU,MAAM,UAAU,WAAW,eAAe,IAAK,gBAAAA,OAAA,cAAC,YAAS,MAAM,UAAU,WAAW,eAAe;AAAA,EAC1H;AAEJ;;;ACpCA,OAAOA,YAAW;AAGX,SAAS,cAAc,EAAE,SAAS,UAAU,GAA4C;AAC7F,MAAI,CAAC;AAAS,WAAO;AACrB,YAAU,QAAQ,QAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AACnF,QAAM,MAAM,QAAQ,QAAQ,0GAA0G,SAAU,OAAO;AAErJ,QAAI,MAAM;AACV,QAAI,KAAK,KAAK,KAAK,GAAG;AACpB,UAAI,KAAK,KAAK,KAAK,GAAG;AAEpB,cAAM;AAAA,MACR,OAAO;AAEL,cAAM;AAAA,MACR;AAAA,IACF,WAAW,aAAa,KAAK,KAAK,GAAG;AAEnC,YAAM;AAAA,IACR,WAAW,OAAO,KAAK,KAAK,GAAG;AAE7B,YAAM;AAAA,IACR;AACA,WAAO,gBAAgB,GAAG,KAAK,KAAK;AAAA,EACtC,CAAC;AAED,SACE,gBAAAA,OAAA,cAAC,SAAI,WAAW,GAAG,0CAA0C,SAAS,GAAG,yBAAyB,EAAE,QAAQ,IAAI,GAAG;AAEvH","sourcesContent":["import React from 'react';\nimport { cn } from '../../../lib/utils';\nimport { Card } from '@nextui-org/react';\n\nexport const PanelCard = ({ className, title, content }: { className?: string; title: React.ReactNode; content?: React.ReactNode; }) => {\n  return (\n    <Card className={cn('flex flex-col justify-between border-none p-4 shadow-sm', className)}>\n      <p className=\"text-[#6B7280] dark:text-[#cecdcd] text-sm\">{title}</p>\n      <div className={cn('mt-2 break-all text-[#374151] dark:text-[#cecdcd] text-base font-semibold')}>{content}</div>\n    </Card>\n  );\n};\n","import React, { useEffect, useState } from \"react\";\nimport copyToClipboard from \"copy-to-clipboard\";\nimport { Copy as CopyIcon, CopyCheck } from \"lucide-react\";\nimport { cn } from \"../../../lib/utils\";\n\nexport const Copy = ({\n  className = '',\n  value,\n  iconSize = 20,\n  iconClassName = ''\n}: {\n  className?: string;\n  value: string;\n  iconSize?: number,\n  iconClassName?: string\n}) => {\n  const [copied, setCopied] = useState(false);\n  useEffect(() => {\n    if (copied) {\n      const timer = setTimeout(() => {\n        setCopied(false);\n      }, 2000);\n      return () => clearTimeout(timer);\n    }\n  }, [copied]);\n  return (\n    <button\n      className={cn(\"rounded-sm p-1 hover:bg-gray-300 dark:hover:bg-gray-600\", className)}\n      onClick={(e) => {\n        e.preventDefault();\n        copyToClipboard(value);\n        setCopied(true);\n      }}>\n      {copied ? <CopyCheck size={iconSize} className={iconClassName} /> : <CopyIcon size={iconSize} className={iconClassName} />}\n    </button>\n  );\n}\n","import React from \"react\";\nimport { cn } from \"../../../lib/utils\";\n\nexport function JSONHighlight({ jsonStr, className }: { jsonStr: string, className?: string }) {\n  if (!jsonStr) return null;\n  jsonStr = jsonStr.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n  const str = jsonStr.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)/g, function (match) {\n    // number\n    let cls = 'text-blue-500';\n    if (/^\"/.test(match)) {\n      if (/:$/.test(match)) {\n        // key\n        cls = 'text-gray-700 dark:text-gray-400';\n      } else {\n        // string\n        cls = 'text-green-600';\n      }\n    } else if (/true|false/.test(match)) {\n      // boolean\n      cls = 'text-purple-500';\n    } else if (/null/.test(match)) {\n      // null\n      cls = 'text-red-400';\n    }\n    return `<span class=\"${cls}\">${match}</span>`;\n  });\n\n  return (\n    <pre className={cn('w-full overflow-auto text-xs font-bold', className)} dangerouslySetInnerHTML={{ __html: str }} />\n  )\n}\n"]}
+{"version":3,"sources":["../components/Common/PanelCard/index.tsx","../components/Common/Copy/index.tsx","../components/Common/JSONHighlight/index.tsx"],"names":["React"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAEd,IAAM,YAAY,CAAC,EAAE,WAAW,OAAO,QAAQ,MAAkF;AACtI,SACE,oCAAC,QAAK,WAAW,GAAG,2DAA2D,SAAS,KACtF,oCAAC,OAAE,WAAU,gDAA8C,KAAM,GACjE,oCAAC,SAAI,WAAW,GAAG,2EAA2E,KAAI,OAAQ,CAC5G;AAEJ;;;ACXA,OAAOA,UAAS,WAAW,gBAAgB;AAC3C,OAAO,qBAAqB;AAC5B,SAAS,QAAQ,UAAU,iBAAiB;AAGrC,IAAM,OAAO,CAAC;AAAA,EACnB,YAAY;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAClB,MAKM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,YAAU,MAAM;AACd,QAAI,QAAQ;AACV,YAAM,QAAQ,WAAW,MAAM;AAC7B,kBAAU,KAAK;AAAA,MACjB,GAAG,GAAI;AACP,aAAO,MAAM,aAAa,KAAK;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AACX,SACE,gBAAAA,OAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,2DAA2D,SAAS;AAAA,MAClF,SAAS,CAAC,MAAM;AACd,UAAE,eAAe;AACjB,wBAAgB,KAAK;AACrB,kBAAU,IAAI;AAAA,MAChB;AAAA;AAAA,IACC,SAAS,gBAAAA,OAAA,cAAC,aAAU,MAAM,UAAU,WAAW,eAAe,IAAK,gBAAAA,OAAA,cAAC,YAAS,MAAM,UAAU,WAAW,eAAe;AAAA,EAC1H;AAEJ;;;ACpCA,OAAOA,YAAW;AAGX,SAAS,cAAc,EAAE,SAAS,UAAU,GAA4C;AAC7F,MAAI,CAAC;AAAS,WAAO;AACrB,YAAU,QAAQ,QAAQ,MAAM,OAAO,EAAE,QAAQ,MAAM,MAAM,EAAE,QAAQ,MAAM,MAAM;AACnF,QAAM,MAAM,QAAQ,QAAQ,0GAA0G,SAAU,OAAO;AAErJ,QAAI,MAAM;AACV,QAAI,KAAK,KAAK,KAAK,GAAG;AACpB,UAAI,KAAK,KAAK,KAAK,GAAG;AAEpB,cAAM;AAAA,MACR,OAAO;AAEL,cAAM;AAAA,MACR;AAAA,IACF,WAAW,aAAa,KAAK,KAAK,GAAG;AAEnC,YAAM;AAAA,IACR,WAAW,OAAO,KAAK,KAAK,GAAG;AAE7B,YAAM;AAAA,IACR;AACA,WAAO,gBAAgB,GAAG,KAAK,KAAK;AAAA,EACtC,CAAC;AAED,SACE,gBAAAA,OAAA,cAAC,SAAI,WAAW,GAAG,0CAA0C,SAAS,GAAG,yBAAyB,EAAE,QAAQ,IAAI,GAAG;AAEvH","sourcesContent":["import React from 'react';\r\nimport { cn } from '../../../lib/utils';\r\nimport { Card } from '@nextui-org/react';\r\n\r\nexport const PanelCard = ({ className, title, content }: { className?: string; title: React.ReactNode; content?: React.ReactNode; }) => {\r\n  return (\r\n    <Card className={cn('flex flex-col justify-between border-none p-4 shadow-sm', className)}>\r\n      <p className=\"text-[#6B7280] dark:text-[#cecdcd] text-sm\">{title}</p>\r\n      <div className={cn('mt-2 break-all text-[#374151] dark:text-[#cecdcd] text-base font-semibold')}>{content}</div>\r\n    </Card>\r\n  );\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\nimport copyToClipboard from \"copy-to-clipboard\";\r\nimport { Copy as CopyIcon, CopyCheck } from \"lucide-react\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\nexport const Copy = ({\r\n  className = '',\r\n  value,\r\n  iconSize = 20,\r\n  iconClassName = ''\r\n}: {\r\n  className?: string;\r\n  value: string;\r\n  iconSize?: number,\r\n  iconClassName?: string\r\n}) => {\r\n  const [copied, setCopied] = useState(false);\r\n  useEffect(() => {\r\n    if (copied) {\r\n      const timer = setTimeout(() => {\r\n        setCopied(false);\r\n      }, 2000);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [copied]);\r\n  return (\r\n    <button\r\n      className={cn(\"rounded-sm p-1 hover:bg-gray-300 dark:hover:bg-gray-600\", className)}\r\n      onClick={(e) => {\r\n        e.preventDefault();\r\n        copyToClipboard(value);\r\n        setCopied(true);\r\n      }}>\r\n      {copied ? <CopyCheck size={iconSize} className={iconClassName} /> : <CopyIcon size={iconSize} className={iconClassName} />}\r\n    </button>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\nexport function JSONHighlight({ jsonStr, className }: { jsonStr: string, className?: string }) {\r\n  if (!jsonStr) return null;\r\n  jsonStr = jsonStr.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\r\n  const str = jsonStr.replace(/(\"(\\\\u[a-zA-Z0-9]{4}|\\\\[^u]|[^\\\\\"])*\"(\\s*:)?|\\b(true|false|null)\\b|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?)/g, function (match) {\r\n    // number\r\n    let cls = 'text-blue-500';\r\n    if (/^\"/.test(match)) {\r\n      if (/:$/.test(match)) {\r\n        // key\r\n        cls = 'text-gray-700 dark:text-gray-400';\r\n      } else {\r\n        // string\r\n        cls = 'text-green-600';\r\n      }\r\n    } else if (/true|false/.test(match)) {\r\n      // boolean\r\n      cls = 'text-purple-500';\r\n    } else if (/null/.test(match)) {\r\n      // null\r\n      cls = 'text-red-400';\r\n    }\r\n    return `<span class=\"${cls}\">${match}</span>`;\r\n  });\r\n\r\n  return (\r\n    <pre className={cn('w-full overflow-auto text-xs font-bold', className)} dangerouslySetInnerHTML={{ __html: str }} />\r\n  )\r\n}\r\n"]}

package/dist/utils.d.mts

@@ -1,7 +1,6 @@
 import DataLoader from 'dataloader';
 import { Table } from 'dexie';
 import BigNumber from 'bignumber.js';
-import * as lodash from 'lodash';
 
 declare class DexieCache {
     kv: Table<{
@@ -125,105 +124,25 @@ declare const helper: {
 };
 
 declare const _: {
-    throttle: {
-        <T extends (...args: any) => any>(func: T, wait?: number, options?: lodash.ThrottleSettingsLeading): lodash.DebouncedFuncLeading<T>;
-        <T extends (...args: any) => any>(func: T, wait?: number, options?: lodash.ThrottleSettings): lodash.DebouncedFunc<T>;
-    };
-    debounce: {
-        <T extends (...args: any) => any>(func: T, wait: number | undefined, options: lodash.DebounceSettingsLeading): lodash.DebouncedFuncLeading<T>;
-        <T extends (...args: any) => any>(func: T, wait?: number, options?: lodash.DebounceSettings): lodash.DebouncedFunc<T>;
-    };
-    each: {
-        <T>(collection: T[], iteratee?: lodash.ArrayIterator<T, any>): T[];
-        (collection: string, iteratee?: lodash.StringIterator<any>): string;
-        <T>(collection: lodash.List<T>, iteratee?: lodash.ListIterator<T, any>): lodash.List<T>;
-        <T extends object>(collection: T, iteratee?: lodash.ObjectIterator<T, any>): T;
-        <T, TArray extends T[] | null | undefined>(collection: TArray & (T[] | null | undefined), iteratee?: lodash.ArrayIterator<T, any>): TArray;
-        <TString extends string | null | undefined>(collection: TString, iteratee?: lodash.StringIterator<any>): TString;
-        <T, TList extends lodash.List<T> | null | undefined>(collection: TList & (lodash.List<T> | null | undefined), iteratee?: lodash.ListIterator<T, any>): TList;
-        <T extends object>(collection: T | null | undefined, iteratee?: lodash.ObjectIterator<T, any>): T | null | undefined;
-    };
-    flattenDeep: <T>(array: lodash.ListOfRecursiveArraysOrValues<T> | null | undefined) => Array<lodash.Flat<T>>;
-    omitBy: {
-        <T>(object: lodash.Dictionary<T> | null | undefined, predicate?: lodash.ValueKeyIteratee<T>): lodash.Dictionary<T>;
-        <T>(object: lodash.NumericDictionary<T> | null | undefined, predicate?: lodash.ValueKeyIteratee<T>): lodash.NumericDictionary<T>;
-        <T extends object>(object: T | null | undefined, predicate: lodash.ValueKeyIteratee<T[keyof T]>): lodash.PartialObject<T>;
-    };
-    isNil: (value: any) => value is null | undefined;
-    keyBy: {
-        <T>(collection: lodash.List<T> | null | undefined, iteratee?: lodash.ValueIterateeCustom<T, lodash.PropertyName>): lodash.Dictionary<T>;
-        <T extends object>(collection: T | null | undefined, iteratee?: lodash.ValueIterateeCustom<T[keyof T], lodash.PropertyName>): lodash.Dictionary<T[keyof T]>;
-    };
-    mergeWith: {
-        <TObject, TSource>(object: TObject, source: TSource, customizer: lodash.MergeWithCustomizer): TObject & TSource;
-        <TObject, TSource1, TSource2>(object: TObject, source1: TSource1, source2: TSource2, customizer: lodash.MergeWithCustomizer): TObject & TSource1 & TSource2;
-        <TObject, TSource1, TSource2, TSource3>(object: TObject, source1: TSource1, source2: TSource2, source3: TSource3, customizer: lodash.MergeWithCustomizer): TObject & TSource1 & TSource2 & TSource3;
-        <TObject, TSource1, TSource2, TSource3, TSource4>(object: TObject, source1: TSource1, source2: TSource2, source3: TSource3, source4: TSource4, customizer: lodash.MergeWithCustomizer): TObject & TSource1 & TSource2 & TSource3 & TSource4;
-        (object: any, ...otherArgs: any[]): any;
-    };
-    cloneDeep: <T>(value: T) => T;
-    groupBy: {
-        <T>(collection: lodash.List<T> | null | undefined, iteratee?: lodash.ValueIteratee<T>): lodash.Dictionary<T[]>;
-        <T extends object>(collection: T | null | undefined, iteratee?: lodash.ValueIteratee<T[keyof T]>): lodash.Dictionary<Array<T[keyof T]>>;
-    };
-    get: {
-        <TObject extends object, TKey extends keyof TObject>(object: TObject, path: TKey | [TKey]): TObject[TKey];
-        <TObject extends object, TKey extends keyof TObject>(object: TObject | null | undefined, path: TKey | [TKey]): TObject[TKey] | undefined;
-        <TObject extends object, TKey extends keyof TObject, TDefault>(object: TObject | null | undefined, path: TKey | [TKey], defaultValue: TDefault): Exclude<TObject[TKey], undefined> | TDefault;
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof TObject[TKey1]>(object: TObject, path: [TKey1, TKey2]): TObject[TKey1][TKey2];
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof NonNullable<TObject[TKey1]>>(object: TObject | null | undefined, path: [TKey1, TKey2]): NonNullable<TObject[TKey1]>[TKey2] | undefined;
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof NonNullable<TObject[TKey1]>, TDefault>(object: TObject | null | undefined, path: [TKey1, TKey2], defaultValue: TDefault): Exclude<NonNullable<TObject[TKey1]>[TKey2], undefined> | TDefault;
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof TObject[TKey1], TKey3 extends keyof TObject[TKey1][TKey2]>(object: TObject, path: [TKey1, TKey2, TKey3]): TObject[TKey1][TKey2][TKey3];
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof NonNullable<TObject[TKey1]>, TKey3 extends keyof NonNullable<NonNullable<TObject[TKey1]>[TKey2]>>(object: TObject | null | undefined, path: [TKey1, TKey2, TKey3]): NonNullable<NonNullable<TObject[TKey1]>[TKey2]>[TKey3] | undefined;
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof NonNullable<TObject[TKey1]>, TKey3 extends keyof NonNullable<NonNullable<TObject[TKey1]>[TKey2]>, TDefault>(object: TObject | null | undefined, path: [TKey1, TKey2, TKey3], defaultValue: TDefault): Exclude<NonNullable<NonNullable<TObject[TKey1]>[TKey2]>[TKey3], undefined> | TDefault;
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof TObject[TKey1], TKey3 extends keyof TObject[TKey1][TKey2], TKey4 extends keyof TObject[TKey1][TKey2][TKey3]>(object: TObject, path: [TKey1, TKey2, TKey3, TKey4]): TObject[TKey1][TKey2][TKey3][TKey4];
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof NonNullable<TObject[TKey1]>, TKey3 extends keyof NonNullable<NonNullable<TObject[TKey1]>[TKey2]>, TKey4 extends keyof NonNullable<NonNullable<NonNullable<TObject[TKey1]>[TKey2]>[TKey3]>>(object: TObject | null | undefined, path: [TKey1, TKey2, TKey3, TKey4]): NonNullable<NonNullable<NonNullable<TObject[TKey1]>[TKey2]>[TKey3]>[TKey4] | undefined;
-        <TObject extends object, TKey1 extends keyof TObject, TKey2 extends keyof NonNullable<TObject[TKey1]>, TKey3 extends keyof NonNullable<NonNullable<TObject[TKey1]>[TKey2]>, TKey4 extends keyof NonNullable<NonNullable<NonNullable<TObject[TKey1]>[TKey2]>[TKey3]>, TDefault>(object: TObject | null | undefined, path: [TKey1, TKey2, TKey3, TKey4], defaultValue: TDefault): Exclude<NonNullable<NonNullable<NonNullable<TObject[TKey1]>[TKey2]>[TKey3]>[TKey4], undefined> | TDefault;
-        <T>(object: lodash.NumericDictionary<T>, path: number): T;
-        <T>(object: lodash.NumericDictionary<T> | null | undefined, path: number): T | undefined;
-        <T, TDefault>(object: lodash.NumericDictionary<T> | null | undefined, path: number, defaultValue: TDefault): T | TDefault;
-        <TDefault>(object: null | undefined, path: lodash.PropertyPath, defaultValue: TDefault): TDefault;
-        (object: null | undefined, path: lodash.PropertyPath): undefined;
-        <TObject, TPath extends string>(data: TObject, path: TPath): string extends TPath ? any : lodash.GetFieldType<TObject, TPath>;
-        <TObject, TPath extends string, TDefault = lodash.GetFieldType<TObject, TPath, "Path">>(data: TObject, path: TPath, defaultValue: TDefault): Exclude<lodash.GetFieldType<TObject, TPath>, null | undefined> | TDefault;
-        (object: any, path: lodash.PropertyPath, defaultValue?: any): any;
-    };
-    set: {
-        <T extends object>(object: T, path: lodash.PropertyPath, value: any): T;
-        <TResult>(object: object, path: lodash.PropertyPath, value: any): TResult;
-    };
-    remove: <T>(array: lodash.List<T>, predicate?: lodash.ListIteratee<T>) => T[];
-    merge: {
-        <TObject, TSource>(object: TObject, source: TSource): TObject & TSource;
-        <TObject, TSource1, TSource2>(object: TObject, source1: TSource1, source2: TSource2): TObject & TSource1 & TSource2;
-        <TObject, TSource1, TSource2, TSource3>(object: TObject, source1: TSource1, source2: TSource2, source3: TSource3): TObject & TSource1 & TSource2 & TSource3;
-        <TObject, TSource1, TSource2, TSource3, TSource4>(object: TObject, source1: TSource1, source2: TSource2, source3: TSource3, source4: TSource4): TObject & TSource1 & TSource2 & TSource3 & TSource4;
-        (object: any, ...otherArgs: any[]): any;
-    };
-    isEqual: (value: any, other: any) => boolean;
-    uniqWith: <T>(array: lodash.List<T> | null | undefined, comparator?: lodash.Comparator<T>) => T[];
-    orderBy: {
-        <T>(collection: lodash.List<T> | null | undefined, iteratees?: lodash.Many<lodash.ListIterator<T, lodash.NotVoid>>, orders?: lodash.Many<boolean | "asc" | "desc">): T[];
-        <T>(collection: lodash.List<T> | null | undefined, iteratees?: lodash.Many<lodash.ListIteratee<T>>, orders?: lodash.Many<boolean | "asc" | "desc">): T[];
-        <T extends object>(collection: T | null | undefined, iteratees?: lodash.Many<lodash.ObjectIterator<T, lodash.NotVoid>>, orders?: lodash.Many<boolean | "asc" | "desc">): Array<T[keyof T]>;
-        <T extends object>(collection: T | null | undefined, iteratees?: lodash.Many<lodash.ObjectIteratee<T>>, orders?: lodash.Many<boolean | "asc" | "desc">): Array<T[keyof T]>;
-    };
-    map: {
-        <T, TResult>(collection: T[] | null | undefined, iteratee: lodash.ArrayIterator<T, TResult>): TResult[];
-        <T, TResult>(collection: lodash.List<T> | null | undefined, iteratee: lodash.ListIterator<T, TResult>): TResult[];
-        <T>(collection: lodash.Dictionary<T> | lodash.NumericDictionary<T> | null | undefined): T[];
-        <T extends object, TResult>(collection: T | null | undefined, iteratee: lodash.ObjectIterator<T, TResult>): TResult[];
-        <T, K extends keyof T>(collection: lodash.Dictionary<T> | lodash.NumericDictionary<T> | null | undefined, iteratee: K): Array<T[K]>;
-        <T>(collection: lodash.Dictionary<T> | lodash.NumericDictionary<T> | null | undefined, iteratee?: string): any[];
-        <T>(collection: lodash.Dictionary<T> | lodash.NumericDictionary<T> | null | undefined, iteratee?: object): boolean[];
-    };
-    zip: {
-        <T1, T2>(arrays1: lodash.List<T1>, arrays2: lodash.List<T2>): Array<[T1 | undefined, T2 | undefined]>;
-        <T1, T2, T3>(arrays1: lodash.List<T1>, arrays2: lodash.List<T2>, arrays3: lodash.List<T3>): Array<[T1 | undefined, T2 | undefined, T3 | undefined]>;
-        <T1, T2, T3, T4>(arrays1: lodash.List<T1>, arrays2: lodash.List<T2>, arrays3: lodash.List<T3>, arrays4: lodash.List<T4>): Array<[T1 | undefined, T2 | undefined, T3 | undefined, T4 | undefined]>;
-        <T1, T2, T3, T4, T5>(arrays1: lodash.List<T1>, arrays2: lodash.List<T2>, arrays3: lodash.List<T3>, arrays4: lodash.List<T4>, arrays5: lodash.List<T5>): Array<[T1 | undefined, T2 | undefined, T3 | undefined, T4 | undefined, T5 | undefined]>;
-        <T>(...arrays: Array<lodash.List<T> | null | undefined>): Array<Array<T | undefined>>;
-    };
+    throttle: any;
+    debounce: any;
+    each: any;
+    flattenDeep: any;
+    omitBy: any;
+    isNil: any;
+    keyBy: any;
+    mergeWith: any;
+    cloneDeep: any;
+    groupBy: any;
+    get: any;
+    set: any;
+    remove: any;
+    merge: any;
+    isEqual: any;
+    uniqWith: any;
+    orderBy: any;
+    map: any;
+    zip: any;
 };
 
 export { _, cache, helper };

package/dist/utils.mjs

@@ -1,6 +1,6 @@
-export { cache } from './chunk-2N4HH4ZF.mjs';
-export { helper } from './chunk-R4N52NI2.mjs';
-export { _ } from './chunk-K7LFG5BA.mjs';
-import './chunk-YITAUACR.mjs';
+export { cache } from './chunk-2BZKMJZX.mjs';
+export { helper } from './chunk-7WJMHFRA.mjs';
+export { _ } from './chunk-2PD23V7H.mjs';
+import './chunk-6F7H4PAA.mjs';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=utils.mjs.map

package/dist/wallet.d.mts

@@ -180,7 +180,7 @@ declare class WalletConfigStore implements Store {
     constructor(args: Partial<WalletConfigStore>);
     set(params: Partial<WalletConfigStore>): void;
     get reconnectOnMount(): boolean;
-    get rainbowKitConfig(): wagmi.Config<_rainbow_me_rainbowkit_dist_config_getDefaultConfig._chains, _rainbow_me_rainbowkit_dist_config_getDefaultConfig._transports>;
+    get rainbowKitConfig(): wagmi.Config<_rainbow_me_rainbowkit_dist_config_getDefaultConfig._chains, _rainbow_me_rainbowkit_dist_config_getDefaultConfig._transports, wagmi.CreateConnectorFn<unknown, Record<string, unknown>, Record<string, unknown>>[]>;
 }
 
 declare const RpcList: (() => React.JSX.Element) & {

package/dist/wallet.mjs

@@ -1,16 +1,16 @@
-import { WalletConfigStore, WalletStore, WalletRpcStore } from './chunk-RU6ZML4R.mjs';
-export { ConnectLedger, DisconnectLedger, WalletConfigStore, WalletHistoryStore, WalletRpcStore, WalletStore } from './chunk-RU6ZML4R.mjs';
-import './chunk-SL5OV6OR.mjs';
-import './chunk-PGS2TG3C.mjs';
-import './chunk-2N4HH4ZF.mjs';
-import './chunk-OBMZXW6O.mjs';
-import { ToastPlugin } from './chunk-IMOLRP7I.mjs';
-import './chunk-GKAU4P5I.mjs';
-import { RootStore } from './chunk-IDKGZ5T4.mjs';
-import './chunk-R4N52NI2.mjs';
-import './chunk-ONVPCAMQ.mjs';
-import './chunk-K7LFG5BA.mjs';
-import { __spreadValues } from './chunk-YITAUACR.mjs';
+import { WalletConfigStore, WalletStore, WalletRpcStore } from './chunk-BR7IWH2E.mjs';
+export { ConnectLedger, DisconnectLedger, WalletConfigStore, WalletHistoryStore, WalletRpcStore, WalletStore } from './chunk-BR7IWH2E.mjs';
+import './chunk-72E76L6J.mjs';
+import './chunk-WMV5O3PI.mjs';
+import './chunk-2BZKMJZX.mjs';
+import './chunk-NKGQRF5D.mjs';
+import { ToastPlugin } from './chunk-7EL2RQI7.mjs';
+import './chunk-R66SHRQE.mjs';
+import { RootStore } from './chunk-KIS52LFU.mjs';
+import './chunk-7WJMHFRA.mjs';
+import './chunk-Z3LJE5QF.mjs';
+import './chunk-2PD23V7H.mjs';
+import { __spreadValues } from './chunk-6F7H4PAA.mjs';
 import { RainbowKitProvider, darkTheme, lightTheme } from '@rainbow-me/rainbowkit';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import React2, { useEffect } from 'react';