@localazy/strapi-plugin
Version:
The official Strapi Plugin by Localazy.
1,572 lines • 79.8 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const React = require("react");
const isEqual = require("./isEqual-0M0aSdTT.js");
const set = require("./set-Cbi1yYuW.js");
const admin = require("@strapi/strapi/admin");
const hasModelChanged = require("./has-model-changed-gNSOSMBa.js");
const styled = require("styled-components");
const _interopDefault = (e2) => e2 && e2.__esModule ? e2 : { default: e2 };
const styled__default = /* @__PURE__ */ _interopDefault(styled);
var voidElements = {
"area": true,
"base": true,
"br": true,
"col": true,
"embed": true,
"hr": true,
"img": true,
"input": true,
"link": true,
"meta": true,
"param": true,
"source": true,
"track": true,
"wbr": true
};
const e = /* @__PURE__ */ set.getDefaultExportFromCjs(voidElements);
var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
function n(n2) {
var r2 = { type: "tag", name: "", voidElement: false, attrs: {}, children: [] }, i2 = n2.match(/<\/?([^\s]+?)[/\s>]/);
if (i2 && (r2.name = i2[1], (e[i2[1]] || "/" === n2.charAt(n2.length - 2)) && (r2.voidElement = true), r2.name.startsWith("!--"))) {
var s2 = n2.indexOf("-->");
return { type: "comment", comment: -1 !== s2 ? n2.slice(4, s2) : "" };
}
for (var a2 = new RegExp(t), c2 = null; null !== (c2 = a2.exec(n2)); ) if (c2[0].trim()) if (c2[1]) {
var o = c2[1].trim(), l = [o, ""];
o.indexOf("=") > -1 && (l = o.split("=")), r2.attrs[l[0]] = l[1], a2.lastIndex--;
} else c2[2] && (r2.attrs[c2[2]] = c2[3].trim().substring(1, c2[3].length - 1));
return r2;
}
var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, i = /^\s*$/, s = /* @__PURE__ */ Object.create(null);
function a(e2, t2) {
switch (t2.type) {
case "text":
return e2 + t2.content;
case "tag":
return e2 += "<" + t2.name + (t2.attrs ? function(e3) {
var t3 = [];
for (var n2 in e3) t3.push(n2 + '="' + e3[n2] + '"');
return t3.length ? " " + t3.join(" ") : "";
}(t2.attrs) : "") + (t2.voidElement ? "/>" : ">"), t2.voidElement ? e2 : e2 + t2.children.reduce(a, "") + "</" + t2.name + ">";
case "comment":
return e2 + "<!--" + t2.comment + "-->";
}
}
var c = { parse: function(e2, t2) {
t2 || (t2 = {}), t2.components || (t2.components = s);
var a2, c2 = [], o = [], l = -1, m = false;
if (0 !== e2.indexOf("<")) {
var u = e2.indexOf("<");
c2.push({ type: "text", content: -1 === u ? e2 : e2.substring(0, u) });
}
return e2.replace(r, function(r2, s2) {
if (m) {
if (r2 !== "</" + a2.name + ">") return;
m = false;
}
var u2, f = "/" !== r2.charAt(1), h = r2.startsWith("<!--"), p = s2 + r2.length, d = e2.charAt(p);
if (h) {
var v = n(r2);
return l < 0 ? (c2.push(v), c2) : ((u2 = o[l]).children.push(v), c2);
}
if (f && (l++, "tag" === (a2 = n(r2)).type && t2.components[a2.name] && (a2.type = "component", m = true), a2.voidElement || m || !d || "<" === d || a2.children.push({ type: "text", content: e2.slice(p, e2.indexOf("<", p)) }), 0 === l && c2.push(a2), (u2 = o[l - 1]) && u2.children.push(a2), o[l] = a2), (!f || a2.voidElement) && (l > -1 && (a2.voidElement || a2.name === r2.slice(2, -1)) && (l--, a2 = -1 === l ? c2 : o[l]), !m && "<" !== d && d)) {
u2 = -1 === l ? c2 : o[l].children;
var x = e2.indexOf("<", p), g = e2.slice(p, -1 === x ? void 0 : x);
i.test(g) && (g = " "), (x > -1 && l + u2.length >= 0 || " " !== g) && u2.push({ type: "text", content: g });
}
}), c2;
}, stringify: function(e2) {
return e2.reduce(function(e3, t2) {
return e3 + a("", t2);
}, "");
} };
const hasChildren = (node, checkLength) => {
if (!node) return false;
const base = node.props?.children ?? node.children;
if (checkLength) return base.length > 0;
return !!base;
};
const getChildren = (node) => {
if (!node) return [];
const children = node.props?.children ?? node.children;
return node.props?.i18nIsDynamicList ? getAsArray(children) : children;
};
const hasValidReactChildren = (children) => Array.isArray(children) && children.every(React.isValidElement);
const getAsArray = (data) => Array.isArray(data) ? data : [data];
const mergeProps = (source, target) => {
const newTarget = {
...target
};
newTarget.props = Object.assign(source.props, target.props);
return newTarget;
};
const nodesToString = (children, i18nOptions, i18n, i18nKey) => {
if (!children) return "";
let stringNode = "";
const childrenArray = getAsArray(children);
const keepArray = i18nOptions?.transSupportBasicHtmlNodes ? i18nOptions.transKeepBasicHtmlNodesFor ?? [] : [];
childrenArray.forEach((child, childIndex) => {
if (set.isString(child)) {
stringNode += `${child}`;
return;
}
if (React.isValidElement(child)) {
const {
props,
type
} = child;
const childPropsCount = Object.keys(props).length;
const shouldKeepChild = keepArray.indexOf(type) > -1;
const childChildren = props.children;
if (!childChildren && shouldKeepChild && !childPropsCount) {
stringNode += `<${type}/>`;
return;
}
if (!childChildren && (!shouldKeepChild || childPropsCount) || props.i18nIsDynamicList) {
stringNode += `<${childIndex}></${childIndex}>`;
return;
}
if (shouldKeepChild && childPropsCount === 1 && set.isString(childChildren)) {
stringNode += `<${type}>${childChildren}</${type}>`;
return;
}
const content = nodesToString(childChildren, i18nOptions, i18n, i18nKey);
stringNode += `<${childIndex}>${content}</${childIndex}>`;
return;
}
if (child === null) {
set.warn(i18n, "TRANS_NULL_VALUE", `Passed in a null value as child`, {
i18nKey
});
return;
}
if (set.isObject(child)) {
const {
format,
...clone
} = child;
const keys = Object.keys(clone);
if (keys.length === 1) {
const value = format ? `${keys[0]}, ${format}` : keys[0];
stringNode += `{{${value}}}`;
return;
}
set.warn(i18n, "TRANS_INVALID_OBJ", `Invalid child - Object should only have keys {{ value, format }} (format is optional).`, {
i18nKey,
child
});
return;
}
set.warn(i18n, "TRANS_INVALID_VAR", `Passed in a variable like {number} - pass variables for interpolation as full objects like {{number}}.`, {
i18nKey,
child
});
});
return stringNode;
};
const renderNodes = (children, targetString, i18n, i18nOptions, combinedTOpts, shouldUnescape) => {
if (targetString === "") return [];
const keepArray = i18nOptions.transKeepBasicHtmlNodesFor || [];
const emptyChildrenButNeedsHandling = targetString && new RegExp(keepArray.map((keep) => `<${keep}`).join("|")).test(targetString);
if (!children && !emptyChildrenButNeedsHandling && !shouldUnescape) return [targetString];
const data = {};
const getData = (childs) => {
const childrenArray = getAsArray(childs);
childrenArray.forEach((child) => {
if (set.isString(child)) return;
if (hasChildren(child)) getData(getChildren(child));
else if (set.isObject(child) && !React.isValidElement(child)) Object.assign(data, child);
});
};
getData(children);
const ast = c.parse(`<0>${targetString}</0>`);
const opts = {
...data,
...combinedTOpts
};
const renderInner = (child, node, rootReactNode) => {
const childs = getChildren(child);
const mappedChildren = mapAST(childs, node.children, rootReactNode);
return hasValidReactChildren(childs) && mappedChildren.length === 0 || child.props?.i18nIsDynamicList ? childs : mappedChildren;
};
const pushTranslatedJSX = (child, inner, mem, i2, isVoid) => {
if (child.dummy) {
child.children = inner;
mem.push(React.cloneElement(child, {
key: i2
}, isVoid ? void 0 : inner));
} else {
mem.push(...React.Children.map([child], (c2) => {
const props = {
...c2.props
};
delete props.i18nIsDynamicList;
return React.createElement(c2.type, {
...props,
key: i2,
ref: c2.ref
}, isVoid ? null : inner);
}));
}
};
const mapAST = (reactNode, astNode, rootReactNode) => {
const reactNodes = getAsArray(reactNode);
const astNodes = getAsArray(astNode);
return astNodes.reduce((mem, node, i2) => {
const translationContent = node.children?.[0]?.content && i18n.services.interpolator.interpolate(node.children[0].content, opts, i18n.language);
if (node.type === "tag") {
let tmp = reactNodes[parseInt(node.name, 10)];
if (rootReactNode.length === 1 && !tmp) tmp = rootReactNode[0][node.name];
if (!tmp) tmp = {};
const child = Object.keys(node.attrs).length !== 0 ? mergeProps({
props: node.attrs
}, tmp) : tmp;
const isElement = React.isValidElement(child);
const isValidTranslationWithChildren = isElement && hasChildren(node, true) && !node.voidElement;
const isEmptyTransWithHTML = emptyChildrenButNeedsHandling && set.isObject(child) && child.dummy && !isElement;
const isKnownComponent = set.isObject(children) && Object.hasOwnProperty.call(children, node.name);
if (set.isString(child)) {
const value = i18n.services.interpolator.interpolate(child, opts, i18n.language);
mem.push(value);
} else if (hasChildren(child) || isValidTranslationWithChildren) {
const inner = renderInner(child, node, rootReactNode);
pushTranslatedJSX(child, inner, mem, i2);
} else if (isEmptyTransWithHTML) {
const inner = mapAST(reactNodes, node.children, rootReactNode);
pushTranslatedJSX(child, inner, mem, i2);
} else if (Number.isNaN(parseFloat(node.name))) {
if (isKnownComponent) {
const inner = renderInner(child, node, rootReactNode);
pushTranslatedJSX(child, inner, mem, i2, node.voidElement);
} else if (i18nOptions.transSupportBasicHtmlNodes && keepArray.indexOf(node.name) > -1) {
if (node.voidElement) {
mem.push(React.createElement(node.name, {
key: `${node.name}-${i2}`
}));
} else {
const inner = mapAST(reactNodes, node.children, rootReactNode);
mem.push(React.createElement(node.name, {
key: `${node.name}-${i2}`
}, inner));
}
} else if (node.voidElement) {
mem.push(`<${node.name} />`);
} else {
const inner = mapAST(reactNodes, node.children, rootReactNode);
mem.push(`<${node.name}>${inner}</${node.name}>`);
}
} else if (set.isObject(child) && !isElement) {
const content = node.children[0] ? translationContent : null;
if (content) mem.push(content);
} else {
pushTranslatedJSX(child, translationContent, mem, i2, node.children.length !== 1 || !translationContent);
}
} else if (node.type === "text") {
const wrapTextNodes = i18nOptions.transWrapTextNodes;
const content = shouldUnescape ? i18nOptions.unescape(i18n.services.interpolator.interpolate(node.content, opts, i18n.language)) : i18n.services.interpolator.interpolate(node.content, opts, i18n.language);
if (wrapTextNodes) {
mem.push(React.createElement(wrapTextNodes, {
key: `${node.name}-${i2}`
}, content));
} else {
mem.push(content);
}
}
return mem;
}, []);
};
const result = mapAST([{
dummy: true,
children: children || []
}], ast, getAsArray(children || []));
return getChildren(result[0]);
};
const fixComponentProps = (component, index, translation) => {
const componentKey = component.key || index;
const comp = React.cloneElement(component, {
key: componentKey
});
if (!comp.props || !comp.props.children || translation.indexOf(`${index}/>`) < 0 && translation.indexOf(`${index} />`) < 0) {
return comp;
}
function Componentized() {
return React.createElement(React.Fragment, null, comp);
}
return React.createElement(Componentized);
};
const generateArrayComponents = (components, translation) => components.map((c2, index) => fixComponentProps(c2, index, translation));
const generateObjectComponents = (components, translation) => {
const componentMap = {};
Object.keys(components).forEach((c2) => {
Object.assign(componentMap, {
[c2]: fixComponentProps(components[c2], c2, translation)
});
});
return componentMap;
};
const generateComponents = (components, translation, i18n, i18nKey) => {
if (!components) return null;
if (Array.isArray(components)) {
return generateArrayComponents(components, translation);
}
if (set.isObject(components)) {
return generateObjectComponents(components, translation);
}
set.warnOnce(i18n, "TRANS_INVALID_COMPONENTS", `<Trans /> "components" prop expects an object or array`, {
i18nKey
});
return null;
};
function Trans$1({
children,
count,
parent,
i18nKey,
context,
tOptions = {},
values,
defaults,
components,
ns,
i18n: i18nFromProps,
t: tFromProps,
shouldUnescape,
...additionalProps
}) {
const i18n = i18nFromProps || set.getI18n();
if (!i18n) {
set.warnOnce(i18n, "NO_I18NEXT_INSTANCE", `Trans: You need to pass in an i18next instance using i18nextReactModule`, {
i18nKey
});
return children;
}
const t2 = tFromProps || i18n.t.bind(i18n) || ((k) => k);
const reactI18nextOptions = {
...set.getDefaults(),
...i18n.options?.react
};
let namespaces = ns || t2.ns || i18n.options?.defaultNS;
namespaces = set.isString(namespaces) ? [namespaces] : namespaces || ["translation"];
const nodeAsString = nodesToString(children, reactI18nextOptions, i18n, i18nKey);
const defaultValue = defaults || nodeAsString || reactI18nextOptions.transEmptyNodeValue || i18nKey;
const {
hashTransKey
} = reactI18nextOptions;
const key = i18nKey || (hashTransKey ? hashTransKey(nodeAsString || defaultValue) : nodeAsString || defaultValue);
if (i18n.options?.interpolation?.defaultVariables) {
values = values && Object.keys(values).length > 0 ? {
...values,
...i18n.options.interpolation.defaultVariables
} : {
...i18n.options.interpolation.defaultVariables
};
}
const interpolationOverride = values || count !== void 0 && !i18n.options?.interpolation?.alwaysFormat || !children ? tOptions.interpolation : {
interpolation: {
...tOptions.interpolation,
prefix: "#$?",
suffix: "?$#"
}
};
const combinedTOpts = {
...tOptions,
context: context || tOptions.context,
count,
...values,
...interpolationOverride,
defaultValue,
ns: namespaces
};
const translation = key ? t2(key, combinedTOpts) : defaultValue;
const generatedComponents = generateComponents(components, translation, i18n, i18nKey);
const content = renderNodes(generatedComponents || children, translation, i18n, reactI18nextOptions, combinedTOpts, shouldUnescape);
const useAsParent = parent ?? reactI18nextOptions.defaultTransParent;
return useAsParent ? React.createElement(useAsParent, additionalProps, content) : content;
}
function Trans({
children,
count,
parent,
i18nKey,
context,
tOptions = {},
values,
defaults,
components,
ns,
i18n: i18nFromProps,
t: tFromProps,
shouldUnescape,
...additionalProps
}) {
const {
i18n: i18nFromContext,
defaultNS: defaultNSFromContext
} = React.useContext(set.I18nContext) || {};
const i18n = i18nFromProps || i18nFromContext || set.getI18n();
const t2 = tFromProps || i18n?.t.bind(i18n);
return Trans$1({
children,
count,
parent,
i18nKey,
context,
tOptions,
values,
defaults,
components,
ns: ns || t2?.ns || defaultNSFromContext || i18n?.options?.defaultNS,
i18n,
t: tFromProps,
shouldUnescape,
...additionalProps
});
}
const getFilteredModelsSchemas = (models) => {
if (!models) {
return [];
}
return models.map((model) => {
const attributesKeys = Object.keys(model.__schema__.attributes);
const attributes = attributesKeys.map((attributeKey) => {
const type = model.__schema__.attributes[attributeKey].type;
const customField = model.__schema__.attributes[attributeKey].customField;
if (!(hasModelChanged.SUPPORTED_CONTENT_TYPE_FIELDS.includes(type.toLowerCase()) || type.toLowerCase() === "customfield" && hasModelChanged.SUPPORTED_CUSTOM_FIELD_PLUGINS.includes(customField))) {
return null;
}
return attributeKey;
});
return {
modelUid: model.uid,
collectionName: model.collectionName,
displayName: model.info.displayName,
attributes: attributes.filter((attribute) => !!attribute)
};
});
};
const buildContentTransferSetupSchema = (localizableTree = [], storedSetupSchema = [], allModelsTree = []) => {
const { oLocalizableTree, oStoredSetupSchema, newKeys, filteredStoredSetupSchemaKeys } = hasModelChanged.getContentTransferSetupKeysSets(localizableTree, storedSetupSchema);
const destinationObject = {};
filteredStoredSetupSchemaKeys.forEach((key) => {
const localizableTreeValueToSet = hasModelChanged.get(oStoredSetupSchema, key);
const allModelsTreeValueToSet = hasModelChanged.findModelValueByKey(allModelsTree, key);
if (allModelsTreeValueToSet === null) {
set.set(destinationObject, key, null);
} else if (localizableTreeValueToSet !== null) {
set.set(destinationObject, key, localizableTreeValueToSet);
} else {
const newValueToSet = hasModelChanged.findModelValueByKey(allModelsTree, key);
set.set(destinationObject, key, newValueToSet);
}
});
newKeys.forEach((key) => {
set.set(destinationObject, key, hasModelChanged.get(oLocalizableTree, key));
});
const destinationArray = [];
const sortedDestinationObjectKeys = Object.keys(destinationObject).sort((a2, b) => {
if (a2 < b) return -1;
if (a2 > b) return 1;
return 0;
});
for (const key of sortedDestinationObjectKeys) {
destinationArray.push(destinationObject[key]);
}
return destinationArray;
};
const SvgBlocksField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#EAF5FF", stroke: "#B8E1FF", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#0C75AF",
d: "M14.75 11.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3.5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2M13.75 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4.5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-4.5 4.25a1 1 0 1 0 0 2 1 1 0 0 0 0-2m4.5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
}
)
] });
React.forwardRef(SvgBlocksField);
const SvgBooleanField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#EAFBE7", stroke: "#C6F0C2", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#328048",
d: "M19 11.5h-6a4.5 4.5 0 1 0 0 9h6a4.5 4.5 0 1 0 0-9m0 7a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5"
}
)
] });
React.forwardRef(SvgBooleanField);
const SvgCodeSquare = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#D9822F", d: "M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
d: "M17.143 18.659v2.912l6.856-3.878v-2.815L17.143 11v2.906l4.16 2.38zm-2.287 0-4.16-2.374 4.16-2.38V11L8 14.877v2.816l6.856 3.878z",
clipRule: "evenodd"
}
)
] });
React.forwardRef(SvgCodeSquare);
const SvgCollectionType = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#4945FF", stroke: "#4945FF", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
d: "M14.328 14.54v-.083c-.04-.937-.75-1.559-1.787-1.559-1.535 0-2.725 1.57-2.725 3.65 0 1.302.71 2.104 1.846 2.104.961 0 1.787-.545 2.063-1.37h1.752c-.37 1.78-1.922 2.935-3.967 2.935-2.121 0-3.504-1.395-3.504-3.545 0-3.123 1.951-5.344 4.646-5.344 1.94 0 3.41 1.283 3.41 2.96 0 .087 0 .163-.011.251zM20.053 20H18.27l1.489-6.943h-2.532l.311-1.512h6.844l-.31 1.512H21.54z"
}
)
] });
React.forwardRef(SvgCollectionType);
const SvgComponentField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#F6F6F9", stroke: "#DCDCE4", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#666687",
d: "M20.5 17.5c-.358 0-.71.085-1.029.25l-1.337-1.04q.11-.326.116-.67l.647-.214a2.25 2.25 0 1 0-.637-1.37l-.486.162A2.25 2.25 0 0 0 16 13.75c-.062 0-.117 0-.176.008l-.278-.625A2.25 2.25 0 1 0 14 13.75c.063 0 .117 0 .176-.008l.278.625a2.24 2.24 0 0 0-.537 2.482l-1.33 1.182a2.25 2.25 0 1 0 .996 1.12l1.33-1.182a2.25 2.25 0 0 0 2.3-.075l1.224.954A2.25 2.25 0 1 0 20.5 17.5m0-4a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-7.25-2a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0m-1.75 9.25a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5M15.25 16a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0m5.25 4.5a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5"
}
)
] });
React.forwardRef(SvgComponentField);
const SvgDateField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#FDF4DC", stroke: "#FAE7B9", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#D9822F",
d: "M21 10h-1.5v-.5a.5.5 0 0 0-1 0v.5h-5v-.5a.5.5 0 0 0-1 0v.5H11a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1m0 3H11v-2h1.5v.5a.5.5 0 0 0 1 0V11h5v.5a.5.5 0 0 0 1 0V11H21z"
}
)
] });
React.forwardRef(SvgDateField);
const SvgDiscord = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#5865F2",
d: "M27.107 5.911a26.5 26.5 0 0 0-6.602-2.031 18 18 0 0 0-.845 1.72 24.6 24.6 0 0 0-7.327 0 18 18 0 0 0-.846-1.72A26.7 26.7 0 0 0 4.88 5.916C.702 12.098-.43 18.126.136 24.068a26.6 26.6 0 0 0 8.097 4.065 19.6 19.6 0 0 0 1.734-2.796c-.947-.354-1.86-.79-2.73-1.304.228-.166.452-.337.669-.504a19.02 19.02 0 0 0 16.188 0q.33.271.67.504c-.872.515-1.788.952-2.736 1.306a19.4 19.4 0 0 0 1.734 2.794 26.5 26.5 0 0 0 8.102-4.062c.665-6.892-1.135-12.864-4.757-18.16M10.684 20.414c-1.578 0-2.882-1.433-2.882-3.194 0-1.762 1.259-3.207 2.877-3.207 1.619 0 2.912 1.445 2.885 3.207s-1.271 3.194-2.88 3.194m10.632 0c-1.581 0-2.88-1.433-2.88-3.194 0-1.762 1.259-3.207 2.88-3.207s2.904 1.445 2.877 3.207-1.269 3.194-2.877 3.194"
}
) });
React.forwardRef(SvgDiscord);
const SvgDiscourse = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#231F20",
d: "M15.659.302C7.158.302 0 7.194 0 15.698v15.943l15.656-.015c8.501 0 15.396-7.158 15.396-15.66 0-8.5-6.901-15.664-15.393-15.664"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#FFF9AE",
d: "M15.81 6.261a9.546 9.546 0 0 0-8.39 14.09l-1.726 5.554 6.2-1.4A9.541 9.541 0 1 0 15.82 6.26z"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#00AEEF",
d: "M23.381 9.999a9.54 9.54 0 0 1-11.487 14.49l-6.2 1.419 6.312-.746A9.54 9.54 0 0 0 23.381 10"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#00A94F",
d: "M21.624 8.239a9.54 9.54 0 0 1-9.91 15.61l-6.02 2.059 6.2-1.404a9.54 9.54 0 0 0 9.73-16.265"
}
),
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#F15D22", d: "M7.991 20.562A9.542 9.542 0 0 1 23.387 9.994 9.543 9.543 0 0 0 7.42 20.35l-1.726 5.555z" }),
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#E31B23", d: "M7.42 20.35A9.543 9.543 0 0 1 21.624 8.238 9.543 9.543 0 0 0 6.832 20.202l-1.135 5.706z" })
] });
React.forwardRef(SvgDiscourse);
const SvgDynamicZoneField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#F6F6F9", stroke: "#DCDCE4", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#666687",
d: "M23.75 16a3.75 3.75 0 0 1-6.402 2.652l-.03-.033-3.742-4.225a2.25 2.25 0 1 0 0 3.212l.193-.218a.75.75 0 1 1 1.125.994l-.21.237-.03.033a3.75 3.75 0 1 1 0-5.304l.03.033 3.742 4.225a2.25 2.25 0 1 0 0-3.212l-.193.218a.751.751 0 1 1-1.125-.995l.21-.236.03-.033A3.75 3.75 0 0 1 23.75 16"
}
)
] });
const ForwardRef$O = React.forwardRef(SvgDynamicZoneField);
const ForwardRef$P = ForwardRef$O;
const SvgEmailField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#FCECEA", stroke: "#F5C0B8", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#D02B20",
d: "M16 9.25a6.75 6.75 0 0 0 0 13.5c1.392 0 2.856-.42 3.915-1.125a.75.75 0 1 0-.83-1.25c-.813.54-1.994.875-3.085.875A5.25 5.25 0 1 1 21.25 16c0 .58-.104 1.067-.293 1.372-.165.265-.375.378-.707.378s-.542-.113-.707-.378c-.187-.305-.293-.791-.293-1.372v-2.5a.75.75 0 0 0-1.468-.216 3.25 3.25 0 1 0 .554 4.973c.433.637 1.09.993 1.914.993 1.542 0 2.5-1.245 2.5-3.25A6.76 6.76 0 0 0 16 9.25m0 8.5a1.75 1.75 0 1 1 0-3.5 1.75 1.75 0 0 1 0 3.5"
}
)
] });
React.forwardRef(SvgEmailField);
const SvgEmptyData = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 217 121", ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#EmptyData_svg__a)", children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
stroke: "#EEEEFA",
strokeDasharray: "3.93 4.91",
strokeLinecap: "round",
strokeWidth: 0.982,
d: "M1.158 99.652h215.018M1.158 80.015h215.018M1.158 59.397h215.018M1.158 38.779h215.018M1.158 20.124h215.018"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#D9D8FF",
fillOpacity: 0.8,
fillRule: "evenodd",
d: "M182.63 25.086c4.112 0 7.446 3.279 7.446 7.323s-3.334 7.324-7.446 7.324h-42.545c4.112 0 7.445 3.279 7.445 7.323s-3.333 7.324-7.445 7.324h23.4c4.112 0 7.445 3.278 7.445 7.323 0 4.044-3.333 7.323-7.445 7.323h-10.821c-5.185 0-9.388 3.28-9.388 7.324q0 2.847 3.162 5.314c1.968 1.536 4.676 1.736 6.861 2.943 2.27 1.255 3.804 3.646 3.804 6.39 0 4.044-3.333 7.323-7.445 7.323H61.376c-4.112 0-7.446-3.279-7.446-7.323s3.334-7.324 7.446-7.324H19.894c-4.112 0-7.445-3.279-7.445-7.323s3.333-7.324 7.445-7.324H62.44c4.112 0 7.445-3.278 7.445-7.323s-3.334-7.324-7.446-7.324H35.85c-4.112 0-7.446-3.278-7.446-7.323 0-4.044 3.334-7.323 7.446-7.323h42.545c-4.112 0-7.445-3.28-7.445-7.324s3.333-7.323 7.445-7.323zm0 29.294c4.112 0 7.446 3.278 7.446 7.323 0 4.044-3.334 7.323-7.446 7.323s-7.445-3.278-7.445-7.323 3.333-7.324 7.445-7.324",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"rect",
{
width: 27,
height: 79.036,
x: 109.403,
y: 33.133,
fill: "#fff",
stroke: "#7B79FF",
strokeWidth: 2.455,
rx: 4.173
}
),
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 27, height: 102.6, x: 74.058, y: 9.57, fill: "#fff", stroke: "#7B79FF", strokeWidth: 2.455, rx: 4.173 }),
/* @__PURE__ */ jsxRuntime.jsx(
"rect",
{
width: 27,
height: 58.418,
x: 39.203,
y: 53.26,
fill: "#fff",
stroke: "#7B79FF",
strokeWidth: 2.455,
rx: 4.173
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"rect",
{
width: 27,
height: 55.473,
x: 144.748,
y: 56.697,
fill: "#fff",
stroke: "#7B79FF",
strokeWidth: 2.455,
rx: 4.173
}
),
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 21.6, height: 53.018, x: 41.903, y: 55.961, fill: "#EEEEFA", rx: 1.964 }),
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 21.6, height: 73.636, x: 112.103, y: 35.833, fill: "#EEEEFA", rx: 1.964 })
] }),
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "EmptyData_svg__a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M.667.797h216v120h-216z" }) }) })
] });
React.forwardRef(SvgEmptyData);
const SvgEmptyDocuments = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 217 121", ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#EmptyDocuments_svg__a)", opacity: 0.84, children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#D9D8FF",
fillOpacity: 0.8,
fillRule: "evenodd",
d: "M189.917 20.442a7.583 7.583 0 0 1 0 15.167h-43.334a7.584 7.584 0 1 1 0 15.167h23.834a7.583 7.583 0 0 1 0 15.166h-11.022c-5.281 0-9.562 3.396-9.562 7.584q0 2.934 3.19 5.479c2.017 1.608 4.824 1.818 7.065 3.097a7.584 7.584 0 0 1-3.755 14.174H66.417a7.583 7.583 0 1 1 0-15.167h-42.25a7.583 7.583 0 0 1 0-15.167H67.5a7.583 7.583 0 0 0 0-15.166H40.417a7.583 7.583 0 0 1 0-15.167H83.75a7.583 7.583 0 0 1 0-15.167zm0 30.334a7.583 7.583 0 0 1 0 15.166 7.584 7.584 0 0 1 0-15.166",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
d: "m133.228 20.443 10.077 73.496.905 7.373a4.33 4.33 0 0 1-3.773 4.829l-63.44 7.79a4.334 4.334 0 0 1-4.83-3.773l-9.766-79.547a2.167 2.167 0 0 1 1.886-2.414l.023-.003 5.263-.59zm-59.4 6.683 4.97-.557z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
stroke: "#7B79FF",
strokeWidth: 2.5,
d: "m73.829 27.126 4.97-.557m54.429-6.126 10.077 73.496.905 7.373a4.33 4.33 0 0 1-3.773 4.829l-63.44 7.79a4.334 4.334 0 0 1-4.83-3.773l-9.766-79.547a2.167 2.167 0 0 1 1.886-2.414l.023-.003 5.263-.59z"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#F0F0FF",
fillRule: "evenodd",
d: "m130.485 25.068 9.121 66.607.821 6.683c.264 2.152-1.246 4.109-3.373 4.37l-56.812 6.976c-2.128.261-4.066-1.272-4.33-3.425l-8.83-71.908a2.166 2.166 0 0 1 1.887-2.414l7.028-.863",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
stroke: "#7B79FF",
strokeWidth: 2.5,
d: "M135.998 6.63H86.645a2.97 2.97 0 0 0-2.107.872 2.97 2.97 0 0 0-.873 2.107v82.333c0 .823.334 1.568.873 2.107a2.97 2.97 0 0 0 2.106.872h63.917a2.97 2.97 0 0 0 2.107-.872 2.97 2.97 0 0 0 .872-2.107V24.164a2.98 2.98 0 0 0-.873-2.108L138.104 7.502a2.98 2.98 0 0 0-2.106-.872Z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
stroke: "#7B79FF",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2.5,
d: "M136.478 7.879v12.563a3.25 3.25 0 0 0 3.25 3.25h8.595M95.311 78.942h28.167m-28.167-55.25h28.167zm0 13h46.583zm0 14.084h46.583zm0 14.083h46.583z"
}
)
] }),
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "EmptyDocuments_svg__a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M.667.797h216v120h-216z" }) }) })
] });
React.forwardRef(SvgEmptyDocuments);
const SvgEmptyPermissions = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 193 121", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { opacity: 0.88, children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#DBDBFA",
fillRule: "evenodd",
d: "M160.947 53.823a4 4 0 0 0-.15-.281c-3.5-5.96-7.289-11.263-11.52-15.858h18.096c4.445 0 8.048 3.613 8.048 8.07 0 4.456-3.603 8.069-8.048 8.069zm-8.493 16.139c-11.562 11.57-31.953 19.597-55.21 19.597-31.435 0-54.384-16.705-55.701-35.736H29.409c-4.445 0-8.048 3.613-8.048 8.07 0 4.456 3.603 8.069 8.048 8.069h11.697c5.604 0 10.148 3.612 10.148 8.069q0 3.786-4.98 6.963c-.942.601-2.034.876-3.123 1.15-.33.083-.658.166-.983.257a8.07 8.07 0 0 0-5.86 7.768c0 4.457 3.602 8.07 8.047 8.07h95.425c4.445 0 8.048-3.613 8.048-8.07 0-4.456-3.603-8.069-8.048-8.069h44.839c4.444 0 8.048-3.613 8.048-8.07 0-4.456-3.604-8.068-8.048-8.068zM68.723 21.546H8.715c-4.445 0-8.048 3.613-8.048 8.07 0 4.456 3.603 8.068 8.048 8.068h37.314c4.606-6.843 12.5-12.477 22.694-16.138M.667 61.892c0-4.456 3.603-8.069 8.048-8.069 4.444 0 8.047 3.613 8.047 8.07 0 4.456-3.603 8.069-8.047 8.069S.667 66.349.667 61.892",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
stroke: "#7B79FF",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2.5,
d: "m158.091 49.212 1.446 2.131"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
d: "M154.862 59.69c-45.683-57.683-95.639-25.812-117.374.01-1.404 1.668-1.426 4.117-.15 5.882 47.31 65.454 96.71 29.044 117.704-.133 1.24-1.722 1.138-4.094-.18-5.758"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#7B79FF",
fillRule: "evenodd",
d: "M113.536 28.091c-9.141-2.486-18.085-2.558-26.571-.94-21.301 4.058-39.458 18.707-50.43 31.742-1.794 2.132-1.798 5.217-.206 7.42C48.246 82.798 60.36 92.962 72.218 98.41q1.186.544 2.367 1.027l1.206-2.209a57 57 0 0 1-2.53-1.09c-11.366-5.222-23.168-15.052-34.905-31.291-.961-1.33-.92-3.143.092-4.345 10.764-12.787 28.453-26.985 48.985-30.897 7.905-1.506 16.271-1.495 24.869.745zm-28.277 71.966c7.097 1.397 13.98 1.155 20.536-.279 20.46-4.474 37.826-20.593 48.237-35.062.899-1.25.84-3.007-.146-4.252-10.728-13.547-21.653-22.062-32.351-26.854l1.201-2.2c11.026 4.98 22.21 13.738 33.11 27.502 1.649 2.083 1.795 5.069.215 7.265-10.584 14.708-28.416 31.382-49.732 36.044-7.115 1.556-14.607 1.77-22.323.131z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
stroke: "#7B79FF",
strokeLinecap: "round",
strokeLinejoin: "round",
strokeWidth: 2.5,
d: "M127.159 22.08c13.23 6.32 21.864 14.378 27.624 21.78M34.068 48.642C53.002 23.337 89.197 8.3 117.953 18.635"
}
),
/* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: 94.98, cy: 66.505, fill: "#F0F0FF", rx: 18.395, ry: 18.444 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#7B79FF",
fillRule: "evenodd",
d: "M104.76 44.362a24 24 0 0 0-9.776-2.067c-13.334 0-24.144 10.838-24.144 24.208 0 8.428 4.296 15.85 10.813 20.186l1.203-2.204c-5.741-3.903-9.516-10.498-9.516-17.982 0-11.995 9.696-21.708 21.644-21.708 3.045 0 5.944.631 8.574 1.77zM91.95 87.999q1.488.211 3.034.212c11.947 0 21.643-9.713 21.643-21.708a21.66 21.66 0 0 0-5.222-14.142l1.272-2.33a24.16 24.16 0 0 1 6.45 16.472c0 13.37-10.809 24.207-24.143 24.207-1.47 0-2.908-.131-4.305-.383z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
stroke: "#7B79FF",
strokeWidth: 2.5,
d: "M116.729 54.977c0 4.406-3.562 7.972-7.948 7.972s-7.948-3.566-7.948-7.972 3.562-7.972 7.948-7.972 7.948 3.566 7.948 7.972Z"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
d: "M110.472 33.635c1.275-2.324 4.078-3.019 6.296-1.56 2.264 1.49 3.053 4.654 1.751 7.027l-31.287 57.05c-1.275 2.324-4.079 3.018-6.296 1.559-2.265-1.49-3.053-4.653-1.751-7.027z"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"rect",
{
width: 3.668,
height: 134.376,
fill: "#7B79FF",
rx: 1.834,
transform: "matrix(.82817 .56048 -.47918 .87772 127.181 .797)"
}
)
] }) });
React.forwardRef(SvgEmptyPermissions);
const SvgEmptyPictures = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 217 121", ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#EmptyPictures_svg__a)", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#EmptyPictures_svg__b)", opacity: 0.88, children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#D9D8FF",
fillOpacity: 0.8,
fillRule: "evenodd",
d: "M119.667 28.797a7 7 0 1 1 0 14h64a7 7 0 1 1 0 14h22a7 7 0 1 1 0 14h-19a7 7 0 1 0 0 14h6a7 7 0 1 1 0 14h-52a7 7 0 0 1-1.5-.161 7 7 0 0 1-1.5.16h-91a7 7 0 0 1 0-14h-39a7 7 0 1 1 0-14h40a7 7 0 0 0 0-14h-25a7 7 0 1 1 0-14h40a7 7 0 1 1 0-14zm90 56a7 7 0 1 1 0 14 7 7 0 0 1 0-14",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
d: "m74.497 103.07-8.622 1.422a4 4 0 0 1-4.518-3.404L50.224 21.866a4 4 0 0 1 3.404-4.518l78.231-10.994a4 4 0 0 1 4.518 3.404c.474 3.377 2.408 16.468 2.571 17.63",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#F0F0FF",
fillRule: "evenodd",
d: "m72.472 99.51-3.696.525a3.62 3.62 0 0 1-4.096-3.085l-9.996-71.925a3.646 3.646 0 0 1 3.097-4.107L128.82 10.82a3.62 3.62 0 0 1 4.096 3.085l.859 6.18 9.206 66.599c.306 2.212-1.22 4.257-3.408 4.566l-.07.01z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
stroke: "#7B79FF",
strokeLinecap: "round",
strokeWidth: 2.5,
d: "m69.945 103.92-4.07.572a4 4 0 0 1-4.518-3.405L50.223 21.866a4 4 0 0 1 3.405-4.518l78.231-10.994a4 4 0 0 1 4.518 3.404l.956 6.808M138.167 21.177l.5 3.12"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
stroke: "#7B79FF",
strokeWidth: 2.5,
d: "m165.078 31.096-78.567-8.258a2.74 2.74 0 0 0-2.018.598 2.74 2.74 0 0 0-1.005 1.85l-8.362 79.561a2.748 2.748 0 0 0 2.447 3.023l78.568 8.258a2.74 2.74 0 0 0 2.018-.598 2.74 2.74 0 0 0 1.004-1.85l8.362-79.562a2.74 2.74 0 0 0-.597-2.018 2.74 2.74 0 0 0-1.85-1.004Z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
d: "m93.657 31.382 62.655 6.585a3 3 0 0 1 2.67 3.297l-5.54 52.71a3 3 0 0 1-3.298 2.67L87.49 90.059a3 3 0 0 1-2.67-3.297l5.54-52.71a3 3 0 0 1 3.297-2.67",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#F0F0FF",
fillRule: "evenodd",
d: "m93.407 74.676 9.798-6.609a4 4 0 0 1 5.167.595l7.174 7.722a1 1 0 0 0 1.362.097l15.34-12.43a4 4 0 0 1 5.877.936l9.981 15.438 1.433 2.392-.686 8.124a1 1 0 0 1-1.107.91l-56.963-6.329a1 1 0 0 1-.885-1.085l.755-8.199z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
stroke: "#7B79FF",
strokeWidth: 2.5,
d: "m156.181 39.21-62.655-6.585c-.48-.05-.936.099-1.284.38a1.75 1.75 0 0 0-.64 1.178l-5.54 52.71c-.05.48.1.936.381 1.284s.697.588 1.177.639l62.655 6.585c.481.05.936-.099 1.284-.38s.589-.697.639-1.177l5.54-52.71a1.74 1.74 0 0 0-.38-1.284 1.74 1.74 0 0 0-1.177-.64Z",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#F0F0FF",
stroke: "#7B79FF",
strokeWidth: 2.5,
d: "M105.071 56.714a6 6 0 1 0 1.254-11.936 6 6 0 0 0-1.254 11.936Z"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
stroke: "#7B79FF",
strokeLinecap: "round",
strokeWidth: 2.5,
d: "m91.396 76.222 11.809-8.155a4 4 0 0 1 5.167.594l7.174 7.723a1 1 0 0 0 1.362.096l15.34-12.43a4 4 0 0 1 5.877.936l11.064 17.556"
}
)
] }) }),
/* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "EmptyPictures_svg__a", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M.667.797h216v120h-216z" }) }),
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "EmptyPictures_svg__b", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M.667.797h216v120h-216z" }) })
] })
] });
React.forwardRef(SvgEmptyPictures);
const SvgEnumerationField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#F6ECFC", stroke: "#E0C1F4", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#9736E8",
d: "M12.75 12a.75.75 0 0 1 .75-.75h8a.75.75 0 1 1 0 1.5h-8a.75.75 0 0 1-.75-.75m8.75 3.25h-8a.75.75 0 1 0 0 1.5h8a.75.75 0 1 0 0-1.5m0 4h-8a.75.75 0 1 0 0 1.5h8a.75.75 0 1 0 0-1.5M10.75 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2m0-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2m0 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
}
)
] });
React.forwardRef(SvgEnumerationField);
const SvgFacebook = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#1977F3",
d: "M32 16c0-8.836-7.164-16-16-16S0 7.164 0 16c0 7.985 5.85 14.605 13.5 15.807v-11.18H9.437V16H13.5v-3.526c0-4.01 2.39-6.226 6.044-6.226 1.75 0 3.582.313 3.582.313V10.5h-2.018c-1.987 0-2.608 1.233-2.608 2.5V16h4.437l-.709 4.626H18.5v11.18C26.15 30.607 32 23.989 32 16"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#FEFEFE",
d: "M22.228 20.626 22.937 16H18.5v-3.002c0-1.264.619-2.5 2.608-2.5h2.018V6.562s-1.832-.313-3.582-.313c-3.654 0-6.044 2.214-6.044 6.226V16H9.437v4.626H13.5v11.18Q14.724 32 16 32c.85 0 1.685-.068 2.5-.194v-11.18z"
}
)
] });
React.forwardRef(SvgFacebook);
const SvgFeatherSquare = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#9736E8", d: "M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
d: "M18.037 11.774a28.6 28.6 0 0 0-2.948 2.706c-1.995 2.109-3.55 4.093-4.761 6.06-.289.469-.574.945-.855 1.418a9 9 0 0 0-.463 1.536c-.074.37.275.68.577.395.312-.299.587-.64.851-.985.467-.608.906-1.237 1.342-1.867 3.37.242 7.27-2.048 8.933-4.857a.2.2 0 0 0 .017-.167.18.18 0 0 0-.114-.118c-.809-.27-1.798-.44-2.207-.462-.017 0-.034-.014-.037-.035a.04.04 0 0 1 .024-.043c1.113-.58 1.924-.647 2.877-.505.07.01.134-.046.16-.114.095-.217.356-.87.537-1.404a.2.2 0 0 0-.087-.239c-.71-.384-1.656-.643-2.035-.682-.017 0-.03-.018-.034-.036a.04.04 0 0 1 .024-.043c1.1-.483 1.485-.497 2.364-.302.087.018.17-.05.19-.142.433-1.714.574-3.197.608-3.68a.2.2 0 0 0-.057-.157.18.18 0 0 0-.148-.05c-2.444.356-4.403.865-6.093 1.55-.057.022-.11.072-.11.136.144.551-.242 1.209-.845 1.703a.04.04 0 0 1-.044.018.05.05 0 0 1-.027-.043c.004-.046.158-.665.067-1.116-.013-.064-.033-.125-.084-.16a.17.17 0 0 0-.17-.014c-7.924 3.811-5.922 10.098-5.922 10.098q.015.004.03.007c.895-1.86 1.904-3.232 3.49-5.035 1.178-1.337 2.331-2.425 3.525-3.325.75-.565 2.448-1.738 3.51-2.144a.3.3 0 0 1 .105-.021c.097 0 .177.064.2.16a.26.26 0 0 1-.046.228z"
}
)
] });
React.forwardRef(SvgFeatherSquare);
const SvgGitHub = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#24292F",
fillRule: "evenodd",
d: "M15.952 0C7.132 0 0 7.184 0 16.07c0 7.105 4.57 13.118 10.908 15.247.792.16 1.083-.346 1.083-.772 0-.372-.027-1.65-.027-2.98-4.437.958-5.361-1.916-5.361-1.916-.713-1.862-1.77-2.34-1.77-2.34-1.452-.985.106-.985.106-.985 1.61.106 2.456 1.65 2.456 1.65 1.426 2.447 3.724 1.755 4.648 1.33.132-1.038.555-1.757 1.004-2.156-3.54-.372-7.263-1.756-7.263-7.929 0-1.756.634-3.193 1.637-4.31-.158-.399-.713-2.049.16-4.257 0 0 1.346-.426 4.383 1.65 1.3-.352 2.641-.531 3.988-.533 1.347 0 2.72.187 3.988.532 3.038-2.075 4.385-1.65 4.385-1.65.871 2.21.316 3.859.158 4.258 1.03 1.117 1.637 2.554 1.637 4.31 0 6.173-3.723 7.53-7.289 7.93.581.505 1.083 1.463 1.083 2.98 0 2.154-.026 3.884-.026 4.416 0 .426.29.932 1.082.772 6.34-2.13 10.908-8.142 10.908-15.246C31.904 7.184 24.748 0 15.952 0",
clipRule: "evenodd"
}
) });
React.forwardRef(SvgGitHub);
const SvgGlassesSquare = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#AC73E6", d: "M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
d: "M15.027 13.839c-3.19-.836-6.305-1.064-10.18-.608-1.215.152-1.063 1.975.076 2.203.304.836.456 2.355.912 3.267.987 2.279 5.622 1.975 7.369.835 1.14-.683 1.443-2.279 1.9-3.494.227-.684 1.595-.684 1.822 0 .38 1.215.76 2.81 1.9 3.494 1.747 1.14 6.381 1.444 7.369-.835.456-.912.607-2.431.911-3.267 1.14-.228 1.216-2.051.076-2.203-3.874-.456-6.989-.228-10.18.608-.455.075-1.519.075-1.975 0",
clipRule: "evenodd"
}
)
] });
React.forwardRef(SvgGlassesSquare);
const SvgInformationSquare = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#4945FF", d: "M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
d: "M15.733 8c.343 0 .678.108.963.31s.507.49.639.826c.13.337.165.707.098 1.064a1.9 1.9 0 0 1-.474.942 1.7 1.7 0 0 1-.887.504 1.64 1.64 0 0 1-1.002-.105 1.76 1.76 0 0 1-.778-.678A1.9 1.9 0 0 1 14 9.841a1.9 1.9 0 0 1 .508-1.302c.325-.345.766-.539 1.225-.539M20 24h-8v-2.265h2.933v-6.23H12.8v-2.266h4.267v8.496H20z"
}
)
] });
React.forwardRef(SvgInformationSquare);
const SvgJsonField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#EAF5FF", stroke: "#B8E1FF", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#0C75AF",
d: "M11.425 15.468a2.2 2.2 0 0 1-.36.532q.22.24.36.532c.325.67.325 1.457.325 2.218 0 1.621.115 2 1.25 2a.75.75 0 1 1 0 1.5c-1.196 0-2.012-.431-2.425-1.282-.325-.67-.325-1.457-.325-2.218 0-1.621-.115-2-1.25-2a.75.75 0 1 1 0-1.5c1.135 0 1.25-.379 1.25-2 0-.76 0-1.547.325-2.218.413-.85 1.229-1.282 2.425-1.282a.75.75 0 1 1 0 1.5c-1.135 0-1.25.379-1.25 2 0 .76 0 1.547-.325 2.218M23 15.25c-1.135 0-1.25-.379-1.25-2 0-.76 0-1.547-.325-2.218-.413-.85-1.229-1.282-2.425-1.282a.75.75 0 1 0 0 1.5c1.135 0 1.25.379 1.25 2 0 .76 0 1.547.325 2.218q.142.292.363.532a2.2 2.2 0 0 0-.36.532c-.328.67-.328 1.457-.328 2.218 0 1.621-.115 2-1.25 2a.75.75 0 1 0 0 1.5c1.196 0 2.012-.431 2.425-1.282.325-.67.325-1.457.325-2.218 0-1.621.115-2 1.25-2a.75.75 0 1 0 0-1.5"
}
)
] });
React.forwardRef(SvgJsonField);
const SvgMarkdownField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#EAF5FF", stroke: "#B8E1FF", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#0C75AF",
d: "M9.75 12a.75.75 0 0 1 .75-.75h11a.75.75 0 1 1 0 1.5h-11a.75.75 0 0 1-.75-.75m.75 3.25h8a.75.75 0 1 0 0-1.5h-8a.75.75 0 1 0 0 1.5m11 1h-11a.75.75 0 1 0 0 1.5h11a.75.75 0 1 0 0-1.5m-3 2.5h-8a.75.75 0 1 0 0 1.5h8a.75.75 0 1 0 0-1.5"
}
)
] });
React.forwardRef(SvgMarkdownField);
const SvgMediaField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#F6ECFC", stroke: "#E0C1F4", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#9736E8",
d: "M21.5 10.5h-11a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1m-3.75 3a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-7.25 7v-1.75l3.25-3.25 5 5zm11 0h-1.336l-2.25-2.25 1.25-1.25 2.336 2.336z"
}
)
] });
React.forwardRef(SvgMediaField);
const SvgMedium = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#32324D",
d: "M18.05 16.007c0 5.019-4.04 9.087-9.025 9.087-4.984 0-9.025-4.07-9.025-9.087C0 10.99 4.04 6.92 9.025 6.92s9.025 4.069 9.025 9.087M27.95 16.007c0 4.724-2.02 8.555-4.512 8.555s-4.513-3.831-4.513-8.555 2.02-8.555 4.513-8.555 4.512 3.83 4.512 8.555M32 16.007c0 4.231-.71 7.664-1.587 7.664s-1.587-3.432-1.587-7.664.71-7.664 1.587-7.664c.876 0 1.587 3.432 1.587 7.664"
}
) });
React.forwardRef(SvgMedium);
const SvgNumberField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#FCECEA", stroke: "#F5C0B8", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#D02B20",
d: "M8.68 20v-6.22h-.096l-1.902 1.322V13.64l2.004-1.392h1.616V20zm3.733 0v-1.09l2.498-2.466c1.09-1.058 1.385-1.45 1.385-1.992v-.017c0-.66-.45-1.122-1.192-1.122-.757 0-1.278.505-1.278 1.24v.028h-1.499l-.005-.022c0-1.488 1.16-2.508 2.857-2.508 1.595 0 2.713.913 2.713 2.25v.016c0 .881-.457 1.612-1.87 2.917l-1.434 1.337v.124h3.416V20zm9.974.172c-1.75 0-2.906-.94-3.013-2.326l-.005-.07h1.552l.005.06c.07.601.623 1.03 1.461 1.03.827 0 1.37-.461 1.37-1.116v-.011c0-.741-.553-1.15-1.493-1.15h-.887v-1.154h.865c.817 0 1.343-.43 1.343-1.059v-.01c0-.645-.446-1.042-1.209-1.042-.762 0-1.273.413-1.337 1.058l-.005.048H19.54l.005-.064c.113-1.386 1.203-2.288 2.83-2.288 1.665 0 2.74.838 2.74 2.073v.01c0 .967-.71 1.596-1.617 1.784v.032c1.155.107 1.907.773 1.907 1.826v.011c0 1.407-1.209 2.358-3.019 2.358"
}
)
] });
React.forwardRef(SvgNumberField);
const SvgPasswordField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#FDF4DC", stroke: "#FAE7B9", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#D9822F",
d: "M21 13h-2v-1.5a3 3 0 0 0-6 0V13h-2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1m-5 5.25a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5M18 13h-4v-1.5a2 2 0 0 1 4 0z"
}
)
] });
React.forwardRef(SvgPasswordField);
const SvgPlaySquare = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#66B7F1", d: "M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z" }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
d: "M12 10.921a.5.5 0 0 1 .773-.419l8.582 5.579a.5.5 0 0 1 0 .838l-8.582 5.579a.5.5 0 0 1-.773-.42z",
clipRule: "evenodd"
}
)
] });
React.forwardRef(SvgPlaySquare);
const SvgReddit = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#FF4500",
d: "M16 0C7.164 0 0 7.164 0 16a15.95 15.95 0 0 0 4.686 11.314L1.64 30.36c-.605.605-.177 1.639.678 1.639H16c8.836 0 16-7.164 16-16S24.836 0 16 0"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
d: "M19.255 7.545a2.668 2.668 0 0 0 5.261-.614 2.666 2.666 0 0 0-5.277-.54 4.307 4.307 0 0 0-3.84 4.277v.013c-2.345.099-4.487.767-6.187 1.82a3.736 3.736 0 1 0-3.869 6.34c.124 4.338 4.85 7.826 10.664 7.826s10.547-3.492 10.664-7.833a3.737 3.737 0 0 0-1.602-7.111c-.857 0-1.645.288-2.275.773-1.715-1.061-3.88-1.729-6.25-1.817v-.01a3.16 3.16 0 0 1 2.71-3.121zM9.062 17.829c.063-1.355.963-2.395 2.01-2.395 1.045 0 1.845 1.098 1.783 2.454-.063 1.354-.844 1.847-1.891 1.847S9 19.184 9.062 17.829m11.883-2.395c1.047 0 1.947 1.04 2.009 2.395s-.855 1.906-1.902 1.906-1.828-.491-1.89-1.848c-.063-1.355.735-2.453 1.783-2.453m-1.245 5.53c.196.02.321.224.245.406a4.268 4.268 0 0 1-7.875 0 .296.296 0 0 1 .245-.406c1.15-.116 2.394-.18 3.692-.18 1.3 0 2.542.064 3.693.18"
}
)
] });
React.forwardRef(SvgReddit);
const SvgRelationField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#F0F0FF", stroke: "#D9D8FF", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#4945FF",
d: "M16.523 19.72a.75.75 0 0 1 0 1.063l-.371.371a3.751 3.751 0 1 1-5.305-5.305l1.507-1.507a3.75 3.75 0 0 1 5.146-.155.753.753 0 0 1-1 1.126 2.25 2.25 0 0 0-3.086.091l-1.506 1.505a2.25 2.25 0 0 0 3.183 3.183l.37-.371a.747.747 0 0 1 1.062 0m4.63-8.874a3.755 3.755 0 0 0-5.305 0l-.371.37a.751.751 0 1 0 1.062 1.063l.372-.37a2.25 2.25 0 1 1 3.182 3.182l-1.507 1.507a2.25 2.25 0 0 1-3.086.09.755.755 0 0 0-1.211.315.75.75 0 0 0 .211.81 3.75 3.75 0 0 0 5.144-.152l1.507-1.507a3.756 3.756 0 0 0 .002-5.307z"
}
)
] });
React.forwardRef(SvgRelationField);
const SvgSingleType = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#0C75AF", stroke: "#0C75AF", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
d: "M8.523 17.586h1.711c.123.727.844 1.195 1.758 1.195.95 0 1.606-.445 1.606-1.107 0-.492-.352-.797-1.266-1.084l-.879-.276c-1.248-.386-1.963-1.218-1.963-2.308 0-1.547 1.418-2.678 3.328-2.678 1.858 0 3.164 1.078 3.217 2.62h-1.67c-.105-.71-.744-1.184-1.617-1.184-.826 0-1.459.433-1.459 1.03 0 .47.34.815 1.137 1.067l.867.27c1.436.451 2.086 1.154 2.086 2.297 0 1.675-1.418 2.789-3.516 2.789-1.922 0-3.234-.99-3.34-2.631M20.107 20h-1.78l1.487-6.943h-2.53l.31-1.512h6.843l-.31 1.512h-2.531z"
}
)
] });
React.forwardRef(SvgSingleType);
const SvgStrapi = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#4945FF",
d: "M0 11.093c0-5.23 0-7.844 1.625-9.468C3.249 0 5.864 0 11.093 0h9.814c5.23 0 7.844 0 9.468 1.625C32 3.249 32 5.864 32 11.093v9.814c0 5.23 0 7.844-1.625 9.468C28.751 32 26.136 32 20.907 32h-9.814c-5.23 0-7.844 0-9.468-1.625C0 28.751 0 26.136 0 20.907z"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#fff",
fillRule: "evenodd",
d: "M22.08 9.707H11.307V15.2H16.8v5.493h5.493V9.92a.213.213 0 0 0-.213-.213",
clipRule: "evenodd"
}
),
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M16.8 15.2h-.213v.213h.213z" }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#9593FF",
d: "M11.307 15.2h5.28c.117 0 .213.096.213.213v5.28h-5.28a.213.213 0 0 1-.213-.213zM16.8 20.693h5.493l-5.31 5.312a.107.107 0 0 1-.183-.076zM11.307 15.2H6.07a.107.107 0 0 1-.076-.182l5.312-5.311z"
}
)
] });
React.forwardRef(SvgStrapi);
const SvgTextField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#EAFBE7", stroke: "#C6F0C2", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#328048",
d: "M13.679 11.18a.75.75 0 0 0-1.358 0l-4 8.5a.75.75 0 0 0 1.357.64l.974-2.07h4.695l.974 2.07a.75.75 0 1 0 1.358-.64zm-2.32 5.57 1.64-3.489 1.643 3.489zm9.14-3c-.865 0-1.547.241-2.027.717a.749.749 0 1 0 1.056 1.063c.188-.187.516-.283.972-.283.584 0 1.074.323 1.21.757a3 3 0 0 0-1.21-.254c-1.516 0-2.75 1.121-2.75 2.5s1.234 2.5 2.75 2.5c.479.001.95-.114 1.375-.336A.75.75 0 0 0 23.25 20v-3.75c0-1.379-1.234-2.5-2.75-2.5m0 5.5c-.687 0-1.25-.449-1.25-1s.563-1 1.25-1 1.25.449 1.25 1-.562 1-1.25 1"
}
)
] });
React.forwardRef(SvgTextField);
const SvgUidField = (props, ref) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: [
/* @__PURE__ */ jsxRuntime.jsx("rect", { width: 31, height: 23, x: 0.5, y: 4.5, fill: "#F0F0FF", stroke: "#D9D8FF", rx: 2.5 }),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#4945FF",
d: "M18 9a5.005 5.005 0 0 0-4.756 6.549l-3.598 3.597a.5.5 0 0 0-.146.354V22a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 .5-.5v-1h1a.5.5 0 0 0 .5-.5v-1h1a.5.5 0 0 0 .354-.146l.597-.598A5 5 0 1 0 18 9m1.25 4.75a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
}
)
] });
React.forwardRef(SvgUidField);
const SvgX = (props, ref) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: 16, height: 16, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fillRule: "evenodd", clipRule: "evenodd", children: [
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#FAFAFA",
d: "M6.566 6.533c.064.092 1.557 2.264 3.317 4.828l3.617 5.268c.23.334.418.614.418.622s-.086.114-.19.234-.4.462-.654.76l-3.258 3.787c-1.153 1.34-1.32 1.534-2.197 2.556-.47.546-.919 1.068-1 1.16s-.146.177-.146.189c0 .014.295.021.83.021h.83l.911-1.062 1.1-1.279a888 888 0 0 0 2.243-2.61c.043-.048.377-.437.744-.864s.676-.787.689-.8l.431-.502a9 9 0 0 1 .424-.478c.009 0 1.164 1.672 2.567 3.717l2.608 3.797.055.08h2.846c2.34.001 2.843-.004 2.834-.027-.01-.025-1.373-2.013-4.87-7.103-2.517-3.665-2.852-4.157-2.843-4.182.01-.024.353-.425 2.607-3.049l1.779-2.07c.062-.07.388-.45.724-.84l1.96-2.283c.027-.035-.02-.038-.814-.038h-.842l-.375.437a1174 1174 0 0 1-2.23 2.594c-.084.096-.506.586-.938 1.09a129 129 0 0 1-1.004 1.167c-.186.22-.374.44-1.239 1.442-.38.44-.399.459-.43.418-.02-.023-1.132-1.64-2.473-3.594L12.16 6.366H6.45zm2.228 1.165 1.186 1.7c1.196 1.71 5.895 8.436 8.917 12.763a421 421 0 0 0 1.783 2.54c.02.022.301.026 1.314.022l1.287-.005-3.37-4.823-5.963-8.534-2.593-3.712-1.3-.005-1.3-.006z"
}
),
/* @__PURE__ */ jsxRuntime.jsx(
"path",
{
fill: "#040404",
d: "M0 16v16l16.005-.005 16.006-.006.005-15.994L32.022 0H0zm.01.01c0 8.8.003 12.4.006 8s.003-11.6 0-16-.005-.8-.005 8m6.556-9.477c.064.092 1.557 2.264 3.317 4.828l3.617 5.268c.23.334.418.614.418.622s-.086.114-.19.234-.399.462-.654.76l-2.014 2.34-1.244 1.447c-1.153 1.34-1.32 1.534-2.197 2.556-.469.546-.918 1.068-1 1.16-.08.092-.146.177-.146.189 0 .014.295.021.83.021h.83l.911-1.062c.502-.585.996-1.16 1.1-1.279a888 888 0 0 0 2.243-2.61c.043-.048.377-.437.744-.864l.689-.8.431-.502a9 9 0 0 1 .424-.478c.009 0 1.164 1.672 2.567 3.717l2.608 3.797.056.08h2.845c2.34.001 2.843-.004 2.834-.027-.01-.025-1.373-2.013-4.87-7.103-2.517-3.665-2.852-4.157-2.842-4.182.009-.024.352-.425 2.606-3.049l1.78-2.07.723-.84 1.96-2.283c.027-.035-.02-.038-.814-.038h-.842l-.375.437a1129 1129 0 0 1-2.23 2.594c-.084.096-.506.586-.938 1.09a129 129 0 0 1-1.004 1.167c-.186.22-.374.44-1.239 1.442-.38.44-.399.459-.43.418-.02-.023-1.132-1.64-2.473-3.594L12.16 6.366H6.45zm2.228 1.165 1.186 1.7 8.918 12.763a416 416 0 0 0 1.782 2.54c.02.022.301.026 1.314.022l1.287-.005-3.37-4.823-5.963-8.534-2.593-3.712-1.3-.005-1.3-.006z"
}
)
] }) });
React.forwardRef(SvgX);
const TreeItem = ({ label, value, children, passedKey = "", onTreeItemClick }) => {
const onChange = (key, currentValue) => {
onTreeItemClick(key, currentValue);
};
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
typeof value === "boolean" && /* @__PURE__ */ jsxRuntime.jsx(set.CheckboxImpl, { checked: value, onCheckedChange: () => onChange([passedKey], value), children: label || "-" }),
value === null && /* @__PURE__ */ jsxRuntime.jsx(set.CheckboxImpl, { checked: false, disabled: true, children: label || "-" }),
children && /* @__PURE__ */ jsxRuntime.jsx("div", { children }, passedKey)
] });
};
function createBaseFor(fromRight) {
return function(object, iteratee, keysFunc) {
var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
while (length--) {
var key = props[++index];
if (iteratee(iterable[key], key, iterable) === false) {
break;
}
}
return object;
};
}
var baseFor = createBaseFor();
function baseForOwn(object, iteratee) {
return object && baseFor(object, iteratee, set.keys);
}
function createBaseEach(eachFunc, fromRight) {
return function(collection, iteratee) {
if (collection == null) {
return collection;
}
if (!set.isArrayLike(collection)) {
return eachFunc(collection, iteratee);
}
var length = collection.length, index = -1, iterable = Object(collection);
while (++index < length) {
if (iteratee(iterable[index], index, iterable) === false) {
break;
}
}
return collection;
};
}
var baseEach = createBaseEach(baseForOwn);
function identity(value) {
return value;
}
function castFunction(value) {
return typeof value == "function" ? value : identity;
}
function forEach(collection, iteratee) {
var func = set.isArray(collection) ? set.arrayEach : baseEach;
return func(collection, castFunction(iteratee));
}
function flattenObject(obj, delimiter = ".") {
const nobj = {};
forEach(obj, (val, key) => {
if (set.isObject$1(val) && !set.isArray(val)) {
const strip = flattenObject(val, delimiter);
forEach(strip, (v, k) => {
nobj[key + delimiter + k] = v;
});
} else {
nobj[key] = val;
}
});
return nobj;
}
const Tree = ({ objects, onTreeItemClick, initiallyExpanded = false }) => {
const { t: t2 } = set.useTranslation();
const [, setIsExpanded] = React.useState(initiallyExpanded);
React.useEffect(() => {
setIsExpanded(initiallyExpanded);
}, [initiallyExpanded]);
const getCheckedState = (hasTruthyValue, hasFalsyValue) => {
if (hasTruthyValue && !hasFalsyValue) {
return true;
}
if (hasTruthyValue && hasFalsyValue) {
return "indeterminate";
}
return false;
};
const getCheckedStateCount = (value) => {
if (typeof value === "undefined" || value === null) {
return 0;
}
if (typeof value === "boolean") {
return value ? 1 : 0;
}
if (Array.isArray(value)) {
return value.reduce((acc, v) => acc + getCheckedStateCount(v), 0);
}
if (typeof value === "object") {
const filteredValue = Object.fromEntries(
Object.entries(value).filter(([key]) => !["__model__", "__component__"].includes(key))
);
return Object.values(filteredValue).reduce((acc, v) => acc + getCheckedStateCount(v), 0);
}
return 0;
};
const createTree = (name, branch, path = "") => {
const isBranchObject = typeof branch === "object" && branch !== null;
if (isBranchObject) {
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.entries(branch).map(([key, value]) => {
const isSubbranchObject = typeof value === "object" && value !== null;
let flattened = flattenObject(value);
flattened = Object.fromEntries(Object.entries(flattened).filter(([key2]) => !key2.includes("__component__")));
const flattenedKeys = Object.keys(flattened).map((k) => `${path}.${key}.${k}`);
const hasTruthyValue = Object.values(flattened).some((v) => v);
const hasFalsyValue = Object.values(flattened).some((v) => !v && v !== null);
const hasAllNullValue = Object.values(flattened).every((v) => v === null);
const RESERVED_KEYS_TO_SKIP = ["__model__", "__component__"];
if (RESERVED_KEYS_TO_SKIP.includes(key)) {
return false;
}
const passedKey = `${path}.${key}`;
return /* @__PURE__ */ jsxRuntime.jsxs(set.Box, { marginTop: 6, marginBottom: 6, marginLeft: 6, children: [
isSubbranchObject && /* @__PURE__ */ jsxRuntime.jsx(
set.CheckboxImpl,
{
disabled: hasAllNullValue,
checked: getCheckedState(hasTruthyValue, hasFalsyValue),
onCheckedChange: () => onTreeItemClick(flattenedKeys, hasTruthyValue),
children: /* @__PURE__ */ jsxRuntime.jsxs(set.Flex, { alignItems: "center", children: [
!!value?.__component__ && /* @__PURE__ */ jsxRuntime.jsx(set.Flex, { alignItems: "center", marginRight: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ForwardRef$P, { width: "1rem", height: "1rem" }) }),
value?.__component__ || key || "-"
] })
}
),
/* @__PURE__ */ jsxRuntime.jsx(TreeItem, { onTreeItemClick, passedKey, children: createTree(key, value, passedKey) })
] }, passedKey);
}) });
}
return /* @__PURE__ */ jsxRuntime.jsx(TreeItem, { onTreeItemClick, passedKey: path, label: name, value: branch }, path);
};
return /* @__PURE__ */ jsxRuntime.jsx(set.Box, { children: Object.entries(objects).map(([key, value]) => {
return value.__model__ !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(set.Box, { borderColor: "neutral200", hasRadius: true, children: /* @__PURE__ */ jsxRuntime.jsx(set.Accordion.Root, { size: "S", children: /* @__PURE__ */ jsxRuntime.jsxs(set.Accordion.Item, { value: key, children: [
/* @__PURE__ */ jsxRuntime.jsxs(set.Flex, { alignItems: "center", justifyContent: "space-between", children: [
/* @__PURE__ */ jsxRuntime.jsx(set.Accordion.Header, { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(set.Accordion.Trigger, { description: key, children: [
key,
" ",
t2("plugin_settings.tree_item_count", { count: getCheckedStateCount(value) })
] }) }),
/* @__PURE__ */ jsxRuntime.jsx(
set.SwitchImpl,
{
label: `switch_tree_${key}`,
onCheckedChange: () => onTreeItemClick([`${key}.__model__`], value.__model__),
checked: !!value.__model__,
style: { marginRight: "1rem" }
}
)
] }),
/* @__PURE__ */ jsxRuntime.jsx(set.Accordion.Content, { children: createTree(key, value, key) })
] }) }) }, `key`);
}) });
};
const CustomBullet = styled__default.default.div`
width: ${4 / 16}rem;
height: ${4 / 16}rem;
margin-right: ${12 / 16}rem;
background-color: ${({ theme }) => theme.colors.neutral600};
border-radius: 50%;
`;
function ContentTransferSetupEmpty() {
const { t: t2 } = set.useTranslation();
return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { textColor: "neutral600", variant: "beta", children: t2("plugin_settings.there_is_nothing_to_transfer") }),
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { textColor: "neutral600", variant: "omega", children: t2("plugin_settings.please_check_that_you_have_entered_a_valid_collection") }),
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
/* @__PURE__ */ jsxRuntime.jsxs(set.Flex, { marginTop: 1, alignItems: "center", children: [
/* @__PURE__ */ jsxRuntime.jsx(CustomBullet, {}),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { textColor: "neutral600", variant: "omega", children: /* @__PURE__ */ jsxRuntime.jsx(
Trans,
{
i18nKey: "plugin_settings.step_1",
components: { 1: /* @__PURE__ */ jsxRuntime.jsx(set.Typography, { variant: "omega", fontWeight: "semiBold" }) }
}
) })
] }),
/* @__PURE__ */ jsxRuntime.jsxs(set.Flex, { marginTop: 1, alignItems: "center", children: [
/* @__PURE__ */ jsxRuntime.jsx(CustomBullet, {}),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { textColor: "neutral600", variant: "omega", children: /* @__PURE__ */ jsxRuntime.jsx(
Trans,
{
i18nKey: "plugin_settings.step_2",
components: { 1: /* @__PURE__ */ jsxRuntime.jsx(set.Typography, { variant: "omega", fontWeight: "semiBold" }) }
}
) })
] }),
/* @__PURE__ */ jsxRuntime.jsxs(set.Flex, { marginTop: 1, alignItems: "center", children: [
/* @__PURE__ */ jsxRuntime.jsx(CustomBullet, {}),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { textColor: "neutral600", variant: "omega", children: /* @__PURE__ */ jsxRuntime.jsx(
Trans,
{
i18nKey: "plugin_settings.step_3",
components: { 1: /* @__PURE__ */ jsxRuntime.jsx(set.Typography, { variant: "omega", fontWeight: "semiBold" }) }
}
) })
] }),
/* @__PURE__ */ jsxRuntime.jsxs(set.Flex, { marginTop: 1, alignItems: "center", children: [
/* @__PURE__ */ jsxRuntime.jsx(CustomBullet, {}),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { textColor: "neutral600", variant: "omega", children: /* @__PURE__ */ jsxRuntime.jsx(
Trans,
{
i18nKey: "plugin_settings.step_4",
components: { 1: /* @__PURE__ */ jsxRuntime.jsx(set.Typography, { variant: "omega", fontWeight: "semiBold" }) }
}
) })
] }),
/* @__PURE__ */ jsxRuntime.jsxs(set.Flex, { marginTop: 1, alignItems: "center", children: [
/* @__PURE__ */ jsxRuntime.jsx(CustomBullet, {}),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { textColor: "neutral600", variant: "omega", children: /* @__PURE__ */ jsxRuntime.jsx(
Trans,
{
i18nKey: "plugin_settings.step_5",
components: { 1: /* @__PURE__ */ jsxRuntime.jsx(set.Typography, { variant: "omega", fontWeight: "semiBold" }) }
}
) })
] })
] });
}
const ContentTransferSetup = () => {
const { t: t2 } = set.useTranslation();
const [isLoading, setIsLoading] = React.useState(true);
const [showAlert, setShowAlert] = React.useState(false);
const [showModalChangedAlert, setShowModalChangedAlert] = React.useState(false);
const [, setItemsExpandedModel] = React.useState([]);
const buildItemsExpandedModel = (models) => {
const r2 = {};
getFilteredModelsSchemas(models).forEach((model, index) => {
r2[model.modelUid] = index === 0;
});
return r2;
};
const [, setTreeModelsSchemas] = React.useState([]);
const [originalFormModel, setOriginalFormModel] = React.useState([]);
const [formModel, setFormModel] = React.useState([]);
const [hasUnsavedChanges, setHasUnsavedChanges] = React.useState(false);
const onCancelClick = () => {
setFormModel(set.cloneDeep(originalFormModel));
setHasUnsavedChanges(false);
};
const saveContentTransferSetup = async (data) => {
try {
await set.PluginSettingsService.updateContentTransferSetup(data);
setOriginalFormModel(set.cloneDeep(data));
setHasUnsavedChanges(false);
setShowAlert(true);
setShowModalChangedAlert(false);
} catch (e2) {
throw e2.data;
}
};
const onTreeItemClick = (keys, currentValue) => {
setFormModel((prevState) => {
const modelName = keys[0].split(".")[0];
let arrayIndex;
const model = prevState.find((m, index) => {
if (Object.keys(m).includes(modelName)) {
arrayIndex = index;
return true;
}
return false;
});
if (model === void 0) {
return prevState;
}
const newState = set.cloneDeep(prevState);
keys.forEach((key) => {
if (key.includes("__component__")) {
return;
}
const isEditable = hasModelChanged.get(model, key) !== null;
if (isEditable) {
set.set(model, key, !currentValue);
}
});
newState.splice(arrayIndex, 1, model);
setHasUnsavedChanges(!isEqual.isEqual(originalFormModel, newState) || showModalChangedAlert);
return newState;
});
};
const link = "https://localazy.com/docs/strapi";
const onReadDocumentationClick = () => {
window.open(link, "_blank");
};
React.useEffect(() => {
async function fetchData() {
setIsLoading(true);
const [models, localizableModels] = await Promise.all([
hasModelChanged.StrapiModelService.getModels(),
hasModelChanged.StrapiModelService.getLocalizableModels()
]);
const storedContentTransferSetup = await set.PluginSettingsService.getContentTransferSetup();
const itemsExpandedModel = buildItemsExpandedModel(localizableModels);
setItemsExpandedModel(itemsExpandedModel);
const allModelsTree = hasModelChanged.getModelsTree(models, models);
const localizableTree = hasModelChanged.getModelsTree(models, localizableModels);
setTreeModelsSchemas(localizableTree);
const computedFormModel = buildContentTransferSetupSchema(
localizableTree,
storedContentTransferSetup.setup,
allModelsTree
);
setFormModel(computedFormModel);
setOriginalFormModel(set.cloneDeep(computedFormModel));
const localHasModelChanged = await hasModelChanged.hasModelChanged(localizableTree, storedContentTransferSetup.setup);
setShowModalChangedAlert(localHasModelChanged);
setHasUnsavedChanges(localHasModelChanged);
setIsLoading(false);
}
fetchData();
}, []);
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
/* @__PURE__ */ jsxRuntime.jsx(
admin.Layouts.Header,
{
title: t2("plugin_settings.content_transfer_setup"),
subtitle: t2("plugin_settings.content_transfer_setup_description"),
primaryAction: /* @__PURE__ */ jsxRuntime.jsxs(set.Flex, { gap: 2, children: [
/* @__PURE__ */ jsxRuntime.jsx(set.Button, { variant: "secondary", disabled: !hasUnsavedChanges, onClick: onCancelClick, children: t2("plugin_settings.cancel") }),
/* @__PURE__ */ jsxRuntime.jsx(
set.Button,
{
startIcon: /* @__PURE__ */ jsxRuntime.jsx(set.ForwardRef$4z, {}),
disabled: !hasUnsavedChanges,
onClick: () => {
saveContentTransferSetup(formModel);
},
children: t2("plugin_settings.save")
}
)
] }),
as: "h2"
}
),
/* @__PURE__ */ jsxRuntime.jsxs(set.Box, { marginRight: 10, marginLeft: 10, children: [
!isLoading && showAlert && /* @__PURE__ */ jsxRuntime.jsx(set.Box, { marginBottom: 8, children: /* @__PURE__ */ jsxRuntime.jsx(
set.Alert,
{
onClose: () => setShowAlert(false),
closeLabel: t2("plugin_settings.close"),
title: t2("plugin_settings.content_transfer_setup_saved"),
variant: "success",
children: t2("plugin_settings.content_transfer_setup_saved_successfully")
}
) }),
!isLoading && showModalChangedAlert && /* @__PURE__ */ jsxRuntime.jsx(set.Box, { marginBottom: 8, children: /* @__PURE__ */ jsxRuntime.jsx(
set.Alert,
{
onClose: () => setShowModalChangedAlert(false),
closeLabel: t2("plugin_settings.close"),
title: t2("plugin_settings.content_types_model_changed"),
variant: "default",
children: t2("plugin_settings.please_update_your_content")
}
) }),
!isLoading && /* @__PURE__ */ jsxRuntime.jsxs(set.Box, { background: "neutral0", padding: 7, paddingTop: 6, shadow: "tableShadow", hasRadius: true, children: [
!formModel.length && // empty state
/* @__PURE__ */ jsxRuntime.jsx(ContentTransferSetupEmpty, {}),
formModel.map((tree, index) => {
return /* @__PURE__ */ jsxRuntime.jsx(set.Box, { marginBottom: 3, children: /* @__PURE__ */ jsxRuntime.jsx(Tree, { onTreeItemClick, objects: tree, initiallyExpanded: index === 0 }) }, `box_tree_${index}`);
}),
!!formModel.length && /* @__PURE__ */ jsxRuntime.jsxs(set.Box, { children: [
/* @__PURE__ */ jsxRuntime.jsx(set.Box, { paddingTop: 6, paddingBottom: 6, children: /* @__PURE__ */ jsxRuntime.jsx(set.Divider, {}) }),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { variant: "omega", children: t2("plugin_settings.you_can_upload_download") }),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { variant: "omega", fontWeight: "semiBold", children: t2("plugin_settings.only_text_based_content") }),
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
/* @__PURE__ */ jsxRuntime.jsx(set.Typography, { variant: "omega", children: t2("plugin_settings.learn_more_in_docs_message_a") }),
/* @__PURE__ */ jsxRuntime.jsx(
set.Typography,
{
onClick: onReadDocumentationClick,
variant: "omega",
fontWeight: "semiBold",
textColor: "primary600",
style: { cursor: "pointer" },
children: t2("plugin_settings.learn_more_in_docs_message_b")
}
)
] })
] })
] })
] });
};
exports.ContentTransferSetup = ContentTransferSetup;