@webiny/app-headless-cms 5.43.2 → 6.0.0-alpha.0

package/admin/views/contentModelGroups/graphql.js

@@ -1,46 +1,115 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UPDATE_CONTENT_MODEL_GROUP = exports.LIST_CONTENT_MODEL_GROUPS = exports.GET_CONTENT_MODEL_GROUP = exports.DELETE_CONTENT_MODEL_GROUP = exports.CREATE_CONTENT_MODEL_GROUP = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var ERROR_FIELS = "\n    message\n    code\n    data\n";
-var fields = "\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n";
+import gql from "graphql-tag";
+const ERROR_FIELS = `
+    message
+    code
+    data
+`;
+const fields = `
+    id
+    name
+    slug
+    description
+    icon
+    createdOn
+    plugin
+    createdBy {
+        id
+        displayName
+        type
+    }
+`;
 
 /**
  * ############################
  * List groups with basic models info Query
  */
 
-var LIST_CONTENT_MODEL_GROUPS = exports.LIST_CONTENT_MODEL_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+export const LIST_CONTENT_MODEL_GROUPS = gql`
+    query CmsListContentModelGroups {
+        listContentModelGroups {
+            data {
+                ${fields}
+                contentModels {
+                    modelId
+                    name
+                }
+            }
+            error {
+                ${ERROR_FIELS}
+            }
+        }
+    }
+`;
 /**
  * ############################
  * Get Group Query
  */
 
-var GET_CONTENT_MODEL_GROUP = exports.GET_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+export const GET_CONTENT_MODEL_GROUP = gql`
+    query CmsGetContentModelGroup($id: ID!) {
+        contentModelGroup: getContentModelGroup(id: $id){
+            data {
+                ${fields}
+            }
+            error {
+                ${ERROR_FIELS}
+            }
+        }
+    }
+`;
 
 /**
  * ############################
  * Create Group Mutation
  */
 
-var CREATE_CONTENT_MODEL_GROUP = exports.CREATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+export const CREATE_CONTENT_MODEL_GROUP = gql`
+    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){
+        contentModelGroup: createContentModelGroup(data: $data) {
+            data {
+                ${fields}
+                contentModels {
+                    modelId
+                    name
+                }
+            }
+            error {
+                ${ERROR_FIELS}
+            }
+        }
+    }
+`;
 /**
  * ############################
  * Update Group Mutation
  */
 
-var UPDATE_CONTENT_MODEL_GROUP = exports.UPDATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+export const UPDATE_CONTENT_MODEL_GROUP = gql`
+    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){
+        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {
+            data {
+                ${fields}
+            }
+            error {
+                ${ERROR_FIELS}
+            }
+        }
+    }
+`;
 /**
  * ############################
  * Delete Group Mutation
  */
 
-var DELETE_CONTENT_MODEL_GROUP = exports.DELETE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ", "\n            }\n        }\n    }\n"])), ERROR_FIELS);
+export const DELETE_CONTENT_MODEL_GROUP = gql`
+    mutation CmsDeleteContentModelGroup($id: ID!) {
+        deleteContentModelGroup(id: $id) {
+            data
+            error {
+                ${ERROR_FIELS}
+            }
+        }
+    }
+`;
 
 //# sourceMappingURL=graphql.js.map

package/admin/views/contentModelGroups/graphql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","exports","gql","_taggedTemplateLiteral2","default","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAG9B,IAAMC,WAAW,wCAIhB;AACD,IAAMC,MAAM,gKAaX;;AAKD;AACA;AACA;AACA;;AAOO,IAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,OAAGE,mBAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,qUAI1BL,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;;AAUO,IAAMO,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,OAAGH,mBAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,2PAIxBL,MAAM,EAGND,WAAW,CAI5B;;AAED;AACA;AACA;AACA;;AAWO,IAAMQ,0BAA0B,GAAAL,OAAA,CAAAK,0BAAA,OAAGJ,mBAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,uBAAA,CAAAC,OAAA,4YAI3BL,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;;AAYO,IAAMS,0BAA0B,GAAAN,OAAA,CAAAM,0BAAA,OAAGL,mBAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,uBAAA,CAAAC,OAAA,oTAI3BL,MAAM,EAGND,WAAW,CAI5B;AACD;AACA;AACA;AACA;;AAUO,IAAMU,0BAA0B,GAAAP,OAAA,CAAAO,0BAAA,OAAGN,mBAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,CAAAC,OAAA,2MAK3BN,WAAW,CAI5B","ignoreList":[]}
+{"version":3,"names":["gql","ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAG7B,MAAMC,WAAW,GAAG;AACpB;AACA;AACA;AACA,CAAC;AACD,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAKD;AACA;AACA;AACA;;AAOA,OAAO,MAAMC,yBAAyB,GAAGH,GAAG;AAC5C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAUA,OAAO,MAAMG,uBAAuB,GAAGJ,GAAG;AAC1C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA;;AAWA,OAAO,MAAMI,0BAA0B,GAAGL,GAAG;AAC7C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAYA,OAAO,MAAMK,0BAA0B,GAAGN,GAAG;AAC7C;AACA;AACA;AACA,kBAAkBE,MAAM;AACxB;AACA;AACA,kBAAkBD,WAAW;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;;AAUA,OAAO,MAAMM,0BAA0B,GAAGP,GAAG;AAC7C;AACA;AACA;AACA;AACA,kBAAkBC,WAAW;AAC7B;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/admin/views/contentModels/CloneContentModelDialog.js

@@ -1,169 +1,135 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CloneContentModelDialog = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var UID = _interopRequireWildcard(require("@webiny/ui/Dialog"));
-var _reactRouter = require("@webiny/react-router");
-var _form = require("@webiny/form");
-var _Input = require("@webiny/ui/Input");
-var _Select = require("@webiny/ui/Select");
-var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-var _Progress = require("@webiny/ui/Progress");
-var _validation = require("@webiny/validation");
-var _hooks = require("../../hooks");
-var _i18n = require("@webiny/app/i18n");
-var _Button = require("@webiny/ui/Button");
-var _Grid = require("@webiny/ui/Grid");
-var _cache = require("./cache");
-var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
-var _viewsGraphql = require("../../viewsGraphql");
-var _Dialog2 = require("../../components/Dialog");
-var _nameValidator = require("./helpers/nameValidator");
-var _apiNameValidator = require("./helpers/apiNameValidator");
-var _IconPicker = require("../../components/IconPicker");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-var t = _i18n.i18n.ns("app-headless-cms/admin/views/content-models/clone-content-model-dialog");
-var getSelectedGroup = function getSelectedGroup(groups, model) {
+import React, { useState, useCallback, useEffect } from "react";
+import * as UID from "@webiny/ui/Dialog";
+import { useRouter } from "@webiny/react-router";
+import { Form } from "@webiny/form";
+import { Input } from "@webiny/ui/Input";
+import { Select } from "@webiny/ui/Select";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { validation } from "@webiny/validation";
+import { useApolloClient, useMutation, useQueryLocale } from "../../hooks";
+import { i18n } from "@webiny/app/i18n";
+import { ButtonDefault } from "@webiny/ui/Button";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { addModelToGroupCache, addModelToListCache } from "./cache";
+import { useI18N } from "@webiny/app-i18n/hooks/useI18N";
+import { CREATE_CONTENT_MODEL_FROM, LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
+import { Dialog } from "../../components/Dialog";
+import { createNameValidator } from "./helpers/nameValidator";
+import { createApiNameValidator } from "./helpers/apiNameValidator";
+import { IconPicker } from "../../components/IconPicker";
+const t = i18n.ns("app-headless-cms/admin/views/content-models/clone-content-model-dialog");
+const getSelectedGroup = (groups, model) => {
   if (!groups || groups.length === 0 || !model) {
     return "";
   }
-  var current = model.group.id;
-  var group = groups.find(function (g) {
-    return g.value === current;
-  });
+  const current = model.group.id;
+  const group = groups.find(g => g.value === current);
   if (group) {
     return group.value;
   }
-  var defaultSelected = groups.find(function () {
-    return true;
-  });
+  const defaultSelected = groups.find(() => true);
   return defaultSelected ? defaultSelected.value : null;
 };
-var CloneContentModelDialog = exports.CloneContentModelDialog = function CloneContentModelDialog(_ref) {
-  var onClose = _ref.onClose,
-    contentModel = _ref.contentModel,
-    closeModal = _ref.closeModal;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useRouter = (0, _reactRouter.useRouter)(),
-    history = _useRouter.history;
-  var _useI18N = (0, _useI18N2.useI18N)(),
-    getLocales = _useI18N.getLocales,
-    getCurrentLocale = _useI18N.getCurrentLocale,
-    setCurrentLocale = _useI18N.setCurrentLocale;
-  var client = (0, _hooks.useApolloClient)();
-  var currentLocale = getCurrentLocale("content");
-  var _useState3 = (0, _react.useState)(currentLocale || ""),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    locale = _useState4[0],
-    setLocale = _useState4[1];
-  var _useState5 = (0, _react.useState)(null),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    groups = _useState6[0],
-    setGroups = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    models = _useState8[0],
-    setModels = _useState8[1];
-  var _useMutation = (0, _hooks.useMutation)(_viewsGraphql.CREATE_CONTENT_MODEL_FROM, {
-      onError: function onError(error) {
+export const CloneContentModelDialog = ({
+  onClose,
+  contentModel,
+  closeModal
+}) => {
+  const [loading, setLoading] = useState(false);
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    history
+  } = useRouter();
+  const {
+    getLocales,
+    getCurrentLocale,
+    setCurrentLocale
+  } = useI18N();
+  const client = useApolloClient();
+  const currentLocale = getCurrentLocale("content");
+  const [locale, setLocale] = useState(currentLocale || "");
+  const [groups, setGroups] = useState(null);
+  const [models, setModels] = useState([]);
+  const [createContentModelFrom] = useMutation(CREATE_CONTENT_MODEL_FROM, {
+    onError(error) {
+      setLoading(false);
+      showSnackbar(error.message);
+    },
+    update(cache, response) {
+      if (!response.data) {
+        showSnackbar(`Missing data on Create Content Model From Mutation Response.`);
+        return;
+      }
+      const {
+        data: model,
+        error
+      } = response.data.createContentModelFrom;
+      if (error) {
         setLoading(false);
         showSnackbar(error.message);
-      },
-      update: function update(cache, response) {
-        if (!response.data) {
-          showSnackbar("Missing data on Create Content Model From Mutation Response.");
-          return;
-        }
-        var _response$data$create = response.data.createContentModelFrom,
-          model = _response$data$create.data,
-          error = _response$data$create.error;
-        if (error) {
-          setLoading(false);
-          showSnackbar(error.message);
-          return;
-        }
-        if (currentLocale !== locale) {
-          setCurrentLocale(locale, "content");
-          window.location.reload();
-          return;
-        }
-        (0, _cache.addModelToListCache)(cache, model);
-        (0, _cache.addModelToGroupCache)(cache, model);
-        history.push("/cms/content-models/");
-        closeModal();
+        return;
+      }
+      if (currentLocale !== locale) {
+        setCurrentLocale(locale, "content");
+        window.location.reload();
+        return;
       }
-    }),
-    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
-    createContentModelFrom = _useMutation2[0];
-  var locales = getLocales().map(function (_ref2) {
-    var code = _ref2.code;
+      addModelToListCache(cache, model);
+      addModelToGroupCache(cache, model);
+      history.push("/cms/content-models/");
+      closeModal();
+    }
+  });
+  const locales = getLocales().map(({
+    code
+  }) => {
     return {
       value: code,
-      label: code === currentLocale ? "Current locale (".concat(code, ")") : code
+      label: code === currentLocale ? `Current locale (${code})` : code
     };
   });
-  var listMenuGroupsQuery = (0, _hooks.useQueryLocale)(_viewsGraphql.LIST_MENU_CONTENT_GROUPS_MODELS, locale);
-  (0, _react.useEffect)(function () {
+  const listMenuGroupsQuery = useQueryLocale(LIST_MENU_CONTENT_GROUPS_MODELS, locale);
+  useEffect(() => {
     if (!listMenuGroupsQuery.data || listMenuGroupsQuery.loading) {
       return;
     }
-    var options = [];
-    var models = [];
-    var items = listMenuGroupsQuery.data.listContentModelGroups.data || [];
-    var _iterator = (0, _createForOfIteratorHelper2.default)(items),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var item = _step.value;
-        options.push({
-          value: item.id,
-          label: item.name
-        });
-        models.push.apply(models, (0, _toConsumableArray2.default)(item.contentModels));
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+    const options = [];
+    const models = [];
+    const items = listMenuGroupsQuery.data.listContentModelGroups.data || [];
+    for (const item of items) {
+      options.push({
+        value: item.id,
+        label: item.name
+      });
+      models.push(...item.contentModels);
     }
     setGroups(options);
     setModels(models);
   }, [listMenuGroupsQuery.data, listMenuGroupsQuery.loading]);
-  var selectedGroup = getSelectedGroup(groups, contentModel);
-  var nameValidator = (0, _react.useCallback)((0, _nameValidator.createNameValidator)({
-    models: models
+  const selectedGroup = getSelectedGroup(groups, contentModel);
+  const nameValidator = useCallback(createNameValidator({
+    models
   }), [client, models]);
-  var apiNameValidator = (0, _react.useCallback)((0, _apiNameValidator.createApiNameValidator)({
-    client: client,
-    models: models
+  const apiNameValidator = useCallback(createApiNameValidator({
+    client,
+    models
   }), [client, models]);
-  return /*#__PURE__*/_react.default.createElement(_Dialog2.Dialog, {
+  return /*#__PURE__*/React.createElement(Dialog, {
     open: true,
     onClose: onClose,
     "data-testid": "cms-clone-content-model-modal"
-  }, !groups && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+  }, !groups && /*#__PURE__*/React.createElement(CircularProgress, {
     label: "Please wait while we load required information."
-  }), /*#__PURE__*/_react.default.createElement(_form.Form, {
+  }), /*#__PURE__*/React.createElement(Form, {
     data: {
       group: selectedGroup,
-      locale: locale,
+      locale,
       name: contentModel.name
     },
-    onSubmit: function onSubmit(data) {
+    onSubmit: data => {
       setLoading(true);
       createContentModelFrom({
         variables: {
@@ -175,82 +141,81 @@ var CloneContentModelDialog = exports.CloneContentModelDialog = function CloneCo
         }
       });
     }
-  }, function (_ref3) {
-    var Bind = _ref3.Bind,
-      submit = _ref3.submit;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), /*#__PURE__*/_react.default.createElement(UID.DialogTitle, null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Clone Content Model"])))), /*#__PURE__*/_react.default.createElement(UID.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "name",
-      validators: [_validation.validation.create("required,maxLength:100"), nameValidator]
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Name"]))),
-      description: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["The name of the content model"])))
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "locale",
-      validators: _validation.validation.create("required"),
-      afterChange: function afterChange(value) {
-        if (!value) {
-          return;
-        }
-        setLocale(value);
-        setGroups(null);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-      description: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Choose a locale into which you wish to clone the model"]))),
-      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Content model locale"]))),
-      options: locales
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "singularApiName",
-      validators: [_validation.validation.create("required,maxLength:100"), apiNameValidator]
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Singular API Name"]))),
-      description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["The API name of the content model. For example: AuthorCategory."]))),
-      "data-testid": "cms.newcontentmodeldialog.singularApiName"
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "pluralApiName",
-      validators: [_validation.validation.create("required,maxLength:100"), apiNameValidator]
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Plural API Name"]))),
-      description: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["The plural API name of the content model. For example: AuthorCategories."]))),
-      "data-testid": "cms.newcontentmodeldialog.pluralApiName"
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "group",
-      validators: _validation.validation.create("required")
-    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-      description: t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Choose a content model group"]))),
-      label: t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Content model group"]))),
-      options: groups || []
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "icon"
-    }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
-      label: t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["Icon"]))),
-      description: t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Choose an icon to represent the model."])))
-    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/_react.default.createElement(Bind, {
-      name: "description"
-    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      rows: 4,
-      maxLength: 200,
-      characterCount: true,
-      label: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["Description"])))
-    }))))), /*#__PURE__*/_react.default.createElement(UID.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
-      onClick: function onClick(ev) {
-        submit(ev);
+  }, ({
+    Bind,
+    submit
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement(CircularProgress, null), /*#__PURE__*/React.createElement(UID.DialogTitle, null, t`Clone Content Model`), /*#__PURE__*/React.createElement(UID.DialogContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "name",
+    validators: [validation.create("required,maxLength:100"), nameValidator]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: t`Name`,
+    description: t`The name of the content model`
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "locale",
+    validators: validation.create("required"),
+    afterChange: value => {
+      if (!value) {
+        return;
       }
-    }, "+ ", t(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["Clone"]))))));
-  }));
+      setLocale(value);
+      setGroups(null);
+    }
+  }, /*#__PURE__*/React.createElement(Select, {
+    description: t`Choose a locale into which you wish to clone the model`,
+    label: t`Content model locale`,
+    options: locales
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "singularApiName",
+    validators: [validation.create("required,maxLength:100"), apiNameValidator]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: t`Singular API Name`,
+    description: t`The API name of the content model. For example: AuthorCategory.`,
+    "data-testid": "cms.newcontentmodeldialog.singularApiName"
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "pluralApiName",
+    validators: [validation.create("required,maxLength:100"), apiNameValidator]
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: t`Plural API Name`,
+    description: t`The plural API name of the content model. For example: AuthorCategories.`,
+    "data-testid": "cms.newcontentmodeldialog.pluralApiName"
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "group",
+    validators: validation.create("required")
+  }, /*#__PURE__*/React.createElement(Select, {
+    description: t`Choose a content model group`,
+    label: t`Content model group`,
+    options: groups || []
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "icon"
+  }, /*#__PURE__*/React.createElement(IconPicker, {
+    label: t`Icon`,
+    description: t`Choose an icon to represent the model.`
+  }))), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "description"
+  }, /*#__PURE__*/React.createElement(Input, {
+    rows: 4,
+    maxLength: 200,
+    characterCount: true,
+    label: t`Description`
+  }))))), /*#__PURE__*/React.createElement(UID.DialogActions, null, /*#__PURE__*/React.createElement(ButtonDefault, {
+    onClick: ev => {
+      submit(ev);
+    }
+  }, "+ ", t`Clone`)))));
 };
 
 //# sourceMappingURL=CloneContentModelDialog.js.map