@fernir2/saas-kit 0.0.161 → 0.0.162

package/packages/level2/client/components/subscription-plan/subscriptions.js

@@ -7,6 +7,6 @@ import { subscriptionStatuses } from '../../../meta/core/resources/enums/payment
 import { subscriptionProps } from '../../../meta/subscription-plan/subscription-props.js';
 import { oDataFilterTypes, oDataLogicalOperationTypes } from '../../../../fd-toolbox/odata/odata-enums.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x8774d9,_0x5ccf16)=>__defProp(_0x8774d9,'name',{'value':_0x5ccf16,'configurable':!![]});async function createSubscription(_0x50c833){await apiPost(apiPathNames['createSubscription'],{'pricingId':_0x50c833});}__name(createSubscription,'createSubscription');async function fetchActiveOrTrialSubscription(){const _0x187f85=getActiveOrTrialSubscriptionODataConfig(),{data:_0xe9d812=[]}=await apiGetWithOData(apiPathNames['subscription'],_0x187f85);return _0xe9d812[0x2*-0xe7f+-0x2616+0xc*0x597];}__name(fetchActiveOrTrialSubscription,'fetchActiveOrTrialSubscription');async function hasAnySubscription(){const {data:_0x88195=[]}=await apiGet(apiPathNames['subscription']);return _0x88195['length']>-0xa87+-0x1*0x13eb+0x1e72;}__name(hasAnySubscription,'hasAnySubscription');function hasScheduledCancelation(_0x219942,_0x2cd84){const _0x5e5483=_0x219942?.['pricingId']===_0x2cd84;return Boolean((_0x219942?.['pendingPricingId']??_0x219942?.['endDate'])&&_0x5e5483);}__name(hasScheduledCancelation,'hasScheduledCancelation');function getActiveOrTrialSubscriptionODataConfig(){const _0x5a2725=getODataBuilder();return _0x5a2725['expand'](subscriptionProps['pricing']),_0x5a2725['filter'](subscriptionProps['status'],subscriptionStatuses['active'],oDataOperators['equal'],{'comparisonType':oDataFilterTypes['number']}),_0x5a2725['filter'](subscriptionProps['status'],subscriptionStatuses['trialing'],oDataOperators['equal'],{'type':oDataFilterTypes['number'],'logicalOperationType':oDataLogicalOperationTypes['or']}),_0x5a2725['build']();}__name(getActiveOrTrialSubscriptionODataConfig,'getActiveOrTrialSubscriptionODataConfig');
+var __defProp=Object['defineProperty'],__name=(_0x2c4352,_0x460b0a)=>__defProp(_0x2c4352,'name',{'value':_0x460b0a,'configurable':!![]});async function createSubscription(_0x13119d){await apiPost(apiPathNames['createSubscription'],{'pricingId':_0x13119d});}__name(createSubscription,'createSubscription');async function fetchActiveOrTrialSubscription(){const _0x4dd2db=getActiveOrTrialSubscriptionODataConfig(),{data:_0x5180e7=[]}=await apiGetWithOData(apiPathNames['subscription'],_0x4dd2db);return _0x5180e7[-0x18*-0x185+-0x26f4+0x27c];}__name(fetchActiveOrTrialSubscription,'fetchActiveOrTrialSubscription');async function hasAnySubscription(){const {data:_0x44d879=[]}=await apiGet(apiPathNames['subscription']);return _0x44d879['length']>-0x3*-0x93b+-0x9ce+-0xf1*0x13;}__name(hasAnySubscription,'hasAnySubscription');function hasScheduledCancelation(_0x213cd7,_0x37d058){const _0x191929=_0x213cd7?.['pricingId']===_0x37d058;return Boolean((_0x213cd7?.['pendingPricingId']??_0x213cd7?.['endDate'])&&_0x191929);}__name(hasScheduledCancelation,'hasScheduledCancelation');function getActiveOrTrialSubscriptionODataConfig(){const _0x3e4fa1=getODataBuilder();return _0x3e4fa1['expand'](subscriptionProps['pricing']),_0x3e4fa1['filter'](subscriptionProps['status'],subscriptionStatuses['active'],oDataOperators['equal'],{'comparisonType':oDataFilterTypes['number']}),_0x3e4fa1['filter'](subscriptionProps['status'],subscriptionStatuses['trialing'],oDataOperators['equal'],{'type':oDataFilterTypes['number'],'logicalOperationType':oDataLogicalOperationTypes['or']}),_0x3e4fa1['build']();}__name(getActiveOrTrialSubscriptionODataConfig,'getActiveOrTrialSubscriptionODataConfig');
 
 export { createSubscription, fetchActiveOrTrialSubscription, hasAnySubscription, hasScheduledCancelation };

package/packages/level2/client/components/wizard/Wizard.cjs.js

@@ -20,7 +20,7 @@ function Wizard({
   currentStep,
   children,
   disableButton,
-  isSubmitting,
+  submitting,
   showSubmitButton,
   onSubmit
 }) {
@@ -46,7 +46,7 @@ function Wizard({
         className: nextBtnClass,
         onClick: onSubmit,
         disabled: disableButton,
-        children: isSubmitting ? /* @__PURE__ */jsxRuntime.jsxs("div", {
+        children: submitting ? /* @__PURE__ */jsxRuntime.jsxs("div", {
           className: "flex",
           children: [/* @__PURE__ */jsxRuntime.jsx("div", {
             className: "mr-2 size-4 animate-spin rounded-full border-2 border-inherit border-r-transparent"
@@ -62,7 +62,7 @@ function Wizard({
         children: currentStep < config.steps.length - 1 ? /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
           children: "Next"
         }) : /* @__PURE__ */jsxRuntime.jsx("div", {
-          children: isSubmitting ? /* @__PURE__ */jsxRuntime.jsxs("div", {
+          children: submitting ? /* @__PURE__ */jsxRuntime.jsxs("div", {
             className: "flex",
             children: [/* @__PURE__ */jsxRuntime.jsx("div", {
               className: "mr-2 size-4 animate-spin rounded-full border-2 border-inherit border-r-transparent"

package/packages/level2/client/components/wizard/Wizard.d.ts

@@ -18,7 +18,7 @@ export interface WizardProps {
     /** Whether navigation buttons are disabled */
     disableButton?: boolean;
     /** Whether submit action is in progress */
-    isSubmitting?: boolean;
+    submitting?: boolean;
     /** Controls visibility of the Submit button */
     showSubmitButton?: boolean;
     /** Callback for Submit button click */
@@ -30,4 +30,4 @@ export interface WizardProps {
  *
  * @param props - {@link WizardProps}
  */
-export declare function Wizard({ config, onNextClick, onBackClick, currentStep, children, disableButton, isSubmitting, showSubmitButton, onSubmit, }: WizardProps): import("react").JSX.Element;
+export declare function Wizard({ config, onNextClick, onBackClick, currentStep, children, disableButton, submitting, showSubmitButton, onSubmit, }: WizardProps): import("react").JSX.Element;

package/packages/level2/client/components/wizard/Wizard.funcs.cjs.js

@@ -3,7 +3,7 @@
 
 var fdWizardConstants = require('./fd-wizard-constants.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x3f56fe,_0x44fb08)=>__defProp(_0x3f56fe,'name',{'value':_0x44fb08,'configurable':!![]});function isBackButtonVisible(_0x4719ee){return _0x4719ee>-0x2301+-0x19cc+0x3ccd;}__name(isBackButtonVisible,'isBackButtonVisible');function isNextButtonVisible(_0x4ded87,_0x613abb){return _0x613abb<=_0x4ded87;}__name(isNextButtonVisible,'isNextButtonVisible');function getNextButtonId(_0x34c562){return fdWizardConstants.wizardButtonIds['nextButton']+_0x34c562;}__name(getNextButtonId,'getNextButtonId');function getBackButtonId(_0x340bde){return fdWizardConstants.wizardButtonIds['backButton']+_0x340bde;}__name(getBackButtonId,'getBackButtonId');function getSubmitButtonId(_0x43bff4){return fdWizardConstants.wizardButtonIds['submitButton']+_0x43bff4;}__name(getSubmitButtonId,'getSubmitButtonId');
+var __defProp=Object['defineProperty'],__name=(_0x358786,_0x2b8b7a)=>__defProp(_0x358786,'name',{'value':_0x2b8b7a,'configurable':!![]});function isBackButtonVisible(_0x49f98e){return _0x49f98e>-0x268a*0x1+0x2398+0x2f2;}__name(isBackButtonVisible,'isBackButtonVisible');function isNextButtonVisible(_0x2bb11f,_0x5626d9){return _0x5626d9<=_0x2bb11f;}__name(isNextButtonVisible,'isNextButtonVisible');function getNextButtonId(_0x2fe7fe){return fdWizardConstants.wizardButtonIds['nextButton']+_0x2fe7fe;}__name(getNextButtonId,'getNextButtonId');function getBackButtonId(_0x2bccfa){return fdWizardConstants.wizardButtonIds['backButton']+_0x2bccfa;}__name(getBackButtonId,'getBackButtonId');function getSubmitButtonId(_0x55b751){return fdWizardConstants.wizardButtonIds['submitButton']+_0x55b751;}__name(getSubmitButtonId,'getSubmitButtonId');
 
 exports.getBackButtonId = getBackButtonId;
 exports.getNextButtonId = getNextButtonId;

package/packages/level2/client/components/wizard/Wizard.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
 import { wizardButtonIds } from './fd-wizard-constants.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x3f56fe,_0x44fb08)=>__defProp(_0x3f56fe,'name',{'value':_0x44fb08,'configurable':!![]});function isBackButtonVisible(_0x4719ee){return _0x4719ee>-0x2301+-0x19cc+0x3ccd;}__name(isBackButtonVisible,'isBackButtonVisible');function isNextButtonVisible(_0x4ded87,_0x613abb){return _0x613abb<=_0x4ded87;}__name(isNextButtonVisible,'isNextButtonVisible');function getNextButtonId(_0x34c562){return wizardButtonIds['nextButton']+_0x34c562;}__name(getNextButtonId,'getNextButtonId');function getBackButtonId(_0x340bde){return wizardButtonIds['backButton']+_0x340bde;}__name(getBackButtonId,'getBackButtonId');function getSubmitButtonId(_0x43bff4){return wizardButtonIds['submitButton']+_0x43bff4;}__name(getSubmitButtonId,'getSubmitButtonId');
+var __defProp=Object['defineProperty'],__name=(_0x358786,_0x2b8b7a)=>__defProp(_0x358786,'name',{'value':_0x2b8b7a,'configurable':!![]});function isBackButtonVisible(_0x49f98e){return _0x49f98e>-0x268a*0x1+0x2398+0x2f2;}__name(isBackButtonVisible,'isBackButtonVisible');function isNextButtonVisible(_0x2bb11f,_0x5626d9){return _0x5626d9<=_0x2bb11f;}__name(isNextButtonVisible,'isNextButtonVisible');function getNextButtonId(_0x2fe7fe){return wizardButtonIds['nextButton']+_0x2fe7fe;}__name(getNextButtonId,'getNextButtonId');function getBackButtonId(_0x2bccfa){return wizardButtonIds['backButton']+_0x2bccfa;}__name(getBackButtonId,'getBackButtonId');function getSubmitButtonId(_0x55b751){return wizardButtonIds['submitButton']+_0x55b751;}__name(getSubmitButtonId,'getSubmitButtonId');
 
 export { getBackButtonId, getNextButtonId, getSubmitButtonId, isBackButtonVisible, isNextButtonVisible };

package/packages/level2/client/components/wizard/Wizard.js

@@ -18,7 +18,7 @@ function Wizard({
   currentStep,
   children,
   disableButton,
-  isSubmitting,
+  submitting,
   showSubmitButton,
   onSubmit
 }) {
@@ -44,7 +44,7 @@ function Wizard({
         className: nextBtnClass,
         onClick: onSubmit,
         disabled: disableButton,
-        children: isSubmitting ? /* @__PURE__ */jsxs("div", {
+        children: submitting ? /* @__PURE__ */jsxs("div", {
           className: "flex",
           children: [/* @__PURE__ */jsx("div", {
             className: "mr-2 size-4 animate-spin rounded-full border-2 border-inherit border-r-transparent"
@@ -60,7 +60,7 @@ function Wizard({
         children: currentStep < config.steps.length - 1 ? /* @__PURE__ */jsx(Fragment, {
           children: "Next"
         }) : /* @__PURE__ */jsx("div", {
-          children: isSubmitting ? /* @__PURE__ */jsxs("div", {
+          children: submitting ? /* @__PURE__ */jsxs("div", {
             className: "flex",
             children: [/* @__PURE__ */jsx("div", {
               className: "mr-2 size-4 animate-spin rounded-full border-2 border-inherit border-r-transparent"

package/packages/level2/client/components/wizard/WizardStepper.funcs.cjs.js

@@ -3,7 +3,7 @@
 
 var events = require('../../../../fd-toolbox/constants/events.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x2df310,_0x932e8d)=>__defProp(_0x2df310,'name',{'value':_0x932e8d,'configurable':!![]});function getVisibleSteps(_0x4cdd5d,_0x98e0e1){const _0x3ecbda=-0x5aa+0x56e+0x3f*0x1;if(_0x98e0e1===_0x4cdd5d['length']-(-0x1021+-0x13f1+0x5*0x737)){const _0x42ed08=_0x4cdd5d['slice'](-_0x3ecbda);return {'visibleSteps':_0x42ed08,'adjustedCurrentStep':_0x42ed08['indexOf'](_0x4cdd5d[_0x98e0e1])};}if(_0x98e0e1<=0x1971+0x196+0x1b06*-0x1){const _0x2ac501=_0x4cdd5d['slice'](0x1f*0x8f+-0x7af*0x3+0x5bc,_0x3ecbda);return {'visibleSteps':_0x2ac501,'adjustedCurrentStep':_0x2ac501['indexOf'](_0x4cdd5d[_0x98e0e1])};}const _0x138d51=Math['max'](-0x1*0x19dd+-0x49*-0x6a+-0x45d,_0x98e0e1-Math['floor'](_0x3ecbda/(0x3*0x4c5+-0x1a6c+0xc1f))),_0x36f396=_0x4cdd5d['slice'](_0x138d51,_0x138d51+_0x3ecbda);return {'visibleSteps':_0x36f396,'adjustedCurrentStep':_0x36f396['indexOf'](_0x4cdd5d[_0x98e0e1])};}__name(getVisibleSteps,'getVisibleSteps');function checkIsMobile(_0x320189){_0x320189(window['matchMedia']('(max-width:\x20600px)')['matches']);}__name(checkIsMobile,'checkIsMobile');function isMobileChecker(_0x48c434){const _0x137fb3=__name(()=>checkIsMobile(_0x48c434),'resizeListener');return checkIsMobile(_0x48c434),window['addEventListener'](events.eventListenerEvents['resize'],_0x137fb3),()=>{window['removeEventListener'](events.eventListenerEvents['resize'],_0x137fb3);};}__name(isMobileChecker,'isMobileChecker');function getWizardStepperBackgroundClass(_0x2b2c9c,_0x3c7dfa,_0x35f81f,_0x5b59e4){const _0x33d02b=_0x3c7dfa?_0x5b59e4:_0x35f81f;if(_0x2b2c9c>_0x33d02b)return 'bg-muted-foreground';return 'bg-gradient-accent';}__name(getWizardStepperBackgroundClass,'getWizardStepperBackgroundClass');
+var __defProp=Object['defineProperty'],__name=(_0x370763,_0x296055)=>__defProp(_0x370763,'name',{'value':_0x296055,'configurable':!![]});function getVisibleSteps(_0x13d243,_0xb77eea){const _0x1592f4=0x21d3*0x1+0x3e5*-0x4+0x1*-0x123c;if(_0xb77eea===_0x13d243['length']-(0x31*-0x8b+-0x167a+0x3116*0x1)){const _0x58ac57=_0x13d243['slice'](-_0x1592f4);return {'visibleSteps':_0x58ac57,'adjustedCurrentStep':_0x58ac57['indexOf'](_0x13d243[_0xb77eea])};}if(_0xb77eea<=-0x2dd*-0x4+0x253c+-0x30af){const _0x2cac63=_0x13d243['slice'](0x792+0x13*0x18f+0x1*-0x252f,_0x1592f4);return {'visibleSteps':_0x2cac63,'adjustedCurrentStep':_0x2cac63['indexOf'](_0x13d243[_0xb77eea])};}const _0x51d3bb=Math['max'](0x471+0x153*0x4+-0x9bd,_0xb77eea-Math['floor'](_0x1592f4/(-0x24dd+0x2*0xd05+-0x1*-0xad5))),_0x44b632=_0x13d243['slice'](_0x51d3bb,_0x51d3bb+_0x1592f4);return {'visibleSteps':_0x44b632,'adjustedCurrentStep':_0x44b632['indexOf'](_0x13d243[_0xb77eea])};}__name(getVisibleSteps,'getVisibleSteps');function checkIsMobile(_0xf7db3c){_0xf7db3c(window['matchMedia']('(max-width:\x20600px)')['matches']);}__name(checkIsMobile,'checkIsMobile');function isMobileChecker(_0x2d363e){const _0x1afcac=__name(()=>checkIsMobile(_0x2d363e),'resizeListener');return checkIsMobile(_0x2d363e),window['addEventListener'](events.eventListenerEvents['resize'],_0x1afcac),()=>{window['removeEventListener'](events.eventListenerEvents['resize'],_0x1afcac);};}__name(isMobileChecker,'isMobileChecker');function getWizardStepperBackgroundClass(_0x5a5b0f,_0x50ee42,_0x599967,_0x4c46f3){const _0x20e001=_0x50ee42?_0x4c46f3:_0x599967;if(_0x5a5b0f>_0x20e001)return 'bg-muted-foreground';return 'bg-gradient-accent';}__name(getWizardStepperBackgroundClass,'getWizardStepperBackgroundClass');
 
 exports.getVisibleSteps = getVisibleSteps;
 exports.getWizardStepperBackgroundClass = getWizardStepperBackgroundClass;

package/packages/level2/client/components/wizard/WizardStepper.funcs.js

@@ -1,6 +1,6 @@
 'use strict';
 import { eventListenerEvents } from '../../../../fd-toolbox/constants/events.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x2df310,_0x932e8d)=>__defProp(_0x2df310,'name',{'value':_0x932e8d,'configurable':!![]});function getVisibleSteps(_0x4cdd5d,_0x98e0e1){const _0x3ecbda=-0x5aa+0x56e+0x3f*0x1;if(_0x98e0e1===_0x4cdd5d['length']-(-0x1021+-0x13f1+0x5*0x737)){const _0x42ed08=_0x4cdd5d['slice'](-_0x3ecbda);return {'visibleSteps':_0x42ed08,'adjustedCurrentStep':_0x42ed08['indexOf'](_0x4cdd5d[_0x98e0e1])};}if(_0x98e0e1<=0x1971+0x196+0x1b06*-0x1){const _0x2ac501=_0x4cdd5d['slice'](0x1f*0x8f+-0x7af*0x3+0x5bc,_0x3ecbda);return {'visibleSteps':_0x2ac501,'adjustedCurrentStep':_0x2ac501['indexOf'](_0x4cdd5d[_0x98e0e1])};}const _0x138d51=Math['max'](-0x1*0x19dd+-0x49*-0x6a+-0x45d,_0x98e0e1-Math['floor'](_0x3ecbda/(0x3*0x4c5+-0x1a6c+0xc1f))),_0x36f396=_0x4cdd5d['slice'](_0x138d51,_0x138d51+_0x3ecbda);return {'visibleSteps':_0x36f396,'adjustedCurrentStep':_0x36f396['indexOf'](_0x4cdd5d[_0x98e0e1])};}__name(getVisibleSteps,'getVisibleSteps');function checkIsMobile(_0x320189){_0x320189(window['matchMedia']('(max-width:\x20600px)')['matches']);}__name(checkIsMobile,'checkIsMobile');function isMobileChecker(_0x48c434){const _0x137fb3=__name(()=>checkIsMobile(_0x48c434),'resizeListener');return checkIsMobile(_0x48c434),window['addEventListener'](eventListenerEvents['resize'],_0x137fb3),()=>{window['removeEventListener'](eventListenerEvents['resize'],_0x137fb3);};}__name(isMobileChecker,'isMobileChecker');function getWizardStepperBackgroundClass(_0x2b2c9c,_0x3c7dfa,_0x35f81f,_0x5b59e4){const _0x33d02b=_0x3c7dfa?_0x5b59e4:_0x35f81f;if(_0x2b2c9c>_0x33d02b)return 'bg-muted-foreground';return 'bg-gradient-accent';}__name(getWizardStepperBackgroundClass,'getWizardStepperBackgroundClass');
+var __defProp=Object['defineProperty'],__name=(_0x370763,_0x296055)=>__defProp(_0x370763,'name',{'value':_0x296055,'configurable':!![]});function getVisibleSteps(_0x13d243,_0xb77eea){const _0x1592f4=0x21d3*0x1+0x3e5*-0x4+0x1*-0x123c;if(_0xb77eea===_0x13d243['length']-(0x31*-0x8b+-0x167a+0x3116*0x1)){const _0x58ac57=_0x13d243['slice'](-_0x1592f4);return {'visibleSteps':_0x58ac57,'adjustedCurrentStep':_0x58ac57['indexOf'](_0x13d243[_0xb77eea])};}if(_0xb77eea<=-0x2dd*-0x4+0x253c+-0x30af){const _0x2cac63=_0x13d243['slice'](0x792+0x13*0x18f+0x1*-0x252f,_0x1592f4);return {'visibleSteps':_0x2cac63,'adjustedCurrentStep':_0x2cac63['indexOf'](_0x13d243[_0xb77eea])};}const _0x51d3bb=Math['max'](0x471+0x153*0x4+-0x9bd,_0xb77eea-Math['floor'](_0x1592f4/(-0x24dd+0x2*0xd05+-0x1*-0xad5))),_0x44b632=_0x13d243['slice'](_0x51d3bb,_0x51d3bb+_0x1592f4);return {'visibleSteps':_0x44b632,'adjustedCurrentStep':_0x44b632['indexOf'](_0x13d243[_0xb77eea])};}__name(getVisibleSteps,'getVisibleSteps');function checkIsMobile(_0xf7db3c){_0xf7db3c(window['matchMedia']('(max-width:\x20600px)')['matches']);}__name(checkIsMobile,'checkIsMobile');function isMobileChecker(_0x2d363e){const _0x1afcac=__name(()=>checkIsMobile(_0x2d363e),'resizeListener');return checkIsMobile(_0x2d363e),window['addEventListener'](eventListenerEvents['resize'],_0x1afcac),()=>{window['removeEventListener'](eventListenerEvents['resize'],_0x1afcac);};}__name(isMobileChecker,'isMobileChecker');function getWizardStepperBackgroundClass(_0x5a5b0f,_0x50ee42,_0x599967,_0x4c46f3){const _0x20e001=_0x50ee42?_0x4c46f3:_0x599967;if(_0x5a5b0f>_0x20e001)return 'bg-muted-foreground';return 'bg-gradient-accent';}__name(getWizardStepperBackgroundClass,'getWizardStepperBackgroundClass');
 
 export { getVisibleSteps, getWizardStepperBackgroundClass, isMobileChecker };

package/packages/level2/client/components/wizard/config/wizard-edit-resource-config.cjs.js

@@ -3,6 +3,6 @@
 
 var editResourceConfigs = require('../../../../meta/edit-resource/config/edit-resource-configs.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x24a614,_0x154c6d)=>__defProp(_0x24a614,'name',{'value':_0x154c6d,'configurable':!![]});function getDefaultWizardEditResourceConfig(_0x1704ee){const _0x307a58=editResourceConfigs.getEditResourceConfig(_0x1704ee);return {..._0x307a58,'showBackArrow':![],'showTitle':![],'hideTopCancelButton':!![],'hideExpandButton':!![],'hideTopSaveButton':!![],'hideProperties':!![]};}__name(getDefaultWizardEditResourceConfig,'getDefaultWizardEditResourceConfig');
+var __defProp=Object['defineProperty'],__name=(_0x4e391a,_0x567096)=>__defProp(_0x4e391a,'name',{'value':_0x567096,'configurable':!![]});function getDefaultWizardEditResourceConfig(_0x2967f1){const _0x56cbaf=editResourceConfigs.getEditResourceConfig(_0x2967f1);return {..._0x56cbaf,'showBackArrow':![],'showTitle':![],'hideTopCancelButton':!![],'hideExpandButton':!![],'hideTopSaveButton':!![],'hideProperties':!![]};}__name(getDefaultWizardEditResourceConfig,'getDefaultWizardEditResourceConfig');
 
 exports.getDefaultWizardEditResourceConfig = getDefaultWizardEditResourceConfig;

package/packages/level2/client/components/wizard/config/wizard-edit-resource-config.js

@@ -1,6 +1,6 @@
 'use strict';
 import { getEditResourceConfig } from '../../../../meta/edit-resource/config/edit-resource-configs.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x24a614,_0x154c6d)=>__defProp(_0x24a614,'name',{'value':_0x154c6d,'configurable':!![]});function getDefaultWizardEditResourceConfig(_0x1704ee){const _0x307a58=getEditResourceConfig(_0x1704ee);return {..._0x307a58,'showBackArrow':![],'showTitle':![],'hideTopCancelButton':!![],'hideExpandButton':!![],'hideTopSaveButton':!![],'hideProperties':!![]};}__name(getDefaultWizardEditResourceConfig,'getDefaultWizardEditResourceConfig');
+var __defProp=Object['defineProperty'],__name=(_0x4e391a,_0x567096)=>__defProp(_0x4e391a,'name',{'value':_0x567096,'configurable':!![]});function getDefaultWizardEditResourceConfig(_0x2967f1){const _0x56cbaf=getEditResourceConfig(_0x2967f1);return {..._0x56cbaf,'showBackArrow':![],'showTitle':![],'hideTopCancelButton':!![],'hideExpandButton':!![],'hideTopSaveButton':!![],'hideProperties':!![]};}__name(getDefaultWizardEditResourceConfig,'getDefaultWizardEditResourceConfig');
 
 export { getDefaultWizardEditResourceConfig };

package/packages/level2/client/pages/dashboard-page/{DashbordPage.cjs.js → DashboardPage.cjs.js}

@@ -6,15 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var DynamicLayoutDragAndDrop = require('../../../fd-component-toolbox/dynamic-layout/DynamicLayoutDragAndDrop.cjs.js');
 var Dynamic = require('../../../fd-component-toolbox/dynamic-layout/Dynamic.cjs.js');
-var ReportChart = require('../../../fd-app-toolbox/report/ReportChart.cjs.js');
 var routers = require('../../../../fd-toolbox/routing/routers.cjs.js');
-var reportEnums = require('../../../fd-app-toolbox/reports/report-enums.cjs.js');
 var SubHeading = require('../../../fd-component-toolbox/subheading/SubHeading.cjs.js');
 var Button = require('../../../fd-component-toolbox/button/Button.cjs.js');
 var Icon = require('../../../fd-component-toolbox/icon/Icon.cjs.js');
 var useSetTitle = require('../../../meta/page/use-set-title.cjs.js');
-var dashboardPage_funcs = require('./dashboardPage.funcs.cjs.js');
-var ReportCard = require('../../../fd-app-toolbox/report/ReportCard.cjs.js');
+var DashboardPage_funcs = require('./DashboardPage.funcs.cjs.js');
+var ReportComponent = require('../../../fd-app-toolbox/report/ReportComponent.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -23,12 +21,12 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 const pageTitle = "Dashboard";
 function DashboardPage() {
-  const [reports, setReports] = React.useState([]);
+  const [dashboardReports, setDashboardReports] = React.useState([]);
   const [width, setWidth] = React.useState(window.innerWidth);
   const containerRef = React.useRef(null);
   useSetTitle.useSetTitle(pageTitle);
   React.useEffect(() => {
-    dashboardPage_funcs.onInitDashboardPage(containerRef, setWidth, setReports);
+    DashboardPage_funcs.onInitDashboardPage(containerRef, setWidth, setDashboardReports);
   }, []);
   return /* @__PURE__ */jsxRuntime.jsxs("div", {
     ref: containerRef,
@@ -52,23 +50,23 @@ function DashboardPage() {
       children: /* @__PURE__ */jsxRuntime.jsx(DynamicLayoutDragAndDrop.DynamicLayoutDragAndDrop, {
         componentClassName: "bg-card shadow rounded-xl",
         columns: 15,
-        children: reports.map(report => {
+        children: dashboardReports.map(dashboardReport => {
           return /* @__PURE__ */jsxRuntime.jsx(React.Fragment, {
             children: /* @__PURE__ */jsxRuntime.jsx(Dynamic.Dynamic, {
-              defaultX: Math.max(0, Number(report.positionX)),
-              defaultY: Math.max(0, Number(report.positionY)),
-              defaultWidth: Math.max(0, width < dashboardPage_funcs.dashboardLayoutConfig.breakpointWidth ? dashboardPage_funcs.dashboardLayoutConfig.defaultWidth : Number(report.sizeX)),
-              defaultHeight: Math.max(0, width < dashboardPage_funcs.dashboardLayoutConfig.breakpointWidth ? dashboardPage_funcs.dashboardLayoutConfig.defaultHeight : Number(report.sizeY)),
-              minWidth: dashboardPage_funcs.dashboardLayoutConfig.minWidth,
-              minHeight: dashboardPage_funcs.dashboardLayoutConfig.minHeight,
-              id: report.id,
-              children: report.report?.type === reportEnums.reportTypes.chart ? /* @__PURE__ */jsxRuntime.jsx(ReportChart, {
-                reportId: report.reportId
-              }) : report.report?.type === reportEnums.reportTypes.number && /* @__PURE__ */jsxRuntime.jsx(ReportCard, {
-                reportCard: report.report
+              defaultX: Math.max(0, dashboardReport.positionX),
+              defaultY: Math.max(0, dashboardReport.positionY),
+              defaultWidth: Math.max(0, width < DashboardPage_funcs.dashboardLayoutConfig.breakpointWidth ? DashboardPage_funcs.dashboardLayoutConfig.defaultWidth : dashboardReport.sizeX),
+              defaultHeight: Math.max(0, width < DashboardPage_funcs.dashboardLayoutConfig.breakpointWidth ? DashboardPage_funcs.dashboardLayoutConfig.defaultHeight : dashboardReport.sizeY),
+              minWidth: DashboardPage_funcs.dashboardLayoutConfig.minWidth,
+              minHeight: DashboardPage_funcs.dashboardLayoutConfig.minHeight,
+              id: dashboardReport.id,
+              children: /* @__PURE__ */jsxRuntime.jsx(ReportComponent.ReportComponent, {
+                type: dashboardReport.report.type,
+                report: dashboardReport.report,
+                reportId: dashboardReport.reportId
               })
-            }, report.id)
-          }, report.id);
+            }, dashboardReport.id)
+          }, dashboardReport.id);
         })
       })
     })]

package/packages/level2/client/pages/dashboard-page/DashboardPage.funcs.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+'use strict';
+
+var apiClient = require('../../../../fd-toolbox/api/api-client.cjs.js');
+var resourceNames = require('../../../../fd-toolbox/resources/resource-names.cjs.js');
+var dashboardIds = require('../../../../fd-toolbox/constants/dashboard-ids.cjs.js');
+var enums = require('../../../../fd-toolbox/enums/enums.cjs.js');
+var dashboardProps = require('../../../common/demo/props/dashboard-props.cjs.js');
+var odataEnums = require('../../../../fd-toolbox/odata/odata-enums.cjs.js');
+var reportProps = require('../../../common/demo/props/report-props.cjs.js');
+
+var __defProp=Object['defineProperty'],__name=(_0x2b41c6,_0x9a7236)=>__defProp(_0x2b41c6,'name',{'value':_0x9a7236,'configurable':!![]});async function setDashboardReports(_0x3a757e){const _0x1b47a8={'filters':[{'leftSide':dashboardProps.dashboardReportProps['dashboardId'],'rightSide':dashboardIds.dashboard1Id,'operator':enums.oDataOperators['equal'],'type':odataEnums.oDataFilterTypes['string'],'comparisonType':odataEnums.oDataComparisonTypes['equal']}],'expands':[dashboardProps.dashboardReportProps['report']+'/'+reportProps.reportProps['reportChartSeriesList']]},_0x1b9022=await apiClient.apiGetWithOData(resourceNames.resourceNames['dashboardReport'],_0x1b47a8);_0x1b9022?.['data']&&Array['isArray'](_0x1b9022['data'])&&_0x3a757e(_0x1b9022['data']);}__name(setDashboardReports,'setDashboardReports');function observerDashboard(_0x277ee3,_0x46fd17){if(!_0x46fd17)return void(-0xe2*0x1f+0x2*-0x7d4+0x1*0x2b06);const _0x37071b=new ResizeObserver(_0x33b565=>{const _0x1e86a4=_0x33b565[-0x1a61+-0x2f*-0x17+0x2c5*0x8]['contentRect']['width'];_0x277ee3(_0x1e86a4);});return _0x37071b['observe'](_0x46fd17),()=>_0x37071b['disconnect']();}__name(observerDashboard,'observerDashboard');const dashboardLayoutConfig={'defaultWidth':0x14,'defaultHeight':0x5,'minWidth':0x2,'minHeight':0x1,'breakpointWidth':0x2bc};function onInitDashboardPage(_0x2cf3c7,_0x1346e1,_0x584f06){const _0x4516a5=observerDashboard(_0x1346e1,_0x2cf3c7['current']??void(0x216d+0x1d0b+-0x3e78));return setDashboardReports(_0x584f06),_0x4516a5;}__name(onInitDashboardPage,'onInitDashboardPage');
+
+exports.dashboardLayoutConfig = dashboardLayoutConfig;
+exports.observerDashboard = observerDashboard;
+exports.onInitDashboardPage = onInitDashboardPage;
+exports.setDashboardReports = setDashboardReports;

package/packages/level2/client/pages/dashboard-page/DashboardPage.funcs.js

@@ -0,0 +1,12 @@
+'use strict';
+import { apiGetWithOData } from '../../../../fd-toolbox/api/api-client.js';
+import { resourceNames } from '../../../../fd-toolbox/resources/resource-names.js';
+import { dashboard1Id } from '../../../../fd-toolbox/constants/dashboard-ids.js';
+import { oDataOperators } from '../../../../fd-toolbox/enums/enums.js';
+import { dashboardReportProps } from '../../../common/demo/props/dashboard-props.js';
+import { oDataComparisonTypes, oDataFilterTypes } from '../../../../fd-toolbox/odata/odata-enums.js';
+import { reportProps } from '../../../common/demo/props/report-props.js';
+
+var __defProp=Object['defineProperty'],__name=(_0x2b41c6,_0x9a7236)=>__defProp(_0x2b41c6,'name',{'value':_0x9a7236,'configurable':!![]});async function setDashboardReports(_0x3a757e){const _0x1b47a8={'filters':[{'leftSide':dashboardReportProps['dashboardId'],'rightSide':dashboard1Id,'operator':oDataOperators['equal'],'type':oDataFilterTypes['string'],'comparisonType':oDataComparisonTypes['equal']}],'expands':[dashboardReportProps['report']+'/'+reportProps['reportChartSeriesList']]},_0x1b9022=await apiGetWithOData(resourceNames['dashboardReport'],_0x1b47a8);_0x1b9022?.['data']&&Array['isArray'](_0x1b9022['data'])&&_0x3a757e(_0x1b9022['data']);}__name(setDashboardReports,'setDashboardReports');function observerDashboard(_0x277ee3,_0x46fd17){if(!_0x46fd17)return void(-0xe2*0x1f+0x2*-0x7d4+0x1*0x2b06);const _0x37071b=new ResizeObserver(_0x33b565=>{const _0x1e86a4=_0x33b565[-0x1a61+-0x2f*-0x17+0x2c5*0x8]['contentRect']['width'];_0x277ee3(_0x1e86a4);});return _0x37071b['observe'](_0x46fd17),()=>_0x37071b['disconnect']();}__name(observerDashboard,'observerDashboard');const dashboardLayoutConfig={'defaultWidth':0x14,'defaultHeight':0x5,'minWidth':0x2,'minHeight':0x1,'breakpointWidth':0x2bc};function onInitDashboardPage(_0x2cf3c7,_0x1346e1,_0x584f06){const _0x4516a5=observerDashboard(_0x1346e1,_0x2cf3c7['current']??void(0x216d+0x1d0b+-0x3e78));return setDashboardReports(_0x584f06),_0x4516a5;}__name(onInitDashboardPage,'onInitDashboardPage');
+
+export { dashboardLayoutConfig, observerDashboard, onInitDashboardPage, setDashboardReports };

package/packages/level2/client/pages/dashboard-page/{DashbordPage.js → DashboardPage.js}

@@ -4,15 +4,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment } from 'react';
 import { DynamicLayoutDragAndDrop } from '../../../fd-component-toolbox/dynamic-layout/DynamicLayoutDragAndDrop.js';
 import { Dynamic } from '../../../fd-component-toolbox/dynamic-layout/Dynamic.js';
-import ReportChart from '../../../fd-app-toolbox/report/ReportChart.js';
 import { goBack } from '../../../../fd-toolbox/routing/routers.js';
-import { reportTypes } from '../../../fd-app-toolbox/reports/report-enums.js';
 import { SubHeading } from '../../../fd-component-toolbox/subheading/SubHeading.js';
 import { Button } from '../../../fd-component-toolbox/button/Button.js';
 import { Icon, iconSizes, iconNames } from '../../../fd-component-toolbox/icon/Icon.js';
 import { useSetTitle } from '../../../meta/page/use-set-title.js';
-import { onInitDashboardPage, dashboardLayoutConfig } from './dashboardPage.funcs.js';
-import ReportCard from '../../../fd-app-toolbox/report/ReportCard.js';
+import { onInitDashboardPage, dashboardLayoutConfig } from './DashboardPage.funcs.js';
+import { ReportComponent } from '../../../fd-app-toolbox/report/ReportComponent.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -21,12 +19,12 @@ var __name = (target, value) => __defProp(target, "name", {
 });
 const pageTitle = "Dashboard";
 function DashboardPage() {
-  const [reports, setReports] = useState([]);
+  const [dashboardReports, setDashboardReports] = useState([]);
   const [width, setWidth] = useState(window.innerWidth);
   const containerRef = useRef(null);
   useSetTitle(pageTitle);
   useEffect(() => {
-    onInitDashboardPage(containerRef, setWidth, setReports);
+    onInitDashboardPage(containerRef, setWidth, setDashboardReports);
   }, []);
   return /* @__PURE__ */jsxs("div", {
     ref: containerRef,
@@ -50,23 +48,23 @@ function DashboardPage() {
       children: /* @__PURE__ */jsx(DynamicLayoutDragAndDrop, {
         componentClassName: "bg-card shadow rounded-xl",
         columns: 15,
-        children: reports.map(report => {
+        children: dashboardReports.map(dashboardReport => {
           return /* @__PURE__ */jsx(Fragment, {
             children: /* @__PURE__ */jsx(Dynamic, {
-              defaultX: Math.max(0, Number(report.positionX)),
-              defaultY: Math.max(0, Number(report.positionY)),
-              defaultWidth: Math.max(0, width < dashboardLayoutConfig.breakpointWidth ? dashboardLayoutConfig.defaultWidth : Number(report.sizeX)),
-              defaultHeight: Math.max(0, width < dashboardLayoutConfig.breakpointWidth ? dashboardLayoutConfig.defaultHeight : Number(report.sizeY)),
+              defaultX: Math.max(0, dashboardReport.positionX),
+              defaultY: Math.max(0, dashboardReport.positionY),
+              defaultWidth: Math.max(0, width < dashboardLayoutConfig.breakpointWidth ? dashboardLayoutConfig.defaultWidth : dashboardReport.sizeX),
+              defaultHeight: Math.max(0, width < dashboardLayoutConfig.breakpointWidth ? dashboardLayoutConfig.defaultHeight : dashboardReport.sizeY),
               minWidth: dashboardLayoutConfig.minWidth,
               minHeight: dashboardLayoutConfig.minHeight,
-              id: report.id,
-              children: report.report?.type === reportTypes.chart ? /* @__PURE__ */jsx(ReportChart, {
-                reportId: report.reportId
-              }) : report.report?.type === reportTypes.number && /* @__PURE__ */jsx(ReportCard, {
-                reportCard: report.report
+              id: dashboardReport.id,
+              children: /* @__PURE__ */jsx(ReportComponent, {
+                type: dashboardReport.report.type,
+                report: dashboardReport.report,
+                reportId: dashboardReport.reportId
               })
-            }, report.id)
-          }, report.id);
+            }, dashboardReport.id)
+          }, dashboardReport.id);
         })
       })
     })]

package/packages/level2/client/pages/dynamic-layout-page/DynamicLayoutPage.cjs.js

@@ -3,11 +3,12 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var DynamicLayoutDragAndDrop = require('../../../fd-component-toolbox/dynamic-layout/DynamicLayoutDragAndDrop.cjs.js');
-var ReportChart = require('../../../fd-app-toolbox/report/ReportChart.cjs.js');
 var resourceNames = require('../../../../fd-toolbox/resources/resource-names.cjs.js');
 var Dynamic = require('../../../fd-component-toolbox/dynamic-layout/Dynamic.cjs.js');
 var ResourceList = require('../../../meta/resource-list/ResourceList.cjs.js');
 var resourceListConfigs = require('../../../meta/resource-list/resource-list-configs.cjs.js');
+var ReportComponent = require('../../../fd-app-toolbox/report/ReportComponent.cjs.js');
+var reportEnums = require('../../../fd-app-toolbox/reports/report-enums.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -20,11 +21,14 @@ async function DynamicLayoutPage() {
     className: "px-40 py-20",
     children: /* @__PURE__ */jsxRuntime.jsxs(DynamicLayoutDragAndDrop.DynamicLayoutDragAndDrop, {
       componentClassName: "bg-background shadow rounded-xl",
-      children: [/* @__PURE__ */jsxRuntime.jsx(ReportChart, {
+      children: [/* @__PURE__ */jsxRuntime.jsx(ReportComponent.ReportComponent, {
+        type: reportEnums.reportTypes.chart,
         reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
-      }), /* @__PURE__ */jsxRuntime.jsx(ReportChart, {
+      }), /* @__PURE__ */jsxRuntime.jsx(ReportComponent.ReportComponent, {
+        type: reportEnums.reportTypes.chart,
         reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
-      }), /* @__PURE__ */jsxRuntime.jsx(ReportChart, {
+      }), /* @__PURE__ */jsxRuntime.jsx(ReportComponent.ReportComponent, {
+        type: reportEnums.reportTypes.chart,
         reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
       }), /* @__PURE__ */jsxRuntime.jsx(Dynamic.Dynamic, {
         minWidth: 2,

package/packages/level2/client/pages/dynamic-layout-page/DynamicLayoutPage.js

@@ -1,11 +1,12 @@
 'use strict';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { DynamicLayoutDragAndDrop } from '../../../fd-component-toolbox/dynamic-layout/DynamicLayoutDragAndDrop.js';
-import ReportChart from '../../../fd-app-toolbox/report/ReportChart.js';
 import { resourceNames } from '../../../../fd-toolbox/resources/resource-names.js';
 import { Dynamic } from '../../../fd-component-toolbox/dynamic-layout/Dynamic.js';
 import { ResourceList } from '../../../meta/resource-list/ResourceList.js';
 import { getResourceListConfig } from '../../../meta/resource-list/resource-list-configs.js';
+import { ReportComponent } from '../../../fd-app-toolbox/report/ReportComponent.js';
+import { reportTypes } from '../../../fd-app-toolbox/reports/report-enums.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -18,11 +19,14 @@ async function DynamicLayoutPage() {
     className: "px-40 py-20",
     children: /* @__PURE__ */jsxs(DynamicLayoutDragAndDrop, {
       componentClassName: "bg-background shadow rounded-xl",
-      children: [/* @__PURE__ */jsx(ReportChart, {
+      children: [/* @__PURE__ */jsx(ReportComponent, {
+        type: reportTypes.chart,
         reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
-      }), /* @__PURE__ */jsx(ReportChart, {
+      }), /* @__PURE__ */jsx(ReportComponent, {
+        type: reportTypes.chart,
         reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
-      }), /* @__PURE__ */jsx(ReportChart, {
+      }), /* @__PURE__ */jsx(ReportComponent, {
+        type: reportTypes.chart,
         reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
       }), /* @__PURE__ */jsx(Dynamic, {
         minWidth: 2,

package/packages/level2/client/pages/microsoft-page/MicrosoftPage.funcs.cjs.js

@@ -4,6 +4,6 @@
 var paths = require('../../../../fd-toolbox/routing/paths.cjs.js');
 var loginRouters = require('../../../../fd-toolbox/routing/login-routers.cjs.js');
 
-var __defProp=Object['defineProperty'],__name=(_0x52a64d,_0xf299af)=>__defProp(_0x52a64d,'name',{'value':_0xf299af,'configurable':!![]});function initMicrosoftPage(_0x1839ba,_0x4f9ca0){const _0xf0ef8d=paths.addQueryParamsToPath(loginRouters.getLoginUrl(),_0x4f9ca0);_0x1839ba['push'](_0xf0ef8d);}__name(initMicrosoftPage,'initMicrosoftPage');
+var __defProp=Object['defineProperty'],__name=(_0x280984,_0x44fe90)=>__defProp(_0x280984,'name',{'value':_0x44fe90,'configurable':!![]});function initMicrosoftPage(_0x4e0e23,_0x6bf798){const _0x55216c=paths.addQueryParamsToPath(loginRouters.getLoginUrl(),_0x6bf798);_0x4e0e23['push'](_0x55216c);}__name(initMicrosoftPage,'initMicrosoftPage');
 
 exports.initMicrosoftPage = initMicrosoftPage;

package/packages/level2/client/pages/microsoft-page/MicrosoftPage.funcs.js

@@ -2,6 +2,6 @@
 import { addQueryParamsToPath } from '../../../../fd-toolbox/routing/paths.js';
 import { getLoginUrl } from '../../../../fd-toolbox/routing/login-routers.js';
 
-var __defProp=Object['defineProperty'],__name=(_0x52a64d,_0xf299af)=>__defProp(_0x52a64d,'name',{'value':_0xf299af,'configurable':!![]});function initMicrosoftPage(_0x1839ba,_0x4f9ca0){const _0xf0ef8d=addQueryParamsToPath(getLoginUrl(),_0x4f9ca0);_0x1839ba['push'](_0xf0ef8d);}__name(initMicrosoftPage,'initMicrosoftPage');
+var __defProp=Object['defineProperty'],__name=(_0x280984,_0x44fe90)=>__defProp(_0x280984,'name',{'value':_0x44fe90,'configurable':!![]});function initMicrosoftPage(_0x4e0e23,_0x6bf798){const _0x55216c=addQueryParamsToPath(getLoginUrl(),_0x6bf798);_0x4e0e23['push'](_0x55216c);}__name(initMicrosoftPage,'initMicrosoftPage');
 
 export { initMicrosoftPage };

package/packages/level2/client/pages/preload-page/PreloadPage.cjs.js

@@ -6,6 +6,7 @@ var compilerRuntime = require('react/compiler-runtime');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var preload = require('../../../meta/preload/preload.cjs.js');
+var useAsyncEffect = require('../../../../fd-toolbox/hooks/use-async-effect.cjs.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -13,44 +14,34 @@ var __name = (target, value) => __defProp(target, "name", {
   configurable: true
 });
 function PreloadPage() {
-  const $ = compilerRuntime.c(6);
+  const $ = compilerRuntime.c(5);
   const [data, setData] = React.useState(null);
   const [error, setError] = React.useState("");
   let t0;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = async () => {
       ;
       try {
         const fetchedData = await preload.fetchDataFromAPI();
         setData(fetchedData);
-      } catch (t1) {
-        const err = t1;
+      } catch (t2) {
+        const err = t2;
         setError("Failed to load data.");
         throw err;
       }
     };
+    t1 = [];
     $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const fetchAndSetData = t0;
-  let t1;
-  let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      fetchAndSetData();
-    };
-    t2 = [fetchAndSetData];
     $[1] = t1;
-    $[2] = t2;
   } else {
+    t0 = $[0];
     t1 = $[1];
-    t2 = $[2];
   }
-  React.useEffect(t1, t2);
-  let t3;
-  if ($[3] !== data || $[4] !== error) {
-    t3 = jsxRuntime.jsxs("div", {
+  useAsyncEffect.useAsyncEffect(t0, t1);
+  let t2;
+  if ($[2] !== data || $[3] !== error) {
+    t2 = jsxRuntime.jsxs("div", {
       children: [data ? jsxRuntime.jsx("pre", {
         children: JSON.stringify(data, null, 2)
       }) : jsxRuntime.jsx("p", {
@@ -59,13 +50,13 @@ function PreloadPage() {
         children: ["Error: ", error]
       })]
     });
-    $[3] = data;
-    $[4] = error;
-    $[5] = t3;
+    $[2] = data;
+    $[3] = error;
+    $[4] = t2;
   } else {
-    t3 = $[5];
+    t2 = $[4];
   }
-  return t3;
+  return t2;
 }
 __name(PreloadPage, "PreloadPage");
 

package/packages/level2/client/pages/preload-page/PreloadPage.js

@@ -2,8 +2,9 @@
 'use client';
 import { c } from 'react/compiler-runtime';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 import { fetchDataFromAPI } from '../../../meta/preload/preload.js';
+import { useAsyncEffect } from '../../../../fd-toolbox/hooks/use-async-effect.js';
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -11,44 +12,34 @@ var __name = (target, value) => __defProp(target, "name", {
   configurable: true
 });
 function PreloadPage() {
-  const $ = c(6);
+  const $ = c(5);
   const [data, setData] = useState(null);
   const [error, setError] = useState("");
   let t0;
+  let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     t0 = async () => {
       ;
       try {
         const fetchedData = await fetchDataFromAPI();
         setData(fetchedData);
-      } catch (t1) {
-        const err = t1;
+      } catch (t2) {
+        const err = t2;
         setError("Failed to load data.");
         throw err;
       }
     };
+    t1 = [];
     $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const fetchAndSetData = t0;
-  let t1;
-  let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      fetchAndSetData();
-    };
-    t2 = [fetchAndSetData];
     $[1] = t1;
-    $[2] = t2;
   } else {
+    t0 = $[0];
     t1 = $[1];
-    t2 = $[2];
   }
-  useEffect(t1, t2);
-  let t3;
-  if ($[3] !== data || $[4] !== error) {
-    t3 = jsxs("div", {
+  useAsyncEffect(t0, t1);
+  let t2;
+  if ($[2] !== data || $[3] !== error) {
+    t2 = jsxs("div", {
       children: [data ? jsx("pre", {
         children: JSON.stringify(data, null, 2)
       }) : jsx("p", {
@@ -57,13 +48,13 @@ function PreloadPage() {
         children: ["Error: ", error]
       })]
     });
-    $[3] = data;
-    $[4] = error;
-    $[5] = t3;
+    $[2] = data;
+    $[3] = error;
+    $[4] = t2;
   } else {
-    t3 = $[5];
+    t2 = $[4];
   }
-  return t3;
+  return t2;
 }
 __name(PreloadPage, "PreloadPage");