@webiny/app-admin 6.4.11 → 6.6.0-alpha.1

package/features/confirmation/ConfirmationBridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/confirmation/ConfirmationBridge.js","sources":["../../../src/features/confirmation/ConfirmationBridge.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useContainer } from \"@webiny/app\";\nimport { useDialogs } from \"~/components/Dialogs/useDialogs.js\";\nimport { NamedDialogOpener } from \"./abstractions.js\";\n\nexport const ConfirmationBridge = () => {\n    const container = useContainer();\n    const { openNamedDialog } = useDialogs();\n\n    useEffect(() => {\n        container.registerInstance(NamedDialogOpener, {\n            open: openNamedDialog\n        });\n    }, [container, openNamedDialog]);\n\n    return null;\n};\n"],"names":["ConfirmationBridge","container","useContainer","openNamedDialog","useDialogs","useEffect","NamedDialogOpener"],"mappings":";;;;AAKO,MAAMA,qBAAqB;IAC9B,MAAMC,YAAYC;IAClB,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAE5BC,UAAU;QACNJ,UAAU,gBAAgB,CAACK,mBAAmB;YAC1C,MAAMH;QACV;IACJ,GAAG;QAACF;QAAWE;KAAgB;IAE/B,OAAO;AACX"}

package/features/confirmation/abstractions.d.ts

@@ -0,0 +1,15 @@
+export interface INamedDialogOpener {
+    open(name: string, params: Record<string, unknown>): void;
+}
+export declare const NamedDialogOpener: import("@webiny/di").Abstraction<INamedDialogOpener>;
+export declare namespace NamedDialogOpener {
+    type Interface = INamedDialogOpener;
+}
+export interface IConfirmation {
+    confirm<TData = void, TParams extends Record<string, unknown> = Record<string, unknown>>(name: string, params?: TParams): Promise<TData | false>;
+    confirm<TData = void, TParams extends Record<string, unknown> = Record<string, unknown>, TResult = unknown>(name: string, params: TParams, execute: (data: TData) => Promise<TResult>): Promise<TResult | false>;
+}
+export declare const Confirmation: import("@webiny/di").Abstraction<IConfirmation>;
+export declare namespace Confirmation {
+    type Interface = IConfirmation;
+}

package/features/confirmation/abstractions.js

@@ -0,0 +1,6 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const NamedDialogOpener = createAbstraction("NamedDialogOpener");
+const Confirmation = createAbstraction("Confirmation");
+export { Confirmation, NamedDialogOpener };
+
+//# sourceMappingURL=abstractions.js.map

package/features/confirmation/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/confirmation/abstractions.js","sources":["../../../src/features/confirmation/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport interface INamedDialogOpener {\n    open(name: string, params: Record<string, unknown>): void;\n}\n\nexport const NamedDialogOpener = createAbstraction<INamedDialogOpener>(\"NamedDialogOpener\");\n\nexport namespace NamedDialogOpener {\n    export type Interface = INamedDialogOpener;\n}\n\nexport interface IConfirmation {\n    confirm<TData = void, TParams extends Record<string, unknown> = Record<string, unknown>>(\n        name: string,\n        params?: TParams\n    ): Promise<TData | false>;\n\n    confirm<\n        TData = void,\n        TParams extends Record<string, unknown> = Record<string, unknown>,\n        TResult = unknown\n    >(\n        name: string,\n        params: TParams,\n        execute: (data: TData) => Promise<TResult>\n    ): Promise<TResult | false>;\n}\n\nexport const Confirmation = createAbstraction<IConfirmation>(\"Confirmation\");\n\nexport namespace Confirmation {\n    export type Interface = IConfirmation;\n}\n"],"names":["NamedDialogOpener","createAbstraction","Confirmation"],"mappings":";AAMO,MAAMA,oBAAoBC,kBAAsC;AAuBhE,MAAMC,eAAeD,kBAAiC"}

package/features/confirmation/feature.d.ts

@@ -0,0 +1 @@
+export declare const ConfirmationFeature: import("@webiny/feature/admin").FeatureDefinition<any, []>;

package/features/confirmation/feature.js

@@ -0,0 +1,11 @@
+import { createFeature } from "@webiny/feature/admin";
+import { Confirmation } from "./Confirmation.js";
+const ConfirmationFeature = createFeature({
+    name: "Confirmation",
+    register (container) {
+        container.register(Confirmation).inSingletonScope();
+    }
+});
+export { ConfirmationFeature };
+
+//# sourceMappingURL=feature.js.map

package/features/confirmation/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/confirmation/feature.js","sources":["../../../src/features/confirmation/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Confirmation } from \"./Confirmation.js\";\n\nexport const ConfirmationFeature = createFeature({\n    name: \"Confirmation\",\n    register(container) {\n        container.register(Confirmation).inSingletonScope();\n    }\n});\n"],"names":["ConfirmationFeature","createFeature","container","Confirmation"],"mappings":";;AAGO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,cAAc,gBAAgB;IACrD;AACJ"}

package/features/confirmation/index.d.ts

@@ -0,0 +1,3 @@
+export { Confirmation, NamedDialogOpener, type IConfirmation, type INamedDialogOpener } from "./abstractions.js";
+export { ConfirmationFeature } from "./feature.js";
+export { ConfirmationBridge } from "./ConfirmationBridge.js";

package/features/confirmation/index.js

@@ -0,0 +1,3 @@
+export { Confirmation, NamedDialogOpener } from "./abstractions.js";
+export { ConfirmationFeature } from "./feature.js";
+export { ConfirmationBridge } from "./ConfirmationBridge.js";

package/features/dateFormatter/DefaultDateFormatter.d.ts

@@ -0,0 +1,8 @@
+import type { FormattableDate, IDateFormatter } from "./abstractions.js";
+declare class DefaultDateFormatterImpl implements IDateFormatter {
+    format(date: FormattableDate, options?: Intl.DateTimeFormatOptions): string;
+}
+export declare const DefaultDateFormatter: typeof DefaultDateFormatterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IDateFormatter>;
+};
+export {};

package/features/dateFormatter/DefaultDateFormatter.js

@@ -0,0 +1,25 @@
+import { DateFormatter } from "./abstractions.js";
+const DEFAULT_OPTIONS = {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+};
+class DefaultDateFormatterImpl {
+    format(date, options) {
+        const formatter = new Intl.DateTimeFormat(void 0, {
+            ...DEFAULT_OPTIONS,
+            ...options
+        });
+        return formatter.format(new Date(date));
+    }
+}
+const DefaultDateFormatter = DateFormatter.createImplementation({
+    implementation: DefaultDateFormatterImpl,
+    dependencies: []
+});
+export { DefaultDateFormatter };
+
+//# sourceMappingURL=DefaultDateFormatter.js.map

package/features/dateFormatter/DefaultDateFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/dateFormatter/DefaultDateFormatter.js","sources":["../../../src/features/dateFormatter/DefaultDateFormatter.ts"],"sourcesContent":["import { DateFormatter } from \"./abstractions.js\";\nimport type { FormattableDate, IDateFormatter } from \"./abstractions.js\";\n\n/**\n * Default absolute date/time format used across the admin app: `YYYY-MM-DD HH:mm`, 24-hour, in the\n * browser's locale. This is the single place these dates are formatted, so projects can change the\n * format everywhere at once by decorating the DateFormatter abstraction.\n */\nconst DEFAULT_OPTIONS: Intl.DateTimeFormatOptions = {\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n    hour12: false\n};\n\nclass DefaultDateFormatterImpl implements IDateFormatter {\n    format(date: FormattableDate, options?: Intl.DateTimeFormatOptions): string {\n        const formatter = new Intl.DateTimeFormat(undefined, { ...DEFAULT_OPTIONS, ...options });\n        return formatter.format(new Date(date));\n    }\n}\n\nexport const DefaultDateFormatter = DateFormatter.createImplementation({\n    implementation: DefaultDateFormatterImpl,\n    dependencies: []\n});\n"],"names":["DEFAULT_OPTIONS","DefaultDateFormatterImpl","date","options","formatter","Intl","undefined","Date","DefaultDateFormatter","DateFormatter"],"mappings":";AAQA,MAAMA,kBAA8C;IAChD,MAAM;IACN,OAAO;IACP,KAAK;IACL,MAAM;IACN,QAAQ;IACR,QAAQ;AACZ;AAEA,MAAMC;IACF,OAAOC,IAAqB,EAAEC,OAAoC,EAAU;QACxE,MAAMC,YAAY,IAAIC,KAAK,cAAc,CAACC,QAAW;YAAE,GAAGN,eAAe;YAAE,GAAGG,OAAO;QAAC;QACtF,OAAOC,UAAU,MAAM,CAAC,IAAIG,KAAKL;IACrC;AACJ;AAEO,MAAMM,uBAAuBC,cAAc,oBAAoB,CAAC;IACnE,gBAAgBR;IAChB,cAAc,EAAE;AACpB"}

package/features/dateFormatter/abstractions.d.ts

@@ -0,0 +1,13 @@
+export type FormattableDate = Date | string | number;
+export interface IDateFormatter {
+    /**
+     * Formats an absolute date/time as a locale string. Pass `options` to override the defaults for
+     * a specific call; change the defaults globally by decorating this abstraction.
+     */
+    format(date: FormattableDate, options?: Intl.DateTimeFormatOptions): string;
+}
+export declare const DateFormatter: import("@webiny/di").Abstraction<IDateFormatter>;
+export declare namespace DateFormatter {
+    type Interface = IDateFormatter;
+    type Value = FormattableDate;
+}

package/features/dateFormatter/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const DateFormatter = createAbstraction("DateFormatter");
+export { DateFormatter };
+
+//# sourceMappingURL=abstractions.js.map

package/features/dateFormatter/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/dateFormatter/abstractions.js","sources":["../../../src/features/dateFormatter/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport type FormattableDate = Date | string | number;\n\nexport interface IDateFormatter {\n    /**\n     * Formats an absolute date/time as a locale string. Pass `options` to override the defaults for\n     * a specific call; change the defaults globally by decorating this abstraction.\n     */\n    format(date: FormattableDate, options?: Intl.DateTimeFormatOptions): string;\n}\n\nexport const DateFormatter = createAbstraction<IDateFormatter>(\"DateFormatter\");\n\nexport namespace DateFormatter {\n    export type Interface = IDateFormatter;\n    export type Value = FormattableDate;\n}\n"],"names":["DateFormatter","createAbstraction"],"mappings":";AAYO,MAAMA,gBAAgBC,kBAAkC"}

package/features/dateFormatter/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const DateFormatterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    formatter: import("./abstractions.js").IDateFormatter;
+}, []>;

package/features/dateFormatter/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { DateFormatter } from "./abstractions.js";
+import { DefaultDateFormatter } from "./DefaultDateFormatter.js";
+const DateFormatterFeature = createFeature({
+    name: "DateFormatter",
+    register (container) {
+        container.register(DefaultDateFormatter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            formatter: container.resolve(DateFormatter)
+        };
+    }
+});
+export { DateFormatterFeature };
+
+//# sourceMappingURL=feature.js.map

package/features/dateFormatter/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/dateFormatter/feature.js","sources":["../../../src/features/dateFormatter/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { DateFormatter } from \"./abstractions.js\";\nimport { DefaultDateFormatter } from \"./DefaultDateFormatter.js\";\n\nexport const DateFormatterFeature = createFeature({\n    name: \"DateFormatter\",\n    register(container) {\n        container.register(DefaultDateFormatter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            formatter: container.resolve(DateFormatter)\n        };\n    }\n});\n"],"names":["DateFormatterFeature","createFeature","container","DefaultDateFormatter","DateFormatter"],"mappings":";;;AAIO,MAAMA,uBAAuBC,cAAc;IAC9C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,sBAAsB,gBAAgB;IAC7D;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/features/dateFormatter/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./abstractions.js";
+export * from "./DefaultDateFormatter.js";
+export * from "./feature.js";
+export * from "./useDateFormatter.js";

package/features/dateFormatter/index.js

@@ -0,0 +1,4 @@
+export * from "./abstractions.js";
+export * from "./DefaultDateFormatter.js";
+export * from "./feature.js";
+export * from "./useDateFormatter.js";

package/features/dateFormatter/useDateFormatter.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Resolves the shared DateFormatter for components that have no presenter of their own. Prefer
+ * formatting in a presenter's view model where one exists.
+ */
+export declare function useDateFormatter(): import("./abstractions.js").IDateFormatter;

package/features/dateFormatter/useDateFormatter.js

@@ -0,0 +1,8 @@
+import { useFeature } from "@webiny/app";
+import { DateFormatterFeature } from "./feature.js";
+function useDateFormatter() {
+    return useFeature(DateFormatterFeature).formatter;
+}
+export { useDateFormatter };
+
+//# sourceMappingURL=useDateFormatter.js.map

package/features/dateFormatter/useDateFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/dateFormatter/useDateFormatter.js","sources":["../../../src/features/dateFormatter/useDateFormatter.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { DateFormatterFeature } from \"./feature.js\";\n\n/**\n * Resolves the shared DateFormatter for components that have no presenter of their own. Prefer\n * formatting in a presenter's view model where one exists.\n */\nexport function useDateFormatter() {\n    return useFeature(DateFormatterFeature).formatter;\n}\n"],"names":["useDateFormatter","useFeature","DateFormatterFeature"],"mappings":";;AAOO,SAASA;IACZ,OAAOC,WAAWC,sBAAsB,SAAS;AACrD"}

package/features/featureFlags/FeatureFlagsGateway.d.ts

@@ -0,0 +1,10 @@
+import { FeatureFlagsGateway as Abstraction } from "./abstractions.js";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/index.js";
+import type { IFeatureFlagsDto } from "@webiny/feature-flags";
+declare class FeatureFlagsGraphQLGateway implements Abstraction.Interface {
+    private client;
+    constructor(client: MainGraphQLClient.Interface);
+    fetchFlags(): Promise<IFeatureFlagsDto | null>;
+}
+export declare const FeatureFlagsGateway: import("@webiny/di").Implementation<typeof FeatureFlagsGraphQLGateway>;
+export {};

package/features/featureFlags/FeatureFlagsGateway.js

@@ -0,0 +1,40 @@
+import { createImplementation } from "@webiny/di";
+import { FeatureFlagsGateway } from "./abstractions.js";
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/index.js";
+const GET_FEATURE_FLAGS = `
+    query GetFeatureFlags {
+        featureFlags {
+            data
+            error {
+                message
+                code
+                data
+            }
+        }
+    }
+`;
+class FeatureFlagsGraphQLGateway {
+    constructor(client){
+        this.client = client;
+    }
+    async fetchFlags() {
+        const response = await this.client.execute({
+            query: GET_FEATURE_FLAGS,
+            headers: {
+                "x-tenant": "root"
+            }
+        });
+        if (response.featureFlags.error) throw new Error(response.featureFlags.error.message);
+        return response.featureFlags.data;
+    }
+}
+const FeatureFlagsGateway_FeatureFlagsGateway = createImplementation({
+    abstraction: FeatureFlagsGateway,
+    implementation: FeatureFlagsGraphQLGateway,
+    dependencies: [
+        MainGraphQLClient
+    ]
+});
+export { FeatureFlagsGateway_FeatureFlagsGateway as FeatureFlagsGateway };
+
+//# sourceMappingURL=FeatureFlagsGateway.js.map

package/features/featureFlags/FeatureFlagsGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/featureFlags/FeatureFlagsGateway.js","sources":["../../../src/features/featureFlags/FeatureFlagsGateway.ts"],"sourcesContent":["import { createImplementation } from \"@webiny/di\";\nimport { FeatureFlagsGateway as Abstraction } from \"./abstractions.js\";\nimport { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport type { IFeatureFlagsDto } from \"@webiny/feature-flags\";\n\ninterface GetFeatureFlagsResponse {\n    featureFlags: {\n        data: IFeatureFlagsDto | null;\n        error: { message: string; code: string; data: unknown } | null;\n    };\n}\n\nconst GET_FEATURE_FLAGS = /* GraphQL */ `\n    query GetFeatureFlags {\n        featureFlags {\n            data\n            error {\n                message\n                code\n                data\n            }\n        }\n    }\n`;\n\nclass FeatureFlagsGraphQLGateway implements Abstraction.Interface {\n    constructor(private client: MainGraphQLClient.Interface) {}\n\n    async fetchFlags(): Promise<IFeatureFlagsDto | null> {\n        const response = await this.client.execute<GetFeatureFlagsResponse>({\n            query: GET_FEATURE_FLAGS,\n            headers: {\n                \"x-tenant\": \"root\"\n            }\n        });\n\n        if (response.featureFlags.error) {\n            throw new Error(response.featureFlags.error.message);\n        }\n\n        return response.featureFlags.data;\n    }\n}\n\nexport const FeatureFlagsGateway = createImplementation({\n    abstraction: Abstraction,\n    implementation: FeatureFlagsGraphQLGateway,\n    dependencies: [MainGraphQLClient]\n});\n"],"names":["GET_FEATURE_FLAGS","FeatureFlagsGraphQLGateway","client","response","Error","FeatureFlagsGateway","createImplementation","Abstraction","MainGraphQLClient"],"mappings":";;;AAYA,MAAMA,oBAAkC,CAAC;;;;;;;;;;;AAWzC,CAAC;AAED,MAAMC;IACF,YAAoBC,MAAmC,CAAE;aAArCA,MAAM,GAANA;IAAsC;IAE1D,MAAM,aAA+C;QACjD,MAAMC,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAA0B;YAChE,OAAOH;YACP,SAAS;gBACL,YAAY;YAChB;QACJ;QAEA,IAAIG,SAAS,YAAY,CAAC,KAAK,EAC3B,MAAM,IAAIC,MAAMD,SAAS,YAAY,CAAC,KAAK,CAAC,OAAO;QAGvD,OAAOA,SAAS,YAAY,CAAC,IAAI;IACrC;AACJ;AAEO,MAAME,0CAAsBC,qBAAqB;IACpD,aAAaC;IACb,gBAAgBN;IAChB,cAAc;QAACO;KAAkB;AACrC"}

package/features/featureFlags/FeatureFlagsService.d.ts

@@ -0,0 +1,16 @@
+import { LocalStorage } from "@webiny/app/features/localStorage";
+import { FeatureFlags } from "@webiny/feature-flags";
+import { FeatureFlagsService as Abstraction, FeatureFlagsGateway } from "./abstractions.js";
+declare class FeatureFlagsServiceImpl implements Abstraction.Interface {
+    private gateway;
+    private localStorage;
+    private flags;
+    private loaded;
+    constructor(gateway: FeatureFlagsGateway.Interface, localStorage: LocalStorage.Interface);
+    private initializeFromLocalStorage;
+    getFlags(): FeatureFlags;
+    isLoaded(): boolean;
+    loadFlags(): Promise<void>;
+}
+export declare const FeatureFlagsService: import("@webiny/di").Implementation<typeof FeatureFlagsServiceImpl>;
+export {};

package/features/featureFlags/FeatureFlagsService.js

@@ -0,0 +1,64 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { createImplementation } from "@webiny/di";
+import { LocalStorage } from "@webiny/app/features/localStorage";
+import { FeatureFlags } from "@webiny/feature-flags";
+import { FeatureFlagsGateway, FeatureFlagsService } from "./abstractions.js";
+const LOCAL_STORAGE_KEY = "featureFlags";
+class FeatureFlagsServiceImpl {
+    constructor(gateway, localStorage){
+        this.gateway = gateway;
+        this.localStorage = localStorage;
+        this.flags = new FeatureFlags({});
+        this.loaded = false;
+        makeAutoObservable(this, {}, {
+            autoBind: true
+        });
+        this.initializeFromLocalStorage();
+    }
+    initializeFromLocalStorage() {
+        try {
+            const cached = this.localStorage.get(LOCAL_STORAGE_KEY);
+            if (cached) {
+                this.flags = FeatureFlags.fromDto(cached);
+                this.loaded = true;
+            }
+        } catch (error) {
+            console.warn("Failed to load feature flags from localStorage:", error);
+        }
+        this.loadFlags();
+    }
+    getFlags() {
+        return this.flags;
+    }
+    isLoaded() {
+        return this.loaded;
+    }
+    async loadFlags() {
+        try {
+            const data = await this.gateway.fetchFlags();
+            const dto = data ?? {};
+            const flags = FeatureFlags.fromDto(dto);
+            runInAction(()=>{
+                this.flags = flags;
+                this.loaded = true;
+            });
+            this.localStorage.set(LOCAL_STORAGE_KEY, dto);
+        } catch (error) {
+            console.error("Failed to load feature flags:", error);
+            runInAction(()=>{
+                this.loaded = true;
+            });
+        }
+    }
+}
+const FeatureFlagsService_FeatureFlagsService = createImplementation({
+    abstraction: FeatureFlagsService,
+    implementation: FeatureFlagsServiceImpl,
+    dependencies: [
+        FeatureFlagsGateway,
+        LocalStorage
+    ]
+});
+export { FeatureFlagsService_FeatureFlagsService as FeatureFlagsService };
+
+//# sourceMappingURL=FeatureFlagsService.js.map

package/features/featureFlags/FeatureFlagsService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/featureFlags/FeatureFlagsService.js","sources":["../../../src/features/featureFlags/FeatureFlagsService.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { createImplementation } from \"@webiny/di\";\nimport { LocalStorage } from \"@webiny/app/features/localStorage\";\nimport { FeatureFlags } from \"@webiny/feature-flags\";\nimport type { IFeatureFlagsDto } from \"@webiny/feature-flags\";\nimport { FeatureFlagsService as Abstraction, FeatureFlagsGateway } from \"./abstractions.js\";\n\nconst LOCAL_STORAGE_KEY = \"featureFlags\";\n\nclass FeatureFlagsServiceImpl implements Abstraction.Interface {\n    private flags: FeatureFlags = new FeatureFlags({});\n    private loaded = false;\n\n    constructor(\n        private gateway: FeatureFlagsGateway.Interface,\n        private localStorage: LocalStorage.Interface\n    ) {\n        makeAutoObservable(this, {}, { autoBind: true });\n        this.initializeFromLocalStorage();\n    }\n\n    private initializeFromLocalStorage(): void {\n        try {\n            const cached = this.localStorage.get<IFeatureFlagsDto>(LOCAL_STORAGE_KEY);\n            if (cached) {\n                this.flags = FeatureFlags.fromDto(cached);\n                this.loaded = true;\n            }\n        } catch (error) {\n            console.warn(\"Failed to load feature flags from localStorage:\", error);\n        }\n\n        this.loadFlags();\n    }\n\n    getFlags(): FeatureFlags {\n        return this.flags;\n    }\n\n    isLoaded(): boolean {\n        return this.loaded;\n    }\n\n    async loadFlags(): Promise<void> {\n        try {\n            const data = await this.gateway.fetchFlags();\n            const dto = data ?? {};\n            const flags = FeatureFlags.fromDto(dto);\n\n            runInAction(() => {\n                this.flags = flags;\n                this.loaded = true;\n            });\n\n            this.localStorage.set(LOCAL_STORAGE_KEY, dto);\n        } catch (error) {\n            console.error(\"Failed to load feature flags:\", error);\n            runInAction(() => {\n                this.loaded = true;\n            });\n        }\n    }\n}\n\nexport const FeatureFlagsService = createImplementation({\n    abstraction: Abstraction,\n    implementation: FeatureFlagsServiceImpl,\n    dependencies: [FeatureFlagsGateway, LocalStorage]\n});\n"],"names":["LOCAL_STORAGE_KEY","FeatureFlagsServiceImpl","gateway","localStorage","FeatureFlags","makeAutoObservable","cached","error","console","data","dto","flags","runInAction","FeatureFlagsService","createImplementation","Abstraction","FeatureFlagsGateway","LocalStorage"],"mappings":";;;;;AAOA,MAAMA,oBAAoB;AAE1B,MAAMC;IAIF,YACYC,OAAsC,EACtCC,YAAoC,CAC9C;aAFUD,OAAO,GAAPA;aACAC,YAAY,GAAZA;aALJ,KAAK,GAAiB,IAAIC,aAAa,CAAC;aACxC,MAAM,GAAG;QAMbC,mBAAmB,IAAI,EAAE,CAAC,GAAG;YAAE,UAAU;QAAK;QAC9C,IAAI,CAAC,0BAA0B;IACnC;IAEQ,6BAAmC;QACvC,IAAI;YACA,MAAMC,SAAS,IAAI,CAAC,YAAY,CAAC,GAAG,CAAmBN;YACvD,IAAIM,QAAQ;gBACR,IAAI,CAAC,KAAK,GAAGF,aAAa,OAAO,CAACE;gBAClC,IAAI,CAAC,MAAM,GAAG;YAClB;QACJ,EAAE,OAAOC,OAAO;YACZC,QAAQ,IAAI,CAAC,mDAAmDD;QACpE;QAEA,IAAI,CAAC,SAAS;IAClB;IAEA,WAAyB;QACrB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,WAAoB;QAChB,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,MAAM,YAA2B;QAC7B,IAAI;YACA,MAAME,OAAO,MAAM,IAAI,CAAC,OAAO,CAAC,UAAU;YAC1C,MAAMC,MAAMD,QAAQ,CAAC;YACrB,MAAME,QAAQP,aAAa,OAAO,CAACM;YAEnCE,YAAY;gBACR,IAAI,CAAC,KAAK,GAAGD;gBACb,IAAI,CAAC,MAAM,GAAG;YAClB;YAEA,IAAI,CAAC,YAAY,CAAC,GAAG,CAACX,mBAAmBU;QAC7C,EAAE,OAAOH,OAAO;YACZC,QAAQ,KAAK,CAAC,iCAAiCD;YAC/CK,YAAY;gBACR,IAAI,CAAC,MAAM,GAAG;YAClB;QACJ;IACJ;AACJ;AAEO,MAAMC,0CAAsBC,qBAAqB;IACpD,aAAaC;IACb,gBAAgBd;IAChB,cAAc;QAACe;QAAqBC;KAAa;AACrD"}

package/features/featureFlags/abstractions.d.ts

@@ -0,0 +1,19 @@
+import { Abstraction } from "@webiny/di";
+import type { IFeatureFlagsDto } from "@webiny/feature-flags";
+import { FeatureFlags } from "@webiny/feature-flags";
+export interface IFeatureFlagsGateway {
+    fetchFlags(): Promise<IFeatureFlagsDto | null>;
+}
+export declare const FeatureFlagsGateway: Abstraction<IFeatureFlagsGateway>;
+export declare namespace FeatureFlagsGateway {
+    type Interface = IFeatureFlagsGateway;
+}
+export interface IFeatureFlagsService {
+    getFlags(): FeatureFlags;
+    isLoaded(): boolean;
+    loadFlags(): Promise<void>;
+}
+export declare const FeatureFlagsService: Abstraction<IFeatureFlagsService>;
+export declare namespace FeatureFlagsService {
+    type Interface = IFeatureFlagsService;
+}

package/features/featureFlags/abstractions.js

@@ -0,0 +1,6 @@
+import { Abstraction } from "@webiny/di";
+const FeatureFlagsGateway = new Abstraction("FeatureFlagsGateway");
+const FeatureFlagsService = new Abstraction("FeatureFlagsService");
+export { FeatureFlagsGateway, FeatureFlagsService };
+
+//# sourceMappingURL=abstractions.js.map

package/features/featureFlags/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/featureFlags/abstractions.js","sources":["../../../src/features/featureFlags/abstractions.ts"],"sourcesContent":["import { Abstraction } from \"@webiny/di\";\nimport type { IFeatureFlagsDto } from \"@webiny/feature-flags\";\nimport { FeatureFlags } from \"@webiny/feature-flags\";\n\nexport interface IFeatureFlagsGateway {\n    fetchFlags(): Promise<IFeatureFlagsDto | null>;\n}\n\nexport const FeatureFlagsGateway = new Abstraction<IFeatureFlagsGateway>(\"FeatureFlagsGateway\");\n\nexport namespace FeatureFlagsGateway {\n    export type Interface = IFeatureFlagsGateway;\n}\n\nexport interface IFeatureFlagsService {\n    getFlags(): FeatureFlags;\n    isLoaded(): boolean;\n    loadFlags(): Promise<void>;\n}\n\nexport const FeatureFlagsService = new Abstraction<IFeatureFlagsService>(\"FeatureFlagsService\");\n\nexport namespace FeatureFlagsService {\n    export type Interface = IFeatureFlagsService;\n}\n"],"names":["FeatureFlagsGateway","Abstraction","FeatureFlagsService"],"mappings":";AAQO,MAAMA,sBAAsB,IAAIC,YAAkC;AAYlE,MAAMC,sBAAsB,IAAID,YAAkC"}

package/features/featureFlags/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const FeatureFlagsFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    service: import("./abstractions.js").IFeatureFlagsService;
+}, []>;

package/features/featureFlags/feature.js

@@ -0,0 +1,19 @@
+import { createFeature } from "@webiny/feature/admin";
+import { FeatureFlagsService } from "./abstractions.js";
+import { FeatureFlagsService as external_FeatureFlagsService_js_FeatureFlagsService } from "./FeatureFlagsService.js";
+import { FeatureFlagsGateway } from "./FeatureFlagsGateway.js";
+const FeatureFlagsFeature = createFeature({
+    name: "FeatureFlags",
+    register (container) {
+        container.register(FeatureFlagsGateway).inSingletonScope();
+        container.register(external_FeatureFlagsService_js_FeatureFlagsService).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            service: container.resolve(FeatureFlagsService)
+        };
+    }
+});
+export { FeatureFlagsFeature };
+
+//# sourceMappingURL=feature.js.map

package/features/featureFlags/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"features/featureFlags/feature.js","sources":["../../../src/features/featureFlags/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { FeatureFlagsService as ServiceAbstraction } from \"./abstractions.js\";\nimport { FeatureFlagsService } from \"./FeatureFlagsService.js\";\nimport { FeatureFlagsGateway } from \"./FeatureFlagsGateway.js\";\n\nexport const FeatureFlagsFeature = createFeature({\n    name: \"FeatureFlags\",\n    register(container: Container) {\n        container.register(FeatureFlagsGateway).inSingletonScope();\n        container.register(FeatureFlagsService).inSingletonScope();\n    },\n    resolve(container: Container) {\n        return {\n            service: container.resolve(ServiceAbstraction)\n        };\n    }\n});\n"],"names":["FeatureFlagsFeature","createFeature","container","FeatureFlagsGateway","FeatureFlagsService","ServiceAbstraction"],"mappings":";;;;AAMO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAoB;QACzBA,UAAU,QAAQ,CAACC,qBAAqB,gBAAgB;QACxDD,UAAU,QAAQ,CAACE,qDAAqB,gBAAgB;IAC5D;IACA,SAAQF,SAAoB;QACxB,OAAO;YACH,SAASA,UAAU,OAAO,CAACG;QAC/B;IACJ;AACJ"}

package/features/formModel/Field.d.ts

@@ -1,7 +1,4 @@
-import type { IFieldConfig, IFieldVM, IFieldValidation, IFormModel, IField, IRule, FieldTypeMap, BeforeChangeCallback, AfterChangeCallback, AfterSetValueCallback, OnBlurCallback, ComputedFieldCallback } from "./abstractions.js";
-/**
- * Runtime observable field. Holds value, validation state, and exposes a VM for renderers.
- */
+import type { IFieldConfig, IFieldVM, IFieldValidation, IFormModel, IField, IRule, FieldTypeMap, BeforeChangeCallback, AfterChangeCallback, AfterSetValueCallback, OnBlurCallback, ComputedFieldCallback, IFieldCallbackParams } from "./abstractions.js";
 export declare class Field implements IField {
     private _value;
     private _validation;
@@ -13,6 +10,7 @@ export declare class Field implements IField {
     private _onBlurCallbacks;
     private _requiredWhenCallbacks;
     private _hiddenWhenCallbacks;
+    private _disabledWhenCallbacks;
     private _computed;
     private _computedUntilDirty;
     /** Set once a computedUntilDirty field receives its first user edit. */
@@ -53,7 +51,7 @@ export declare class Field implements IField {
     addAfterChange(cb: AfterChangeCallback): void;
     addAfterSetValue(cb: AfterSetValueCallback): void;
     addOnBlur(cb: OnBlurCallback): void;
-    addRequiredWhen(fn: (form: IFormModel) => boolean, message?: string): void;
+    addRequiredWhen(fn: (params: IFieldCallbackParams) => boolean, message?: string): void;
     setComputed(fn: ComputedFieldCallback): void;
     setComputedUntilDirty(fn: ComputedFieldCallback): void;
     /**
@@ -68,6 +66,7 @@ export declare class Field implements IField {
     private _resolveRequired;
     blur(): void;
     setForm(form: IFormModel, parentPath?: string): void;
+    private _callbackParams;
     get qualifiedName(): string;
     focus(): void;
     requestFocus(): void;
@@ -80,6 +79,7 @@ export declare class Field implements IField {
     private _addItem;
     private _removeItem;
     private _resolveOptions;
+    private _resolveContext;
     /**
      * Validate this field. Returns true if valid.
      * Validation order: required check → zod schema.

package/features/formModel/Field.js

@@ -1,4 +1,31 @@
 import { computed, makeAutoObservable, runInAction } from "mobx";
+class FieldScope {
+    constructor(_form, _path){
+        this._form = _form;
+        this._path = _path;
+    }
+    field(name) {
+        const path = this._path ? `${this._path}.${name}` : name;
+        return this._form.field(path);
+    }
+    parent() {
+        if (!this._path) throw new Error("Cannot navigate above root level.");
+        const segments = this._path.split(".");
+        segments.pop();
+        return new FieldScope(this._form, segments.join("."));
+    }
+}
+class FieldNavigator {
+    constructor(_form, _qualifiedName){
+        this._form = _form;
+        this._qualifiedName = _qualifiedName;
+    }
+    parent() {
+        const segments = this._qualifiedName.split(".");
+        segments.pop();
+        return new FieldScope(this._form, segments.join("."));
+    }
+}
 class Field {
     constructor(config){
         this._validation = {
@@ -10,6 +37,7 @@ class Field {
         this._onBlurCallbacks = [];
         this._requiredWhenCallbacks = [];
         this._hiddenWhenCallbacks = [];
+        this._disabledWhenCallbacks = [];
         this._computed = null;
         this._computedUntilDirty = null;
         this._computedOverridden = false;
@@ -46,6 +74,9 @@ class Field {
         if (config.hiddenWhenCallbacks) this._hiddenWhenCallbacks = [
             ...config.hiddenWhenCallbacks
         ];
+        if (config.disabledWhenCallbacks) this._disabledWhenCallbacks = [
+            ...config.disabledWhenCallbacks
+        ];
         if (config.computed) this._computed = config.computed;
         else if (config.computedUntilDirty) this._computedUntilDirty = config.computedUntilDirty;
         makeAutoObservable(this, {
@@ -60,27 +91,31 @@ class Field {
         return this.config.type;
     }
     getValue() {
-        if (this._computed && this._form) return this._computed(this._form);
-        if (this._computedUntilDirty && !this._computedOverridden && this._form) return this._computedUntilDirty(this._form);
+        if (this._computed && this._form) return this._computed(this._callbackParams());
+        if (this._computedUntilDirty && !this._computedOverridden && this._form) return this._computedUntilDirty(this._callbackParams());
         return this._value;
     }
     setValue(raw) {
         let transformed = this.config.normalizeValue ? this._applyNormalizeValue(raw, this.config.normalizeValue) : raw;
-        for (const cb of this._beforeChangeCallbacks)transformed = cb(transformed, this._form);
+        for (const cb of this._beforeChangeCallbacks)transformed = cb(transformed, this._callbackParams());
         if (transformed === this._value) return;
         const wasComputed = this._computedUntilDirty && !this._computedOverridden && this._form;
-        const computedValue = wasComputed ? this._computedUntilDirty(this._form) : void 0;
+        const computedValue = wasComputed ? this._computedUntilDirty(this._callbackParams()) : void 0;
         this._value = transformed;
         if (this._computedUntilDirty && this._isUIChange) {
             if (!wasComputed || transformed !== computedValue) this._computedOverridden = true;
         }
-        for (const cb of this._afterChangeCallbacks)cb(transformed, this._form);
-        if (!this._isUIChange) for (const cb of this._afterSetValueCallbacks)cb(transformed, this._form);
+        for (const cb of this._afterChangeCallbacks)cb(transformed, this._callbackParams());
+        if (!this._isUIChange) for (const cb of this._afterSetValueCallbacks)cb(transformed, this._callbackParams());
     }
     setValueSilent(value) {
         const parsed = this.config.normalizeValue ? this._applyNormalizeValue(value, this.config.normalizeValue) : value;
         this._value = parsed;
-        if (this._computedUntilDirty) this._computedOverridden = null != parsed;
+        if (this._computedUntilDirty) if (null == parsed) this._computedOverridden = false;
+        else if (this._form) {
+            const computedValue = this._computedUntilDirty(this._callbackParams());
+            this._computedOverridden = parsed !== computedValue;
+        } else this._computedOverridden = true;
     }
     setDisabled(value) {
         this._disabled = value;
@@ -114,12 +149,17 @@ class Field {
     get visible() {
         if (this._hidden) return false;
         if (this._form && this._hiddenWhenCallbacks.length > 0) {
-            for (const cb of this._hiddenWhenCallbacks)if (cb(this._form)) return false;
+            const scoped = this._callbackParams();
+            for (const cb of this._hiddenWhenCallbacks)if (cb(scoped)) return false;
         }
         return this._evaluateRules().visible;
     }
     get disabled() {
         if (this._disabled) return true;
+        if (this._form && this._disabledWhenCallbacks.length > 0) {
+            const scoped = this._callbackParams();
+            for (const cb of this._disabledWhenCallbacks)if (cb(scoped)) return true;
+        }
         return this._evaluateRules().disabled;
     }
     setVisible(value) {
@@ -177,7 +217,8 @@ class Field {
             message: this.config.requiredMessage
         };
         if (this._form && this._requiredWhenCallbacks.length > 0) {
-            for (const cb of this._requiredWhenCallbacks)if (cb.fn(this._form)) return {
+            const scoped = this._callbackParams();
+            for (const cb of this._requiredWhenCallbacks)if (cb.fn(scoped)) return {
                 required: true,
                 message: cb.message
             };
@@ -187,13 +228,20 @@ class Field {
         };
     }
     blur() {
-        for (const cb of this._onBlurCallbacks)cb(this._value, this._form);
+        for (const cb of this._onBlurCallbacks)cb(this._value, this._callbackParams());
     }
     setForm(form, parentPath) {
         this._form = form;
         this._parentPath = parentPath || "";
         this._qualifiedName = parentPath ? `${parentPath}.${this.config.name}` : this.config.name;
     }
+    _callbackParams() {
+        if (!this._form) throw new Error("Field not attached to a form.");
+        return {
+            field: new FieldNavigator(this._form, this._qualifiedName),
+            form: this._form
+        };
+    }
     get qualifiedName() {
         return this._qualifiedName;
     }
@@ -226,8 +274,11 @@ class Field {
             description: this.config.description,
             note: this.config.note,
             placeholder: this.config.placeholder,
+            autoFocus: this.config.autoFocus,
             value: this.getValue(),
-            validation: this._validation,
+            validation: this.visible ? this._validation : {
+                isValid: null
+            },
             validating: this._validating,
             required,
             visible: this.visible,
@@ -244,7 +295,8 @@ class Field {
             addItem: (value)=>this._addItem(value),
             removeItem: (index)=>this._removeItem(index),
             focusRequested: this._focusRequested,
-            clearFocusRequest: ()=>this.clearFocusRequest()
+            clearFocusRequest: ()=>this.clearFocusRequest(),
+            context: this._resolveContext()
         };
     }
     _setValueFromUI(value) {
@@ -272,9 +324,13 @@ class Field {
     }
     _resolveOptions() {
         if (!this.config.options) return;
-        if ("function" == typeof this.config.options) return this.config.options(this._form);
+        if ("function" == typeof this.config.options) return this.config.options(this._callbackParams());
         return this.config.options;
     }
+    _resolveContext() {
+        if (!this.config.context || !this._form) return {};
+        return this.config.context(this._callbackParams());
+    }
     async validate(options) {
         if (!this.visible) {
             runInAction(()=>{