payload 1.0.6 → 1.0.7

package/dist/admin/components/views/ResetPassword/index.js

@@ -1,49 +1,49 @@
-import React from 'react';
-import { Link, useHistory, useParams } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import MinimalTemplate from '../../templates/Minimal';
-import Form from '../../forms/Form';
-import Password from '../../forms/field-types/Password';
-import ConfirmPassword from '../../forms/field-types/ConfirmPassword';
-import FormSubmit from '../../forms/Submit';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import './index.scss';
-import HiddenInput from '../../forms/field-types/HiddenInput';
-const baseClass = 'reset-password';
-const ResetPassword = () => {
-    const { admin: { user: userSlug }, serverURL, routes: { admin, api } } = useConfig();
-    const { token } = useParams();
-    const history = useHistory();
-    const { user, setToken } = useAuth();
-    const onSuccess = (data) => {
-        if (data.token) {
-            setToken(data.token);
-            history.push(`${admin}`);
-        }
-    };
-    if (user) {
-        return (React.createElement(MinimalTemplate, { className: baseClass },
-            React.createElement(Meta, { title: "Reset Password", description: "Reset password", keywords: "Reset Password, Payload, CMS" }),
-            React.createElement("div", { className: `${baseClass}__wrap` },
-                React.createElement("h1", null, "Already logged in"),
-                React.createElement("p", null,
-                    "To log in with another user, you should",
-                    ' ',
-                    React.createElement(Link, { to: `${admin}/logout` }, "log out"),
-                    ' ',
-                    "first."),
-                React.createElement("br", null),
-                React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, "Back to Dashboard"))));
-    }
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement("div", { className: `${baseClass}__wrap` },
-            React.createElement("h1", null, "Reset Password"),
-            React.createElement(Form, { onSuccess: onSuccess, method: "post", action: `${serverURL}${api}/${userSlug}/reset-password`, redirect: admin },
-                React.createElement(Password, { label: "New Password", name: "password", autoComplete: "off", required: true }),
-                React.createElement(ConfirmPassword, null),
-                React.createElement(HiddenInput, { name: "token", value: token }),
-                React.createElement(FormSubmit, null, "Reset Password")))));
-};
-export default ResetPassword;
+import React from 'react';
+import { Link, useHistory, useParams } from 'react-router-dom';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import MinimalTemplate from '../../templates/Minimal';
+import Form from '../../forms/Form';
+import Password from '../../forms/field-types/Password';
+import ConfirmPassword from '../../forms/field-types/ConfirmPassword';
+import FormSubmit from '../../forms/Submit';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import './index.scss';
+import HiddenInput from '../../forms/field-types/HiddenInput';
+const baseClass = 'reset-password';
+const ResetPassword = () => {
+    const { admin: { user: userSlug }, serverURL, routes: { admin, api } } = useConfig();
+    const { token } = useParams();
+    const history = useHistory();
+    const { user, setToken } = useAuth();
+    const onSuccess = (data) => {
+        if (data.token) {
+            setToken(data.token);
+            history.push(`${admin}`);
+        }
+    };
+    if (user) {
+        return (React.createElement(MinimalTemplate, { className: baseClass },
+            React.createElement(Meta, { title: "Reset Password", description: "Reset password", keywords: "Reset Password, Payload, CMS" }),
+            React.createElement("div", { className: `${baseClass}__wrap` },
+                React.createElement("h1", null, "Already logged in"),
+                React.createElement("p", null,
+                    "To log in with another user, you should",
+                    ' ',
+                    React.createElement(Link, { to: `${admin}/logout` }, "log out"),
+                    ' ',
+                    "first."),
+                React.createElement("br", null),
+                React.createElement(Button, { el: "link", buttonStyle: "secondary", to: admin }, "Back to Dashboard"))));
+    }
+    return (React.createElement(MinimalTemplate, { className: baseClass },
+        React.createElement("div", { className: `${baseClass}__wrap` },
+            React.createElement("h1", null, "Reset Password"),
+            React.createElement(Form, { onSuccess: onSuccess, method: "post", action: `${serverURL}${api}/${userSlug}/reset-password`, redirect: admin },
+                React.createElement(Password, { label: "New Password", name: "password", autoComplete: "off", required: true }),
+                React.createElement(ConfirmPassword, null),
+                React.createElement(HiddenInput, { name: "token", value: token }),
+                React.createElement(FormSubmit, null, "Reset Password")))));
+};
+export default ResetPassword;

package/dist/admin/components/views/Unauthorized/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const Unauthorized: React.FC;
-export default Unauthorized;
+import React from 'react';
+declare const Unauthorized: React.FC;
+export default Unauthorized;

package/dist/admin/components/views/Unauthorized/index.js

@@ -1,15 +1,15 @@
-import React from 'react';
-import { useConfig } from '../../utilities/Config';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import MinimalTemplate from '../../templates/Minimal';
-const Unauthorized = () => {
-    const { routes: { admin } } = useConfig();
-    return (React.createElement(MinimalTemplate, { className: "unauthorized" },
-        React.createElement(Meta, { title: "Unauthorized", description: "Unauthorized", keywords: "Unauthorized, Payload, CMS" }),
-        React.createElement("h2", null, "Unauthorized"),
-        React.createElement("p", null, "You are not allowed to access this page."),
-        React.createElement("br", null),
-        React.createElement(Button, { el: "link", to: `${admin}/logout` }, "Log out")));
-};
-export default Unauthorized;
+import React from 'react';
+import { useConfig } from '../../utilities/Config';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import MinimalTemplate from '../../templates/Minimal';
+const Unauthorized = () => {
+    const { routes: { admin } } = useConfig();
+    return (React.createElement(MinimalTemplate, { className: "unauthorized" },
+        React.createElement(Meta, { title: "Unauthorized", description: "Unauthorized", keywords: "Unauthorized, Payload, CMS" }),
+        React.createElement("h2", null, "Unauthorized"),
+        React.createElement("p", null, "You are not allowed to access this page."),
+        React.createElement("br", null),
+        React.createElement(Button, { el: "link", to: `${admin}/logout` }, "Log out")));
+};
+export default Unauthorized;

package/dist/admin/components/views/Verify/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { SanitizedCollectionConfig } from '../../../../collections/config/types';
-import './index.scss';
-declare const Verify: React.FC<{
-    collection: SanitizedCollectionConfig;
-}>;
-export default Verify;
+import React from 'react';
+import { SanitizedCollectionConfig } from '../../../../collections/config/types';
+import './index.scss';
+declare const Verify: React.FC<{
+    collection: SanitizedCollectionConfig;
+}>;
+export default Verify;

package/dist/admin/components/views/Verify/index.js

@@ -1,43 +1,43 @@
-import React, { useEffect, useState } from 'react';
-import { useParams } from 'react-router-dom';
-import { useConfig } from '../../utilities/Config';
-import { useAuth } from '../../utilities/Auth';
-import Logo from '../../graphics/Logo';
-import MinimalTemplate from '../../templates/Minimal';
-import Button from '../../elements/Button';
-import Meta from '../../utilities/Meta';
-import Login from '../Login';
-import './index.scss';
-const baseClass = 'verify';
-const Verify = ({ collection }) => {
-    const { slug: collectionSlug } = collection;
-    const { user } = useAuth();
-    const { token } = useParams();
-    const { serverURL, routes: { admin: adminRoute }, admin: { user: adminUser } } = useConfig();
-    const isAdminUser = collectionSlug === adminUser;
-    const [verifyResult, setVerifyResult] = useState(null);
-    useEffect(() => {
-        async function verifyToken() {
-            const result = await fetch(`${serverURL}/api/${collectionSlug}/verify/${token}`, { method: 'POST' });
-            setVerifyResult(result);
-        }
-        verifyToken();
-    }, [setVerifyResult, collectionSlug, serverURL, token]);
-    if (user) {
-        return React.createElement(Login, null);
-    }
-    const getText = () => {
-        if ((verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 200)
-            return 'Verified Successfully';
-        if ((verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 202)
-            return 'Already Activated';
-        return 'Unable To Verify';
-    };
-    return (React.createElement(MinimalTemplate, { className: baseClass },
-        React.createElement(Meta, { title: "Verify", description: "Verify user", keywords: "Verify, Payload, CMS" }),
-        React.createElement("div", { className: `${baseClass}__brand` },
-            React.createElement(Logo, null)),
-        React.createElement("h2", null, getText()),
-        isAdminUser && (verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 200 && (React.createElement(Button, { el: "link", buttonStyle: "secondary", to: `${adminRoute}/login` }, "Login"))));
-};
-export default Verify;
+import React, { useEffect, useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { useConfig } from '../../utilities/Config';
+import { useAuth } from '../../utilities/Auth';
+import Logo from '../../graphics/Logo';
+import MinimalTemplate from '../../templates/Minimal';
+import Button from '../../elements/Button';
+import Meta from '../../utilities/Meta';
+import Login from '../Login';
+import './index.scss';
+const baseClass = 'verify';
+const Verify = ({ collection }) => {
+    const { slug: collectionSlug } = collection;
+    const { user } = useAuth();
+    const { token } = useParams();
+    const { serverURL, routes: { admin: adminRoute }, admin: { user: adminUser } } = useConfig();
+    const isAdminUser = collectionSlug === adminUser;
+    const [verifyResult, setVerifyResult] = useState(null);
+    useEffect(() => {
+        async function verifyToken() {
+            const result = await fetch(`${serverURL}/api/${collectionSlug}/verify/${token}`, { method: 'POST' });
+            setVerifyResult(result);
+        }
+        verifyToken();
+    }, [setVerifyResult, collectionSlug, serverURL, token]);
+    if (user) {
+        return React.createElement(Login, null);
+    }
+    const getText = () => {
+        if ((verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 200)
+            return 'Verified Successfully';
+        if ((verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 202)
+            return 'Already Activated';
+        return 'Unable To Verify';
+    };
+    return (React.createElement(MinimalTemplate, { className: baseClass },
+        React.createElement(Meta, { title: "Verify", description: "Verify user", keywords: "Verify, Payload, CMS" }),
+        React.createElement("div", { className: `${baseClass}__brand` },
+            React.createElement(Logo, null)),
+        React.createElement("h2", null, getText()),
+        isAdminUser && (verifyResult === null || verifyResult === void 0 ? void 0 : verifyResult.status) === 200 && (React.createElement(Button, { el: "link", buttonStyle: "secondary", to: `${adminRoute}/login` }, "Login"))));
+};
+export default Verify;

package/dist/admin/components/views/Version/Compare/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Props } from './types';
-import './index.scss';
-declare const CompareVersion: React.FC<Props>;
-export default CompareVersion;
+import React from 'react';
+import { Props } from './types';
+import './index.scss';
+declare const CompareVersion: React.FC<Props>;
+export default CompareVersion;

package/dist/admin/components/views/Version/Compare/index.js

@@ -1,79 +1,79 @@
-import React, { useState, useCallback, useEffect } from 'react';
-import qs from 'qs';
-import format from 'date-fns/format';
-import { useConfig } from '../../../utilities/Config';
-import ReactSelect from '../../../elements/ReactSelect';
-import { mostRecentVersionOption, publishedVersionOption } from '../shared';
-import './index.scss';
-const baseClass = 'compare-version';
-const maxResultsPerRequest = 10;
-const baseOptions = [
-    mostRecentVersionOption,
-];
-const CompareVersion = (props) => {
-    const { onChange, value, baseURL, versionID, parentID, publishedDoc } = props;
-    const { admin: { dateFormat, }, } = useConfig();
-    const [options, setOptions] = useState(baseOptions);
-    const [lastLoadedPage, setLastLoadedPage] = useState(1);
-    const [errorLoading, setErrorLoading] = useState('');
-    const getResults = useCallback(async ({ lastLoadedPage: lastLoadedPageArg, }) => {
-        const query = {
-            limit: maxResultsPerRequest,
-            page: lastLoadedPageArg,
-            depth: 0,
-            where: {
-                and: [
-                    {
-                        id: {
-                            not_equals: versionID,
-                        },
-                    },
-                ],
-            },
-        };
-        if (parentID) {
-            query.where.and.push({
-                parent: {
-                    equals: parentID,
-                },
-            });
-        }
-        const search = qs.stringify(query);
-        const response = await fetch(`${baseURL}?${search}`);
-        if (response.ok) {
-            const data = await response.json();
-            if (data.docs.length > 0) {
-                setOptions((existingOptions) => [
-                    ...existingOptions,
-                    ...data.docs.map((doc) => ({
-                        label: format(new Date(doc.createdAt), dateFormat),
-                        value: doc.id,
-                    })),
-                ]);
-                setLastLoadedPage(data.page);
-            }
-        }
-        else {
-            setErrorLoading('An error has occurred.');
-        }
-    }, [dateFormat, baseURL, parentID, versionID]);
-    const classes = [
-        'field-type',
-        baseClass,
-        errorLoading && 'error-loading',
-    ].filter(Boolean).join(' ');
-    useEffect(() => {
-        getResults({ lastLoadedPage: 1 });
-    }, [getResults]);
-    useEffect(() => {
-        if ((publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc._status) === 'published')
-            setOptions((currentOptions) => [publishedVersionOption, ...currentOptions]);
-    }, [publishedDoc]);
-    return (React.createElement("div", { className: classes },
-        React.createElement("div", { className: `${baseClass}__label` }, "Compare version against:"),
-        !errorLoading && (React.createElement(ReactSelect, { isSearchable: false, placeholder: "Select a version to compare", onChange: onChange, onMenuScrollToBottom: () => {
-                getResults({ lastLoadedPage: lastLoadedPage + 1 });
-            }, value: value, options: options })),
-        errorLoading && (React.createElement("div", { className: `${baseClass}__error-loading` }, errorLoading))));
-};
-export default CompareVersion;
+import React, { useState, useCallback, useEffect } from 'react';
+import qs from 'qs';
+import format from 'date-fns/format';
+import { useConfig } from '../../../utilities/Config';
+import ReactSelect from '../../../elements/ReactSelect';
+import { mostRecentVersionOption, publishedVersionOption } from '../shared';
+import './index.scss';
+const baseClass = 'compare-version';
+const maxResultsPerRequest = 10;
+const baseOptions = [
+    mostRecentVersionOption,
+];
+const CompareVersion = (props) => {
+    const { onChange, value, baseURL, versionID, parentID, publishedDoc } = props;
+    const { admin: { dateFormat, }, } = useConfig();
+    const [options, setOptions] = useState(baseOptions);
+    const [lastLoadedPage, setLastLoadedPage] = useState(1);
+    const [errorLoading, setErrorLoading] = useState('');
+    const getResults = useCallback(async ({ lastLoadedPage: lastLoadedPageArg, }) => {
+        const query = {
+            limit: maxResultsPerRequest,
+            page: lastLoadedPageArg,
+            depth: 0,
+            where: {
+                and: [
+                    {
+                        id: {
+                            not_equals: versionID,
+                        },
+                    },
+                ],
+            },
+        };
+        if (parentID) {
+            query.where.and.push({
+                parent: {
+                    equals: parentID,
+                },
+            });
+        }
+        const search = qs.stringify(query);
+        const response = await fetch(`${baseURL}?${search}`);
+        if (response.ok) {
+            const data = await response.json();
+            if (data.docs.length > 0) {
+                setOptions((existingOptions) => [
+                    ...existingOptions,
+                    ...data.docs.map((doc) => ({
+                        label: format(new Date(doc.createdAt), dateFormat),
+                        value: doc.id,
+                    })),
+                ]);
+                setLastLoadedPage(data.page);
+            }
+        }
+        else {
+            setErrorLoading('An error has occurred.');
+        }
+    }, [dateFormat, baseURL, parentID, versionID]);
+    const classes = [
+        'field-type',
+        baseClass,
+        errorLoading && 'error-loading',
+    ].filter(Boolean).join(' ');
+    useEffect(() => {
+        getResults({ lastLoadedPage: 1 });
+    }, [getResults]);
+    useEffect(() => {
+        if ((publishedDoc === null || publishedDoc === void 0 ? void 0 : publishedDoc._status) === 'published')
+            setOptions((currentOptions) => [publishedVersionOption, ...currentOptions]);
+    }, [publishedDoc]);
+    return (React.createElement("div", { className: classes },
+        React.createElement("div", { className: `${baseClass}__label` }, "Compare version against:"),
+        !errorLoading && (React.createElement(ReactSelect, { isSearchable: false, placeholder: "Select a version to compare", onChange: onChange, onMenuScrollToBottom: () => {
+                getResults({ lastLoadedPage: lastLoadedPage + 1 });
+            }, value: value, options: options })),
+        errorLoading && (React.createElement("div", { className: `${baseClass}__error-loading` }, errorLoading))));
+};
+export default CompareVersion;

package/dist/admin/components/views/Version/Compare/types.d.ts

@@ -1,26 +1,26 @@
-import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
-import { PaginatedDocs } from '../../../../../mongoose/types';
-import { CompareOption } from '../types';
-export declare type Props = {
-    onChange: (val: CompareOption) => void;
-    value: CompareOption;
-    baseURL: string;
-    publishedDoc: any;
-    versionID: string;
-    parentID?: string;
-};
-declare type CLEAR = {
-    type: 'CLEAR';
-    required: boolean;
-};
-declare type ADD = {
-    type: 'ADD';
-    data: PaginatedDocs<any>;
-    collection: SanitizedCollectionConfig;
-};
-export declare type Action = CLEAR | ADD;
-export declare type ValueWithRelation = {
-    relationTo: string;
-    value: string;
-};
-export {};
+import { SanitizedCollectionConfig } from '../../../../../collections/config/types';
+import { PaginatedDocs } from '../../../../../mongoose/types';
+import { CompareOption } from '../types';
+export declare type Props = {
+    onChange: (val: CompareOption) => void;
+    value: CompareOption;
+    baseURL: string;
+    publishedDoc: any;
+    versionID: string;
+    parentID?: string;
+};
+declare type CLEAR = {
+    type: 'CLEAR';
+    required: boolean;
+};
+declare type ADD = {
+    type: 'ADD';
+    data: PaginatedDocs<any>;
+    collection: SanitizedCollectionConfig;
+};
+export declare type Action = CLEAR | ADD;
+export declare type ValueWithRelation = {
+    relationTo: string;
+    value: string;
+};
+export {};

package/dist/admin/components/views/Version/Compare/types.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/admin/components/views/Version/RenderFieldsToDiff/Label/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import './index.scss';
-declare const Label: React.FC<{
-    children?: React.ReactNode;
-}>;
-export default Label;
+import React from 'react';
+import './index.scss';
+declare const Label: React.FC<{
+    children?: React.ReactNode;
+}>;
+export default Label;

package/dist/admin/components/views/Version/RenderFieldsToDiff/Label/index.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import './index.scss';
-const baseClass = 'field-diff-label';
-const Label = ({ children }) => (React.createElement("div", { className: baseClass }, children));
-export default Label;
+import React from 'react';
+import './index.scss';
+const baseClass = 'field-diff-label';
+const Label = ({ children }) => (React.createElement("div", { className: baseClass }, children));
+export default Label;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Iterable/index.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { Props } from '../types';
-import { ArrayField, BlockField } from '../../../../../../../fields/config/types';
-import './index.scss';
-declare const Iterable: React.FC<Props & {
-    field: ArrayField | BlockField;
-}>;
-export default Iterable;
+import React from 'react';
+import { Props } from '../types';
+import { ArrayField, BlockField } from '../../../../../../../fields/config/types';
+import './index.scss';
+declare const Iterable: React.FC<Props & {
+    field: ArrayField | BlockField;
+}>;
+export default Iterable;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Iterable/index.js

@@ -1,57 +1,57 @@
-import React from 'react';
-import RenderFieldsToDiff from '../..';
-import Label from '../../Label';
-import { fieldAffectsData } from '../../../../../../../fields/config/types';
-import getUniqueListBy from '../../../../../../../utilities/getUniqueListBy';
-import './index.scss';
-const baseClass = 'iterable-diff';
-const Iterable = ({ version, comparison, permissions, field, locale, locales, fieldComponents, }) => {
-    var _a, _b;
-    const versionRowCount = Array.isArray(version) ? version.length : 0;
-    const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
-    const maxRows = Math.max(versionRowCount, comparisonRowCount);
-    return (React.createElement("div", { className: baseClass },
-        field.label && (React.createElement(Label, null,
-            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
-            field.label)),
-        maxRows > 0 && (React.createElement(React.Fragment, null, Array.from(Array(maxRows).keys()).map((row, i) => {
-            const versionRow = (version === null || version === void 0 ? void 0 : version[i]) || {};
-            const comparisonRow = (comparison === null || comparison === void 0 ? void 0 : comparison[i]) || {};
-            let subFields = [];
-            if (field.type === 'array')
-                subFields = field.fields;
-            if (field.type === 'blocks') {
-                subFields = [
-                    {
-                        name: 'blockType',
-                        label: 'Block Type',
-                        type: 'text',
-                    },
-                ];
-                if ((versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType) === (comparisonRow === null || comparisonRow === void 0 ? void 0 : comparisonRow.blockType)) {
-                    const matchedBlock = field.blocks.find((block) => block.slug === (versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType)) || { fields: [] };
-                    subFields = [
-                        ...subFields,
-                        ...matchedBlock.fields,
-                    ];
-                }
-                else {
-                    const matchedVersionBlock = field.blocks.find((block) => block.slug === (versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType)) || { fields: [] };
-                    const matchedComparisonBlock = field.blocks.find((block) => block.slug === (comparisonRow === null || comparisonRow === void 0 ? void 0 : comparisonRow.blockType)) || { fields: [] };
-                    subFields = getUniqueListBy([
-                        ...subFields,
-                        ...matchedVersionBlock.fields,
-                        ...matchedComparisonBlock.fields,
-                    ], 'name');
-                }
-            }
-            return (React.createElement("div", { className: `${baseClass}__wrap`, key: i },
-                React.createElement(RenderFieldsToDiff, { locales: locales, version: versionRow, comparison: comparisonRow, fieldPermissions: permissions, fields: subFields.filter((subField) => !(fieldAffectsData(subField) && subField.name === 'id')), fieldComponents: fieldComponents })));
-        }))),
-        maxRows === 0 && (React.createElement("div", { className: `${baseClass}__no-rows` },
-            "No",
-            ' ', (_b = (_a = field.labels) === null || _a === void 0 ? void 0 : _a.plural) !== null && _b !== void 0 ? _b : 'rows',
-            ' ',
-            "found"))));
-};
-export default Iterable;
+import React from 'react';
+import RenderFieldsToDiff from '../..';
+import Label from '../../Label';
+import { fieldAffectsData } from '../../../../../../../fields/config/types';
+import getUniqueListBy from '../../../../../../../utilities/getUniqueListBy';
+import './index.scss';
+const baseClass = 'iterable-diff';
+const Iterable = ({ version, comparison, permissions, field, locale, locales, fieldComponents, }) => {
+    var _a, _b;
+    const versionRowCount = Array.isArray(version) ? version.length : 0;
+    const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
+    const maxRows = Math.max(versionRowCount, comparisonRowCount);
+    return (React.createElement("div", { className: baseClass },
+        field.label && (React.createElement(Label, null,
+            locale && (React.createElement("span", { className: `${baseClass}__locale-label` }, locale)),
+            field.label)),
+        maxRows > 0 && (React.createElement(React.Fragment, null, Array.from(Array(maxRows).keys()).map((row, i) => {
+            const versionRow = (version === null || version === void 0 ? void 0 : version[i]) || {};
+            const comparisonRow = (comparison === null || comparison === void 0 ? void 0 : comparison[i]) || {};
+            let subFields = [];
+            if (field.type === 'array')
+                subFields = field.fields;
+            if (field.type === 'blocks') {
+                subFields = [
+                    {
+                        name: 'blockType',
+                        label: 'Block Type',
+                        type: 'text',
+                    },
+                ];
+                if ((versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType) === (comparisonRow === null || comparisonRow === void 0 ? void 0 : comparisonRow.blockType)) {
+                    const matchedBlock = field.blocks.find((block) => block.slug === (versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType)) || { fields: [] };
+                    subFields = [
+                        ...subFields,
+                        ...matchedBlock.fields,
+                    ];
+                }
+                else {
+                    const matchedVersionBlock = field.blocks.find((block) => block.slug === (versionRow === null || versionRow === void 0 ? void 0 : versionRow.blockType)) || { fields: [] };
+                    const matchedComparisonBlock = field.blocks.find((block) => block.slug === (comparisonRow === null || comparisonRow === void 0 ? void 0 : comparisonRow.blockType)) || { fields: [] };
+                    subFields = getUniqueListBy([
+                        ...subFields,
+                        ...matchedVersionBlock.fields,
+                        ...matchedComparisonBlock.fields,
+                    ], 'name');
+                }
+            }
+            return (React.createElement("div", { className: `${baseClass}__wrap`, key: i },
+                React.createElement(RenderFieldsToDiff, { locales: locales, version: versionRow, comparison: comparisonRow, fieldPermissions: permissions, fields: subFields.filter((subField) => !(fieldAffectsData(subField) && subField.name === 'id')), fieldComponents: fieldComponents })));
+        }))),
+        maxRows === 0 && (React.createElement("div", { className: `${baseClass}__no-rows` },
+            "No",
+            ' ', (_b = (_a = field.labels) === null || _a === void 0 ? void 0 : _a.plural) !== null && _b !== void 0 ? _b : 'rows',
+            ' ',
+            "found"))));
+};
+export default Iterable;