@headless-adminapp/app 0.0.17-alpha.8 → 1.0.0

package/dialog/hooks/useCloseDialog.js

@@ -4,26 +4,28 @@ exports.useCloseDialog = useCloseDialog;
 const react_1 = require("react");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
+function markDialogAsClosed(items, id) {
+    return items.map((item) => {
+        if (item.id === id) {
+            return { ...item, isOpen: false };
+        }
+        return item;
+    });
+}
+function excludeDialogItemById(items, id) {
+    return items.filter((item) => item.id !== id);
+}
 function useCloseDialog() {
     const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
     const closeDialog = (0, react_1.useCallback)((id) => {
-        setValue((state) => {
-            return {
-                items: state.items.map((item) => {
-                    if (item.id === id) {
-                        return Object.assign(Object.assign({}, item), { isOpen: false });
-                    }
-                    return item;
-                }),
-            };
-        });
+        setValue((state) => ({
+            items: markDialogAsClosed(state.items, id),
+        }));
         // Simulate a delay to show the dialog closing animation
         setTimeout(() => {
-            setValue((state) => {
-                return {
-                    items: state.items.filter((item) => item.id !== id),
-                };
-            });
+            setValue((state) => ({
+                items: excludeDialogItemById(state.items, id),
+            }));
         }, 1000);
     }, [setValue]);
     return closeDialog;

package/dialog/hooks/useOpenAlertDialog.js

@@ -7,13 +7,18 @@ function useOpenAlertDialog() {
     const openDialog = (0, useOpenDialog_1.useOpenDialog)();
     const openAlertDialog = (0, react_1.useCallback)((options) => {
         return new Promise((resolve) => {
-            const { close } = openDialog(Object.assign(Object.assign({ type: 'alert' }, options), { onDismiss: () => {
+            const { close } = openDialog({
+                type: 'alert',
+                ...options,
+                onDismiss: () => {
                     close();
                     resolve();
-                }, onConfirm: () => {
+                },
+                onConfirm: () => {
                     close();
                     resolve();
-                } }));
+                },
+            });
         });
     }, [openDialog]);
     return openAlertDialog;

package/dialog/hooks/useOpenConfirmDialog.js

@@ -7,19 +7,25 @@ function useOpenConfirmDialog() {
     const openDialog = (0, useOpenDialog_1.useOpenDialog)();
     const openConfirmDialog = (0, react_1.useCallback)((options) => {
         return new Promise((resolve) => {
-            const { close } = openDialog(Object.assign(Object.assign({ type: 'confirm' }, options), { onDismiss: () => {
+            const { close } = openDialog({
+                type: 'confirm',
+                ...options,
+                onDismiss: () => {
                     if (!options.allowDismiss) {
                         return;
                     }
                     close();
                     resolve(null);
-                }, onConfirm: () => {
+                },
+                onConfirm: () => {
                     close();
                     resolve({ confirmed: true });
-                }, onCancel: () => {
+                },
+                onCancel: () => {
                     close();
                     resolve({ confirmed: false });
-                } }));
+                },
+            });
         });
     }, [openDialog]);
     return openConfirmDialog;

package/dialog/hooks/useOpenDialog.js

@@ -2,22 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOpenDialog = useOpenDialog;
 const react_1 = require("react");
+const uuid_1 = require("uuid");
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
 const useCloseDialog_1 = require("./useCloseDialog");
-function randomId() {
-    return Math.random().toString(36).substring(2);
-}
 function useOpenDialog() {
     const setValue = (0, context_1.useContextSetValue)(context_2.DialogContext);
     const closeDialog = (0, useCloseDialog_1.useCloseDialog)();
     const openDialog = (0, react_1.useCallback)((options) => {
-        const id = randomId();
+        const id = (0, uuid_1.v4)();
         setValue((state) => {
             return {
                 items: [
                     ...state.items,
-                    Object.assign({ id, isOpen: true }, options),
+                    {
+                        id,
+                        isOpen: true,
+                        ...options,
+                    },
                 ],
             };
         });

package/dialog/hooks/useOpenErrorDialog.js

@@ -6,11 +6,16 @@ const useOpenDialog_1 = require("./useOpenDialog");
 function useOpenErrorDialog() {
     const openDialog = (0, useOpenDialog_1.useOpenDialog)();
     const openErrorDialog = (0, react_1.useCallback)((options) => {
-        const { close } = openDialog(Object.assign(Object.assign({ type: 'error' }, options), { onDismiss: () => {
+        const { close } = openDialog({
+            type: 'error',
+            ...options,
+            onDismiss: () => {
                 close();
-            }, onConfirm: () => {
+            },
+            onConfirm: () => {
                 close();
-            } }));
+            },
+        });
     }, [openDialog]);
     return openErrorDialog;
 }

package/dialog/hooks/useOpenPromptDialog.js

@@ -7,19 +7,25 @@ function useOpenPromptDialog() {
     const openDialog = (0, useOpenDialog_1.useOpenDialog)();
     const openPromptDialog = (0, react_1.useCallback)((options) => {
         return new Promise((resolve) => {
-            const { close } = openDialog(Object.assign(Object.assign({ type: 'prompt' }, options), { onDismiss: () => {
+            const { close } = openDialog({
+                type: 'prompt',
+                ...options,
+                onDismiss: () => {
                     if (!options.allowDismiss) {
                         return;
                     }
                     close();
                     resolve(null);
-                }, onConfirm: (result) => {
+                },
+                onConfirm: (result) => {
                     close();
                     resolve(result);
-                }, onCancel: () => {
+                },
+                onCancel: () => {
                     close();
                     resolve(null);
-                } }));
+                },
+            });
         });
     }, [openDialog]);
     return openPromptDialog;

package/form/FormValidationStringContext.d.ts

@@ -6,6 +6,7 @@ export interface FormValidationStringSet {
     invalidEmail: string;
     invalidPhoneNumber: string;
     atLeastOneRowRequired: string;
+    fileSizeExceeded: string;
 }
 export declare const defaultFormValidationStrings: FormValidationStringSet;
 export declare const FormValidationStringContext: import("react").Context<FormValidationStringSet>;

package/form/FormValidationStringContext.js

@@ -11,6 +11,7 @@ exports.defaultFormValidationStrings = {
     invalidEmail: 'Invalid email.',
     invalidPhoneNumber: 'Invalid phone number.',
     atLeastOneRowRequired: 'At least one row required.',
+    fileSizeExceeded: 'File size exceeded.',
 };
 exports.FormValidationStringContext = (0, react_1.createContext)(exports.defaultFormValidationStrings);
 function useFormValidationStrings() {

package/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './useElementLayout';
 export * from './useIsMobile';
 export * from './useStorageState';
 export * from './useSystemColorScheme';
+export { useItemsWithKey } from './useItemsWithKey';

package/hooks/index.js

@@ -14,8 +14,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useItemsWithKey = void 0;
 __exportStar(require("./useDebouncedValue"), exports);
 __exportStar(require("./useElementLayout"), exports);
 __exportStar(require("./useIsMobile"), exports);
 __exportStar(require("./useStorageState"), exports);
 __exportStar(require("./useSystemColorScheme"), exports);
+var useItemsWithKey_1 = require("./useItemsWithKey");
+Object.defineProperty(exports, "useItemsWithKey", { enumerable: true, get: function () { return useItemsWithKey_1.useItemsWithKey; } });

package/hooks/useDebouncedValue.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDebouncedValue = useDebouncedValue;
 const react_1 = require("react");

package/hooks/useElementLayout.js

@@ -4,7 +4,7 @@ exports.useElementSize = useElementSize;
 const react_1 = require("react");
 function useElementSize(elementRef, interval) {
     const [size, setSize] = (0, react_1.useState)({ width: 0, height: 0 });
-    (0, react_1.useEffect)(() => {
+    (0, react_1.useLayoutEffect)(() => {
         function updateSize() {
             if (elementRef.current) {
                 const element = elementRef.current;

package/hooks/useIsMobile.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/hooks/useItemsWithKey.d.ts

@@ -0,0 +1,7 @@
+import { ItemWithKey } from '@headless-adminapp/core/types';
+export declare function useItemsWithKey<T>(value: T[]): ItemWithKey<T>[];
+export declare function useItemsWithKey(value: null): null;
+export declare function useItemsWithKey(value: undefined): undefined;
+export declare function useItemsWithKey<T>(value: T[] | null): ItemWithKey<T>[] | null;
+export declare function useItemsWithKey<T>(value: T[] | undefined): ItemWithKey<T>[] | undefined;
+export declare function useItemsWithKey<T>(value: T[] | null | undefined): ItemWithKey<T>[] | null | undefined;

package/hooks/useItemsWithKey.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useItemsWithKey = useItemsWithKey;
+const utils_1 = require("@headless-adminapp/core/utils");
+const react_1 = require("react");
+function useItemsWithKey(value) {
+    return (0, react_1.useMemo)(() => {
+        if (!value) {
+            return value;
+        }
+        return (0, utils_1.createItemsWithKey)(value);
+    }, [value]);
+}

package/hooks/useStorageState.js

@@ -13,8 +13,7 @@ function setStorageValue(key, value, store) {
     store.setItem(key, JSON.stringify(value));
 }
 function useStorageState(initialState, key, store = localStorage) {
-    var _a;
-    const [state, setState] = (0, react_1.useState)((_a = getStorageValue(key, store)) !== null && _a !== void 0 ? _a : initialState);
+    const [state, setState] = (0, react_1.useState)(getStorageValue(key, store) ?? initialState);
     const setStoredState = (0, react_1.useCallback)((value) => {
         setState((prevState) => {
             const finalState = value instanceof Function ? value(prevState) : value;

package/hooks/useSystemColorScheme.d.ts

@@ -1 +1 @@
-export declare function useSystemColorScheme(): "light" | "dark";
+export declare function useSystemColorScheme(): "dark" | "light";

package/hooks/useSystemColorScheme.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSystemColorScheme = useSystemColorScheme;
 const react_1 = require("react");

package/insights/InsightsProvider.d.ts

@@ -0,0 +1,8 @@
+import { InsightExpereince, InsightLookup } from '@headless-adminapp/core/experience/insights';
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { PropsWithChildren } from 'react';
+export declare function InsightsProvider<SA extends SchemaAttributes = SchemaAttributes>({ children, experience, insightLookup, onInsightSelect, }: PropsWithChildren<{
+    experience: InsightExpereince<SA>;
+    insightLookup: InsightLookup[];
+    onInsightSelect: (id: string) => void;
+}>): import("react/jsx-runtime").JSX.Element;

package/insights/InsightsProvider.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsightsProvider = InsightsProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const mutable_1 = require("../mutable");
+const context_1 = require("./context");
+function InsightsProvider({ children, experience, insightLookup, onInsightSelect, }) {
+    const onInsightSelectRef = (0, react_1.useRef)(onInsightSelect);
+    onInsightSelectRef.current = onInsightSelect;
+    const onInsightSelectInternal = (0, react_1.useCallback)((id) => {
+        onInsightSelectRef.current(id);
+    }, [onInsightSelectRef]);
+    const insightsValues = (0, mutable_1.useCreateContextStore)({
+        experience,
+        data: experience.defaultData,
+        insightLookup: insightLookup,
+        onInsightSelect: onInsightSelectInternal,
+    });
+    (0, react_1.useEffect)(() => {
+        insightsValues.setValue({
+            experience,
+            data: experience.defaultData,
+        });
+    }, [experience, insightsValues]);
+    return ((0, jsx_runtime_1.jsx)(context_1.InsightsContext.Provider, { value: insightsValues, children: children }));
+}

package/locale/LocaleProvider.d.ts

@@ -1,7 +1,8 @@
 import { Locale } from '@headless-adminapp/core/experience/locale';
 import { FC, PropsWithChildren } from 'react';
 export interface LocaleProviderProps {
-    locale: string;
+    locale?: string;
+    timezone?: string;
     options?: {
         direction?: Locale['direction'];
         dateFormats?: Locale['dateFormats'];

package/locale/LocaleProvider.js

@@ -5,10 +5,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const locale_1 = require("@headless-adminapp/core/experience/locale");
 const react_1 = require("react");
 const context_1 = require("./context");
-const LocaleProvider = ({ children, locale, options, }) => {
+const LocaleProvider = ({ children, locale = 'en-US', timezone = 'UTC', options, }) => {
     const localeState = (0, react_1.useMemo)(() => {
-        return (0, locale_1.getLocale)(locale, options);
-    }, [locale, options]);
+        return (0, locale_1.getLocale)(locale, timezone, options);
+    }, [locale, timezone, options]);
     return ((0, jsx_runtime_1.jsx)(context_1.LocaleContext.Provider, { value: localeState, children: children }));
 };
 exports.LocaleProvider = LocaleProvider;

package/locale/index.d.ts

@@ -1,3 +1,4 @@
 export { LocaleContext } from './context';
 export * from './useLocale';
+export * from './useCurrencySymbol';
 export { type LocaleProviderProps, LocaleProvider } from './LocaleProvider';

package/locale/index.js

@@ -18,5 +18,6 @@ exports.LocaleProvider = exports.LocaleContext = void 0;
 var context_1 = require("./context");
 Object.defineProperty(exports, "LocaleContext", { enumerable: true, get: function () { return context_1.LocaleContext; } });
 __exportStar(require("./useLocale"), exports);
+__exportStar(require("./useCurrencySymbol"), exports);
 var LocaleProvider_1 = require("./LocaleProvider");
 Object.defineProperty(exports, "LocaleProvider", { enumerable: true, get: function () { return LocaleProvider_1.LocaleProvider; } });

package/locale/useCurrencySymbol.d.ts

@@ -0,0 +1 @@
+export declare function useCurrencySymbol(): string;

package/locale/useCurrencySymbol.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrencySymbol = useCurrencySymbol;
+const utils_1 = require("@headless-adminapp/core/experience/locale/utils");
+const react_1 = require("react");
+const useLocale_1 = require("./useLocale");
+function useCurrencySymbol() {
+    const locale = (0, useLocale_1.useLocale)();
+    return (0, react_1.useMemo)(() => {
+        return (0, utils_1.getCurrencySymbol)(locale.locale, locale.currency.currency ?? 'USD');
+    }, [locale]);
+}

package/locale/utils.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.localizedLabel = localizedLabel;
 function localizedLabel(language, value, fallback) {
-    var _a, _b, _c, _d, _e;
-    return ((_e = (_d = (_b = (_a = value.localizedLabels) === null || _a === void 0 ? void 0 : _a[language]) !== null && _b !== void 0 ? _b : (_c = fallback === null || fallback === void 0 ? void 0 : fallback.localizedLabels) === null || _c === void 0 ? void 0 : _c[language]) !== null && _d !== void 0 ? _d : value.label) !== null && _e !== void 0 ? _e : fallback === null || fallback === void 0 ? void 0 : fallback.label);
+    return (value.localizedLabels?.[language] ??
+        fallback?.localizedLabels?.[language] ??
+        value.label ??
+        fallback?.label);
 }

package/metadata/MetadataProvider.d.ts

@@ -1,8 +1,12 @@
-import { IClientAppStore, ISchemaExperienceStore, ISchemaStore } from '@headless-adminapp/core/store';
+import { AppExperience } from '@headless-adminapp/core/experience/app';
+import { ISchemaExperienceStore, ISchemaStore, SchemaStore } from '@headless-adminapp/core/store';
 import { FC, PropsWithChildren } from 'react';
+import { SchemaExperienceStore } from '../store';
 export interface MetadataProviderProps {
-    schemaStore: ISchemaStore;
-    experienceStore: ISchemaExperienceStore;
-    appStore: IClientAppStore;
+    schemaStore?: ISchemaStore;
+    experienceStore?: ISchemaExperienceStore;
+    appExperience?: AppExperience;
 }
+export declare const defaultSchemaStore: SchemaStore<import("@headless-adminapp/core/schema").SchemaAttributes>;
+export declare const defaultExperienceStore: SchemaExperienceStore;
 export declare const MetadataProvider: FC<PropsWithChildren<MetadataProviderProps>>;

package/metadata/MetadataProvider.js

@@ -1,29 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MetadataProvider = void 0;
+exports.MetadataProvider = exports.defaultExperienceStore = exports.defaultSchemaStore = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const app_1 = require("@headless-adminapp/core/experience/app");
+const store_1 = require("@headless-adminapp/core/store");
+const icons_1 = require("@headless-adminapp/icons");
 const context_1 = require("../mutable/context");
+const store_2 = require("../store");
 const context_2 = require("./context");
-const MetadataProvider = ({ children, experienceStore, schemaStore, appStore, }) => {
+exports.defaultSchemaStore = new store_1.SchemaStore();
+exports.defaultExperienceStore = new store_2.SchemaExperienceStore({
+    schemaStore: exports.defaultSchemaStore,
+});
+const defaultApp = {
+    id: 'default',
+    title: 'Demo App',
+    navItems: [],
+    defaultPage: {
+        label: 'Home',
+        link: '/home',
+        type: app_1.PageType.Custom,
+        icon: icons_1.IconPlaceholder,
+    },
+    logo: {},
+};
+const MetadataProvider = ({ children, experienceStore = exports.defaultExperienceStore, schemaStore = exports.defaultSchemaStore, appExperience = defaultApp, }) => {
     const contextValue = (0, context_1.useCreateContextStore)({
-        // schemas: {},
-        // schemaLoading: true,
         experienceStore,
         schemaStore,
-        appStore,
+        appExperience,
     });
-    // const [loading, setLoading] = useState(true);
-    // useEffect(() => {
-    //   const schemas = schemaStore.getSchemas();
-    //   contextValue.setValue({
-    //     schemas,
-    //     schemaLoading: false,
-    //   });
-    //   setLoading(false);
-    // }, [contextValue, schemaStore]);
-    // if (loading) {
-    //   return null;
-    // }
     return ((0, jsx_runtime_1.jsx)(context_2.MetadataContext.Provider, { value: contextValue, children: children }));
 };
 exports.MetadataProvider = MetadataProvider;

package/metadata/context.d.ts

@@ -1,7 +1,8 @@
-import { IClientAppStore, ISchemaExperienceStore, ISchemaStore } from '@headless-adminapp/core/store';
+import type { AppExperience } from '@headless-adminapp/core/experience/app';
+import type { ISchemaExperienceStore, ISchemaStore } from '@headless-adminapp/core/store';
 export interface MetadataContextState {
-    appStore: IClientAppStore;
     schemaStore: ISchemaStore;
     experienceStore: ISchemaExperienceStore;
+    appExperience: AppExperience;
 }
 export declare const MetadataContext: import("react").Context<import("../mutable/context").ContextValue<MetadataContextState>>;

package/metadata/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export * from './useAppStore';
+export * from './useAppExperience';
 export * from './useExperienceStore';
 export * from './useExperienceView';
 export * from './useExperienceViewCommands';

package/metadata/hooks/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useAppStore"), exports);
+__exportStar(require("./useAppExperience"), exports);
 __exportStar(require("./useExperienceStore"), exports);
 __exportStar(require("./useExperienceView"), exports);
 __exportStar(require("./useExperienceViewCommands"), exports);

package/metadata/hooks/useAppExperience.d.ts

@@ -0,0 +1 @@
+export declare function useAppExperience(): import("@headless-adminapp/core/experience/app").AppExperience;

package/metadata/hooks/useAppExperience.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAppExperience = useAppExperience;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useAppExperience() {
+    return (0, context_1.useContextSelector)(context_2.MetadataContext, (state) => state.appExperience);
+}

package/metadata/hooks/useAppStore.d.ts

@@ -1 +1 @@
-export declare function useAppStore(): import("@headless-adminapp/core/store").IClientAppStore;
+export declare function useAppExperience(): import("@headless-adminapp/core/experience/app").AppExperience;

package/metadata/hooks/useAppStore.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppStore = useAppStore;
+exports.useAppExperience = useAppExperience;
 const context_1 = require("../../mutable/context");
 const context_2 = require("../context");
-function useAppStore() {
-    return (0, context_1.useContextSelector)(context_2.MetadataContext, (state) => state.appStore);
+function useAppExperience() {
+    return (0, context_1.useContextSelector)(context_2.MetadataContext, (state) => state.app);
 }

package/metadata/hooks/useExperienceView.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExperienceView = useExperienceView;
 const react_query_1 = require("@tanstack/react-query");
@@ -22,12 +13,12 @@ function useExperienceView(logicalName, viewId, associated, viewIds) {
             associated,
             viewIds,
         ],
-        queryFn: () => __awaiter(this, void 0, void 0, function* () {
+        queryFn: async () => {
             if (associated) {
                 return experienceStore.getAssociatedView(logicalName, viewId, viewIds);
             }
             return experienceStore.getPublicView(logicalName, viewId, viewIds);
-        }),
+        },
         placeholderData: react_query_1.keepPreviousData,
     });
     return {

package/metadata/hooks/useExperienceViewCommands.d.ts

@@ -1,4 +1,4 @@
 /** @todo move in different dir */
 export declare function useExperienceViewCommands(logicalName: string): {
-    commands: never[];
+    commands: import("@headless-adminapp/core/experience/view").EntityMainGridCommandItemExperience[][];
 };

package/metadata/hooks/useExperienceViewCommands.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExperienceViewCommands = useExperienceViewCommands;
 const app_1 = require("@headless-adminapp/app/app");
@@ -16,16 +7,16 @@ const useExperienceStore_1 = require("./useExperienceStore");
 /** @todo move in different dir */
 function useExperienceViewCommands(logicalName) {
     const experienceStore = (0, useExperienceStore_1.useExperienceStore)();
-    const { app: { viewCommands }, } = (0, app_1.useAppContext)();
+    const { appExperience: { viewCommands }, } = (0, app_1.useAppContext)();
     const { data: commands } = (0, react_query_1.useQuery)({
         queryKey: ['experience-schema-view-commands', logicalName],
-        queryFn: () => __awaiter(this, void 0, void 0, function* () {
-            let commands = yield experienceStore.getViewCommands(logicalName);
+        queryFn: async () => {
+            let commands = await experienceStore.getViewCommands(logicalName);
             if (!commands) {
                 commands = viewCommands;
             }
-            return [];
-        }),
+            return commands ?? [];
+        },
         initialData: [],
     });
     return {

package/metadata/hooks/useExperienceViewLookup.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExperienceViewLookup = useExperienceViewLookup;
 const react_query_1 = require("@tanstack/react-query");
@@ -22,12 +13,12 @@ function useExperienceViewLookup(logicalName, associated, viewIds) {
             associated,
             viewIds,
         ],
-        queryFn: () => __awaiter(this, void 0, void 0, function* () {
+        queryFn: async () => {
             if (associated) {
                 return experienceStore.getAssociatedViewLookup(logicalName, viewIds);
             }
             return experienceStore.getPublicViewLookup(logicalName, viewIds);
-        }),
+        },
         initialData: [],
     });
     return {