@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/views/contentModels/cache.js

@@ -1,68 +1,157 @@
 import dotProp from "dot-prop-immutable";
-import * as GQL from "../../viewsGraphql";
-export var addModelToListCache = function addModelToListCache(cache, model) {
-  var _cache$readQuery = cache.readQuery({
-    query: GQL.LIST_CONTENT_MODELS
-  }),
-      listContentModels = _cache$readQuery.listContentModels;
-
-  var newModelIndex = listContentModels.data.length;
+import { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
+export const addModelToListCache = (cache, model) => {
+  const response = cache.readQuery({
+    query: LIST_CONTENT_MODELS
+  });
+  if (!response || !response.listContentModels) {
+    return;
+  }
+  const {
+    listContentModels
+  } = response;
+  const newModelIndex = listContentModels.data.length;
   cache.writeQuery({
-    query: GQL.LIST_CONTENT_MODELS,
+    query: LIST_CONTENT_MODELS,
     data: {
-      listContentModels: dotProp.set(listContentModels, "data.".concat(newModelIndex), model)
+      listContentModels: dotProp.set(listContentModels, `data.${newModelIndex}`, model)
     }
   });
 };
-export var addModelToGroupCache = function addModelToGroupCache(cache, model) {
-  var _cache$readQuery2 = cache.readQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS
-  }),
-      groupsList = _cache$readQuery2.listContentModelGroups;
-
-  var groupIndex = groupsList.data.findIndex(function (g) {
-    return g.id === model.group.id;
+export const updateModelInCache = (cache, model) => {
+  const response = cache.readQuery({
+    query: LIST_CONTENT_MODELS
   });
-  var newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;
+  if (!response || !response.listContentModels?.data) {
+    return;
+  }
+  const index = response.listContentModels.data.findIndex(m => m.modelId === model.modelId);
+  if (index < 0) {
+    return;
+  }
   cache.writeQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS,
+    query: LIST_CONTENT_MODELS,
     data: {
-      listContentModelGroups: dotProp.set(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(newGroupModelIndex), model)
+      listContentModels: dotProp.set(response.listContentModels, `data.${index}`, model)
     }
   });
+  return updateModelInGroupCache(cache, model);
 };
-export var removeModelFromListCache = function removeModelFromListCache(cache, model) {
-  var _cache$readQuery3 = cache.readQuery({
-    query: GQL.LIST_CONTENT_MODELS
-  }),
-      listContentModels = _cache$readQuery3.listContentModels;
-
-  var modelIndex = listContentModels.data.findIndex(function (m) {
-    return m.modelId === model.modelId;
+export const addModelToGroupCache = (cache, model) => {
+  const response = cache.readQuery({
+    query: LIST_MENU_CONTENT_GROUPS_MODELS
   });
+  if (!response || !response.listContentModelGroups) {
+    return;
+  }
+  const {
+    listContentModelGroups: groupsList
+  } = response;
+  const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);
+  const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;
   cache.writeQuery({
-    query: GQL.LIST_CONTENT_MODELS,
+    query: LIST_MENU_CONTENT_GROUPS_MODELS,
     data: {
-      listContentModels: dotProp.delete(listContentModels, "data.".concat(modelIndex))
+      listContentModelGroups: dotProp.set(groupsList, `data.${groupIndex}.contentModels.${newGroupModelIndex}`, model)
     }
   });
 };
-export var removeModelFromGroupCache = function removeModelFromGroupCache(cache, model) {
-  var _cache$readQuery4 = cache.readQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS
-  }),
-      groupsList = _cache$readQuery4.listContentModelGroups;
+export const updateModelInGroupCache = (cache, model) => {
+  const response = cache.readQuery({
+    query: LIST_MENU_CONTENT_GROUPS_MODELS
+  });
+  if (!response || !response.listContentModelGroups) {
+    return;
+  }
+  const {
+    listContentModelGroups: groupsList
+  } = response;
+  const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);
+  if (groupIndex < 0) {
+    return;
+  }
+  const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(m => m.modelId === model.modelId);
+  if (modelIndex < 0) {
+    return;
+  }
+  cache.writeQuery({
+    query: LIST_MENU_CONTENT_GROUPS_MODELS,
+    data: {
+      listContentModelGroups: dotProp.set(groupsList, `data.${groupIndex}.contentModels.${modelIndex}`, model)
+    }
+  });
+};
+
+/**
+ * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.
+ * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same
+ * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.
+ */
+/**
+ * TODO remove when we can confirm that new deletion works property
+ */
+export const removeModelFromCache = (client, model) => {
+  const id = `CmsContentModel:${model.modelId}`;
 
-  var groupIndex = groupsList.data.findIndex(function (g) {
-    return g.id === model.group.id;
+  // @ts-expect-error
+  client.cache.data.delete(id);
+
+  // @ts-expect-error
+  Object.keys(client.cache.data.data).forEach(key => {
+    if (key.startsWith(`${id}.`) || key.startsWith(`$${id}.`)) {
+      // @ts-expect-error
+      client.cache.data.delete(key);
+    }
   });
-  var modelIndex = groupsList.data[groupIndex].contentModels.findIndex(function (m) {
-    return m.modelId === model.modelId;
+};
+/**
+ * TODO remove when we can confirm that new deletion works property
+ */
+export const removeModelFromListCache = (cache, model) => {
+  const response = cache.readQuery({
+    query: LIST_CONTENT_MODELS
   });
+  if (!response || !response.listContentModels) {
+    return;
+  }
+  const {
+    listContentModels
+  } = response;
+  const modelIndex = listContentModels.data.findIndex(m => m.modelId === model.modelId);
   cache.writeQuery({
-    query: GQL.LIST_MENU_CONTENT_GROUPS_MODELS,
+    query: LIST_CONTENT_MODELS,
     data: {
-      listContentModelGroups: dotProp.delete(groupsList, "data.".concat(groupIndex, ".contentModels.").concat(modelIndex))
+      listContentModels: dotProp.delete(listContentModels, `data.${modelIndex}`)
     }
   });
-};
+};
+/**
+ * TODO remove when we can confirm that new deletion works property
+ */
+export const removeModelFromGroupCache = (cache, model) => {
+  const response = cache.readQuery({
+    query: LIST_MENU_CONTENT_GROUPS_MODELS
+  });
+  if (!response || !response.listContentModelGroups) {
+    return;
+  }
+  const {
+    listContentModelGroups: groupsList
+  } = response;
+  const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);
+  if (groupIndex < 0) {
+    return;
+  }
+  const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(m => m.modelId === model.modelId);
+  if (modelIndex < 0) {
+    return;
+  }
+  cache.writeQuery({
+    query: LIST_MENU_CONTENT_GROUPS_MODELS,
+    data: {
+      listContentModelGroups: dotProp.delete(groupsList, `data.${groupIndex}.contentModels.${modelIndex}`)
+    }
+  });
+};
+
+//# sourceMappingURL=cache.js.map

package/admin/views/contentModels/cache.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dotProp","LIST_CONTENT_MODELS","LIST_MENU_CONTENT_GROUPS_MODELS","addModelToListCache","cache","model","response","readQuery","query","listContentModels","newModelIndex","data","length","writeQuery","set","updateModelInCache","index","findIndex","m","modelId","updateModelInGroupCache","addModelToGroupCache","listContentModelGroups","groupsList","groupIndex","g","id","group","newGroupModelIndex","contentModels","modelIndex","removeModelFromCache","client","delete","Object","keys","forEach","key","startsWith","removeModelFromListCache","removeModelFromGroupCache"],"sources":["cache.ts"],"sourcesContent":["import dotProp from \"dot-prop-immutable\";\nimport type { DataProxy } from \"apollo-cache\";\nimport type ApolloClient from \"apollo-client\";\nimport type {\n    ListCmsModelsQueryResponse,\n    ListMenuCmsGroupsQueryResponse\n} from \"../../viewsGraphql\";\nimport { LIST_CONTENT_MODELS, LIST_MENU_CONTENT_GROUPS_MODELS } from \"../../viewsGraphql\";\nimport type { CmsEditorContentModel, CmsModel } from \"~/types\";\n\nexport const addModelToListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const newModelIndex = listContentModels.data.length;\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(listContentModels, `data.${newModelIndex}`, model)\n        }\n    });\n};\n\nexport const updateModelInCache = (cache: DataProxy, model: CmsModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels?.data) {\n        return;\n    }\n\n    const index = response.listContentModels.data.findIndex(m => m.modelId === model.modelId);\n    if (index < 0) {\n        return;\n    }\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.set(response.listContentModels, `data.${index}`, model)\n        }\n    });\n\n    return updateModelInGroupCache(cache, model);\n};\n\nexport const addModelToGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    const newGroupModelIndex = groupsList.data[groupIndex].contentModels.length;\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${newGroupModelIndex}`,\n                model\n            )\n        }\n    });\n};\n\nexport const updateModelInGroupCache = (cache: DataProxy, model: CmsModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.set(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`,\n                model\n            )\n        }\n    });\n};\n\n/**\n * This function is an ugly hack, but I don't know a better way to remove items from cache in Apollo Client v2.\n * When a Content Model is deleted, we need to remove it from cache, because a model can be recreated with the same\n * modelId, and it will cause problems, because Apollo will think that the data in cache belongs to this new model.\n */\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromCache = (\n    client: ApolloClient<any>,\n    model: CmsEditorContentModel\n): void => {\n    const id = `CmsContentModel:${model.modelId}`;\n\n    // @ts-expect-error\n    client.cache.data.delete(id);\n\n    // @ts-expect-error\n    Object.keys(client.cache.data.data).forEach(key => {\n        if (key.startsWith(`${id}.`) || key.startsWith(`$${id}.`)) {\n            // @ts-expect-error\n            client.cache.data.delete(key);\n        }\n    });\n};\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromListCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListCmsModelsQueryResponse>({\n        query: LIST_CONTENT_MODELS\n    });\n    if (!response || !response.listContentModels) {\n        return;\n    }\n    const { listContentModels } = response;\n    const modelIndex = listContentModels.data.findIndex(m => m.modelId === model.modelId);\n\n    cache.writeQuery({\n        query: LIST_CONTENT_MODELS,\n        data: {\n            listContentModels: dotProp.delete(listContentModels, `data.${modelIndex}`)\n        }\n    });\n};\n/**\n * TODO remove when we can confirm that new deletion works property\n */\nexport const removeModelFromGroupCache = (cache: DataProxy, model: CmsEditorContentModel): void => {\n    const response = cache.readQuery<ListMenuCmsGroupsQueryResponse>({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS\n    });\n    if (!response || !response.listContentModelGroups) {\n        return;\n    }\n    const { listContentModelGroups: groupsList } = response;\n\n    const groupIndex = groupsList.data.findIndex(g => g.id === model.group.id);\n    if (groupIndex < 0) {\n        return;\n    }\n    const modelIndex = groupsList.data[groupIndex].contentModels.findIndex(\n        m => m.modelId === model.modelId\n    );\n\n    if (modelIndex < 0) {\n        return;\n    }\n\n    cache.writeQuery({\n        query: LIST_MENU_CONTENT_GROUPS_MODELS,\n        data: {\n            listContentModelGroups: dotProp.delete(\n                groupsList,\n                `data.${groupIndex}.contentModels.${modelIndex}`\n            )\n        }\n    });\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentModels/exporting/download.d.ts

@@ -0,0 +1,7 @@
+import type { CmsGroup, CmsModel } from "@webiny/app-headless-cms-common/types";
+interface Params {
+    groups: CmsGroup[];
+    models: CmsModel[];
+}
+export declare const download: (params: Params) => void;
+export {};

package/admin/views/contentModels/exporting/download.js

@@ -0,0 +1,24 @@
+const getName = models => {
+  if (models.length > 1) {
+    return "groups-and-models";
+  }
+  const [model] = models;
+  return model.modelId.toLowerCase();
+};
+export const download = params => {
+  const {
+    models
+  } = params;
+  let element = document.createElement("a");
+  const data = new Blob([JSON.stringify(params)], {
+    type: "application/json;charset=utf-8"
+  });
+  const name = getName(models);
+  element.download = `webiny-${name}.json`;
+  element.href = URL.createObjectURL(data);
+  element.click();
+  element.remove();
+  element = null;
+};
+
+//# sourceMappingURL=download.js.map

package/admin/views/contentModels/exporting/download.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getName","models","length","model","modelId","toLowerCase","download","params","element","document","createElement","data","Blob","JSON","stringify","type","name","href","URL","createObjectURL","click","remove"],"sources":["download.ts"],"sourcesContent":["import type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types\";\n\ninterface Params {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\nconst getName = (models: CmsModel[]): string => {\n    if (models.length > 1) {\n        return \"groups-and-models\";\n    }\n    const [model] = models;\n    return model.modelId.toLowerCase();\n};\n\nexport const download = (params: Params): void => {\n    const { models } = params;\n    let element: HTMLAnchorElement | null = document.createElement(\"a\");\n    const data = new Blob([JSON.stringify(params)], {\n        type: \"application/json;charset=utf-8\"\n    });\n    const name = getName(models);\n    element.download = `webiny-${name}.json`;\n    element.href = URL.createObjectURL(data);\n    element.click();\n    element.remove();\n    element = null;\n};\n"],"mappings":"AAOA,MAAMA,OAAO,GAAIC,MAAkB,IAAa;EAC5C,IAAIA,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;IACnB,OAAO,mBAAmB;EAC9B;EACA,MAAM,CAACC,KAAK,CAAC,GAAGF,MAAM;EACtB,OAAOE,KAAK,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;AACtC,CAAC;AAED,OAAO,MAAMC,QAAQ,GAAIC,MAAc,IAAW;EAC9C,MAAM;IAAEN;EAAO,CAAC,GAAGM,MAAM;EACzB,IAAIC,OAAiC,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;EACnE,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,CAACC,IAAI,CAACC,SAAS,CAACP,MAAM,CAAC,CAAC,EAAE;IAC5CQ,IAAI,EAAE;EACV,CAAC,CAAC;EACF,MAAMC,IAAI,GAAGhB,OAAO,CAACC,MAAM,CAAC;EAC5BO,OAAO,CAACF,QAAQ,GAAG,UAAUU,IAAI,OAAO;EACxCR,OAAO,CAACS,IAAI,GAAGC,GAAG,CAACC,eAAe,CAACR,IAAI,CAAC;EACxCH,OAAO,CAACY,KAAK,CAAC,CAAC;EACfZ,OAAO,CAACa,MAAM,CAAC,CAAC;EAChBb,OAAO,GAAG,IAAI;AAClB,CAAC","ignoreList":[]}

package/admin/views/contentModels/exporting/graphql.d.ts

@@ -0,0 +1 @@
+export declare const CMS_EXPORT_STRUCTURE_QUERY: import("graphql").DocumentNode;

package/admin/views/contentModels/exporting/graphql.js

@@ -0,0 +1,15 @@
+import gql from "graphql-tag";
+export const CMS_EXPORT_STRUCTURE_QUERY = gql`
+    query CmsExportStructure($models: [String!]) {
+        exportStructure(models: $models) {
+            data
+            error {
+                message
+                code
+                data
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/admin/views/contentModels/exporting/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","CMS_EXPORT_STRUCTURE_QUERY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const CMS_EXPORT_STRUCTURE_QUERY = gql`\n    query CmsExportStructure($models: [String!]) {\n        exportStructure(models: $models) {\n            data\n            error {\n                message\n                code\n                data\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,0BAA0B,GAAGD,GAAG;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/admin/views/contentModels/exporting/runExport.d.ts

@@ -0,0 +1,16 @@
+import type ApolloClient from "apollo-client";
+import type { CmsGroup, CmsModel } from "@webiny/app-headless-cms-common/types";
+interface Params {
+    client: ApolloClient<any>;
+    models?: string[];
+}
+interface ResponseData {
+    groups: CmsGroup[];
+    models: CmsModel[];
+}
+interface Response {
+    error?: Partial<Error>;
+    data?: ResponseData;
+}
+export declare const runExport: ({ client, models }: Params) => Promise<Response>;
+export {};

package/admin/views/contentModels/exporting/runExport.js

@@ -0,0 +1,57 @@
+import { CMS_EXPORT_STRUCTURE_QUERY } from "./graphql";
+export const runExport = async ({
+  client,
+  models
+}) => {
+  const variables = {};
+  if (models?.length) {
+    variables.models = models;
+  }
+  const result = await client.query({
+    query: CMS_EXPORT_STRUCTURE_QUERY,
+    variables
+  });
+  if (result.errors?.length) {
+    console.error(result.errors);
+    return {
+      error: result.errors[0]
+    };
+  } else if (!result.data?.exportStructure) {
+    const message = `There is no object returned from the exportStructure query.`;
+    console.error(message);
+    return {
+      error: {
+        message
+      }
+    };
+  }
+  const {
+    data,
+    error
+  } = result.data.exportStructure;
+  if (error) {
+    console.error(error.message);
+    return {
+      error
+    };
+  } else if (!data) {
+    const message = `There is no data returned from the exportStructure query.`;
+    return {
+      error: {
+        message
+      }
+    };
+  }
+  try {
+    return {
+      data: JSON.parse(data)
+    };
+  } catch (ex) {
+    console.error(ex.message);
+    return {
+      error: ex
+    };
+  }
+};
+
+//# sourceMappingURL=runExport.js.map

package/admin/views/contentModels/exporting/runExport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CMS_EXPORT_STRUCTURE_QUERY","runExport","client","models","variables","length","result","query","errors","console","error","data","exportStructure","message","JSON","parse","ex"],"sources":["runExport.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport type { CmsGroup, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { CMS_EXPORT_STRUCTURE_QUERY } from \"./graphql\";\n\ninterface Params {\n    client: ApolloClient<any>;\n    models?: string[];\n}\n\ninterface ResponseData {\n    groups: CmsGroup[];\n    models: CmsModel[];\n}\n\ninterface Response {\n    error?: Partial<Error>;\n    data?: ResponseData;\n}\n\nexport const runExport = async ({ client, models }: Params): Promise<Response> => {\n    const variables: Record<string, any> = {};\n    if (models?.length) {\n        variables.models = models;\n    }\n    const result = await client.query({\n        query: CMS_EXPORT_STRUCTURE_QUERY,\n        variables\n    });\n\n    if (result.errors?.length) {\n        console.error(result.errors);\n        return {\n            error: result.errors[0]\n        };\n    } else if (!result.data?.exportStructure) {\n        const message = `There is no object returned from the exportStructure query.`;\n        console.error(message);\n        return {\n            error: {\n                message\n            }\n        };\n    }\n    const { data, error } = result.data.exportStructure;\n    if (error) {\n        console.error(error.message);\n        return {\n            error\n        };\n    } else if (!data) {\n        const message = `There is no data returned from the exportStructure query.`;\n        return {\n            error: {\n                message\n            }\n        };\n    }\n    try {\n        return {\n            data: JSON.parse(data)\n        };\n    } catch (ex) {\n        console.error(ex.message);\n        return {\n            error: ex\n        };\n    }\n};\n"],"mappings":"AAEA,SAASA,0BAA0B;AAiBnC,OAAO,MAAMC,SAAS,GAAG,MAAAA,CAAO;EAAEC,MAAM;EAAEC;AAAe,CAAC,KAAwB;EAC9E,MAAMC,SAA8B,GAAG,CAAC,CAAC;EACzC,IAAID,MAAM,EAAEE,MAAM,EAAE;IAChBD,SAAS,CAACD,MAAM,GAAGA,MAAM;EAC7B;EACA,MAAMG,MAAM,GAAG,MAAMJ,MAAM,CAACK,KAAK,CAAC;IAC9BA,KAAK,EAAEP,0BAA0B;IACjCI;EACJ,CAAC,CAAC;EAEF,IAAIE,MAAM,CAACE,MAAM,EAAEH,MAAM,EAAE;IACvBI,OAAO,CAACC,KAAK,CAACJ,MAAM,CAACE,MAAM,CAAC;IAC5B,OAAO;MACHE,KAAK,EAAEJ,MAAM,CAACE,MAAM,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,MAAM,IAAI,CAACF,MAAM,CAACK,IAAI,EAAEC,eAAe,EAAE;IACtC,MAAMC,OAAO,GAAG,6DAA6D;IAC7EJ,OAAO,CAACC,KAAK,CAACG,OAAO,CAAC;IACtB,OAAO;MACHH,KAAK,EAAE;QACHG;MACJ;IACJ,CAAC;EACL;EACA,MAAM;IAAEF,IAAI;IAAED;EAAM,CAAC,GAAGJ,MAAM,CAACK,IAAI,CAACC,eAAe;EACnD,IAAIF,KAAK,EAAE;IACPD,OAAO,CAACC,KAAK,CAACA,KAAK,CAACG,OAAO,CAAC;IAC5B,OAAO;MACHH;IACJ,CAAC;EACL,CAAC,MAAM,IAAI,CAACC,IAAI,EAAE;IACd,MAAME,OAAO,GAAG,2DAA2D;IAC3E,OAAO;MACHH,KAAK,EAAE;QACHG;MACJ;IACJ,CAAC;EACL;EACA,IAAI;IACA,OAAO;MACHF,IAAI,EAAEG,IAAI,CAACC,KAAK,CAACJ,IAAI;IACzB,CAAC;EACL,CAAC,CAAC,OAAOK,EAAE,EAAE;IACTP,OAAO,CAACC,KAAK,CAACM,EAAE,CAACH,OAAO,CAAC;IACzB,OAAO;MACHH,KAAK,EAAEM;IACX,CAAC;EACL;AACJ,CAAC","ignoreList":[]}

package/admin/views/contentModels/exporting/useModelExport.d.ts

@@ -0,0 +1,5 @@
+import type { CmsModel } from "../../../../types";
+export declare const useModelExport: () => {
+    handleModelsExport: (models?: string[]) => void;
+    handleModelExport: (model: CmsModel) => () => void;
+};

package/admin/views/contentModels/exporting/useModelExport.js

@@ -0,0 +1,36 @@
+import { useCallback } from "react";
+import { useApolloClient } from "../../../hooks";
+import { runExport } from "./runExport";
+import { useSnackbar } from "@webiny/app-admin";
+import { download } from "./download";
+export const useModelExport = () => {
+  const client = useApolloClient();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const handleModelsExport = useCallback(models => {
+    (async () => {
+      const result = await runExport({
+        client,
+        models
+      });
+      if (result.error) {
+        return showSnackbar(result.error.message);
+      } else if (!result.data?.models?.length) {
+        return showSnackbar("No data returned from the exportStructure query.");
+      }
+      download(result.data);
+    })();
+  }, []);
+  const handleModelExport = useCallback(model => {
+    return () => {
+      handleModelsExport([model.modelId]);
+    };
+  }, [handleModelsExport]);
+  return {
+    handleModelsExport,
+    handleModelExport
+  };
+};
+
+//# sourceMappingURL=useModelExport.js.map

package/admin/views/contentModels/exporting/useModelExport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useApolloClient","runExport","useSnackbar","download","useModelExport","client","showSnackbar","handleModelsExport","models","result","error","message","data","length","handleModelExport","model","modelId"],"sources":["useModelExport.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { CmsModel } from \"~/types\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { runExport } from \"./runExport\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { download } from \"./download\";\n\nexport const useModelExport = () => {\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n\n    const handleModelsExport = useCallback((models?: string[]) => {\n        (async () => {\n            const result = await runExport({\n                client,\n                models\n            });\n            if (result.error) {\n                return showSnackbar(result.error.message);\n            } else if (!result.data?.models?.length) {\n                return showSnackbar(\"No data returned from the exportStructure query.\");\n            }\n            download(result.data);\n        })();\n    }, []);\n\n    const handleModelExport = useCallback(\n        (model: CmsModel) => {\n            return () => {\n                handleModelsExport([model.modelId]);\n            };\n        },\n        [handleModelsExport]\n    );\n\n    return {\n        handleModelsExport,\n        handleModelExport\n    };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,eAAe;AACxB,SAASC,SAAS;AAClB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,QAAQ;AAEjB,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,MAAMC,MAAM,GAAGL,eAAe,CAAC,CAAC;EAChC,MAAM;IAAEM;EAAa,CAAC,GAAGJ,WAAW,CAAC,CAAC;EAEtC,MAAMK,kBAAkB,GAAGR,WAAW,CAAES,MAAiB,IAAK;IAC1D,CAAC,YAAY;MACT,MAAMC,MAAM,GAAG,MAAMR,SAAS,CAAC;QAC3BI,MAAM;QACNG;MACJ,CAAC,CAAC;MACF,IAAIC,MAAM,CAACC,KAAK,EAAE;QACd,OAAOJ,YAAY,CAACG,MAAM,CAACC,KAAK,CAACC,OAAO,CAAC;MAC7C,CAAC,MAAM,IAAI,CAACF,MAAM,CAACG,IAAI,EAAEJ,MAAM,EAAEK,MAAM,EAAE;QACrC,OAAOP,YAAY,CAAC,kDAAkD,CAAC;MAC3E;MACAH,QAAQ,CAACM,MAAM,CAACG,IAAI,CAAC;IACzB,CAAC,EAAE,CAAC;EACR,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,iBAAiB,GAAGf,WAAW,CAChCgB,KAAe,IAAK;IACjB,OAAO,MAAM;MACTR,kBAAkB,CAAC,CAACQ,KAAK,CAACC,OAAO,CAAC,CAAC;IACvC,CAAC;EACL,CAAC,EACD,CAACT,kBAAkB,CACvB,CAAC;EAED,OAAO;IACHA,kBAAkB;IAClBO;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/views/contentModels/fullDelete/FullyDeleteModelDialog.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { CmsModel } from "../../../../types";
+export interface FullyDeleteModelDialogProps {
+    model: CmsModel | null;
+    onClose: () => void;
+}
+/**
+ * It's not a mistake to use cancel to accept and accept to cancel. It is just a matter of styling.
+ * We want the accept button to be less visible.
+ */
+export declare const FullyDeleteModelDialog: ({ model: inputModel, onClose }: FullyDeleteModelDialogProps) => React.JSX.Element;

package/admin/views/contentModels/fullDelete/FullyDeleteModelDialog.js

@@ -0,0 +1,102 @@
+import React, { useCallback, useMemo } from "react";
+import { Dialog, DialogActions, DialogCancel, DialogContent, DialogTitle } from "../../../components/Dialog";
+import { ButtonPrimary } from "@webiny/ui/Button";
+import { FullyDeleteModelStateStatus } from "./types";
+import { Content } from "./dialog/Content";
+import { createValidationValue } from "./dialog/validationValue";
+import { createProcessConfirmation } from "./dialog/process";
+import { useApolloClient } from "../../../hooks";
+import { useDialogState } from "./dialog/state";
+import { updateModelInCache } from "../cache";
+/**
+ * It's not a mistake to use cancel to accept and accept to cancel. It is just a matter of styling.
+ * We want the accept button to be less visible.
+ */
+export const FullyDeleteModelDialog = ({
+  model: inputModel,
+  onClose
+}) => {
+  const client = useApolloClient();
+  const state = useDialogState(inputModel);
+  const {
+    model,
+    status,
+    confirmation,
+    setConfirmation,
+    setStatusUnderstood,
+    setStatusProcessed,
+    setStatusConfirmed,
+    setStatusError,
+    setError
+  } = state;
+  const processConfirmation = useMemo(() => {
+    return createProcessConfirmation({
+      client
+    });
+  }, [client]);
+  const startProcessing = useCallback(() => {
+    const value = createValidationValue(model);
+    if (confirmation !== value) {
+      setError({
+        message: "Confirmation value is not correct.",
+        code: "CONFIRMATION_ERROR"
+      });
+      return;
+    }
+    setStatusConfirmed();
+    (async () => {
+      const result = await processConfirmation({
+        model: model,
+        confirmation,
+        onSuccess: cache => {
+          updateModelInCache(cache, {
+            ...model,
+            isBeingDeleted: true
+          });
+        }
+      });
+      if (result.error) {
+        setStatusError(result.error);
+        return;
+      }
+      setStatusProcessed(result.data);
+    })();
+  }, [state]);
+  const title = useMemo(() => {
+    if (model?.plugin) {
+      return "Delete all entries of the model?";
+    }
+    return "Delete content model and all its entries?";
+  }, [model?.modelId]);
+  const primaryButtonText = useMemo(() => {
+    if (status === FullyDeleteModelStateStatus.UNDERSTOOD) {
+      return "Yes, delete the model";
+    }
+    return "Yes, I understand";
+  }, [status]);
+  const onYesClick = useMemo(() => {
+    if (status === FullyDeleteModelStateStatus.NONE) {
+      return setStatusUnderstood;
+    }
+    return startProcessing;
+  }, [setStatusUnderstood, startProcessing, status]);
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: !!model,
+    onClose: onClose,
+    preventOutsideDismiss: true,
+    "data-testid": "cms-delete-content-model-dialog"
+  }, /*#__PURE__*/React.createElement(DialogTitle, null, title), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement(Content, {
+    model: model,
+    setConfirmation: setConfirmation,
+    confirmation: confirmation,
+    error: state.error,
+    status: status
+  })), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(DialogCancel, {
+    "data-testid": "cms-delete-content-model-close-button"
+  }, status === FullyDeleteModelStateStatus.PROCESSED || status === FullyDeleteModelStateStatus.ERROR ? "OK" : "Cancel"), (status === FullyDeleteModelStateStatus.NONE || status === FullyDeleteModelStateStatus.UNDERSTOOD) && /*#__PURE__*/React.createElement(ButtonPrimary, {
+    "data-testid": "cms-delete-content-model-confirm-button",
+    onClick: onYesClick
+  }, primaryButtonText)));
+};
+
+//# sourceMappingURL=FullyDeleteModelDialog.js.map

package/admin/views/contentModels/fullDelete/FullyDeleteModelDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","Dialog","DialogActions","DialogCancel","DialogContent","DialogTitle","ButtonPrimary","FullyDeleteModelStateStatus","Content","createValidationValue","createProcessConfirmation","useApolloClient","useDialogState","updateModelInCache","FullyDeleteModelDialog","model","inputModel","onClose","client","state","status","confirmation","setConfirmation","setStatusUnderstood","setStatusProcessed","setStatusConfirmed","setStatusError","setError","processConfirmation","startProcessing","value","message","code","result","onSuccess","cache","isBeingDeleted","error","data","title","plugin","modelId","primaryButtonText","UNDERSTOOD","onYesClick","NONE","createElement","open","preventOutsideDismiss","PROCESSED","ERROR","onClick"],"sources":["FullyDeleteModelDialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport {\n    Dialog,\n    DialogActions,\n    DialogCancel,\n    DialogContent,\n    DialogTitle\n} from \"~/admin/components/Dialog\";\nimport type { CmsModel } from \"~/types\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { FullyDeleteModelStateStatus } from \"./types\";\nimport { Content } from \"./dialog/Content\";\nimport { createValidationValue } from \"./dialog/validationValue\";\nimport { createProcessConfirmation } from \"./dialog/process\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport { useDialogState } from \"./dialog/state\";\nimport { updateModelInCache } from \"~/admin/views/contentModels/cache\";\n\nexport interface FullyDeleteModelDialogProps {\n    model: CmsModel | null;\n    onClose: () => void;\n}\n\n/**\n * It's not a mistake to use cancel to accept and accept to cancel. It is just a matter of styling.\n * We want the accept button to be less visible.\n */\nexport const FullyDeleteModelDialog = ({\n    model: inputModel,\n    onClose\n}: FullyDeleteModelDialogProps) => {\n    const client = useApolloClient();\n\n    const state = useDialogState(inputModel);\n\n    const {\n        model,\n        status,\n        confirmation,\n        setConfirmation,\n        setStatusUnderstood,\n        setStatusProcessed,\n        setStatusConfirmed,\n        setStatusError,\n        setError\n    } = state;\n\n    const processConfirmation = useMemo(() => {\n        return createProcessConfirmation({\n            client\n        });\n    }, [client]);\n\n    const startProcessing = useCallback(() => {\n        const value = createValidationValue(model!);\n        if (confirmation !== value) {\n            setError({\n                message: \"Confirmation value is not correct.\",\n                code: \"CONFIRMATION_ERROR\"\n            });\n            return;\n        }\n        setStatusConfirmed();\n\n        (async () => {\n            const result = await processConfirmation({\n                model: model!,\n                confirmation,\n                onSuccess: cache => {\n                    updateModelInCache(cache, {\n                        ...model!,\n                        isBeingDeleted: true\n                    });\n                }\n            });\n            if (result.error) {\n                setStatusError(result.error);\n                return;\n            }\n\n            setStatusProcessed(result.data);\n        })();\n    }, [state]);\n\n    const title = useMemo(() => {\n        if (model?.plugin) {\n            return \"Delete all entries of the model?\";\n        }\n        return \"Delete content model and all its entries?\";\n    }, [model?.modelId]);\n\n    const primaryButtonText = useMemo(() => {\n        if (status === FullyDeleteModelStateStatus.UNDERSTOOD) {\n            return \"Yes, delete the model\";\n        }\n        return \"Yes, I understand\";\n    }, [status]);\n\n    const onYesClick = useMemo(() => {\n        if (status === FullyDeleteModelStateStatus.NONE) {\n            return setStatusUnderstood;\n        }\n        return startProcessing;\n    }, [setStatusUnderstood, startProcessing, status]);\n\n    return (\n        <Dialog\n            open={!!model}\n            onClose={onClose}\n            preventOutsideDismiss={true}\n            data-testid=\"cms-delete-content-model-dialog\"\n        >\n            <DialogTitle>{title}</DialogTitle>\n            <DialogContent>\n                <Content\n                    model={model}\n                    setConfirmation={setConfirmation}\n                    confirmation={confirmation}\n                    error={state.error}\n                    status={status}\n                />\n            </DialogContent>\n            <DialogActions>\n                <DialogCancel data-testid=\"cms-delete-content-model-close-button\">\n                    {status === FullyDeleteModelStateStatus.PROCESSED ||\n                    status === FullyDeleteModelStateStatus.ERROR\n                        ? \"OK\"\n                        : \"Cancel\"}\n                </DialogCancel>\n                {(status === FullyDeleteModelStateStatus.NONE ||\n                    status === FullyDeleteModelStateStatus.UNDERSTOOD) && (\n                    <ButtonPrimary\n                        data-testid=\"cms-delete-content-model-confirm-button\"\n                        onClick={onYesClick}\n                    >\n                        {primaryButtonText}\n                    </ButtonPrimary>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/views/contentModels/fullDelete/ModelIsBeingDeleted.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { CmsModel } from "@webiny/app-headless-cms-common/types";
+export interface IModelOverlayProps {
+    model: CmsModel;
+}
+export declare const ModelIsBeingDeleted: ({ model, children }: React.PropsWithChildren<IModelOverlayProps>) => React.JSX.Element;

package/admin/views/contentModels/fullDelete/ModelIsBeingDeleted.js

@@ -0,0 +1,65 @@
+import React, { useCallback, useState } from "react";
+import { i18n } from "@webiny/app/i18n";
+import { useConfirmationDialog } from "@webiny/app-admin";
+import { useCancelDelete } from "./useCancelDelete";
+import { Button, Text } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/views/content-models/fully-delete-model");
+const CancelDelete = ({
+  model
+}) => {
+  const {
+    cancel
+  } = useCancelDelete({
+    model
+  });
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    title: "Stop the model and entries delete process?",
+    message: "Are you sure you want to stop the model and entries delete process?",
+    acceptLabel: "Yes, I am sure.",
+    cancelLabel: "No, keep deleting."
+  });
+  const onClick = useCallback(() => {
+    showConfirmation(async () => {
+      await cancel();
+    });
+  }, [showConfirmation, model.modelId]);
+  return /*#__PURE__*/React.createElement(Button, {
+    text: t`Cancel delete`,
+    size: "sm",
+    onClick: onClick
+  });
+};
+export const ModelIsBeingDeleted = ({
+  model,
+  children
+}) => {
+  const [over, setOver] = useState(false);
+  const onMouseEnter = useCallback(() => {
+    setOver(true);
+  }, [setOver]);
+  const onMouseLeave = useCallback(() => {
+    setOver(false);
+  }, [setOver]);
+  if (!model.isBeingDeleted) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  const message = model.plugin ? "Records are being deleted." : "Model is being deleted.";
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "150px"
+    },
+    className: "wby-text-right",
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, !over && /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    as: "div",
+    className: "wby-text-destructive-primary"
+  }, message), over && /*#__PURE__*/React.createElement(CancelDelete, {
+    model: model
+  }));
+};
+
+//# sourceMappingURL=ModelIsBeingDeleted.js.map

package/admin/views/contentModels/fullDelete/ModelIsBeingDeleted.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","i18n","useConfirmationDialog","useCancelDelete","Button","Text","t","ns","CancelDelete","model","cancel","showConfirmation","title","message","acceptLabel","cancelLabel","onClick","modelId","createElement","text","size","ModelIsBeingDeleted","children","over","setOver","onMouseEnter","onMouseLeave","isBeingDeleted","Fragment","plugin","style","width","className","as"],"sources":["ModelIsBeingDeleted.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { useCancelDelete } from \"~/admin/views/contentModels/fullDelete/useCancelDelete\";\nimport { Button, Text } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/views/content-models/fully-delete-model\");\n\nexport interface IModelOverlayProps {\n    model: CmsModel;\n}\n\nconst CancelDelete = ({ model }: IModelOverlayProps) => {\n    const { cancel } = useCancelDelete({ model });\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Stop the model and entries delete process?\",\n        message: \"Are you sure you want to stop the model and entries delete process?\",\n        acceptLabel: \"Yes, I am sure.\",\n        cancelLabel: \"No, keep deleting.\"\n    });\n\n    const onClick = useCallback(() => {\n        showConfirmation(async () => {\n            await cancel();\n        });\n    }, [showConfirmation, model.modelId]);\n\n    return <Button text={t`Cancel delete`} size={\"sm\"} onClick={onClick} />;\n};\n\nexport const ModelIsBeingDeleted = ({\n    model,\n    children\n}: React.PropsWithChildren<IModelOverlayProps>) => {\n    const [over, setOver] = useState(false);\n\n    const onMouseEnter = useCallback(() => {\n        setOver(true);\n    }, [setOver]);\n\n    const onMouseLeave = useCallback(() => {\n        setOver(false);\n    }, [setOver]);\n\n    if (!model.isBeingDeleted) {\n        return <>{children}</>;\n    }\n\n    const message = model.plugin ? \"Records are being deleted.\" : \"Model is being deleted.\";\n    return (\n        <div\n            style={{ width: \"150px\" }}\n            className={\"wby-text-right\"}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n        >\n            {!over && (\n                <Text size={\"sm\"} as={\"div\"} className={\"wby-text-destructive-primary\"}>\n                    {message}\n                </Text>\n            )}\n            {over && <CancelDelete model={model} />}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAEpD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,qBAAqB,QAAQ,mBAAmB;AACzD,SAASC,eAAe;AACxB,SAASC,MAAM,EAAEC,IAAI,QAAQ,kBAAkB;AAE/C,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,gEAAgE,CAAC;AAMnF,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGP,eAAe,CAAC;IAAEM;EAAM,CAAC,CAAC;EAC7C,MAAM;IAAEE;EAAiB,CAAC,GAAGT,qBAAqB,CAAC;IAC/CU,KAAK,EAAE,4CAA4C;IACnDC,OAAO,EAAE,qEAAqE;IAC9EC,WAAW,EAAE,iBAAiB;IAC9BC,WAAW,EAAE;EACjB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGjB,WAAW,CAAC,MAAM;IAC9BY,gBAAgB,CAAC,YAAY;MACzB,MAAMD,MAAM,CAAC,CAAC;IAClB,CAAC,CAAC;EACN,CAAC,EAAE,CAACC,gBAAgB,EAAEF,KAAK,CAACQ,OAAO,CAAC,CAAC;EAErC,oBAAOnB,KAAA,CAAAoB,aAAA,CAACd,MAAM;IAACe,IAAI,EAAEb,CAAC,eAAgB;IAACc,IAAI,EAAE,IAAK;IAACJ,OAAO,EAAEA;EAAQ,CAAE,CAAC;AAC3E,CAAC;AAED,OAAO,MAAMK,mBAAmB,GAAGA,CAAC;EAChCZ,KAAK;EACLa;AACyC,CAAC,KAAK;EAC/C,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGxB,QAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMyB,YAAY,GAAG1B,WAAW,CAAC,MAAM;IACnCyB,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAME,YAAY,GAAG3B,WAAW,CAAC,MAAM;IACnCyB,OAAO,CAAC,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAI,CAACf,KAAK,CAACkB,cAAc,EAAE;IACvB,oBAAO7B,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA8B,QAAA,QAAGN,QAAW,CAAC;EAC1B;EAEA,MAAMT,OAAO,GAAGJ,KAAK,CAACoB,MAAM,GAAG,4BAA4B,GAAG,yBAAyB;EACvF,oBACI/B,KAAA,CAAAoB,aAAA;IACIY,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAQ,CAAE;IAC1BC,SAAS,EAAE,gBAAiB;IAC5BP,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA;EAAa,GAE1B,CAACH,IAAI,iBACFzB,KAAA,CAAAoB,aAAA,CAACb,IAAI;IAACe,IAAI,EAAE,IAAK;IAACa,EAAE,EAAE,KAAM;IAACD,SAAS,EAAE;EAA+B,GAClEnB,OACC,CACT,EACAU,IAAI,iBAAIzB,KAAA,CAAAoB,aAAA,CAACV,YAAY;IAACC,KAAK,EAAEA;EAAM,CAAE,CACrC,CAAC;AAEd,CAAC","ignoreList":[]}