@webiny/app-admin 0.0.0-unstable.bca7b3e350 → 0.0.0-unstable.c27f4d8a31

package/features/wcp/WcpService.d.ts

@@ -0,0 +1,20 @@
+import { LocalStorage } from "@webiny/app/features/localStorage";
+import { EnvConfig } from "@webiny/app/features/envConfig";
+import type { ILicense } from "@webiny/wcp/types.js";
+import { WcpService as Abstraction, WcpGateway } from "./abstractions.js";
+import type { WcpFeatureName } from "../../features/wcp/types.js";
+declare class WcpServiceImpl implements Abstraction.Interface {
+    private gateway;
+    private localStorage;
+    private envConfig;
+    private project;
+    private loaded;
+    constructor(gateway: WcpGateway.Interface, localStorage: LocalStorage.Interface, envConfig: EnvConfig.Interface);
+    private initializeFromLocalStorage;
+    getProject(): ILicense;
+    isLoaded(): boolean;
+    canUseFeature(featureName: WcpFeatureName): boolean;
+    loadProject(): Promise<void>;
+}
+export declare const WcpService: import("@webiny/di").Implementation<typeof WcpServiceImpl>;
+export {};

package/features/wcp/WcpService.js

@@ -0,0 +1,84 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { createImplementation } from "@webiny/di";
+import { LocalStorage } from "@webiny/app/features/localStorage";
+import { EnvConfig } from "@webiny/app/features/envConfig";
+import { License, NullLicense } from "@webiny/wcp";
+import { WcpService as Abstraction, WcpGateway } from "./abstractions.js";
+import { ReactLicense } from "./ReactLicense.js";
+const LOCAL_STORAGE_KEY = "wcp/project";
+class WcpServiceImpl {
+  project = new ReactLicense(new NullLicense());
+  loaded = false;
+  constructor(gateway, localStorage, envConfig) {
+    this.gateway = gateway;
+    this.localStorage = localStorage;
+    this.envConfig = envConfig;
+    makeAutoObservable(this, {}, {
+      autoBind: true
+    });
+    this.initializeFromLocalStorage();
+  }
+  initializeFromLocalStorage() {
+    // If WCP is not configured, use NullLicense
+    if (!this.envConfig.get("wcpProjectId")) {
+      this.loaded = true;
+      return;
+    }
+
+    // Try to load from localStorage
+    try {
+      const cachedData = this.localStorage.get(LOCAL_STORAGE_KEY);
+      if (cachedData) {
+        // If cache exists, we use that until the project is revalidated in the background.
+        this.project = new ReactLicense(License.fromLicenseDto(cachedData));
+        this.loaded = true;
+      }
+    } catch (error) {
+      console.warn("Failed to load WCP project from localStorage:", error);
+    }
+
+    /* Load/Revalidate WCP project in the background. */
+    this.loadProject();
+  }
+  getProject() {
+    return this.project;
+  }
+  isLoaded() {
+    return this.loaded;
+  }
+  canUseFeature(featureName) {
+    if (!this.project) {
+      return false;
+    }
+    return this.project.canUseFeature(featureName);
+  }
+  async loadProject() {
+    // If WCP is not configured, nothing to load
+    if (!this.envConfig.get("wcpProjectId")) {
+      return;
+    }
+    try {
+      const data = await this.gateway.fetchProject();
+      if (!data) {
+        throw new Error("No WCP project data received.");
+      }
+      const license = new ReactLicense(License.fromLicenseDto(data));
+      runInAction(() => {
+        this.project = license;
+        this.loaded = true;
+      });
+
+      // Cache in localStorage
+      this.localStorage.set(LOCAL_STORAGE_KEY, data);
+    } catch (error) {
+      console.error("Failed to load WCP project:", error);
+    }
+  }
+}
+export const WcpService = createImplementation({
+  abstraction: Abstraction,
+  implementation: WcpServiceImpl,
+  dependencies: [WcpGateway, LocalStorage, EnvConfig]
+});
+
+//# sourceMappingURL=WcpService.js.map

package/features/wcp/WcpService.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","runInAction","createImplementation","LocalStorage","EnvConfig","License","NullLicense","WcpService","Abstraction","WcpGateway","ReactLicense","LOCAL_STORAGE_KEY","WcpServiceImpl","project","loaded","constructor","gateway","localStorage","envConfig","autoBind","initializeFromLocalStorage","get","cachedData","fromLicenseDto","error","console","warn","loadProject","getProject","isLoaded","canUseFeature","featureName","data","fetchProject","Error","license","set","abstraction","implementation","dependencies"],"sources":["WcpService.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { createImplementation } from \"@webiny/di\";\nimport { LocalStorage } from \"@webiny/app/features/localStorage\";\nimport { EnvConfig } from \"@webiny/app/features/envConfig\";\nimport { License, NullLicense } from \"@webiny/wcp\";\nimport type { ILicense, DecryptedWcpProjectLicense } from \"@webiny/wcp/types.js\";\nimport { WcpService as Abstraction, WcpGateway } from \"./abstractions.js\";\nimport { ReactLicense } from \"./ReactLicense.js\";\nimport type { WcpFeatureName } from \"~/features/wcp/types.js\";\n\nconst LOCAL_STORAGE_KEY = \"wcp/project\";\n\nclass WcpServiceImpl implements Abstraction.Interface {\n    private project: ILicense = new ReactLicense(new NullLicense());\n    private loaded = false;\n\n    constructor(\n        private gateway: WcpGateway.Interface,\n        private localStorage: LocalStorage.Interface,\n        private envConfig: EnvConfig.Interface\n    ) {\n        makeAutoObservable(this, {}, { autoBind: true });\n        this.initializeFromLocalStorage();\n    }\n\n    private initializeFromLocalStorage(): void {\n        // If WCP is not configured, use NullLicense\n        if (!this.envConfig.get(\"wcpProjectId\")) {\n            this.loaded = true;\n            return;\n        }\n\n        // Try to load from localStorage\n        try {\n            const cachedData = this.localStorage.get<DecryptedWcpProjectLicense>(LOCAL_STORAGE_KEY);\n            if (cachedData) {\n                // If cache exists, we use that until the project is revalidated in the background.\n                this.project = new ReactLicense(License.fromLicenseDto(cachedData));\n                this.loaded = true;\n            }\n        } catch (error) {\n            console.warn(\"Failed to load WCP project from localStorage:\", error);\n        }\n\n        /* Load/Revalidate WCP project in the background. */\n        this.loadProject();\n    }\n\n    getProject(): ILicense {\n        return this.project;\n    }\n\n    isLoaded(): boolean {\n        return this.loaded;\n    }\n\n    canUseFeature(featureName: WcpFeatureName): boolean {\n        if (!this.project) {\n            return false;\n        }\n        return this.project.canUseFeature(featureName);\n    }\n\n    async loadProject(): Promise<void> {\n        // If WCP is not configured, nothing to load\n        if (!this.envConfig.get(\"wcpProjectId\")) {\n            return;\n        }\n\n        try {\n            const data = await this.gateway.fetchProject();\n\n            if (!data) {\n                throw new Error(\"No WCP project data received.\");\n            }\n\n            const license = new ReactLicense(License.fromLicenseDto(data));\n\n            runInAction(() => {\n                this.project = license;\n                this.loaded = true;\n            });\n\n            // Cache in localStorage\n            this.localStorage.set(LOCAL_STORAGE_KEY, data);\n        } catch (error) {\n            console.error(\"Failed to load WCP project:\", error);\n        }\n    }\n}\n\nexport const WcpService = createImplementation({\n    abstraction: Abstraction,\n    implementation: WcpServiceImpl,\n    dependencies: [WcpGateway, LocalStorage, EnvConfig]\n});\n"],"mappings":"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","ignoreList":[]}

package/features/wcp/abstractions.d.ts

@@ -0,0 +1,19 @@
+import { Abstraction } from "@webiny/di";
+import type { DecryptedWcpProjectLicense, ILicense } from "@webiny/wcp/types.js";
+export interface IWcpGateway {
+    fetchProject(): Promise<DecryptedWcpProjectLicense | null>;
+}
+export declare const WcpGateway: Abstraction<IWcpGateway>;
+export declare namespace WcpGateway {
+    type Interface = IWcpGateway;
+}
+export interface IWcpService {
+    getProject(): ILicense;
+    isLoaded(): boolean;
+    canUseFeature(featureName: string): boolean;
+    loadProject(): Promise<void>;
+}
+export declare const WcpService: Abstraction<IWcpService>;
+export declare namespace WcpService {
+    type Interface = IWcpService;
+}

package/features/wcp/abstractions.js

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

package/features/wcp/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Abstraction","WcpGateway","WcpService"],"sources":["abstractions.ts"],"sourcesContent":["import { Abstraction } from \"@webiny/di\";\nimport type { DecryptedWcpProjectLicense, ILicense } from \"@webiny/wcp/types.js\";\n\nexport interface IWcpGateway {\n    fetchProject(): Promise<DecryptedWcpProjectLicense | null>;\n}\n\nexport const WcpGateway = new Abstraction<IWcpGateway>(\"WcpGateway\");\n\nexport namespace WcpGateway {\n    export type Interface = IWcpGateway;\n}\n\nexport interface IWcpService {\n    getProject(): ILicense;\n    isLoaded(): boolean;\n    canUseFeature(featureName: string): boolean;\n    loadProject(): Promise<void>;\n}\n\nexport const WcpService = new Abstraction<IWcpService>(\"WcpService\");\n\nexport namespace WcpService {\n    export type Interface = IWcpService;\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,YAAY;AAOxC,OAAO,MAAMC,UAAU,GAAG,IAAID,WAAW,CAAc,YAAY,CAAC;AAapE,OAAO,MAAME,UAAU,GAAG,IAAIF,WAAW,CAAc,YAAY,CAAC","ignoreList":[]}

package/features/wcp/feature.d.ts

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

package/features/wcp/feature.js

@@ -0,0 +1,18 @@
+import { createFeature } from "@webiny/feature/admin";
+import { WcpService as WcpServiceAbstraction } from "./abstractions.js";
+import { WcpService } from "./WcpService.js";
+import { WcpGateway } from "./WcpGateway.js";
+export const WcpFeature = createFeature({
+  name: "Wcp",
+  register(container) {
+    container.register(WcpGateway).inSingletonScope();
+    container.register(WcpService).inSingletonScope();
+  },
+  resolve(container) {
+    return {
+      service: container.resolve(WcpServiceAbstraction)
+    };
+  }
+});
+
+//# sourceMappingURL=feature.js.map

package/features/wcp/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createFeature","WcpService","WcpServiceAbstraction","WcpGateway","WcpFeature","name","register","container","inSingletonScope","resolve","service"],"sources":["feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { Container } from \"@webiny/di\";\nimport { WcpService as WcpServiceAbstraction } from \"./abstractions.js\";\nimport { WcpService } from \"./WcpService.js\";\nimport { WcpGateway } from \"./WcpGateway.js\";\n\nexport const WcpFeature = createFeature({\n    name: \"Wcp\",\n    register(container: Container) {\n        container.register(WcpGateway).inSingletonScope();\n        container.register(WcpService).inSingletonScope();\n    },\n    resolve(container: Container) {\n        return {\n            service: container.resolve(WcpServiceAbstraction)\n        };\n    }\n});\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,uBAAuB;AAErD,SAASC,UAAU,IAAIC,qBAAqB;AAC5C,SAASD,UAAU;AACnB,SAASE,UAAU;AAEnB,OAAO,MAAMC,UAAU,GAAGJ,aAAa,CAAC;EACpCK,IAAI,EAAE,KAAK;EACXC,QAAQA,CAACC,SAAoB,EAAE;IAC3BA,SAAS,CAACD,QAAQ,CAACH,UAAU,CAAC,CAACK,gBAAgB,CAAC,CAAC;IACjDD,SAAS,CAACD,QAAQ,CAACL,UAAU,CAAC,CAACO,gBAAgB,CAAC,CAAC;EACrD,CAAC;EACDC,OAAOA,CAACF,SAAoB,EAAE;IAC1B,OAAO;MACHG,OAAO,EAAEH,SAAS,CAACE,OAAO,CAACP,qBAAqB;IACpD,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}

package/features/wcp/types.d.ts

@@ -0,0 +1,21 @@
+import type { WCP_FEATURE_LABEL } from "@webiny/wcp";
+import type { DecryptedWcpProjectLicense } from "@webiny/wcp/types.js";
+export type WcpProjectData = DecryptedWcpProjectLicense;
+export type WcpFeatureName = keyof typeof WCP_FEATURE_LABEL;
+export interface GetWcpProjectResponse {
+    wcp: {
+        getProject: {
+            data: WcpProjectData | null;
+            error: {
+                message: string;
+                code: string;
+                data: any;
+            } | null;
+        };
+    };
+}
+export interface AaclPermission {
+    name: "aacl";
+    legacy: boolean;
+    teams: boolean;
+}

package/features/wcp/types.js

@@ -0,0 +1,3 @@
+export {};
+
+//# sourceMappingURL=types.js.map

package/features/wcp/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { WCP_FEATURE_LABEL } from \"@webiny/wcp\";\nimport type { DecryptedWcpProjectLicense } from \"@webiny/wcp/types.js\";\n\n// features/Wcp/types.ts\nexport type WcpProjectData = DecryptedWcpProjectLicense;\n\nexport type WcpFeatureName = keyof typeof WCP_FEATURE_LABEL;\n\nexport interface GetWcpProjectResponse {\n    wcp: {\n        getProject: {\n            data: WcpProjectData | null;\n            error: {\n                message: string;\n                code: string;\n                data: any;\n            } | null;\n        };\n    };\n}\n\nexport interface AaclPermission {\n    name: \"aacl\";\n    legacy: boolean;\n    teams: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/hooks/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./useConfirmationDialog.js";
+export * from "./useDialog.js";
+export * from "../components/Dialogs/useDialogs.js";
+export * from "./useSnackbar.js";
+export * from "./useKeyHandler.js";
+export * from "./useShiftKey.js";
+export * from "./useStateWithCallback.js";
+export * from "./useModKey.js";
+export * from "./useIsMounted.js";
+export * from "./useStateIfMounted.js";
+export * from "./useToggler.js";

package/hooks/index.js

@@ -0,0 +1,13 @@
+export * from "./useConfirmationDialog.js";
+export * from "./useDialog.js";
+export * from "../components/Dialogs/useDialogs.js";
+export * from "./useSnackbar.js";
+export * from "./useKeyHandler.js";
+export * from "./useShiftKey.js";
+export * from "./useStateWithCallback.js";
+export * from "./useModKey.js";
+export * from "./useIsMounted.js";
+export * from "./useStateIfMounted.js";
+export * from "./useToggler.js";
+
+//# sourceMappingURL=index.js.map

package/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./useConfirmationDialog.js\";\nexport * from \"./useDialog.js\";\nexport * from \"../components/Dialogs/useDialogs.js\";\nexport * from \"./useSnackbar.js\";\nexport * from \"./useKeyHandler.js\";\nexport * from \"./useShiftKey.js\";\nexport * from \"./useStateWithCallback.js\";\nexport * from \"./useModKey.js\";\nexport * from \"./useIsMounted.js\";\nexport * from \"./useStateIfMounted.js\";\nexport * from \"./useToggler.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/hooks/useConfirmationDialog.d.ts

@@ -4,10 +4,12 @@ interface Params {
     message?: React.ReactNode;
     acceptLabel?: React.ReactNode;
     cancelLabel?: React.ReactNode;
+    loading?: React.ReactNode;
     [key: string]: any;
 }
-interface UseConfirmationDialogResponse {
-    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;
+export type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);
+export interface UseConfirmationDialogResponse {
+    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;
 }
-declare const useConfirmationDialog: ({ title, message, acceptLabel, cancelLabel, ...options }?: Params) => UseConfirmationDialogResponse;
+declare const useConfirmationDialog: ({ title, message, acceptLabel, cancelLabel, loading, ...options }?: Params) => UseConfirmationDialogResponse;
 export { useConfirmationDialog };

package/hooks/useConfirmationDialog.js

@@ -1,36 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useConfirmationDialog = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _useUi = require("@webiny/app/hooks/useUi");
-var _i18n = require("@webiny/app/i18n");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["title", "message", "acceptLabel", "cancelLabel"];
-var t = _i18n.i18n.ns("app-admin/hooks/use-confirmation-dialog");
-var useConfirmationDialog = function useConfirmationDialog() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var title = _ref.title,
-    message = _ref.message,
-    _ref$acceptLabel = _ref.acceptLabel,
-    acceptLabel = _ref$acceptLabel === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Confirm"]))) : _ref$acceptLabel,
-    _ref$cancelLabel = _ref.cancelLabel,
-    cancelLabel = _ref$cancelLabel === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref$cancelLabel,
-    options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var ui = (0, _useUi.useUi)();
+import React from "react";
+import { useUi } from "@webiny/app/hooks/useUi.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { CircularProgress } from "@webiny/ui/Progress/index.js";
+const t = i18n.ns("app-admin/hooks/use-confirmation-dialog");
+const useConfirmationDialog = ({
+  title = t`Confirmation`,
+  message,
+  acceptLabel = t`Confirm`,
+  cancelLabel = t`Cancel`,
+  loading = /*#__PURE__*/React.createElement(CircularProgress, null),
+  ...options
+} = {}) => {
+  const ui = useUi();
   return {
-    showConfirmation: function showConfirmation(onAccept, onCancel) {
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+    showConfirmation: (onAccept, onCancel) => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: {
-            message: message || t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
-            options: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {}, {
-              title: title || t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Confirmation"]))),
+            message: message || t`Are you sure you want to continue?`,
+            options: {
+              ...options,
+              title,
+              loading,
               actions: {
                 accept: {
                   label: acceptLabel,
@@ -41,11 +33,13 @@ var useConfirmationDialog = function useConfirmationDialog() {
                   onClick: onCancel
                 }
               }
-            })
+            }
           }
-        });
+        };
       });
     }
   };
 };
-exports.useConfirmationDialog = useConfirmationDialog;
+export { useConfirmationDialog };
+
+//# sourceMappingURL=useConfirmationDialog.js.map

package/hooks/useConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","options","ui","useUi","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    [key: string]: any;\n}\n\ninterface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: () => void, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title: title || t`Confirmation`,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;AACA;AACA;AAAwC;AAAA;AACxC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAc5D,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAMuB;EAAA,+EAAtC,CAAC,CAAC;EAAA,IALVC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAGN,CAAC;IAAA,wBACfO,WAAW;IAAXA,WAAW,iCAAGP,CAAC;IACZQ,OAAO;EAEV,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,OAAO;IACHC,gBAAgB,EAAE,0BAACC,QAAQ,EAAEC,QAAQ,EAAK;MACtCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEACOA,EAAE;UACLM,MAAM,EAAE;YACJV,OAAO,EAAEA,OAAO,IAAIL,CAAC,uHAAoC;YACzDQ,OAAO,8DACAA,OAAO;cACVJ,KAAK,EAAEA,KAAK,IAAIJ,CAAC,iGAAc;cAC/BgB,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEX,WAAW;kBAClBY,OAAO,EAAEN;gBACb;cACJ;YAAC;UAET;QAAC;MAET,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["React","useUi","i18n","CircularProgress","t","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","loading","createElement","options","ui","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: React.ReactNode;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = <CircularProgress />,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title,\n                            loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,gBAAgB,QAAQ,8BAA8B;AAE/D,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,MAAMC,qBAAqB,GAAGA,CAAC;EAC3BC,KAAK,GAAGH,CAAC,cAAc;EACvBI,OAAO;EACPC,WAAW,GAAGL,CAAC,SAAS;EACxBM,WAAW,GAAGN,CAAC,QAAQ;EACvBO,OAAO,gBAAGX,KAAA,CAAAY,aAAA,CAACT,gBAAgB,MAAE,CAAC;EAC9B,GAAGU;AACC,CAAC,GAAG,CAAC,CAAC,KAAoC;EAC9C,MAAMC,EAAE,GAAGb,KAAK,CAAC,CAAC;EAElB,OAAO;IACHc,gBAAgB,EAAEA,CAACC,QAAQ,EAAEC,QAAQ,KAAK;MACtCH,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UACH,GAAGA,EAAE;UACLK,MAAM,EAAE;YACJX,OAAO,EAAEA,OAAO,IAAIJ,CAAC,oCAAoC;YACzDS,OAAO,EAAE;cACL,GAAGA,OAAO;cACVN,KAAK;cACLI,OAAO;cACPS,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEb,WAAW;kBAClBc,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEN;gBACb;cACJ;YACJ;UACJ;QACJ,CAAC;MACL,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAED,SAASX,qBAAqB","ignoreList":[]}

package/hooks/useDialog.d.ts

@@ -1,5 +1,24 @@
-import React from "react";
-interface UseDialogResponseShowDialogOptions {
+import type React from "react";
+interface AcceptAction {
+    label: string;
+    onClick?: () => void;
+}
+interface CancelAction {
+    label: string;
+    onClick?: () => void;
+}
+export interface UseDialogResponseShowDialogOptions {
+    dataTestId?: string;
+    title: string;
+    loading?: boolean;
+    actions?: {
+        accept?: AcceptAction;
+        cancel?: CancelAction;
+    };
+    style?: {
+        [key: string]: any;
+    };
+    onClose?: () => void;
     [key: string]: any;
 }
 interface UseDialogResponse {

package/hooks/useDialog.js

@@ -1,32 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDialog = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _useUi = require("@webiny/app/hooks/useUi");
-var useDialog = function useDialog() {
-  var ui = (0, _useUi.useUi)();
+import { useUi } from "@webiny/app/hooks/useUi.js";
+const useDialog = () => {
+  const ui = useUi();
   return {
-    showDialog: function showDialog(message, options) {
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+    showDialog: (message, options) => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: {
-            message: message,
-            options: options
+            message,
+            options
           }
-        });
+        };
       });
     },
-    hideDialog: function hideDialog() {
-      ui.setState(function (ui) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
+    hideDialog: () => {
+      ui.setState(ui => {
+        return {
+          ...ui,
           dialog: null
-        });
+        };
       });
     }
   };
 };
-exports.useDialog = useDialog;
+export { useDialog };
+
+//# sourceMappingURL=useDialog.js.map

package/hooks/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDialog","ui","useUi","showDialog","message","options","setState","dialog","hideDialog"],"sources":["useDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\n// TODO @ts-refactor\ninterface UseDialogResponseShowDialogOptions {\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"],"mappings":";;;;;;;;AACA;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAA4B;EACvC,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,OAAO;IACHC,UAAU,EAAE,oBAACC,OAAO,EAAEC,OAAO,EAAK;MAC9BJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,MAAM,EAAE;YAAEH,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAChD,CAAC,CAAC;IACN,CAAC;IACDG,UAAU,EAAE,sBAAM;MACdP,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,MAAM,EAAE;QAAI;MAChC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}
+{"version":3,"names":["useUi","useDialog","ui","showDialog","message","options","setState","dialog","hideDialog"],"sources":["useDialog.ts"],"sourcesContent":["import type React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi.js\";\n\ninterface AcceptAction {\n    label: string;\n    onClick?: () => void;\n}\ninterface CancelAction {\n    label: string;\n    onClick?: () => void;\n}\n\nexport interface UseDialogResponseShowDialogOptions {\n    dataTestId?: string;\n    title: string;\n    loading?: boolean;\n    actions?: {\n        accept?: AcceptAction;\n        cancel?: CancelAction;\n    };\n    style?: {\n        [key: string]: any;\n    };\n    onClose?: () => void;\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"],"mappings":"AACA,SAASA,KAAK,QAAQ,4BAA4B;AA6BlD,MAAMC,SAAS,GAAGA,CAAA,KAAyB;EACvC,MAAMC,EAAE,GAAGF,KAAK,CAAC,CAAC;EAClB,OAAO;IACHG,UAAU,EAAEA,CAACC,OAAO,EAAEC,OAAO,KAAK;MAC9BH,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UAAE,GAAGA,EAAE;UAAEK,MAAM,EAAE;YAAEH,OAAO;YAAEC;UAAQ;QAAE,CAAC;MAClD,CAAC,CAAC;IACN,CAAC;IACDG,UAAU,EAAEA,CAAA,KAAM;MACdN,EAAE,CAACI,QAAQ,CAACJ,EAAE,IAAI;QACd,OAAO;UAAE,GAAGA,EAAE;UAAEK,MAAM,EAAE;QAAK,CAAC;MAClC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAED,SAASN,SAAS","ignoreList":[]}

package/hooks/useIsMounted.d.ts

@@ -0,0 +1,3 @@
+export declare const useIsMounted: () => {
+    isMounted: () => boolean;
+};

package/hooks/useIsMounted.js

@@ -0,0 +1,15 @@
+import { useRef, useEffect } from "react";
+export const useIsMounted = () => {
+  const isMountedRef = useRef(false);
+  useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  return {
+    isMounted: () => isMountedRef.current
+  };
+};
+
+//# sourceMappingURL=useIsMounted.js.map

package/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useEffect","useIsMounted","isMountedRef","current","isMounted"],"sources":["useIsMounted.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\nexport const useIsMounted = () => {\n    const isMountedRef = useRef(false);\n\n    useEffect(() => {\n        isMountedRef.current = true;\n\n        return () => {\n            isMountedRef.current = false;\n        };\n    }, []);\n\n    return {\n        isMounted: () => isMountedRef.current\n    };\n};\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAEzC,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAMC,YAAY,GAAGH,MAAM,CAAC,KAAK,CAAC;EAElCC,SAAS,CAAC,MAAM;IACZE,YAAY,CAACC,OAAO,GAAG,IAAI;IAE3B,OAAO,MAAM;MACTD,YAAY,CAACC,OAAO,GAAG,KAAK;IAChC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACHC,SAAS,EAAEA,CAAA,KAAMF,YAAY,CAACC;EAClC,CAAC;AACL,CAAC","ignoreList":[]}

package/hooks/useKeyHandler.d.ts

@@ -0,0 +1,8 @@
+import type { SyntheticEvent } from "react";
+type AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;
+type RemoveKeyHandlerType = (key: string) => void;
+export declare function useKeyHandler(): {
+    addKeyHandler: AddKeyHandlerType;
+    removeKeyHandler: RemoveKeyHandlerType;
+};
+export {};

package/hooks/useKeyHandler.js

@@ -0,0 +1,64 @@
+import React from "react";
+import { isHotkey } from "is-hotkey";
+import { generateId } from "@webiny/utils";
+const keyStack = {};
+let listener = false;
+const filter = ["TEXTAREA", "INPUT"];
+const isContentEditable = value => {
+  return ["true", true].includes(value);
+};
+const setupListener = () => {
+  if (listener || !document.body) {
+    return;
+  }
+  const eventListener = ev => {
+    if (!ev.target) {
+      return;
+    }
+    const target = ev.target;
+    // We ignore all keyboard events coming from within contentEditable element and inputs.
+    if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {
+      return;
+    }
+    const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));
+    if (matchedKey && keyStack[matchedKey].length > 0) {
+      const item = keyStack[matchedKey][0];
+      item.handler(ev);
+      ev.stopPropagation();
+    }
+  };
+  document.body.addEventListener("keydown", eventListener);
+  listener = true;
+};
+const addKeyHandler = (id, key, handler) => {
+  setupListener();
+  keyStack[key] = keyStack[key] || [];
+  if (!keyStack[key].find(item => item.id === id)) {
+    keyStack[key].unshift({
+      id,
+      handler
+    });
+  }
+};
+const removeKeyHandler = (id, key) => {
+  if (!keyStack[key]) {
+    return;
+  }
+  const index = keyStack[key].findIndex(item => item.id === id);
+  if (index >= 0) {
+    keyStack[key].splice(index, 1);
+  }
+};
+export function useKeyHandler() {
+  const [id] = React.useState(generateId());
+  return React.useMemo(() => ({
+    addKeyHandler(key, handler) {
+      addKeyHandler(id, key, handler);
+    },
+    removeKeyHandler(key) {
+      removeKeyHandler(id, key);
+    }
+  }), []);
+}
+
+//# sourceMappingURL=useKeyHandler.js.map

package/hooks/useKeyHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","isHotkey","generateId","keyStack","listener","filter","isContentEditable","value","includes","setupListener","document","body","eventListener","ev","target","nodeName","contentEditable","matchedKey","Object","keys","find","key","length","item","handler","stopPropagation","addEventListener","addKeyHandler","id","unshift","removeKeyHandler","index","findIndex","splice","useKeyHandler","useState","useMemo"],"sources":["useKeyHandler.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React from \"react\";\nimport { isHotkey } from \"is-hotkey\";\nimport { generateId } from \"@webiny/utils\";\n\ninterface KeyHandler {\n    id: string;\n    handler: any;\n}\nconst keyStack: Record<string, KeyHandler[]> = {};\n\nlet listener = false;\nconst filter = [\"TEXTAREA\", \"INPUT\"];\n\nconst isContentEditable = (value: any) => {\n    return [\"true\", true].includes(value);\n};\n\nconst setupListener = (): void => {\n    if (listener || !document.body) {\n        return;\n    }\n\n    const eventListener = (ev: KeyboardEvent) => {\n        if (!ev.target) {\n            return;\n        }\n        const target = ev.target as HTMLElement;\n        // We ignore all keyboard events coming from within contentEditable element and inputs.\n        if (filter.includes(target.nodeName) || isContentEditable(target.contentEditable)) {\n            return;\n        }\n\n        const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));\n\n        if (matchedKey && keyStack[matchedKey].length > 0) {\n            const item = keyStack[matchedKey][0];\n            item.handler(ev);\n            ev.stopPropagation();\n        }\n    };\n\n    document.body.addEventListener(\"keydown\", eventListener);\n\n    listener = true;\n};\n\nconst addKeyHandler = (\n    id: string,\n    key: string,\n    handler: (e: SyntheticEvent<HTMLElement>) => void\n) => {\n    setupListener();\n    keyStack[key] = keyStack[key] || [];\n    if (!keyStack[key].find(item => item.id === id)) {\n        keyStack[key].unshift({ id, handler });\n    }\n};\n\nconst removeKeyHandler = (id: string, key: string): void => {\n    if (!keyStack[key]) {\n        return;\n    }\n\n    const index = keyStack[key].findIndex(item => item.id === id);\n    if (index >= 0) {\n        keyStack[key].splice(index, 1);\n    }\n};\n\ntype AddKeyHandlerType = (key: string, handler: (e: SyntheticEvent<HTMLElement>) => void) => void;\n\ntype RemoveKeyHandlerType = (key: string) => void;\n\nexport function useKeyHandler(): {\n    addKeyHandler: AddKeyHandlerType;\n    removeKeyHandler: RemoveKeyHandlerType;\n} {\n    const [id] = React.useState(generateId());\n\n    return React.useMemo(\n        () => ({\n            addKeyHandler(key, handler) {\n                addKeyHandler(id, key, handler);\n            },\n            removeKeyHandler(key) {\n                removeKeyHandler(id, key);\n            }\n        }),\n        []\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/hooks/useModKey.d.ts

@@ -0,0 +1 @@
+export declare function useModKey(): boolean;

package/hooks/useModKey.js

@@ -0,0 +1,29 @@
+import { useState, useEffect, useCallback } from "react";
+import { isHotkey } from "is-hotkey";
+export function useModKey() {
+  const [pressed, setPressed] = useState(false);
+  const onKeyDown = useCallback(event => {
+    if (isHotkey("Control", event) || isHotkey("Meta", event)) {
+      setPressed(true);
+    }
+  }, []);
+  const onKeyUp = useCallback(event => {
+    if (event.key === "Control" && event.ctrlKey === false) {
+      setPressed(false);
+    }
+    if (event.key === "Meta" && event.metaKey === false) {
+      setPressed(false);
+    }
+  }, []);
+  useEffect(() => {
+    document.addEventListener("keydown", onKeyDown);
+    document.addEventListener("keyup", onKeyUp);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keyup", onKeyUp);
+    };
+  }, []);
+  return pressed;
+}
+
+//# sourceMappingURL=useModKey.js.map

package/hooks/useModKey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","useCallback","isHotkey","useModKey","pressed","setPressed","onKeyDown","event","onKeyUp","key","ctrlKey","metaKey","document","addEventListener","removeEventListener"],"sources":["useModKey.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { isHotkey } from \"is-hotkey\";\n\nexport function useModKey() {\n    const [pressed, setPressed] = useState(false);\n\n    const onKeyDown = useCallback((event: KeyboardEvent) => {\n        if (isHotkey(\"Control\", event) || isHotkey(\"Meta\", event)) {\n            setPressed(true);\n        }\n    }, []);\n\n    const onKeyUp = useCallback((event: KeyboardEvent) => {\n        if (event.key === \"Control\" && event.ctrlKey === false) {\n            setPressed(false);\n        }\n\n        if (event.key === \"Meta\" && event.metaKey === false) {\n            setPressed(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        document.addEventListener(\"keydown\", onKeyDown);\n        document.addEventListener(\"keyup\", onKeyUp);\n\n        return () => {\n            document.removeEventListener(\"keydown\", onKeyDown);\n            document.removeEventListener(\"keyup\", onKeyUp);\n        };\n    }, []);\n\n    return pressed;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACxD,SAASC,QAAQ,QAAQ,WAAW;AAEpC,OAAO,SAASC,SAASA,CAAA,EAAG;EACxB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMO,SAAS,GAAGL,WAAW,CAAEM,KAAoB,IAAK;IACpD,IAAIL,QAAQ,CAAC,SAAS,EAAEK,KAAK,CAAC,IAAIL,QAAQ,CAAC,MAAM,EAAEK,KAAK,CAAC,EAAE;MACvDF,UAAU,CAAC,IAAI,CAAC;IACpB;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,OAAO,GAAGP,WAAW,CAAEM,KAAoB,IAAK;IAClD,IAAIA,KAAK,CAACE,GAAG,KAAK,SAAS,IAAIF,KAAK,CAACG,OAAO,KAAK,KAAK,EAAE;MACpDL,UAAU,CAAC,KAAK,CAAC;IACrB;IAEA,IAAIE,KAAK,CAACE,GAAG,KAAK,MAAM,IAAIF,KAAK,CAACI,OAAO,KAAK,KAAK,EAAE;MACjDN,UAAU,CAAC,KAAK,CAAC;IACrB;EACJ,CAAC,EAAE,EAAE,CAAC;EAENL,SAAS,CAAC,MAAM;IACZY,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEP,SAAS,CAAC;IAC/CM,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEL,OAAO,CAAC;IAE3C,OAAO,MAAM;MACTI,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAER,SAAS,CAAC;MAClDM,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEN,OAAO,CAAC;IAClD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOJ,OAAO;AAClB","ignoreList":[]}

package/hooks/useShiftKey.d.ts

@@ -0,0 +1 @@
+export declare function useShiftKey(): boolean;