@fernir2/saas-kit 0.0.161 → 0.0.163

package/packages/level2/fd-app-toolbox/register-form/RegisterForm.funcs.cjs.js

@@ -8,7 +8,7 @@ var login = require('../../meta/auth/login.cjs.js');
 var redirectFunctions = require('../../../fd-toolbox/redirect/redirect-functions.cjs.js');
 var urls = require('../../../fd-toolbox/url/urls.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0xc59c65,_0xc2bcb1)=>__defProp(_0xc59c65,'name',{'value':_0xc2bcb1,'configurable':!![]});async function register(_0x2b953b){const _0xe64213=await apiClient.apiPost(routes.routes['register'],_0x2b953b);return onRegisterFormRegisterResult(_0xe64213,_0x2b953b['authType']);}__name(register,'register');function onRegisterFormRegisterResult(_0x3ad4f7,_0x3bacc5){const _0x3ef4dd=authHandler.getLoginResult(_0x3ad4f7);return _0x3ef4dd['isSuccess']&&_0x3bacc5===login.authTypes['default']&&redirectFunctions.navigate(routes.routes['login']),_0x3ef4dd;}__name(onRegisterFormRegisterResult,'onRegisterFormRegisterResult');async function defaultRegister(_0x516b30,_0xf02b71='',_0xd4fb0a){const _0x53c6fc={'authType':login.authTypes['default'],'password':_0x516b30,'email':_0xf02b71,'workspaceUserInviteId':_0xd4fb0a};return register(_0x53c6fc);}__name(defaultRegister,'defaultRegister');async function registerByOAuth(_0x1a3dfd,_0x291ee4,_0x10922e,_0x1b67db,_0x18792e){return register({'oauthKey':_0x1a3dfd,'oauthProvider':_0x291ee4,'authType':login.authTypes['oauth'],'email':_0x10922e,'firstName':_0x1b67db,'lastName':_0x18792e});}__name(registerByOAuth,'registerByOAuth');async function onRegisterSubmit(_0x589456,_0x4d9c38,_0xc8c75f,_0x47821e){const _0x5b8c5d=await defaultRegister(_0x589456['password'],_0x589456['email'],_0x47821e);if(!_0x5b8c5d['isSuccess']){_0xc8c75f(_0x5b8c5d['message']);return;}const _0x55eb75=urls.buildUrl(routes.routes['login']);_0x4d9c38['push'](_0x55eb75);}__name(onRegisterSubmit,'onRegisterSubmit');
+var __defProp=Object['defineProperty'],__name=(_0x45aa17,_0x5d8e9b)=>__defProp(_0x45aa17,'name',{'value':_0x5d8e9b,'configurable':!![]});async function register(_0x1db5b2){const _0x46b790=await apiClient.apiPost(routes.routes['register'],_0x1db5b2);return onRegisterFormRegisterResult(_0x46b790,_0x1db5b2['authType']);}__name(register,'register');function onRegisterFormRegisterResult(_0x1d6c6f,_0x30031a){const _0x3cdb6c=authHandler.getLoginResult(_0x1d6c6f);return _0x3cdb6c['isSuccess']&&_0x30031a===login.authTypes['default']&&redirectFunctions.navigate(routes.routes['login']),_0x3cdb6c;}__name(onRegisterFormRegisterResult,'onRegisterFormRegisterResult');async function defaultRegister(_0x4d2685,_0x53b397='',_0x237834){const _0x37db04={'authType':login.authTypes['default'],'password':_0x4d2685,'email':_0x53b397,'workspaceUserInviteId':_0x237834};return register(_0x37db04);}__name(defaultRegister,'defaultRegister');async function registerByOAuth(_0x4d50dd,_0x32b31a,_0x30b30e,_0x44c676,_0x48009b){return register({'oauthKey':_0x4d50dd,'oauthProvider':_0x32b31a,'authType':login.authTypes['oauth'],'email':_0x30b30e,'firstName':_0x44c676,'lastName':_0x48009b});}__name(registerByOAuth,'registerByOAuth');async function onRegisterSubmit(_0x2a8036,_0x5527c1,_0x5a5e4d,_0x3d94b1){const _0x3aec12=await defaultRegister(_0x2a8036['password'],_0x2a8036['email'],_0x3d94b1);if(!_0x3aec12['isSuccess']){_0x5a5e4d(_0x3aec12['message']);return;}const _0xae50e0=urls.buildUrl(routes.routes['login']);_0x5527c1['push'](_0xae50e0);}__name(onRegisterSubmit,'onRegisterSubmit');
 
 exports.defaultRegister = defaultRegister;
 exports.onRegisterSubmit = onRegisterSubmit;

package/packages/level2/fd-app-toolbox/register-form/RegisterForm.funcs.js

@@ -6,6 +6,6 @@ import { authTypes } from '../../meta/auth/login.js';
 import { navigate } from '../../../fd-toolbox/redirect/redirect-functions.js';
 import { buildUrl } from '../../../fd-toolbox/url/urls.js';
 
-var __defProp=Object['defineProperty'],__name=(_0xc59c65,_0xc2bcb1)=>__defProp(_0xc59c65,'name',{'value':_0xc2bcb1,'configurable':!![]});async function register(_0x2b953b){const _0xe64213=await apiPost(routes['register'],_0x2b953b);return onRegisterFormRegisterResult(_0xe64213,_0x2b953b['authType']);}__name(register,'register');function onRegisterFormRegisterResult(_0x3ad4f7,_0x3bacc5){const _0x3ef4dd=getLoginResult(_0x3ad4f7);return _0x3ef4dd['isSuccess']&&_0x3bacc5===authTypes['default']&&navigate(routes['login']),_0x3ef4dd;}__name(onRegisterFormRegisterResult,'onRegisterFormRegisterResult');async function defaultRegister(_0x516b30,_0xf02b71='',_0xd4fb0a){const _0x53c6fc={'authType':authTypes['default'],'password':_0x516b30,'email':_0xf02b71,'workspaceUserInviteId':_0xd4fb0a};return register(_0x53c6fc);}__name(defaultRegister,'defaultRegister');async function registerByOAuth(_0x1a3dfd,_0x291ee4,_0x10922e,_0x1b67db,_0x18792e){return register({'oauthKey':_0x1a3dfd,'oauthProvider':_0x291ee4,'authType':authTypes['oauth'],'email':_0x10922e,'firstName':_0x1b67db,'lastName':_0x18792e});}__name(registerByOAuth,'registerByOAuth');async function onRegisterSubmit(_0x589456,_0x4d9c38,_0xc8c75f,_0x47821e){const _0x5b8c5d=await defaultRegister(_0x589456['password'],_0x589456['email'],_0x47821e);if(!_0x5b8c5d['isSuccess']){_0xc8c75f(_0x5b8c5d['message']);return;}const _0x55eb75=buildUrl(routes['login']);_0x4d9c38['push'](_0x55eb75);}__name(onRegisterSubmit,'onRegisterSubmit');
+var __defProp=Object['defineProperty'],__name=(_0x45aa17,_0x5d8e9b)=>__defProp(_0x45aa17,'name',{'value':_0x5d8e9b,'configurable':!![]});async function register(_0x1db5b2){const _0x46b790=await apiPost(routes['register'],_0x1db5b2);return onRegisterFormRegisterResult(_0x46b790,_0x1db5b2['authType']);}__name(register,'register');function onRegisterFormRegisterResult(_0x1d6c6f,_0x30031a){const _0x3cdb6c=getLoginResult(_0x1d6c6f);return _0x3cdb6c['isSuccess']&&_0x30031a===authTypes['default']&&navigate(routes['login']),_0x3cdb6c;}__name(onRegisterFormRegisterResult,'onRegisterFormRegisterResult');async function defaultRegister(_0x4d2685,_0x53b397='',_0x237834){const _0x37db04={'authType':authTypes['default'],'password':_0x4d2685,'email':_0x53b397,'workspaceUserInviteId':_0x237834};return register(_0x37db04);}__name(defaultRegister,'defaultRegister');async function registerByOAuth(_0x4d50dd,_0x32b31a,_0x30b30e,_0x44c676,_0x48009b){return register({'oauthKey':_0x4d50dd,'oauthProvider':_0x32b31a,'authType':authTypes['oauth'],'email':_0x30b30e,'firstName':_0x44c676,'lastName':_0x48009b});}__name(registerByOAuth,'registerByOAuth');async function onRegisterSubmit(_0x2a8036,_0x5527c1,_0x5a5e4d,_0x3d94b1){const _0x3aec12=await defaultRegister(_0x2a8036['password'],_0x2a8036['email'],_0x3d94b1);if(!_0x3aec12['isSuccess']){_0x5a5e4d(_0x3aec12['message']);return;}const _0xae50e0=buildUrl(routes['login']);_0x5527c1['push'](_0xae50e0);}__name(onRegisterSubmit,'onRegisterSubmit');
 
 export { defaultRegister, onRegisterSubmit, registerByOAuth };

package/packages/level2/fd-app-toolbox/report/Chart.cjs.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var RechartsPrimitive = require('recharts');
+var recharts = require('recharts');
 var reportEnums = require('../reports/report-enums.cjs.js');
 
 var __defProp = Object.defineProperty;
@@ -10,7 +10,7 @@ var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-function FdChart({
+function Chart({
   series,
   chartType,
   data
@@ -24,15 +24,15 @@ function FdChart({
   const getColor = /* @__PURE__ */__name(i => `hsl(var(--chart-${i % 5 + 1}))`, "getColor");
   switch (chartType) {
     case reportEnums.chartTypes.line:
-      return /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, {
+      return /* @__PURE__ */jsxRuntime.jsx(recharts.ResponsiveContainer, {
         className: "size-full",
-        children: /* @__PURE__ */jsxRuntime.jsxs(RechartsPrimitive.LineChart, {
+        children: /* @__PURE__ */jsxRuntime.jsxs(recharts.LineChart, {
           data,
-          children: [/* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.CartesianGrid, {
+          children: [/* @__PURE__ */jsxRuntime.jsx(recharts.CartesianGrid, {
             strokeDasharray: "3 3"
-          }), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.XAxis, {
+          }), /* @__PURE__ */jsxRuntime.jsx(recharts.XAxis, {
             dataKey: xAxisKey
-          }), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.YAxis, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Line, {
+          }), /* @__PURE__ */jsxRuntime.jsx(recharts.YAxis, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(recharts.Line, {
             dataKey: s.axisYPropertyName,
             name: s.name,
             stroke: s.axisYColor ?? getColor(i),
@@ -43,16 +43,16 @@ function FdChart({
       });
     case reportEnums.chartTypes.area:
     case reportEnums.chartTypes.areaExpanded:
-      return /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, {
+      return /* @__PURE__ */jsxRuntime.jsx(recharts.ResponsiveContainer, {
         className: "size-full",
-        children: /* @__PURE__ */jsxRuntime.jsxs(RechartsPrimitive.AreaChart, {
+        children: /* @__PURE__ */jsxRuntime.jsxs(recharts.AreaChart, {
           data,
           stackOffset: chartType === reportEnums.chartTypes.areaExpanded ? "expand" : void 0,
-          children: [/* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.CartesianGrid, {
+          children: [/* @__PURE__ */jsxRuntime.jsx(recharts.CartesianGrid, {
             strokeDasharray: "3 3"
-          }), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.XAxis, {
+          }), /* @__PURE__ */jsxRuntime.jsx(recharts.XAxis, {
             dataKey: xAxisKey
-          }), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.YAxis, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Area, {
+          }), /* @__PURE__ */jsxRuntime.jsx(recharts.YAxis, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(recharts.Area, {
             type: "natural",
             dataKey: s.axisYPropertyName,
             name: s.name,
@@ -65,15 +65,15 @@ function FdChart({
     case reportEnums.chartTypes.bar:
     case reportEnums.chartTypes.barStacked:
     case reportEnums.chartTypes.barMixed:
-      return /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, {
+      return /* @__PURE__ */jsxRuntime.jsx(recharts.ResponsiveContainer, {
         className: "size-full",
-        children: /* @__PURE__ */jsxRuntime.jsxs(RechartsPrimitive.BarChart, {
+        children: /* @__PURE__ */jsxRuntime.jsxs(recharts.BarChart, {
           data,
-          children: [/* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.CartesianGrid, {
+          children: [/* @__PURE__ */jsxRuntime.jsx(recharts.CartesianGrid, {
             strokeDasharray: "3 3"
-          }), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.XAxis, {
+          }), /* @__PURE__ */jsxRuntime.jsx(recharts.XAxis, {
             dataKey: xAxisKey
-          }), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.YAxis, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Bar, {
+          }), /* @__PURE__ */jsxRuntime.jsx(recharts.YAxis, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(recharts.Bar, {
             dataKey: s.axisYPropertyName,
             name: s.name,
             fill: s.axisYColor ?? getColor(i),
@@ -83,10 +83,10 @@ function FdChart({
       });
     case reportEnums.chartTypes.pie:
     case reportEnums.chartTypes.donut:
-      return /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, {
+      return /* @__PURE__ */jsxRuntime.jsx(recharts.ResponsiveContainer, {
         className: "size-full",
-        children: /* @__PURE__ */jsxRuntime.jsxs(RechartsPrimitive.PieChart, {
-          children: [/* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Pie, {
+        children: /* @__PURE__ */jsxRuntime.jsxs(recharts.PieChart, {
+          children: [/* @__PURE__ */jsxRuntime.jsx(recharts.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(recharts.Pie, {
             data,
             dataKey: s.axisYPropertyName,
             nameKey: s.axisXPropertyName,
@@ -94,7 +94,7 @@ function FdChart({
             outerRadius: 80,
             fill: s.axisYColor ?? getColor(i),
             label: true,
-            children: data.map((_, j) => /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Cell, {
+            children: data.map((_, j) => /* @__PURE__ */jsxRuntime.jsx(recharts.Cell, {
               fill: getColor(j)
             }, j))
           }, s.id))]
@@ -102,13 +102,13 @@ function FdChart({
       });
     case reportEnums.chartTypes.radar:
     case reportEnums.chartTypes.radarLines:
-      return /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, {
+      return /* @__PURE__ */jsxRuntime.jsx(recharts.ResponsiveContainer, {
         className: "size-full",
-        children: /* @__PURE__ */jsxRuntime.jsxs(RechartsPrimitive.RadarChart, {
+        children: /* @__PURE__ */jsxRuntime.jsxs(recharts.RadarChart, {
           data,
-          children: [/* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.PolarGrid, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.PolarAngleAxis, {
+          children: [/* @__PURE__ */jsxRuntime.jsx(recharts.PolarGrid, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.PolarAngleAxis, {
             dataKey: xAxisKey
-          }), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Radar, {
+          }), /* @__PURE__ */jsxRuntime.jsx(recharts.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(recharts.Radar, {
             name: s.name,
             dataKey: s.axisYPropertyName,
             stroke: s.axisYColor ?? getColor(i),
@@ -120,15 +120,15 @@ function FdChart({
       });
     case reportEnums.chartTypes.radial:
     case reportEnums.chartTypes.radialStacked:
-      return /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.ResponsiveContainer, {
+      return /* @__PURE__ */jsxRuntime.jsx(recharts.ResponsiveContainer, {
         className: "size-full",
-        children: /* @__PURE__ */jsxRuntime.jsxs(RechartsPrimitive.RadialBarChart, {
+        children: /* @__PURE__ */jsxRuntime.jsxs(recharts.RadialBarChart, {
           data,
           innerRadius: 10,
           outerRadius: 110,
           startAngle: 180,
           endAngle: 0,
-          children: [/* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(RechartsPrimitive.RadialBar, {
+          children: [/* @__PURE__ */jsxRuntime.jsx(recharts.Tooltip, {}), /* @__PURE__ */jsxRuntime.jsx(recharts.Legend, {}), series.map((s, i) => /* @__PURE__ */jsxRuntime.jsx(recharts.RadialBar, {
             dataKey: s.axisYPropertyName,
             name: s.name,
             fill: s.axisYColor ?? getColor(i),
@@ -142,6 +142,6 @@ function FdChart({
       });
   }
 }
-__name(FdChart, "FdChart");
+__name(Chart, "Chart");
 
-module.exports = FdChart;
+exports.Chart = Chart;

package/packages/level2/fd-app-toolbox/report/Chart.d.ts

@@ -2,10 +2,20 @@ import React from "react";
 import { ChartType } from "../reports/report-enums";
 import { WithIndexer } from "../../../fd-toolbox-core/types/with-indexer";
 import { ReportChartSeries } from "../reports/report-chart-series.resource";
-interface ChartProps {
+/**
+ * Props of {@link Chart}
+ */
+export interface ChartProps {
+    /** Array of series to be displayed in the chart */
     series: ReportChartSeries[];
+    /** Type of chart to be rendered */
     chartType: ChartType;
+    /** Data to be visualized in the chart */
     data: WithIndexer<string>[];
 }
-export default function FdChart({ series, chartType, data }: ChartProps): React.JSX.Element;
-export {};
+/**
+ * Chart component that renders different types of charts
+ *
+ * @param ChartProps {@link ChartProps}
+ */
+export declare function Chart({ series, chartType, data }: ChartProps): React.JSX.Element;

package/packages/level2/fd-app-toolbox/report/Chart.js

@@ -8,7 +8,7 @@ var __name = (target, value) => __defProp(target, "name", {
   value,
   configurable: true
 });
-function FdChart({
+function Chart({
   series,
   chartType,
   data
@@ -140,6 +140,6 @@ function FdChart({
       });
   }
 }
-__name(FdChart, "FdChart");
+__name(Chart, "Chart");
 
-export { FdChart as default };
+export { Chart };

package/packages/level2/fd-app-toolbox/report/ReportCard.cjs.js

@@ -8,6 +8,7 @@ var CardBigDigits = require('../../fd-component-toolbox/card/CardBigDigits.cjs.j
 var useAsyncEffect = require('../../../fd-toolbox/hooks/use-async-effect.cjs.js');
 var ReportCard_funcs = require('./ReportCard.funcs.cjs.js');
 var ensureType = require('../../../fd-toolbox/types/ensure-type.cjs.js');
+var useOptionalPromise = require('../../../fd-toolbox/hooks/use-optional-promise.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -17,40 +18,53 @@ var __name = (target, value) => __defProp(target, "name", {
 function ReportCard(t0) {
   const $ = compilerRuntime.c(9);
   const {
-    reportCard
+    report,
+    reportId
   } = t0;
-  const [reportWithData, setReportWithData] = React.useState();
+  const optionalReport = useOptionalPromise.useOptionalPromise(report);
+  const [internalReport, setInternalReport] = React.useState(optionalReport);
+  const [reportData, setReportData] = React.useState();
   let t1;
   let t2;
-  if ($[0] !== reportCard.id) {
+  if ($[0] !== optionalReport || $[1] !== reportId) {
     t1 = async () => {
-      await ReportCard_funcs.initReportCard(reportCard.id, setReportWithData);
+      await ReportCard_funcs.initReportCard(setInternalReport, setReportData, optionalReport, reportId);
     };
-    t2 = [reportCard.id];
-    $[0] = reportCard.id;
-    $[1] = t1;
-    $[2] = t2;
+    t2 = [optionalReport, reportId];
+    $[0] = optionalReport;
+    $[1] = reportId;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t1 = $[1];
-    t2 = $[2];
+    t1 = $[2];
+    t2 = $[3];
   }
   useAsyncEffect.useAsyncEffect(t1, t2);
-  const data = reportWithData?.data?.[0];
+  if (!reportData || !internalReport) {
+    let t3;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = jsxRuntime.jsx("div", {
+        children: "Loading report..."
+      });
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    return t3;
+  }
   let t3;
-  if ($[3] !== data || $[4] !== reportCard.description || $[5] !== reportCard.name || $[6] !== reportWithData?.report.description || $[7] !== reportWithData?.report.name) {
-    const displayValue = ensureType.ensureString(data) ?? "0";
-    const title = reportWithData?.report.name ?? reportCard.name;
-    const subtitle = reportWithData?.report.description ?? reportCard.description;
+  if ($[5] !== internalReport?.description || $[6] !== internalReport?.name || $[7] !== reportData) {
+    const displayValue = ensureType.ensureString(reportData) ?? "0";
+    const title = internalReport?.name ?? "Untitled Report";
+    const subtitle = internalReport?.description;
     t3 = jsxRuntime.jsx(CardBigDigits.CardBigDigits, {
       title,
       value: displayValue,
       subtitle
     });
-    $[3] = data;
-    $[4] = reportCard.description;
-    $[5] = reportCard.name;
-    $[6] = reportWithData?.report.description;
-    $[7] = reportWithData?.report.name;
+    $[5] = internalReport?.description;
+    $[6] = internalReport?.name;
+    $[7] = reportData;
     $[8] = t3;
   } else {
     t3 = $[8];
@@ -59,4 +73,4 @@ function ReportCard(t0) {
 }
 __name(ReportCard, "ReportCard");
 
-module.exports = ReportCard;
+exports.ReportCard = ReportCard;

package/packages/level2/fd-app-toolbox/report/ReportCard.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { Report } from "../reports/report.resource";
 interface ReportCardProps {
-    reportCard: Report;
+    report?: Report | Promise<Report>;
+    reportId?: string;
 }
-declare function ReportCard({ reportCard }: ReportCardProps): React.JSX.Element;
-export default ReportCard;
+export declare function ReportCard({ report, reportId }: ReportCardProps): React.JSX.Element;
+export {};

package/packages/level2/fd-app-toolbox/report/ReportCard.funcs.cjs.js

@@ -1,8 +1,8 @@
 'use strict';
 'use strict';
 
-var ReportChart_funcs = require('./ReportChart.funcs.cjs.js');
+var ReportComponent_funcs = require('./ReportComponent.funcs.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x45d842,_0x24d1dd)=>__defProp(_0x45d842,'name',{'value':_0x24d1dd,'configurable':!![]});async function initReportCard(_0x1ecbf4,_0x2e97fd){const _0x4315bc=await ReportChart_funcs.fetchReportWithData(_0x1ecbf4);_0x4315bc&&_0x2e97fd(_0x4315bc);}__name(initReportCard,'initReportCard');
+var __defProp=Object['defineProperty'],__name=(_0x17e010,_0x1599b3)=>__defProp(_0x17e010,'name',{'value':_0x1599b3,'configurable':!![]});async function initReportCard(_0x5211b9,_0x524278,_0x5aecfb,_0x37aaee){const _0x43801b=_0x5aecfb?.['id']??_0x37aaee;if(!_0x43801b)return;const _0x4eb8f2=await ReportComponent_funcs.fetchReportWithData(_0x43801b);if(!_0x4eb8f2)return;_0x524278(_0x4eb8f2['data'][0x67*-0x11+-0x2023+0x26fa]),!_0x5aecfb&&_0x5211b9(_0x4eb8f2['report']);}__name(initReportCard,'initReportCard');
 
 exports.initReportCard = initReportCard;

package/packages/level2/fd-app-toolbox/report/ReportCard.funcs.d.ts

@@ -1,3 +1,4 @@
-import { ReportWithData } from "../reports/report-with-data.resource";
 import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
-export declare function initReportCard(reportId: string, setReportWithData: VoidFunc<ReportWithData>): Promise<void>;
+import { Report } from "../reports/report.resource";
+import { WithIndexer } from "../../../fd-toolbox-core/types/with-indexer";
+export declare function initReportCard(setInternalReport: VoidFunc<Report | undefined>, setReportData: VoidFunc<WithIndexer<string>>, optionalReport?: Report, reportId?: string): Promise<void>;

package/packages/level2/fd-app-toolbox/report/ReportCard.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
-import { fetchReportWithData } from './ReportChart.funcs.js';
+import { fetchReportWithData } from './ReportComponent.funcs.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x45d842,_0x24d1dd)=>__defProp(_0x45d842,'name',{'value':_0x24d1dd,'configurable':!![]});async function initReportCard(_0x1ecbf4,_0x2e97fd){const _0x4315bc=await fetchReportWithData(_0x1ecbf4);_0x4315bc&&_0x2e97fd(_0x4315bc);}__name(initReportCard,'initReportCard');
+var __defProp=Object['defineProperty'],__name=(_0x17e010,_0x1599b3)=>__defProp(_0x17e010,'name',{'value':_0x1599b3,'configurable':!![]});async function initReportCard(_0x5211b9,_0x524278,_0x5aecfb,_0x37aaee){const _0x43801b=_0x5aecfb?.['id']??_0x37aaee;if(!_0x43801b)return;const _0x4eb8f2=await fetchReportWithData(_0x43801b);if(!_0x4eb8f2)return;_0x524278(_0x4eb8f2['data'][0x67*-0x11+-0x2023+0x26fa]),!_0x5aecfb&&_0x5211b9(_0x4eb8f2['report']);}__name(initReportCard,'initReportCard');
 
 export { initReportCard };

package/packages/level2/fd-app-toolbox/report/ReportCard.js

@@ -6,6 +6,7 @@ import { CardBigDigits } from '../../fd-component-toolbox/card/CardBigDigits.js'
 import { useAsyncEffect } from '../../../fd-toolbox/hooks/use-async-effect.js';
 import { initReportCard } from './ReportCard.funcs.js';
 import { ensureString } from '../../../fd-toolbox/types/ensure-type.js';
+import { useOptionalPromise } from '../../../fd-toolbox/hooks/use-optional-promise.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -15,40 +16,53 @@ var __name = (target, value) => __defProp(target, "name", {
 function ReportCard(t0) {
   const $ = c(9);
   const {
-    reportCard
+    report,
+    reportId
   } = t0;
-  const [reportWithData, setReportWithData] = useState();
+  const optionalReport = useOptionalPromise(report);
+  const [internalReport, setInternalReport] = useState(optionalReport);
+  const [reportData, setReportData] = useState();
   let t1;
   let t2;
-  if ($[0] !== reportCard.id) {
+  if ($[0] !== optionalReport || $[1] !== reportId) {
     t1 = async () => {
-      await initReportCard(reportCard.id, setReportWithData);
+      await initReportCard(setInternalReport, setReportData, optionalReport, reportId);
     };
-    t2 = [reportCard.id];
-    $[0] = reportCard.id;
-    $[1] = t1;
-    $[2] = t2;
+    t2 = [optionalReport, reportId];
+    $[0] = optionalReport;
+    $[1] = reportId;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t1 = $[1];
-    t2 = $[2];
+    t1 = $[2];
+    t2 = $[3];
   }
   useAsyncEffect(t1, t2);
-  const data = reportWithData?.data?.[0];
+  if (!reportData || !internalReport) {
+    let t3;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = jsx("div", {
+        children: "Loading report..."
+      });
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    return t3;
+  }
   let t3;
-  if ($[3] !== data || $[4] !== reportCard.description || $[5] !== reportCard.name || $[6] !== reportWithData?.report.description || $[7] !== reportWithData?.report.name) {
-    const displayValue = ensureString(data) ?? "0";
-    const title = reportWithData?.report.name ?? reportCard.name;
-    const subtitle = reportWithData?.report.description ?? reportCard.description;
+  if ($[5] !== internalReport?.description || $[6] !== internalReport?.name || $[7] !== reportData) {
+    const displayValue = ensureString(reportData) ?? "0";
+    const title = internalReport?.name ?? "Untitled Report";
+    const subtitle = internalReport?.description;
     t3 = jsx(CardBigDigits, {
       title,
       value: displayValue,
       subtitle
     });
-    $[3] = data;
-    $[4] = reportCard.description;
-    $[5] = reportCard.name;
-    $[6] = reportWithData?.report.description;
-    $[7] = reportWithData?.report.name;
+    $[5] = internalReport?.description;
+    $[6] = internalReport?.name;
+    $[7] = reportData;
     $[8] = t3;
   } else {
     t3 = $[8];
@@ -57,4 +71,4 @@ function ReportCard(t0) {
 }
 __name(ReportCard, "ReportCard");
 
-export { ReportCard as default };
+export { ReportCard };

package/packages/level2/fd-app-toolbox/report/ReportChart.cjs.js

@@ -9,6 +9,7 @@ var ReportChart_funcs = require('./ReportChart.funcs.cjs.js');
 var useAsyncEffect = require('../../../fd-toolbox/hooks/use-async-effect.cjs.js');
 var Card = require('../../fd-component-toolbox/card/Card.cjs.js');
 var Chart = require('./Chart.cjs.js');
+var useOptionalPromise = require('../../../fd-toolbox/hooks/use-optional-promise.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -16,75 +17,78 @@ var __name = (target, value) => __defProp(target, "name", {
   configurable: true
 });
 function ReportChart(t0) {
-  const $ = compilerRuntime.c(10);
+  const $ = compilerRuntime.c(11);
   const {
+    report,
     reportId
   } = t0;
-  const [report, setReport] = React.useState();
-  const [data, setData] = React.useState();
+  const optionalReport = useOptionalPromise.useOptionalPromise(report);
+  const [internalReport, setInternalReport] = React.useState(optionalReport);
+  const [reportData, setReportData] = React.useState();
   let t1;
   let t2;
-  if ($[0] !== reportId) {
+  if ($[0] !== optionalReport || $[1] !== reportId) {
     t1 = async () => {
-      await ReportChart_funcs.initChart(reportId, setReport, setData);
+      await ReportChart_funcs.initReportChart(setInternalReport, setReportData, optionalReport, reportId);
     };
-    t2 = [reportId];
-    $[0] = reportId;
-    $[1] = t1;
-    $[2] = t2;
+    t2 = [optionalReport, reportId];
+    $[0] = optionalReport;
+    $[1] = reportId;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t1 = $[1];
-    t2 = $[2];
+    t1 = $[2];
+    t2 = $[3];
   }
   useAsyncEffect.useAsyncEffect(t1, t2);
-  if (!report?.reportChartSeriesList || report.chartType === void 0 || !data) {
+  if (!internalReport?.reportChartSeriesList || internalReport.chartType === void 0 || !reportData) {
     let t3;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
       t3 = jsxRuntime.jsx("div", {
         children: "Loading chart..."
       });
-      $[3] = t3;
+      $[4] = t3;
     } else {
-      t3 = $[3];
+      t3 = $[4];
     }
     return t3;
   }
   let t3;
-  if ($[4] !== data || $[5] !== report.chartType || $[6] !== report.description || $[7] !== report.name || $[8] !== report.reportChartSeriesList) {
+  if ($[5] !== internalReport.chartType || $[6] !== internalReport.description || $[7] !== internalReport.name || $[8] !== internalReport.reportChartSeriesList || $[9] !== reportData) {
     t3 = jsxRuntime.jsxs(Card.Card, {
       className: "flex size-full flex-col overflow-hidden",
       children: [jsxRuntime.jsxs(Card.CardHeader, {
         className: "p-1",
         children: [jsxRuntime.jsx(Card.CardTitle, {
           className: "truncate text-lg sm:text-xl",
-          children: report?.name
+          children: internalReport.name
         }), jsxRuntime.jsx(Card.CardDescription, {
           className: "line-clamp-2 text-xs sm:text-sm",
-          children: report.description
+          children: internalReport.description
         })]
       }), jsxRuntime.jsx(Card.CardContent, {
         className: "flex-1 overflow-hidden p-1",
         children: jsxRuntime.jsx("div", {
           className: "size-full",
-          children: jsxRuntime.jsx(Chart, {
-            series: report.reportChartSeriesList,
-            data,
-            chartType: report.chartType
+          children: jsxRuntime.jsx(Chart.Chart, {
+            series: internalReport.reportChartSeriesList,
+            data: reportData,
+            chartType: internalReport.chartType
           })
         })
       })]
     });
-    $[4] = data;
-    $[5] = report.chartType;
-    $[6] = report.description;
-    $[7] = report.name;
-    $[8] = report.reportChartSeriesList;
-    $[9] = t3;
+    $[5] = internalReport.chartType;
+    $[6] = internalReport.description;
+    $[7] = internalReport.name;
+    $[8] = internalReport.reportChartSeriesList;
+    $[9] = reportData;
+    $[10] = t3;
   } else {
-    t3 = $[9];
+    t3 = $[10];
   }
   return t3;
 }
 __name(ReportChart, "ReportChart");
 
-module.exports = ReportChart;
+exports.ReportChart = ReportChart;

package/packages/level2/fd-app-toolbox/report/ReportChart.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
+import { Report } from "../reports/report.resource";
 interface ReportChartProps {
-    reportId: string;
+    reportId?: string;
+    report?: Report | Promise<Report>;
 }
-declare function ReportChart({ reportId }: ReportChartProps): React.JSX.Element;
-export default ReportChart;
+export declare function ReportChart({ report, reportId }: ReportChartProps): React.JSX.Element;
+export {};

package/packages/level2/fd-app-toolbox/report/ReportChart.funcs.cjs.js

@@ -1,11 +1,8 @@
 'use strict';
 'use strict';
 
-var resourceNames = require('../../../fd-toolbox/resources/resource-names.cjs.js');
-var apiClient = require('../../../fd-toolbox/api/api-client.cjs.js');
-var casingConverter = require('../../../fd-toolbox/strings/casing-converter.cjs.js');
+var ReportComponent_funcs = require('./ReportComponent.funcs.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x3adab9,_0x182b6f)=>__defProp(_0x3adab9,'name',{'value':_0x182b6f,'configurable':!![]});async function initChart(_0x1f492c,_0x542fca,_0x1b1d90){const _0x25b2f1=await fetchReportWithData(_0x1f492c);_0x25b2f1&&(_0x542fca(_0x25b2f1['report']),_0x1b1d90(_0x25b2f1['data']));}__name(initChart,'initChart');async function fetchReportWithData(_0x3b8548){return (await apiClient.apiGet(casingConverter.lowercaseFirstLetter(resourceNames.resourceNames['reportWithData']),_0x3b8548))['data'];}__name(fetchReportWithData,'fetchReportWithData');
+var __defProp=Object['defineProperty'],__name=(_0xfc0c5d,_0x129934)=>__defProp(_0xfc0c5d,'name',{'value':_0x129934,'configurable':!![]});async function initReportChart(_0x12cae8,_0x1a761d,_0x335d44,_0x55102c){const _0x3d864f=_0x335d44?.['id']??_0x55102c;if(!_0x3d864f)return;const _0x2234ab=await ReportComponent_funcs.fetchReportWithData(_0x3d864f);if(!_0x2234ab)return;_0x1a761d(_0x2234ab['data']),!_0x335d44&&_0x12cae8(_0x2234ab['report']);}__name(initReportChart,'initReportChart');
 
-exports.fetchReportWithData = fetchReportWithData;
-exports.initChart = initChart;
+exports.initReportChart = initReportChart;

package/packages/level2/fd-app-toolbox/report/ReportChart.funcs.d.ts

@@ -1,6 +1,4 @@
-import { ReportWithData } from "../reports/report-with-data.resource";
 import { Report } from "../reports/report.resource";
 import { VoidFunc } from "../../../fd-toolbox/functions/getter-setter-functions";
 import { WithIndexer } from "../../../fd-toolbox-core/types/with-indexer";
-export declare function initChart(reportId: string, setReport: VoidFunc<Report>, setData: VoidFunc<WithIndexer<string>[]>): Promise<void>;
-export declare function fetchReportWithData(id: string): Promise<ReportWithData>;
+export declare function initReportChart(setInternalReport: VoidFunc<Report>, setReportData: VoidFunc<WithIndexer<string>[]>, optionalReport?: Report, reportId?: string): Promise<void>;

package/packages/level2/fd-app-toolbox/report/ReportChart.funcs.js

@@ -1,8 +1,6 @@
 'use strict';
-import { resourceNames } from '../../../fd-toolbox/resources/resource-names.js';
-import { apiGet } from '../../../fd-toolbox/api/api-client.js';
-import { lowercaseFirstLetter } from '../../../fd-toolbox/strings/casing-converter.js';
+import { fetchReportWithData } from './ReportComponent.funcs.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x3adab9,_0x182b6f)=>__defProp(_0x3adab9,'name',{'value':_0x182b6f,'configurable':!![]});async function initChart(_0x1f492c,_0x542fca,_0x1b1d90){const _0x25b2f1=await fetchReportWithData(_0x1f492c);_0x25b2f1&&(_0x542fca(_0x25b2f1['report']),_0x1b1d90(_0x25b2f1['data']));}__name(initChart,'initChart');async function fetchReportWithData(_0x3b8548){return (await apiGet(lowercaseFirstLetter(resourceNames['reportWithData']),_0x3b8548))['data'];}__name(fetchReportWithData,'fetchReportWithData');
+var __defProp=Object['defineProperty'],__name=(_0xfc0c5d,_0x129934)=>__defProp(_0xfc0c5d,'name',{'value':_0x129934,'configurable':!![]});async function initReportChart(_0x12cae8,_0x1a761d,_0x335d44,_0x55102c){const _0x3d864f=_0x335d44?.['id']??_0x55102c;if(!_0x3d864f)return;const _0x2234ab=await fetchReportWithData(_0x3d864f);if(!_0x2234ab)return;_0x1a761d(_0x2234ab['data']),!_0x335d44&&_0x12cae8(_0x2234ab['report']);}__name(initReportChart,'initReportChart');
 
-export { fetchReportWithData, initChart };
+export { initReportChart };