@bindu-dashing/dam-solution 1.0.0

package/dist/AssetType/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _assetTypeContainer = _interopRequireDefault(require("./assetTypeContainer"));
+var _antd = require("antd");
+function App(props) {
+  var _props$styles, _props$styles2, _props$styles3;
+  return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    theme: {
+      token: {
+        colorPrimary: props === null || props === void 0 ? void 0 : (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.primaryColor,
+        colorLink: props === null || props === void 0 ? void 0 : (_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.primaryColor,
+        colorLinkHover: props === null || props === void 0 ? void 0 : (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.secondaryColor
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_assetTypeContainer.default, Object.assign({}, props, {
+    damAccessKey: props === null || props === void 0 ? void 0 : props.accessKey
+  })));
+}
+var _default = App;
+exports.default = _default;

package/dist/AssetType/style.css

@@ -0,0 +1,110 @@
+*{
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+.asset-management-page {
+  padding: 10px 20px;
+  max-height: calc(100vh - 115px);
+  overflow-y: scroll;
+}
+.asset-management-page .asset-management-table .header {
+  margin-top: 10px;
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.asset-management-page .asset-management-table .header .page-title {
+  width: 300px;
+}
+.asset-management-page .asset-management-table .header .right-section {
+  margin-left: auto;
+  display: contents;
+}
+.asset-management-page
+  .asset-management-table
+  .header
+  .right-section
+  .search-bar {
+  margin-right: 20px;
+}
+.asset-management-page .asset-management-table .mobile-search-bar {
+  display: none;
+}
+.page-title.ant-typography {
+  margin: 0 !important;
+}
+.asset-management-table {
+  margin-top: 30px;
+  /* margin-bottom: 30px; */
+}
+.create-asset-page .form .metadata-field-container {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 10px;
+}
+.create-asset-page .form .metadata-field {
+  padding: 20px;
+  border-radius: 4px;
+  background-color: rgb(245, 245, 245);
+}
+
+.create-asset-page .form .metadata-field .ant-row {
+  margin: 0 !important;
+}
+.assetType-table .ant-table-content {
+  min-height: calc(100vh - 210px);
+}
+.assetType-table .ant-table-footer .assetType-pagination {
+  display: flex;
+  justify-content: flex-end;
+}
+.row-dragging {
+  color: #fff;
+  background: var(--color, #18bfcd);
+  border: 1px solid #f0f0f0;
+}
+.asset-management-table .ant-table-container .ant-table-cell {
+  width: 50%;
+}
+.is-dragging-over .row-dragging{
+  background: var(--color, #18bfcd);
+}
+
+.asset-management-table
+  .ant-table-container
+  .ant-typography-ellipsis-single-line {
+  max-width: 400px;
+}
+
+@media (max-width: 767px) {
+  .asset-management-page
+    .asset-management-table
+    .header
+    .right-section
+    .search-bar {
+    display: none;
+  }
+  .asset-management-page .asset-management-table .mobile-search-bar {
+    display: block;
+    margin-bottom: 10px;
+  }
+  .asset-management-page .asset-management-table .header {
+    margin-bottom: 5px;
+  }
+  .assetType-table .ant-table-content {
+    min-height: calc(100vh - 235px);
+  }
+  .asset-management-table
+    .ant-table-container
+    .ant-typography-ellipsis-single-line {
+    max-width: 160px;
+  }
+}
+.create-asset-page .dam-loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: calc(100vh - 200px);
+}

package/dist/Components/ImagePickerFiltersTest.js

@@ -0,0 +1,121 @@
+"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.default = ImagePickerFiltersTest;
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _lib = require("../../lib");
+function ImagePickerFiltersTest(_ref) {
+  var _state$imagePickers;
+  let {
+    accessKey,
+    secretKey,
+    subdomain,
+    ...props
+  } = _ref;
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const [state, setState] = (0, _react.useState)({
+    imagePickers: [],
+    loading: false
+  });
+  const [id, setId] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    fetchImagePickers();
+  }, []);
+  const fetchImagePickers = () => {
+    fetchApi({
+      httpMethod: "post",
+      body: {
+        access_key: process.env.REACT_APP_DAM_ACCESS_KEY || accessKey,
+        secret_key: process.env.REACT_APP_DAM_SECRET_KEY || secretKey,
+        subdomain: process.env.REACT_APP_DAM_SUBDOMAIN || subdomain
+      },
+      route: APIS.GENERATE_TOKENS,
+      onSuccess: response => {
+        var _response$data;
+        setState(prevState => {
+          return {
+            ...prevState,
+            loading: true
+          };
+        });
+        const token = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.access_token;
+        fetchApi({
+          httpMethod: "get",
+          route: APIS.FETCH_IMAGE_PICKERS,
+          onSuccess: response => {
+            setState(prevState => {
+              var _response$data2;
+              return {
+                ...prevState,
+                loading: false,
+                imagePickers: response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.items
+              };
+            });
+          },
+          accessToken: token,
+          damAccessKey: accessKey,
+          secretKey,
+          subdomain
+        });
+      },
+      onFailure: () => {
+        setState(prevState => {
+          return {
+            ...prevState,
+            loading: false
+          };
+        });
+      },
+      damAccessKey: accessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      margin: "10px"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Card, {
+    style: {
+      width: 500
+    }
+  }, state !== null && state !== void 0 && state.loading ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Spin, null)) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: "10px"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, null, "Select Image Picker"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: state === null || state === void 0 ? void 0 : state.id,
+    style: {
+      width: "100%"
+    },
+    placeholder: "Select image picker",
+    options: (state === null || state === void 0 ? void 0 : (_state$imagePickers = state.imagePickers) === null || _state$imagePickers === void 0 ? void 0 : _state$imagePickers.map(picker => {
+      return {
+        label: picker === null || picker === void 0 ? void 0 : picker.name,
+        value: picker === null || picker === void 0 ? void 0 : picker.id
+      };
+    })) || [],
+    onChange: val => setId(val)
+  })), id && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_lib.ImagePickerFilters, Object.assign({
+    id: id,
+    accessKey: accessKey,
+    subdomain: subdomain,
+    secretKey: secretKey,
+    onSelect: (file, value) => console.log(file, value)
+  }, props)))));
+}

package/dist/Components/ImagePickerTest.js

@@ -0,0 +1,120 @@
+"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.default = ImagePickerTest;
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _lib = require("../../lib");
+function ImagePickerTest(_ref) {
+  var _state$imagePickers;
+  let {
+    accessKey,
+    secretKey,
+    subdomain,
+    ...props
+  } = _ref;
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const [state, setState] = (0, _react.useState)({
+    imagePickers: [],
+    loading: false
+  });
+  const [id, setId] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    fetchImagePickers();
+  }, []);
+  const fetchImagePickers = () => {
+    fetchApi({
+      httpMethod: "post",
+      body: {
+        access_key: process.env.REACT_APP_DAM_ACCESS_KEY || accessKey,
+        secret_key: process.env.REACT_APP_DAM_SECRET_KEY || secretKey,
+        subdomain: process.env.REACT_APP_DAM_SUBDOMAIN || subdomain
+      },
+      route: APIS.GENERATE_TOKENS,
+      onSuccess: response => {
+        var _response$data;
+        setState(prevState => {
+          return {
+            ...prevState,
+            loading: true
+          };
+        });
+        const token = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.access_token;
+        fetchApi({
+          httpMethod: "get",
+          route: APIS.FETCH_IMAGE_PICKERS,
+          onSuccess: response => {
+            setState(prevState => {
+              var _response$data2;
+              return {
+                ...prevState,
+                loading: false,
+                imagePickers: response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.items
+              };
+            });
+          },
+          accessToken: token,
+          damAccessKey: accessKey,
+          secretKey,
+          subdomain
+        });
+      },
+      onFailure: () => {
+        setState(prevState => {
+          return {
+            ...prevState,
+            loading: false
+          };
+        });
+      },
+      damAccessKey: accessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      margin: "10px"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Card, {
+    style: {
+      width: 500
+    }
+  }, state !== null && state !== void 0 && state.loading ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Spin, null)) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginBottom: "10px"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, null, "Select Image Picker"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: state === null || state === void 0 ? void 0 : state.id,
+    style: {
+      width: "100%"
+    },
+    placeholder: "Select image picker",
+    options: (state === null || state === void 0 ? void 0 : (_state$imagePickers = state.imagePickers) === null || _state$imagePickers === void 0 ? void 0 : _state$imagePickers.map(picker => {
+      return {
+        label: picker === null || picker === void 0 ? void 0 : picker.name,
+        value: picker === null || picker === void 0 ? void 0 : picker.id
+      };
+    })) || [],
+    onChange: val => setId(val)
+  })), id && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_lib.ImagePicker, Object.assign({
+    id: id,
+    accessKey: accessKey,
+    subdomain: subdomain,
+    secretKey: secretKey
+  }, props)))));
+}

package/dist/CreateClient/createClient.js

@@ -0,0 +1,34 @@
+"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.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _createClientForm = _interopRequireDefault(require("./createClientForm"));
+const CreateClient = _ref => {
+  let {
+    onSuccess,
+    api,
+    username,
+    password,
+    clientSubdomain
+  } = _ref;
+  const [showForm, setShowForm] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    onClick: () => setShowForm(true)
+  }, "Create Client"), showForm && /*#__PURE__*/_react.default.createElement(_createClientForm.default, {
+    setShowCreateClient: setShowForm,
+    onSuccess: onSuccess,
+    api: api,
+    username: username,
+    password: password,
+    clientSubdomain: clientSubdomain
+  }));
+};
+var _default = CreateClient;
+exports.default = _default;

package/dist/CreateClient/createClientForm.js

@@ -0,0 +1,269 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _appConstants = require("../constants/appConstants");
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+const CreateClientForm = _ref => {
+  let {
+    setShowCreateClient,
+    fromLogin = false,
+    onSuccess,
+    api,
+    username,
+    password,
+    clientSubdomain
+  } = _ref;
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [initialValues, setInitialValues] = (0, _react.useState)({});
+  const [damLocationType, setDamLocationType] = (0, _react.useState)("external");
+  const [filteredTeams, setFilteredTeams] = (0, _react.useState)([]);
+  const [form] = _antd.Form.useForm();
+  const onChangeDamLocationType = e => {
+    setDamLocationType(e);
+    form.setFieldValue("dam_location_details", {
+      type: e
+    });
+  };
+  (0, _react.useEffect)(() => {
+    if (clientSubdomain) {
+      form.setFieldValue("subdomain", clientSubdomain);
+    }
+  }, []);
+  const onFinish = data => {
+    var _data$dam_location_de, _data$dam_location_de2, _data$dam_location_de3, _data$dam_location_de4, _data$dam_location_de5, _data$dam_location_de6, _data$dam_location_de7;
+    const values = {
+      ...initialValues,
+      ...data,
+      is_active: fromLogin ? false : true,
+      access_key: process.env.REACT_APP_DAM_CLIENT_PARENT_ACCESS_KEY,
+      secret_key: process.env.REACT_APP_DAM_CLIENT_PARENT_SECRET_KEY,
+      parent_subdomain: process.env.REACT_APP_DAM_CLIENT_PARENT_SUBDOMAIN,
+      teams_api_details: {
+        teams_api: api,
+        username: username,
+        password: password
+      },
+      dam_location_details: damLocationType === "external" ? {
+        bucket: data === null || data === void 0 ? void 0 : (_data$dam_location_de = data.dam_location_details) === null || _data$dam_location_de === void 0 ? void 0 : _data$dam_location_de.bucket,
+        type: data === null || data === void 0 ? void 0 : (_data$dam_location_de2 = data.dam_location_details) === null || _data$dam_location_de2 === void 0 ? void 0 : _data$dam_location_de2.type,
+        root_path: data === null || data === void 0 ? void 0 : (_data$dam_location_de3 = data.dam_location_details) === null || _data$dam_location_de3 === void 0 ? void 0 : _data$dam_location_de3.root_path,
+        access_key_id: data === null || data === void 0 ? void 0 : (_data$dam_location_de4 = data.dam_location_details) === null || _data$dam_location_de4 === void 0 ? void 0 : _data$dam_location_de4.access_key_id,
+        secret_access_key: data === null || data === void 0 ? void 0 : (_data$dam_location_de5 = data.dam_location_details) === null || _data$dam_location_de5 === void 0 ? void 0 : _data$dam_location_de5.secret_access_key,
+        url: data === null || data === void 0 ? void 0 : (_data$dam_location_de6 = data.dam_location_details) === null || _data$dam_location_de6 === void 0 ? void 0 : _data$dam_location_de6.url,
+        region: data === null || data === void 0 ? void 0 : (_data$dam_location_de7 = data.dam_location_details) === null || _data$dam_location_de7 === void 0 ? void 0 : _data$dam_location_de7.region
+      } : {
+        type: damLocationType
+      }
+    };
+    setLoading(true);
+    fetch(process.env.REACT_APP_DAM_API_URL + APIS.CREATE_SUB_CLIENT, {
+      method: "POST",
+      body: JSON.stringify(values),
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      }
+    }).then(response => {
+      return response.json();
+    }).then(result => {
+      if ((result === null || result === void 0 ? void 0 : result.code) === 200 || (result === null || result === void 0 ? void 0 : result.code) === 201) {
+        setLoading(false);
+        setShowCreateClient(false);
+        if (onSuccess) {
+          onSuccess(result.data.data);
+        }
+        _antd.notification.success({
+          message: "Client created successfully"
+        });
+      } else {
+        var _result$message;
+        setLoading(false);
+        _antd.notification.error({
+          message: (_result$message = result === null || result === void 0 ? void 0 : result.message) !== null && _result$message !== void 0 ? _result$message : "Error occurred while creating client"
+        });
+      }
+    }).catch(error => {
+      // console.log(error);
+      setLoading(false);
+      _antd.notification.error({
+        message: "Error occurred while creating client"
+      });
+    });
+  };
+  (0, _react.useEffect)(() => {
+    if (api && username && password) {
+      fetch(api, {
+        method: "GET",
+        headers: {
+          Authorization: "Basic " + btoa(username + ":" + password)
+        }
+      }).then(response => {
+        return response === null || response === void 0 ? void 0 : response.json();
+      }).then(result => {
+        var _result$data;
+        const options = result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.map(team => {
+          return {
+            label: /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+              style: {
+                display: "flex"
+              }
+            }, team === null || team === void 0 ? void 0 : team.id, " ", team === null || team === void 0 ? void 0 : team.name, " ", /*#__PURE__*/_react.default.createElement("span", {
+              style: {
+                marginLeft: "auto"
+              }
+            }, team === null || team === void 0 ? void 0 : team.type)),
+            value: team === null || team === void 0 ? void 0 : team.id,
+            key: `${team === null || team === void 0 ? void 0 : team.id} - ${team === null || team === void 0 ? void 0 : team.name} - ${team === null || team === void 0 ? void 0 : team.type}`
+          };
+        });
+        setFilteredTeams(options);
+      });
+    }
+  }, [api, username, password]);
+  return /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
+    open: true,
+    title: "Create Client",
+    onClose: () => setShowCreateClient(false),
+    width: 500,
+    maskClosable: false
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical",
+    form: form,
+    onFinish: onFinish
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Name",
+    name: "name",
+    rules: [{
+      required: true,
+      message: "Name is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Name"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Access Types",
+    name: "access_types",
+    rules: [{
+      required: true,
+      message: "Access type is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    options: _appConstants.ACCESS_TYPES,
+    mode: "multiple",
+    placeholder: "Select Asset Type"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Admin Teams",
+    name: "admin_team_ids",
+    rules: [{
+      required: true,
+      message: "Team Ids is required"
+    }],
+    getValueFromEvent: e => {
+      return e ? e === null || e === void 0 ? void 0 : e.join(",") : "";
+    },
+    getValueProps: i => {
+      var _i$split;
+      return {
+        value: i && i !== "" ? (_i$split = i.split(",")) === null || _i$split === void 0 ? void 0 : _i$split.map(val => Number(val)) : []
+      };
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select
+  // showSearch
+  , {
+    mode: "multiple",
+    placeholder: "Team Ids",
+    options: filteredTeams,
+    optionFilterProp: "key"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "DAM Location Details",
+    name: "dam_location_details"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Type",
+    name: ["dam_location_details", "type"],
+    rules: [{
+      required: true,
+      message: "Type is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    options: _appConstants.DAM_LOCATION_TYPES,
+    onChange: e => {
+      onChangeDamLocationType(e);
+    },
+    placeholder: "Type"
+  })), damLocationType === "external" && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Bucket",
+    name: ["dam_location_details", "bucket"],
+    rules: [{
+      required: true,
+      message: "Bucket is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Bucket"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Root Path",
+    name: ["dam_location_details", "root_path"],
+    rules: [{
+      required: true,
+      message: "Root path is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Root ptah"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Access Key Id",
+    name: ["dam_location_details", "access_key_id"],
+    rules: [{
+      required: true,
+      message: "Access key Id is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Access Key"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Secret Access Key",
+    name: ["dam_location_details", "secret_access_key"],
+    rules: [{
+      required: true,
+      message: "Secret Access Key is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Secret Key"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Url",
+    name: ["dam_location_details", "url"],
+    rules: [{
+      required: true,
+      message: "Url is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Url"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Region",
+    name: ["dam_location_details", "region"],
+    rules: [{
+      required: true,
+      message: "Region is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Region"
+  })))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Subdomain",
+    name: "subdomain",
+    rules: [{
+      required: true,
+      message: "Subdomain is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Subdomain"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    htmlType: "submit",
+    type: "primary",
+    block: true,
+    loading: loading
+  }, "Submit"))));
+};
+var _default = CreateClientForm;
+exports.default = _default;