@ruya.sa/next 3.71.3

package/dist/views/API/RenderJSON/index.js

@@ -0,0 +1,135 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronIcon } from '@ruya.sa/ui';
+import * as React from 'react';
+const chars = {
+  leftCurlyBracket: '\u007B',
+  leftSquareBracket: '\u005B',
+  rightCurlyBracket: '\u007D',
+  rightSquareBracket: '\u005D'
+};
+const baseClass = 'query-inspector';
+const Bracket = ({
+  type,
+  comma = false,
+  position
+}) => {
+  const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket;
+  const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket;
+  const bracketToRender = position === 'end' ? rightBracket : leftBracket;
+  return /*#__PURE__*/_jsxs("span", {
+    className: `${baseClass}__bracket ${baseClass}__bracket--position-${position}`,
+    children: [bracketToRender, position === 'end' && comma ? ',' : null]
+  });
+};
+export const RenderJSON = t0 => {
+  const $ = _c(2);
+  const {
+    isEmpty: t1,
+    object,
+    objectKey,
+    parentType: t2,
+    trailingComma: t3
+  } = t0;
+  const isEmpty = t1 === undefined ? false : t1;
+  const parentType = t2 === undefined ? "object" : t2;
+  const trailingComma = t3 === undefined ? false : t3;
+  const objectKeys = object ? Object.keys(object) : [];
+  const objectLength = objectKeys.length;
+  const [isOpen, setIsOpen] = React.useState(true);
+  const isNested = parentType === "object" || parentType === "array";
+  let t4;
+  if ($[0] !== isOpen) {
+    t4 = () => setIsOpen(!isOpen);
+    $[0] = isOpen;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  return _jsxs("li", {
+    className: isNested ? `${baseClass}__row-line--nested` : "",
+    children: [_jsxs("button", {
+      "aria-label": "toggle",
+      className: `${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ""}`,
+      onClick: t4,
+      type: "button",
+      children: [isEmpty ? null : _jsx(ChevronIcon, {
+        className: `${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${isOpen ? "open" : "closed"}`
+      }), _jsxs("span", {
+        children: [objectKey && `"${objectKey}": `, _jsx(Bracket, {
+          position: "start",
+          type: parentType
+        }), isEmpty ? _jsx(Bracket, {
+          comma: trailingComma,
+          position: "end",
+          type: parentType
+        }) : null]
+      })]
+    }), _jsx("ul", {
+      className: `${baseClass}__json-children ${isNested ? `${baseClass}__json-children--nested` : ""}`,
+      children: isOpen && objectKeys.map((key, keyIndex) => {
+        let value = object[key];
+        let type;
+        const isLastKey = keyIndex === objectLength - 1;
+        if (value === null) {
+          type = "null";
+        } else {
+          if (value instanceof Date) {
+            type = "date";
+            value = value.toISOString();
+          } else {
+            if (Array.isArray(value)) {
+              type = "array";
+            } else {
+              if (typeof value === "object") {
+                type = "object";
+              } else {
+                if (typeof value === "number") {
+                  type = "number";
+                } else {
+                  if (typeof value === "boolean") {
+                    type = "boolean";
+                  } else {
+                    type = "string";
+                  }
+                }
+              }
+            }
+          }
+        }
+        if (type === "object" || type === "array") {
+          return _jsx(RenderJSON, {
+            isEmpty: value.length === 0 || Object.keys(value).length === 0,
+            object: value,
+            objectKey: parentType === "object" ? key : undefined,
+            parentType: type,
+            trailingComma: !isLastKey
+          }, `${key}-${keyIndex}`);
+        }
+        if (type === "date" || type === "string" || type === "null" || type === "number" || type === "boolean") {
+          const parentHasKey = Boolean(parentType === "object" && key);
+          const rowClasses = [`${baseClass}__row-line`, `${baseClass}__value-type--${type}`, `${baseClass}__row-line--${objectKey ? "nested" : "top"}`].filter(Boolean).join(" ");
+          return _jsxs("li", {
+            className: rowClasses,
+            children: [parentHasKey ? _jsx("span", {
+              children: `"${key}": `
+            }) : null, _jsx("span", {
+              className: `${baseClass}__value`,
+              children: JSON.stringify(value)
+            }), isLastKey ? "" : ","]
+          }, `${key}-${keyIndex}`);
+        }
+      })
+    }), !isEmpty && _jsx("span", {
+      className: isNested ? `${baseClass}__bracket--nested` : "",
+      children: _jsx(Bracket, {
+        comma: trailingComma,
+        position: "end",
+        type: parentType
+      })
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/views/API/RenderJSON/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","ChevronIcon","React","chars","leftCurlyBracket","leftSquareBracket","rightCurlyBracket","rightSquareBracket","baseClass","Bracket","type","comma","position","rightBracket","leftBracket","bracketToRender","_jsxs","className","RenderJSON","t0","$","isEmpty","t1","object","objectKey","parentType","t2","trailingComma","t3","undefined","objectKeys","Object","keys","objectLength","length","isOpen","setIsOpen","useState","isNested","t4","children","onClick","_jsx","map","key","keyIndex","value","isLastKey","Date","toISOString","Array","isArray","parentHasKey","Boolean","rowClasses","filter","join","JSON","stringify"],"sources":["../../../../src/views/API/RenderJSON/index.tsx"],"sourcesContent":["'use client'\nimport { ChevronIcon } from '@ruya.sa/ui'\nimport * as React from 'react'\n\nimport './index.scss'\n\nconst chars = {\n  leftCurlyBracket: '\\u007B',\n  leftSquareBracket: '\\u005B',\n  rightCurlyBracket: '\\u007D',\n  rightSquareBracket: '\\u005D',\n}\n\nconst baseClass = 'query-inspector'\n\nconst Bracket = ({\n  type,\n  comma = false,\n  position,\n}: {\n  comma?: boolean\n  position: 'end' | 'start'\n  type: 'array' | 'object'\n}) => {\n  const rightBracket = type === 'object' ? chars.rightCurlyBracket : chars.rightSquareBracket\n  const leftBracket = type === 'object' ? chars.leftCurlyBracket : chars.leftSquareBracket\n  const bracketToRender = position === 'end' ? rightBracket : leftBracket\n\n  return (\n    <span className={`${baseClass}__bracket ${baseClass}__bracket--position-${position}`}>\n      {bracketToRender}\n      {position === 'end' && comma ? ',' : null}\n    </span>\n  )\n}\n\ntype Args = {\n  isEmpty?: boolean\n  object: any[] | Record<string, any>\n  objectKey?: string\n  parentType?: 'array' | 'object'\n  trailingComma?: boolean\n}\n\nexport const RenderJSON = ({\n  isEmpty = false,\n  object,\n  objectKey,\n  parentType = 'object',\n  trailingComma = false,\n}: Args) => {\n  const objectKeys = object ? Object.keys(object) : []\n  const objectLength = objectKeys.length\n  const [isOpen, setIsOpen] = React.useState<boolean>(true)\n  const isNested = parentType === 'object' || parentType === 'array'\n  return (\n    <li className={isNested ? `${baseClass}__row-line--nested` : ''}>\n      <button\n        aria-label=\"toggle\"\n        className={`${baseClass}__list-toggle ${isEmpty ? `${baseClass}__list-toggle--empty` : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        {isEmpty ? null : (\n          <ChevronIcon\n            className={`${baseClass}__toggle-row-icon ${baseClass}__toggle-row-icon--${\n              isOpen ? 'open' : 'closed'\n            }`}\n          />\n        )}\n        <span>\n          {objectKey && `\"${objectKey}\": `}\n          <Bracket position=\"start\" type={parentType} />\n          {isEmpty ? <Bracket comma={trailingComma} position=\"end\" type={parentType} /> : null}\n        </span>\n      </button>\n\n      <ul\n        className={`${baseClass}__json-children ${isNested ? `${baseClass}__json-children--nested` : ''}`}\n      >\n        {isOpen &&\n          objectKeys.map((key, keyIndex) => {\n            let value = object[key]\n            let type = 'string'\n            const isLastKey = keyIndex === objectLength - 1\n\n            if (value === null) {\n              type = 'null'\n            } else if (value instanceof Date) {\n              type = 'date'\n              value = value.toISOString()\n            } else if (Array.isArray(value)) {\n              type = 'array'\n            } else if (typeof value === 'object') {\n              type = 'object'\n            } else if (typeof value === 'number') {\n              type = 'number'\n            } else if (typeof value === 'boolean') {\n              type = 'boolean'\n            } else {\n              type = 'string'\n            }\n\n            if (type === 'object' || type === 'array') {\n              return (\n                <RenderJSON\n                  isEmpty={value.length === 0 || Object.keys(value).length === 0}\n                  key={`${key}-${keyIndex}`}\n                  object={value}\n                  objectKey={parentType === 'object' ? key : undefined}\n                  parentType={type}\n                  trailingComma={!isLastKey}\n                />\n              )\n            }\n\n            if (\n              type === 'date' ||\n              type === 'string' ||\n              type === 'null' ||\n              type === 'number' ||\n              type === 'boolean'\n            ) {\n              const parentHasKey = Boolean(parentType === 'object' && key)\n\n              const rowClasses = [\n                `${baseClass}__row-line`,\n                `${baseClass}__value-type--${type}`,\n                `${baseClass}__row-line--${objectKey ? 'nested' : 'top'}`,\n              ]\n                .filter(Boolean)\n                .join(' ')\n\n              return (\n                <li className={rowClasses} key={`${key}-${keyIndex}`}>\n                  {parentHasKey ? <span>{`\"${key}\": `}</span> : null}\n\n                  <span className={`${baseClass}__value`}>{JSON.stringify(value)}</span>\n                  {isLastKey ? '' : ','}\n                </li>\n              )\n            }\n          })}\n      </ul>\n\n      {!isEmpty && (\n        <span className={isNested ? `${baseClass}__bracket--nested` : ''}>\n          <Bracket comma={trailingComma} position=\"end\" type={parentType} />\n        </span>\n      )}\n    </li>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/API/index.client.js

@@ -0,0 +1,209 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckboxField, CopyToClipboard, Form, Gutter, MinimizeMaximizeIcon, NumberField, SetDocumentStepNav, toast, useConfig, useDocumentInfo, useLocale, useTranslation } from '@ruya.sa/ui';
+import { useSearchParams } from 'next/navigation.js';
+import { formatAdminURL, hasDraftsEnabled } from '@ruya.sa/payload/shared';
+import * as React from 'react';
+import { LocaleSelector } from './LocaleSelector/index.js';
+import { RenderJSON } from './RenderJSON/index.js';
+const baseClass = 'query-inspector';
+export const APIViewClient = () => {
+  const {
+    id,
+    collectionSlug,
+    globalSlug,
+    initialData,
+    isTrashed
+  } = useDocumentInfo();
+  const searchParams = useSearchParams();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    code
+  } = useLocale();
+  const {
+    config: {
+      defaultDepth,
+      localization,
+      routes: {
+        api: apiRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug
+  });
+  const localeOptions = localization && localization.locales.map(locale => ({
+    label: locale.label,
+    value: locale.code
+  }));
+  let draftsEnabled = false;
+  let docEndpoint = undefined;
+  if (collectionConfig) {
+    draftsEnabled = hasDraftsEnabled(collectionConfig);
+    docEndpoint = `/${collectionSlug}/${id}`;
+  }
+  if (globalConfig) {
+    draftsEnabled = hasDraftsEnabled(globalConfig);
+    docEndpoint = `/globals/${globalSlug}`;
+  }
+  const [data, setData] = React.useState(initialData);
+  const [draft, setDraft] = React.useState(searchParams.get('draft') === 'true');
+  const [locale_0, setLocale] = React.useState(searchParams?.get('locale') || code);
+  const [depth, setDepth] = React.useState(searchParams.get('depth') || defaultDepth.toString());
+  const [authenticated, setAuthenticated] = React.useState(true);
+  const [fullscreen, setFullscreen] = React.useState(false);
+  const trashParam = typeof initialData?.deletedAt === 'string';
+  const params = new URLSearchParams({
+    depth,
+    draft: String(draft),
+    locale: locale_0,
+    trash: trashParam ? 'true' : 'false'
+  }).toString();
+  const fetchURL = formatAdminURL({
+    apiRoute,
+    path: `${docEndpoint}?${params}`,
+    serverURL: serverURL || window.location.origin
+  });
+  React.useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const res = await fetch(fetchURL, {
+          credentials: authenticated ? 'include' : 'omit',
+          headers: {
+            'Accept-Language': i18n.language
+          },
+          method: 'GET'
+        });
+        try {
+          const json = await res.json();
+          setData(json);
+        } catch (error_0) {
+          toast.error('Error parsing response');
+          console.error(error_0); // eslint-disable-line no-console
+        }
+      } catch (error) {
+        toast.error('Error making request');
+        console.error(error); // eslint-disable-line no-console
+      }
+    };
+    void fetchData();
+  }, [i18n.language, fetchURL, authenticated]);
+  return /*#__PURE__*/_jsxs(Gutter, {
+    className: [baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' '),
+    right: false,
+    children: [/*#__PURE__*/_jsx(SetDocumentStepNav, {
+      collectionSlug: collectionSlug,
+      globalLabel: globalConfig?.label,
+      globalSlug: globalSlug,
+      id: id,
+      isTrashed: isTrashed,
+      pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
+      useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
+      view: "API"
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__configuration`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__api-url`,
+        children: [/*#__PURE__*/_jsxs("span", {
+          className: `${baseClass}__label`,
+          children: ["API URL ", /*#__PURE__*/_jsx(CopyToClipboard, {
+            value: fetchURL
+          })]
+        }), /*#__PURE__*/_jsx("a", {
+          href: fetchURL,
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: fetchURL
+        })]
+      }), /*#__PURE__*/_jsx(Form, {
+        initialState: {
+          authenticated: {
+            initialValue: authenticated || false,
+            valid: true,
+            value: authenticated || false
+          },
+          depth: {
+            initialValue: Number(depth || 0),
+            valid: true,
+            value: Number(depth || 0)
+          },
+          draft: {
+            initialValue: draft || false,
+            valid: true,
+            value: draft || false
+          },
+          locale: {
+            initialValue: locale_0,
+            valid: true,
+            value: locale_0
+          }
+        },
+        children: /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__form-fields`,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: `${baseClass}__filter-query-checkboxes`,
+            children: [draftsEnabled && /*#__PURE__*/_jsx(CheckboxField, {
+              field: {
+                name: 'draft',
+                label: t('version:draft')
+              },
+              onChange: () => setDraft(!draft),
+              path: "draft"
+            }), /*#__PURE__*/_jsx(CheckboxField, {
+              field: {
+                name: 'authenticated',
+                label: t('authentication:authenticated')
+              },
+              onChange: () => setAuthenticated(!authenticated),
+              path: "authenticated"
+            })]
+          }), localeOptions && /*#__PURE__*/_jsx(LocaleSelector, {
+            localeOptions: localeOptions,
+            onChange: setLocale
+          }), /*#__PURE__*/_jsx(NumberField, {
+            field: {
+              name: 'depth',
+              admin: {
+                step: 1
+              },
+              label: t('general:depth'),
+              max: 10,
+              min: 0
+            },
+            onChange: value => setDepth(value?.toString()),
+            path: "depth"
+          })]
+        })
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__results-wrapper`,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__toggle-fullscreen-button-container`,
+        children: /*#__PURE__*/_jsx("button", {
+          "aria-label": "toggle fullscreen",
+          className: `${baseClass}__toggle-fullscreen-button`,
+          onClick: () => setFullscreen(!fullscreen),
+          type: "button",
+          children: /*#__PURE__*/_jsx(MinimizeMaximizeIcon, {
+            isMinimized: !fullscreen
+          })
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__results`,
+        children: /*#__PURE__*/_jsx(RenderJSON, {
+          object: data
+        })
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.client.js.map

package/dist/views/API/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["CheckboxField","CopyToClipboard","Form","Gutter","MinimizeMaximizeIcon","NumberField","SetDocumentStepNav","toast","useConfig","useDocumentInfo","useLocale","useTranslation","useSearchParams","formatAdminURL","hasDraftsEnabled","React","LocaleSelector","RenderJSON","baseClass","APIViewClient","id","collectionSlug","globalSlug","initialData","isTrashed","searchParams","i18n","t","code","config","defaultDepth","localization","routes","api","apiRoute","serverURL","getEntityConfig","collectionConfig","globalConfig","localeOptions","locales","map","locale","label","value","draftsEnabled","docEndpoint","undefined","data","setData","useState","draft","setDraft","get","setLocale","depth","setDepth","toString","authenticated","setAuthenticated","fullscreen","setFullscreen","trashParam","deletedAt","params","URLSearchParams","String","trash","fetchURL","path","window","location","origin","useEffect","fetchData","res","fetch","credentials","headers","language","method","json","error","console","_jsxs","className","filter","Boolean","join","right","_jsx","globalLabel","pluralLabel","labels","plural","useAsTitle","admin","view","href","rel","target","initialState","initialValue","valid","Number","field","name","onChange","step","max","min","onClick","type","isMinimized","object"],"sources":["../../../src/views/API/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n  CheckboxField,\n  CopyToClipboard,\n  Form,\n  Gutter,\n  MinimizeMaximizeIcon,\n  NumberField,\n  SetDocumentStepNav,\n  toast,\n  useConfig,\n  useDocumentInfo,\n  useLocale,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.scss'\n\nimport { formatAdminURL, hasDraftsEnabled } from '@ruya.sa/payload/shared'\nimport * as React from 'react'\n\nimport { LocaleSelector } from './LocaleSelector/index.js'\nimport { RenderJSON } from './RenderJSON/index.js'\n\nconst baseClass = 'query-inspector'\n\nexport const APIViewClient: React.FC = () => {\n  const { id, collectionSlug, globalSlug, initialData, isTrashed } = useDocumentInfo()\n\n  const searchParams = useSearchParams()\n  const { i18n, t } = useTranslation()\n  const { code } = useLocale()\n\n  const {\n    config: {\n      defaultDepth,\n      localization,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const localeOptions =\n    localization &&\n    localization.locales.map((locale) => ({ label: locale.label, value: locale.code }))\n\n  let draftsEnabled: boolean = false\n  let docEndpoint: `/${string}` = undefined\n\n  if (collectionConfig) {\n    draftsEnabled = hasDraftsEnabled(collectionConfig)\n    docEndpoint = `/${collectionSlug}/${id}`\n  }\n\n  if (globalConfig) {\n    draftsEnabled = hasDraftsEnabled(globalConfig)\n    docEndpoint = `/globals/${globalSlug}`\n  }\n\n  const [data, setData] = React.useState<any>(initialData)\n  const [draft, setDraft] = React.useState<boolean>(searchParams.get('draft') === 'true')\n  const [locale, setLocale] = React.useState<string>(searchParams?.get('locale') || code)\n  const [depth, setDepth] = React.useState<string>(\n    searchParams.get('depth') || defaultDepth.toString(),\n  )\n  const [authenticated, setAuthenticated] = React.useState<boolean>(true)\n  const [fullscreen, setFullscreen] = React.useState<boolean>(false)\n\n  const trashParam = typeof initialData?.deletedAt === 'string'\n\n  const params = new URLSearchParams({\n    depth,\n    draft: String(draft),\n    locale,\n    trash: trashParam ? 'true' : 'false',\n  }).toString()\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: `${docEndpoint}?${params}`,\n    serverURL: serverURL || window.location.origin,\n  })\n\n  React.useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const res = await fetch(fetchURL, {\n          credentials: authenticated ? 'include' : 'omit',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          method: 'GET',\n        })\n\n        try {\n          const json = await res.json()\n          setData(json)\n        } catch (error) {\n          toast.error('Error parsing response')\n          console.error(error) // eslint-disable-line no-console\n        }\n      } catch (error) {\n        toast.error('Error making request')\n        console.error(error) // eslint-disable-line no-console\n      }\n    }\n\n    void fetchData()\n  }, [i18n.language, fetchURL, authenticated])\n\n  return (\n    <Gutter\n      className={[baseClass, fullscreen && `${baseClass}--fullscreen`].filter(Boolean).join(' ')}\n      right={false}\n    >\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalLabel={globalConfig?.label}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n        useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n        view=\"API\"\n      />\n      <div className={`${baseClass}__configuration`}>\n        <div className={`${baseClass}__api-url`}>\n          <span className={`${baseClass}__label`}>\n            API URL <CopyToClipboard value={fetchURL} />\n          </span>\n          <a href={fetchURL} rel=\"noopener noreferrer\" target=\"_blank\">\n            {fetchURL}\n          </a>\n        </div>\n        <Form\n          initialState={{\n            authenticated: {\n              initialValue: authenticated || false,\n              valid: true,\n              value: authenticated || false,\n            },\n            depth: {\n              initialValue: Number(depth || 0),\n              valid: true,\n              value: Number(depth || 0),\n            },\n            draft: {\n              initialValue: draft || false,\n              valid: true,\n              value: draft || false,\n            },\n            locale: {\n              initialValue: locale,\n              valid: true,\n              value: locale,\n            },\n          }}\n        >\n          <div className={`${baseClass}__form-fields`}>\n            <div className={`${baseClass}__filter-query-checkboxes`}>\n              {draftsEnabled && (\n                <CheckboxField\n                  field={{\n                    name: 'draft',\n                    label: t('version:draft'),\n                  }}\n                  onChange={() => setDraft(!draft)}\n                  path=\"draft\"\n                />\n              )}\n              <CheckboxField\n                field={{\n                  name: 'authenticated',\n                  label: t('authentication:authenticated'),\n                }}\n                onChange={() => setAuthenticated(!authenticated)}\n                path=\"authenticated\"\n              />\n            </div>\n            {localeOptions && <LocaleSelector localeOptions={localeOptions} onChange={setLocale} />}\n            <NumberField\n              field={{\n                name: 'depth',\n                admin: {\n                  step: 1,\n                },\n                label: t('general:depth'),\n                max: 10,\n                min: 0,\n              }}\n              onChange={(value) => setDepth(value?.toString())}\n              path=\"depth\"\n            />\n          </div>\n        </Form>\n      </div>\n      <div className={`${baseClass}__results-wrapper`}>\n        <div className={`${baseClass}__toggle-fullscreen-button-container`}>\n          <button\n            aria-label=\"toggle fullscreen\"\n            className={`${baseClass}__toggle-fullscreen-button`}\n            onClick={() => setFullscreen(!fullscreen)}\n            type=\"button\"\n          >\n            <MinimizeMaximizeIcon isMinimized={!fullscreen} />\n          </button>\n        </div>\n        <div className={`${baseClass}__results`}>\n          <RenderJSON object={data} />\n        </div>\n      </div>\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/API/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { APIViewClient } from './index.client.js';
+export function APIView(props) {
+  return /*#__PURE__*/_jsx(APIViewClient, {});
+}
+//# sourceMappingURL=index.js.map

package/dist/views/API/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","APIViewClient","APIView","props","_jsx"],"sources":["../../../src/views/API/index.tsx"],"sourcesContent":["import type { DocumentViewServerProps } from '@ruya.sa/payload'\n\nimport React from 'react'\n\nimport { APIViewClient } from './index.client.js'\n\nexport function APIView(props: DocumentViewServerProps) {\n  return <APIViewClient />\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAE9B,OAAO,SAASC,QAAQC,KAA8B;EACpD,oBAAOC,IAAA,CAACH,aAAA;AACV","ignoreList":[]}

package/dist/views/API/metadata.js

@@ -0,0 +1,29 @@
+import { getTranslation } from '@ruya.sa/translations';
+import { generateMetadata } from '../../utilities/meta.js';
+/**
+ * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.
+ */
+export const generateAPIViewMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n
+}) => {
+  const entityLabel = collectionConfig ? getTranslation(collectionConfig.labels.singular, i18n) : globalConfig ? getTranslation(globalConfig.label, i18n) : '';
+  return Promise.resolve(generateMetadata({
+    ...(config.admin.meta || {}),
+    description: `API - ${entityLabel}`,
+    keywords: 'API',
+    serverURL: config.serverURL,
+    title: `API - ${entityLabel}`,
+    ...(collectionConfig ? {
+      ...(collectionConfig?.admin.meta || {}),
+      ...(collectionConfig?.admin?.components?.views?.edit?.api?.meta || {})
+    } : {}),
+    ...(globalConfig ? {
+      ...(globalConfig?.admin.meta || {}),
+      ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {})
+    } : {})
+  }));
+};
+//# sourceMappingURL=metadata.js.map

package/dist/views/API/metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.js","names":["getTranslation","generateMetadata","generateAPIViewMetadata","collectionConfig","config","globalConfig","i18n","entityLabel","labels","singular","label","Promise","resolve","admin","meta","description","keywords","serverURL","title","components","views","edit","api"],"sources":["../../../src/views/API/metadata.ts"],"sourcesContent":["import type { MetaConfig } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\n\nimport type { GenerateEditViewMetadata } from '../Document/getMetaBySegment.js'\n\nimport { generateMetadata } from '../../utilities/meta.js'\n\n/**\n * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.\n */\nexport const generateAPIViewMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}) => {\n  const entityLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels.singular, i18n)\n    : globalConfig\n      ? getTranslation(globalConfig.label, i18n)\n      : ''\n\n  return Promise.resolve(\n    generateMetadata({\n      ...(config.admin.meta || {}),\n      description: `API - ${entityLabel}`,\n      keywords: 'API',\n      serverURL: config.serverURL,\n      title: `API - ${entityLabel}`,\n      ...((collectionConfig\n        ? {\n            ...(collectionConfig?.admin.meta || {}),\n            ...(collectionConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}) as MetaConfig),\n      ...((globalConfig\n        ? {\n            ...(globalConfig?.admin.meta || {}),\n            ...(globalConfig?.admin?.components?.views?.edit?.api?.meta || {}),\n          }\n        : {}) as MetaConfig),\n    }),\n  )\n}\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAI/B,SAASC,gBAAgB,QAAQ;AAEjC;;;AAGA,OAAO,MAAMC,uBAAA,GAAoD,MAAAA,CAAO;EACtEC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC;AAAI,CACL;EACC,MAAMC,WAAA,GAAcJ,gBAAA,GAChBH,cAAA,CAAeG,gBAAA,CAAiBK,MAAM,CAACC,QAAQ,EAAEH,IAAA,IACjDD,YAAA,GACEL,cAAA,CAAeK,YAAA,CAAaK,KAAK,EAAEJ,IAAA,IACnC;EAEN,OAAOK,OAAA,CAAQC,OAAO,CACpBX,gBAAA,CAAiB;IACf,IAAIG,MAAA,CAAOS,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;IAC3BC,WAAA,EAAa,SAASR,WAAA,EAAa;IACnCS,QAAA,EAAU;IACVC,SAAA,EAAWb,MAAA,CAAOa,SAAS;IAC3BC,KAAA,EAAO,SAASX,WAAA,EAAa;IAC7B,IAAKJ,gBAAA,GACD;MACE,IAAIA,gBAAA,EAAkBU,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MACtC,IAAIX,gBAAA,EAAkBU,KAAA,EAAOM,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,GAAA,EAAKR,IAAA,IAAQ,CAAC,CAAC;IACvE,IACA,CAAC,CAAC;IACN,IAAKT,YAAA,GACD;MACE,IAAIA,YAAA,EAAcQ,KAAA,CAAMC,IAAA,IAAQ,CAAC,CAAC;MAClC,IAAIT,YAAA,EAAcQ,KAAA,EAAOM,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,GAAA,EAAKR,IAAA,IAAQ,CAAC,CAAC;IACnE,IACA,CAAC,CAAC;EACR;AAEJ","ignoreList":[]}

package/dist/views/Account/ResetPreferences/index.js

@@ -0,0 +1,112 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, ConfirmationModal, toast, useConfig, useModal, useTranslation } from '@ruya.sa/ui';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import * as qs from 'qs-esm';
+import { Fragment, useCallback } from 'react';
+const confirmResetModalSlug = 'confirm-reset-modal';
+export const ResetPreferences = t0 => {
+  const $ = _c(9);
+  const {
+    user
+  } = t0;
+  const {
+    openModal
+  } = useModal();
+  const {
+    t
+  } = useTranslation();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    api: apiRoute
+  } = t2;
+  let t3;
+  if ($[0] !== apiRoute || $[1] !== user) {
+    t3 = async () => {
+      if (!user) {
+        return;
+      }
+      const stringifiedQuery = qs.stringify({
+        depth: 0,
+        where: {
+          user: {
+            id: {
+              equals: user.id
+            }
+          }
+        }
+      }, {
+        addQueryPrefix: true
+      });
+      ;
+      try {
+        const res = await fetch(formatAdminURL({
+          apiRoute,
+          path: `/payload-preferences${stringifiedQuery}`
+        }), {
+          credentials: "include",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          method: "DELETE"
+        });
+        const json = await res.json();
+        const message = json.message;
+        if (res.ok) {
+          toast.success(message);
+        } else {
+          toast.error(message);
+        }
+      } catch (t4) {
+        const _err = t4;
+      }
+    };
+    $[0] = apiRoute;
+    $[1] = user;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const handleResetPreferences = t3;
+  let t4;
+  if ($[3] !== openModal) {
+    t4 = () => openModal(confirmResetModalSlug);
+    $[3] = openModal;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== handleResetPreferences || $[6] !== t || $[7] !== t4) {
+    t5 = _jsxs(Fragment, {
+      children: [_jsx("div", {
+        children: _jsx(Button, {
+          buttonStyle: "secondary",
+          onClick: t4,
+          children: t("general:resetPreferences")
+        })
+      }), _jsx(ConfirmationModal, {
+        body: t("general:resetPreferencesDescription"),
+        confirmingLabel: t("general:resettingPreferences"),
+        heading: t("general:resetPreferences"),
+        modalSlug: confirmResetModalSlug,
+        onConfirm: handleResetPreferences
+      })]
+    });
+    $[5] = handleResetPreferences;
+    $[6] = t;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  return t5;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Account/ResetPreferences/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","Button","ConfirmationModal","toast","useConfig","useModal","useTranslation","formatAdminURL","qs","Fragment","useCallback","confirmResetModalSlug","ResetPreferences","t0","$","user","openModal","t","config","t1","routes","t2","api","apiRoute","t3","stringifiedQuery","stringify","depth","where","id","equals","addQueryPrefix","res","fetch","path","credentials","headers","method","json","message","ok","success","error","t4","_err","handleResetPreferences","t5","_jsxs","children","_jsx","buttonStyle","onClick","body","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/views/Account/ResetPreferences/index.tsx"],"sourcesContent":["'use client'\nimport type { TypedUser } from '@ruya.sa/payload'\n\nimport {\n  Button,\n  ConfirmationModal,\n  toast,\n  useConfig,\n  useModal,\n  useTranslation,\n} from '@ruya.sa/ui'\nimport { formatAdminURL } from '@ruya.sa/payload/shared'\nimport * as qs from 'qs-esm'\nimport { Fragment, useCallback } from 'react'\n\nconst confirmResetModalSlug = 'confirm-reset-modal'\n\nexport const ResetPreferences: React.FC<{\n  readonly user?: TypedUser\n}> = ({ user }) => {\n  const { openModal } = useModal()\n  const { t } = useTranslation()\n  const {\n    config: {\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const handleResetPreferences = useCallback(async () => {\n    if (!user) {\n      return\n    }\n\n    const stringifiedQuery = qs.stringify(\n      {\n        depth: 0,\n        where: {\n          user: {\n            id: {\n              equals: user.id,\n            },\n          },\n        },\n      },\n      { addQueryPrefix: true },\n    )\n\n    try {\n      const res = await fetch(\n        formatAdminURL({\n          apiRoute,\n          path: `/payload-preferences${stringifiedQuery}`,\n        }),\n        {\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'DELETE',\n        },\n      )\n\n      const json = await res.json()\n      const message = json.message\n\n      if (res.ok) {\n        toast.success(message)\n      } else {\n        toast.error(message)\n      }\n    } catch (_err) {\n      // swallow error\n    }\n  }, [apiRoute, user])\n\n  return (\n    <Fragment>\n      <div>\n        <Button buttonStyle=\"secondary\" onClick={() => openModal(confirmResetModalSlug)}>\n          {t('general:resetPreferences')}\n        </Button>\n      </div>\n      <ConfirmationModal\n        body={t('general:resetPreferencesDescription')}\n        confirmingLabel={t('general:resettingPreferences')}\n        heading={t('general:resetPreferences')}\n        modalSlug={confirmResetModalSlug}\n        onConfirm={handleResetPreferences}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,MAAM,EACNC,iBAAiB,EACjBC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,cAAc,QACT;AACP,SAASC,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,SAASC,QAAQ,EAAEC,WAAW,QAAQ;AAEtC,MAAMC,qBAAA,GAAwB;AAE9B,OAAO,MAAMC,gBAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe;EAAA,IAAAF,EAAQ;EACZ;IAAAG;EAAA,IAAsBX,QAAA;EACtB;IAAAY;EAAA,IAAcX,cAAA;EACd;IAAAY,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAgB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,GAAA,EAAAC;EAAA,IAAAF,EAAiB;EAAA,IAAAG,EAAA;EAAA,IAAAV,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAC,IAAA;IAIcS,EAAA,SAAAA,CAAA;MAAA,KACpCT,IAAA;QAAA;MAAA;MAIL,MAAAU,gBAAA,GAAyBjB,EAAA,CAAAkB,SAAA;QAAAC,KAAA;QAAAC,KAAA;UAAAb,IAAA;YAAAc,EAAA;cAAAC,MAAA,EAMPf,IAAA,CAAAc;YAAA;UAAA;QAAA;MAAA;QAAAE,cAAA;MAAA,CAKO;MAAA;MAAA;QAIvB,MAAAC,GAAA,SAAkBC,KAAA,CAChB1B,cAAA;UAAAgB,QAAA;UAAAW,IAAA,EAEQ,uBAAuBT,gBAAA;QAAkB,CACjD;UAAAU,WAAA,EAEe;UAAAC,OAAA;YAAA,gBAEK;UAAA;UAAAC,MAAA,EAEV;QAAA,CACV;QAGF,MAAAC,IAAA,SAAmBN,GAAA,CAAAM,IAAA,CAAQ;QAC3B,MAAAC,OAAA,GAAgBD,IAAA,CAAAC,OAAA;QAAY,IAExBP,GAAA,CAAAQ,EAAA;UACFrC,KAAA,CAAAsC,OAAA,CAAcF,OAAA;QAAA;UAEdpC,KAAA,CAAAuC,KAAA,CAAYH,OAAA;QAAA;MAAA,SAAAI,EAAA;QAEPC,KAAA,CAAAA,IAAA,CAAAA,CAAA,CAAAA,EAAA;MAAA;IAAA;IAGX9B,CAAA,MAAAS,QAAA;IAAAT,CAAA,MAAAC,IAAA;IAAAD,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EA7CA,MAAA+B,sBAAA,GAA+BrB,EA6CZ;EAAA,IAAAmB,EAAA;EAAA,IAAA7B,CAAA,QAAAE,SAAA;IAK4B2B,EAAA,GAAAA,CAAA,KAAM3B,SAAA,CAAAL,qBAAU;IAAAG,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAA6B,EAAA;EAAA;IAAAA,EAAA,GAAA7B,CAAA;EAAA;EAAA,IAAAgC,EAAA;EAAA,IAAAhC,CAAA,QAAA+B,sBAAA,IAAA/B,CAAA,QAAAG,CAAA,IAAAH,CAAA,QAAA6B,EAAA;IAF7DG,EAAA,GAAAC,KAAA,CAAAtC,QAAA;MAAAuC,QAAA,GACEC,IAAA,CAAC;QAAAD,QAAA,EACCC,IAAA,CAAAhD,MAAA;UAAAiD,WAAA,EAAoB;UAAAC,OAAA,EAAqBR,EAAgB;UAAAK,QAAA,EACtD/B,CAAA,CAAE;QAAA,C;UAGPgC,IAAA,CAAA/C,iBAAA;QAAAkD,IAAA,EACQnC,CAAA,CAAE;QAAAoC,eAAA,EACSpC,CAAA,CAAE;QAAAqC,OAAA,EACVrC,CAAA,CAAE;QAAAsC,SAAA,EAAA5C,qBAAA;QAAA6C,SAAA,EAEAX;MAAA,C;;;;;;;;;SAXfC,E;CAeJ","ignoreList":[]}

package/dist/views/Account/Settings/LanguageSelector.js

@@ -0,0 +1,52 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ReactSelect, useTranslation } from '@ruya.sa/ui';
+import React from 'react';
+export const LanguageSelector = props => {
+  const $ = _c(8);
+  const {
+    languageOptions
+  } = props;
+  const {
+    i18n,
+    switchLanguage
+  } = useTranslation();
+  let t0;
+  if ($[0] !== switchLanguage) {
+    t0 = async option => {
+      await switchLanguage(option.value);
+    };
+    $[0] = switchLanguage;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== i18n || $[3] !== languageOptions || $[4] !== t0) {
+    let t2;
+    if ($[6] !== i18n) {
+      t2 = language => language.value === i18n.language;
+      $[6] = i18n;
+      $[7] = t2;
+    } else {
+      t2 = $[7];
+    }
+    t1 = _jsx(ReactSelect, {
+      inputId: "language-select",
+      isClearable: false,
+      onChange: t0,
+      options: languageOptions,
+      value: languageOptions.find(t2)
+    });
+    $[2] = i18n;
+    $[3] = languageOptions;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
+};
+//# sourceMappingURL=LanguageSelector.js.map

package/dist/views/Account/Settings/LanguageSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSelector.js","names":["c","_c","ReactSelect","useTranslation","React","LanguageSelector","props","$","languageOptions","i18n","switchLanguage","t0","option","value","t1","t2","language","_jsx","inputId","isClearable","onChange","options","find"],"sources":["../../../../src/views/Account/Settings/LanguageSelector.tsx"],"sourcesContent":["'use client'\nimport type { AcceptedLanguages } from '@ruya.sa/translations'\nimport type { ReactSelectOption } from '@ruya.sa/ui'\nimport type { LanguageOptions } from '@ruya.sa/payload'\n\nimport { ReactSelect, useTranslation } from '@ruya.sa/ui'\nimport React from 'react'\n\nexport const LanguageSelector: React.FC<{\n  languageOptions: LanguageOptions\n}> = (props) => {\n  const { languageOptions } = props\n\n  const { i18n, switchLanguage } = useTranslation()\n\n  return (\n    <ReactSelect\n      inputId=\"language-select\"\n      isClearable={false}\n      onChange={async (option: ReactSelectOption<AcceptedLanguages>) => {\n        await switchLanguage(option.value)\n      }}\n      options={languageOptions}\n      value={languageOptions.find((language) => language.value === i18n.language)}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,gBAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACH;IAAAO;EAAA,IAA4BF,KAAA;EAE5B;IAAAG,IAAA;IAAAC;EAAA,IAAiCP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAG,cAAA;IAMnBC,EAAA,SAAAC,MAAA;MAAA,MACFF,cAAA,CAAeE,MAAA,CAAAC,KAAY;IAAA;IACnCN,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAO,EAAA;EAAA,IAAAP,CAAA,QAAAE,IAAA,IAAAF,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAI,EAAA;IAAA,IAAAI,EAAA;IAAA,IAAAR,CAAA,QAAAE,IAAA;MAE4BM,EAAA,GAAAC,QAAA,IAAcA,QAAA,CAAAH,KAAA,KAAmBJ,IAAA,CAAAO,QAAa;MAAAT,CAAA,MAAAE,IAAA;MAAAF,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAP5EO,EAAA,GAAAG,IAAA,CAAAf,WAAA;MAAAgB,OAAA,EACU;MAAAC,WAAA;MAAAC,QAAA,EAEET,EAEV;MAAAU,OAAA,EACSb,eAAA;MAAAK,KAAA,EACFL,eAAA,CAAAc,IAAA,CAAqBP,EAA8C;IAAA,C;;;;;;;;SAP5ED,E;CAUJ","ignoreList":[]}