@payloadcms/ui 3.0.0-canary.a78fca3 → 3.0.0-canary.ab70b75

package/dist/forms/useField/types.d.ts

@@ -1,12 +1,12 @@
-import type { ClientValidate, FieldPermissions, FilterOptionsResult, Row } from 'payload';
+import type { FieldPermissions, FilterOptionsResult, Row, Validate } from 'payload';
 export type Options = {
     disableFormData?: boolean;
     hasRows?: boolean;
     /**
-     * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.
+     * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldProps` hook.
      **/
     path?: string;
-    validate?: ClientValidate;
+    validate?: Validate;
 };
 export type FieldType<T> = {
     errorMessage?: string;

package/dist/forms/useField/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAEzF,MAAM,MAAM,OAAO,GAAG;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;QAEI;IACJ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,oBAAoB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,CAAC,CAAA;CACT,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/useField/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEnF,MAAM,MAAM,OAAO,GAAG;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;QAEI;IACJ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,oBAAoB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAChE,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,CAAC,CAAA;CACT,CAAA"}

package/dist/forms/useField/types.js

@@ -1,3 +1,2 @@
-export { };
-
+export {};
 //# sourceMappingURL=types.js.map

package/dist/forms/useField/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { ClientValidate, FieldPermissions, FilterOptionsResult, Row } from 'payload'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.\n   **/\n  path?: string\n  validate?: ClientValidate\n}\n\nexport type FieldType<T> = {\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formInitializing: boolean\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  rows?: Row[]\n  schemaPath: string\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"names":[],"rangeMappings":"","mappings":"AAYA,WAiBC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { FieldPermissions, FilterOptionsResult, Row, Validate } from 'payload'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldProps` hook.\n   **/\n  path?: string\n  validate?: Validate\n}\n\nexport type FieldType<T> = {\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formInitializing: boolean\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  rows?: Row[]\n  schemaPath: string\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"mappings":"AAYA","ignoreList":[]}

package/dist/forms/withCondition/WatchCondition.d.ts

@@ -5,6 +5,6 @@ export declare const WatchCondition: React.FC<{
     indexPath: string;
     name?: string;
     path?: string;
-    type: keyof FieldTypes;
+    type: FieldTypes;
 }>;
 //# sourceMappingURL=WatchCondition.d.ts.map

package/dist/forms/withCondition/WatchCondition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WatchCondition.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAqBA,CAAA"}
+{"version":3,"file":"WatchCondition.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,UAAU,CAAA;CACjB,CAqBA,CAAA"}

package/dist/forms/withCondition/WatchCondition.js

@@ -1,26 +1,64 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { Fragment } from 'react';
 import { useFormFields } from '../Form/context.js';
-export const WatchCondition = (props)=>{
-    const { name, type, children, indexPath, path: pathFromProps } = props;
-    const path = typeof pathFromProps === 'string' ? pathFromProps : name;
-    let formStateID = path;
-    if ([
-        'collapsible',
-        'row'
-    ].includes(type)) {
-        const index = indexPath.split('.').pop();
-        formStateID = `${path ? `${path}.` : ''}_index-${index}`;
-    }
-    const field = useFormFields(([fields])=>fields && fields?.[formStateID] || null);
-    const { passesCondition } = field || {};
-    if (passesCondition === false) {
-        return null;
+export const WatchCondition = props => {
+  const $ = _c(7);
+  let formStateID;
+  let children;
+  if ($[0] !== props) {
+    const {
+      name,
+      type,
+      children: t0,
+      indexPath,
+      path: pathFromProps
+    } = props;
+    children = t0;
+    const path = typeof pathFromProps === "string" ? pathFromProps : name;
+    formStateID = path;
+    if (["collapsible", "row"].includes(type)) {
+      const index = indexPath.split(".").pop();
+      formStateID = `${path ? `${path}.` : ""}_index-${index}`;
     }
-    return /*#__PURE__*/ _jsx(Fragment, {
-        children: children
+    $[0] = props;
+    $[1] = formStateID;
+    $[2] = children;
+  } else {
+    formStateID = $[1];
+    children = $[2];
+  }
+  const t0 = formStateID;
+  let t1;
+  if ($[3] !== t0) {
+    t1 = t2 => {
+      const [fields] = t2;
+      return fields && fields?.[formStateID] || null;
+    };
+    $[3] = t0;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const field = useFormFields(t1);
+  const {
+    passesCondition
+  } = field || {};
+  if (passesCondition === false) {
+    return null;
+  }
+  let t2;
+  if ($[5] !== children) {
+    t2 = _jsx(Fragment, {
+      children
     });
+    $[5] = children;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=WatchCondition.js.map

package/dist/forms/withCondition/WatchCondition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: keyof FieldTypes\n}> = (props) => {\n  const { name, type, children, indexPath, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  let formStateID = path\n\n  if (['collapsible', 'row'].includes(type)) {\n    const index = indexPath.split('.').pop()\n    formStateID = `${path ? `${path}.` : ''}_index-${index}`\n  }\n\n  const field = useFormFields(([fields]) => (fields && fields?.[formStateID]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"names":["React","Fragment","useFormFields","WatchCondition","props","name","type","children","indexPath","path","pathFromProps","formStateID","includes","index","split","pop","field","fields","passesCondition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,iBAMR,CAACC;IACJ,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAMC,aAAa,EAAE,GAAGN;IAEjE,MAAMK,OAAO,OAAOC,kBAAkB,WAAWA,gBAAgBL;IAEjE,IAAIM,cAAcF;IAElB,IAAI;QAAC;QAAe;KAAM,CAACG,QAAQ,CAACN,OAAO;QACzC,MAAMO,QAAQL,UAAUM,KAAK,CAAC,KAAKC,GAAG;QACtCJ,cAAc,CAAC,EAAEF,OAAO,CAAC,EAAEA,KAAK,CAAC,CAAC,GAAG,GAAG,OAAO,EAAEI,MAAM,CAAC;IAC1D;IAEA,MAAMG,QAAQd,cAAc,CAAC,CAACe,OAAO,GAAK,AAACA,UAAUA,QAAQ,CAACN,YAAY,IAAK;IAE/E,MAAM,EAAEO,eAAe,EAAE,GAAGF,SAAS,CAAC;IAEtC,IAAIE,oBAAoB,OAAO;QAC7B,OAAO;IACT;IAEA,qBAAO,KAACjB;kBAAUM;;AACpB,EAAC"}
+{"version":3,"file":"WatchCondition.js","names":["c","_c","React","Fragment","useFormFields","WatchCondition","props","$","formStateID","children","name","type","t0","indexPath","path","pathFromProps","includes","index","split","pop","t1","t2","fields","field","passesCondition","_jsx"],"sources":["../../../src/forms/withCondition/WatchCondition.tsx"],"sourcesContent":["'use client'\nimport type { FieldTypes } from 'payload'\n\nimport React, { Fragment } from 'react'\n\nimport { useFormFields } from '../Form/context.js'\n\nexport const WatchCondition: React.FC<{\n  children: React.ReactNode\n  indexPath: string\n  name?: string\n  path?: string\n  type: FieldTypes\n}> = (props) => {\n  const { name, type, children, indexPath, path: pathFromProps } = props\n\n  const path = typeof pathFromProps === 'string' ? pathFromProps : name\n\n  let formStateID = path\n\n  if (['collapsible', 'row'].includes(type)) {\n    const index = indexPath.split('.').pop()\n    formStateID = `${path ? `${path}.` : ''}_index-${index}`\n  }\n\n  const field = useFormFields(([fields]) => (fields && fields?.[formStateID]) || null)\n\n  const { passesCondition } = field || {}\n\n  if (passesCondition === false) {\n    return null\n  }\n\n  return <Fragment>{children}</Fragment>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,aAAa,QAAQ;AAE9B,OAAO,MAAMC,cAAA,GAMRC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAA,IAAAO,WAAA;EAAA,IAAAC,QAAA;EAAA,IAAAF,CAAA,QAAAD,KAAA;IACH;MAAAI,IAAA;MAAAC,IAAA;MAAAF,QAAA,EAAAG,EAAA;MAAAC,SAAA;MAAAC,IAAA,EAAAC;IAAA,IAAiET,KAAA;IAAjEG,QAAA,GAAAG,EAAA;IAEA,MAAAE,IAAA,GAAa,OAAOC,aAAA,KAAkB,WAAWA,aAAA,GAAgBL,IAAA;IAEjEF,WAAA,GAAkBM,IAAA;IAAA,IAEd,CAAC,eAAe,OAAAE,QAAA,CAAgBL,IAAA;MAClC,MAAAM,KAAA,GAAcJ,SAAA,CAAAK,KAAA,CAAgB,KAAAC,GAAA,CAAQ;MACtCX,WAAA,CAAAA,CAAA,CAAcA,GAAGM,IAAA,GAAO,GAAGA,IAAA,GAAO,GAAG,YAAYG,KAAA,EAAO;IAAxD;IAAAV,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAE,QAAA;EAAA;IAAAD,WAAA,GAAAD,CAAA;IAAAE,QAAA,GAAAF,CAAA;EAAA;EAG4DC,KAAA,CAAAA,EAAA,CAAAA,CAAA,CAAAA,WAAA;EAAA,IAAAY,EAAA;EAAA,IAAAb,CAAA,QAAAK,EAAA;IAAlCQ,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKC,MAAC,IAAUA,MAAA,GAASd,WAAA,CAAY,QAAK;IAAA;IAAAD,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAA/E,MAAAgB,KAAA,GAAcnB,aAAA,CAAcgB,EAAmD;EAE/E;IAAAI;EAAA,IAA4BD,KAAA,MAAU;EAAA,IAElCC,eAAA,UAAoB;IAAA;EAAA;EAAA,IAAAH,EAAA;EAAA,IAAAd,CAAA,QAAAE,QAAA;IAIjBY,EAAA,GAAAI,IAAA,CAAAtB,QAAA;MAAAM;IAAA,C;;;;;;SAAAY,E;CACT","ignoreList":[]}

package/dist/forms/withCondition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,6CACjB,MAAM,aAAa,CAAC,CAAC,CAAC,KAC5B,MAAM,EAAE,CAAC,CAAC,CAcZ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/withCondition/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SACtD,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAC5B,KAAK,CAAC,EAAE,CAAC,CAAC,CAcZ,CAAA"}

package/dist/forms/withCondition/index.js

@@ -1,24 +1,44 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useFieldProps } from '../FieldPropsProvider/index.js';
 import { WatchCondition } from './WatchCondition.js';
-export const withCondition = (Field)=>{
-    const CheckForCondition = (props)=>{
-        const { name } = props;
-        const { type, indexPath, path: pathFromContext } = useFieldProps();
-        const path = pathFromContext ?? name;
-        return /*#__PURE__*/ _jsx(WatchCondition, {
-            indexPath: indexPath,
-            name: name,
-            path: path,
-            type: type,
-            children: /*#__PURE__*/ _jsx(Field, {
-                ...props
-            })
-        });
-    };
-    return CheckForCondition;
+export const withCondition = Field => {
+  const CheckForCondition = props => {
+    const $ = _c(6);
+    const {
+      name
+    } = props;
+    const {
+      type,
+      indexPath,
+      path: pathFromContext
+    } = useFieldProps();
+    const path = pathFromContext ?? name;
+    let t0;
+    if ($[0] !== props || $[1] !== indexPath || $[2] !== name || $[3] !== path || $[4] !== type) {
+      t0 = _jsx(WatchCondition, {
+        indexPath,
+        name,
+        path,
+        type,
+        children: _jsx(Field, {
+          ...props
+        })
+      });
+      $[0] = props;
+      $[1] = indexPath;
+      $[2] = name;
+      $[3] = path;
+      $[4] = type;
+      $[5] = t0;
+    } else {
+      t0 = $[5];
+    }
+    return t0;
+  };
+  return CheckForCondition;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/forms/withCondition/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <P extends Record<string, unknown>>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const { name } = props\n    const { type, indexPath, path: pathFromContext } = useFieldProps()\n    const path = pathFromContext ?? name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name as string} path={path as string} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"names":["React","useFieldProps","WatchCondition","withCondition","Field","CheckForCondition","props","name","type","indexPath","path","pathFromContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,OAAO,MAAMC,gBAAgB,CAC3BC;IAEA,MAAMC,oBAAiC,CAACC;QACtC,MAAM,EAAEC,IAAI,EAAE,GAAGD;QACjB,MAAM,EAAEE,IAAI,EAAEC,SAAS,EAAEC,MAAMC,eAAe,EAAE,GAAGV;QACnD,MAAMS,OAAOC,mBAAmBJ;QAEhC,qBACE,KAACL;YAAeO,WAAWA;YAAWF,MAAMA;YAAgBG,MAAMA;YAAgBF,MAAMA;sBACtF,cAAA,KAACJ;gBAAO,GAAGE,KAAK;;;IAGtB;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useFieldProps","WatchCondition","withCondition","Field","CheckForCondition","props","$","name","type","indexPath","path","pathFromContext","t0","_jsx","children"],"sources":["../../../src/forms/withCondition/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useFieldProps } from '../FieldPropsProvider/index.js'\nimport { WatchCondition } from './WatchCondition.js'\n\nexport const withCondition = <P extends Record<string, unknown>>(\n  Field: React.ComponentType<P>,\n): React.FC<P> => {\n  const CheckForCondition: React.FC<P> = (props) => {\n    const { name } = props\n    const { type, indexPath, path: pathFromContext } = useFieldProps()\n    const path = pathFromContext ?? name\n\n    return (\n      <WatchCondition indexPath={indexPath} name={name as string} path={path as string} type={type}>\n        <Field {...props} />\n      </WatchCondition>\n    )\n  }\n\n  return CheckForCondition\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,aAAA,GACXC,KAAA;EAEA,MAAMC,iBAAA,GAAiCC,KAAA;IAAA,MAAAC,CAAA,GAAAR,EAAA;IACrC;MAAAS;IAAA,IAAiBF,KAAA;IACjB;MAAAG,IAAA;MAAAC,SAAA;MAAAC,IAAA,EAAAC;IAAA,IAAmDX,aAAA;IACnD,MAAAU,IAAA,GAAaC,eAAA,IAAmBJ,IAAA;IAAA,IAAAK,EAAA;IAAA,IAAAN,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAE,IAAA;MAG9BI,EAAA,GAAAC,IAAA,CAAAZ,cAAA;QAAAQ,SAAA;QAAAF,IAAA;QAAAG,IAAA;QAAAF,IAAA;QAAAM,QAAA,EACED,IAAA,CAAAV,KAAA;UAAA,GAAWE;QAAK,C;;;;;;;;;;;WADlBO,E;GAIJ;EAEA,OAAOR,iBAAA;AACT","ignoreList":[]}

package/dist/graphics/Account/Default/index.js

@@ -2,33 +2,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'graphic-account';
-export const DefaultAccountIcon = (props)=>/*#__PURE__*/ _jsxs("svg", {
-        className: [
-            baseClass,
-            props?.active && `${baseClass}--active`
-        ].filter(Boolean).join(' '),
-        height: "25",
-        viewBox: "0 0 25 25",
-        width: "25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("circle", {
-                className: `${baseClass}__bg`,
-                cx: "12.5",
-                cy: "12.5",
-                r: "11.5"
-            }),
-            /*#__PURE__*/ _jsx("circle", {
-                className: `${baseClass}__head`,
-                cx: "12.5",
-                cy: "10.73",
-                r: "3.98"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                className: `${baseClass}__body`,
-                d: "M12.5,24a11.44,11.44,0,0,0,7.66-2.94c-.5-2.71-3.73-4.8-7.66-4.8s-7.16,2.09-7.66,4.8A11.44,11.44,0,0,0,12.5,24Z"
-            })
-        ]
-    });
-
+export const DefaultAccountIcon = props => /*#__PURE__*/_jsxs("svg", {
+  className: [baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' '),
+  height: "25",
+  viewBox: "0 0 25 25",
+  width: "25",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("circle", {
+    className: `${baseClass}__bg`,
+    cx: "12.5",
+    cy: "12.5",
+    r: "11.5"
+  }), /*#__PURE__*/_jsx("circle", {
+    className: `${baseClass}__head`,
+    cx: "12.5",
+    cy: "10.73",
+    r: "3.98"
+  }), /*#__PURE__*/_jsx("path", {
+    className: `${baseClass}__body`,
+    d: "M12.5,24a11.44,11.44,0,0,0,7.66-2.94c-.5-2.71-3.73-4.8-7.66-4.8s-7.16,2.09-7.66,4.8A11.44,11.44,0,0,0,12.5,24Z"
+  })]
+});
 //# sourceMappingURL=index.js.map

package/dist/graphics/Account/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/graphics/Account/Default/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'graphic-account'\n\nexport const DefaultAccountIcon: React.FC<{\n  active: boolean\n}> = (props) => (\n  <svg\n    className={[baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className={`${baseClass}__bg`} cx=\"12.5\" cy=\"12.5\" r=\"11.5\" />\n    <circle className={`${baseClass}__head`} cx=\"12.5\" cy=\"10.73\" r=\"3.98\" />\n    <path\n      className={`${baseClass}__body`}\n      d=\"M12.5,24a11.44,11.44,0,0,0,7.66-2.94c-.5-2.71-3.73-4.8-7.66-4.8s-7.16,2.09-7.66,4.8A11.44,11.44,0,0,0,12.5,24Z\"\n    />\n  </svg>\n)\n"],"names":["React","baseClass","DefaultAccountIcon","props","svg","className","active","filter","Boolean","join","height","viewBox","width","xmlns","circle","cx","cy","r","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAER,CAACC,sBACJ,MAACC;QACCC,WAAW;YAACJ;YAAWE,OAAOG,UAAU,CAAC,EAAEL,UAAU,QAAQ,CAAC;SAAC,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;QACrFC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAOT,WAAW,CAAC,EAAEJ,UAAU,IAAI,CAAC;gBAAEc,IAAG;gBAAOC,IAAG;gBAAOC,GAAE;;0BAC7D,KAACH;gBAAOT,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;gBAAEc,IAAG;gBAAOC,IAAG;gBAAQC,GAAE;;0BAChE,KAACC;gBACCb,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;gBAC/BkB,GAAE;;;OAGP"}
+{"version":3,"file":"index.js","names":["React","baseClass","DefaultAccountIcon","props","_jsxs","className","active","filter","Boolean","join","height","viewBox","width","xmlns","_jsx","cx","cy","r","d"],"sources":["../../../../src/graphics/Account/Default/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'graphic-account'\n\nexport const DefaultAccountIcon: React.FC<{\n  active: boolean\n}> = (props) => (\n  <svg\n    className={[baseClass, props?.active && `${baseClass}--active`].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className={`${baseClass}__bg`} cx=\"12.5\" cy=\"12.5\" r=\"11.5\" />\n    <circle className={`${baseClass}__head`} cx=\"12.5\" cy=\"10.73\" r=\"3.98\" />\n    <path\n      className={`${baseClass}__body`}\n      d=\"M12.5,24a11.44,11.44,0,0,0,7.66-2.94c-.5-2.71-3.73-4.8-7.66-4.8s-7.16,2.09-7.66,4.8A11.44,11.44,0,0,0,12.5,24Z\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,kBAAA,GAEPC,KAAA,iBACJC,KAAA,CAAC;EACCC,SAAA,EAAW,CAACJ,SAAA,EAAWE,KAAA,EAAOG,MAAA,IAAU,GAAGL,SAAA,UAAmB,CAAC,CAACM,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrFC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IAAOT,SAAA,EAAW,GAAGJ,SAAA,MAAe;IAAEc,EAAA,EAAG;IAAOC,EAAA,EAAG;IAAOC,CAAA,EAAE;mBAC7DH,IAAA,CAAC;IAAOT,SAAA,EAAW,GAAGJ,SAAA,QAAiB;IAAEc,EAAA,EAAG;IAAOC,EAAA,EAAG;IAAQC,CAAA,EAAE;mBAChEH,IAAA,CAAC;IACCT,SAAA,EAAW,GAAGJ,SAAA,QAAiB;IAC/BiB,CAAA,EAAE","ignoreList":[]}

package/dist/graphics/Account/Default/index.scss

@@ -1,54 +1,38 @@
-.graphic-account {
-  vector-effect: non-scaling-stroke;
-  overflow: visible;
-  position: relative;
-
-  &__bg {
-    fill: var(--theme-elevation-50);
-    stroke: var(--theme-elevation-200);
-    stroke-width: 1px;
-  }
-
-  &__head,
-  &__body {
-    fill: var(--theme-elevation-200);
-  }
+@layer payload-default {
+  .graphic-account {
+    vector-effect: non-scaling-stroke;
+    overflow: visible;
+    position: relative;
 
-  &--active {
-    .graphic-account {
-      &__bg {
-        fill: var(--theme-elevation-500);
-        stroke: var(--theme-text);
-      }
+    &__bg {
+      fill: var(--theme-elevation-50);
+      stroke: var(--theme-elevation-200);
+      stroke-width: 1px;
+    }
 
-      &__head,
-      &__body {
-        fill: var(--theme-text);
-      }
+    &__head,
+    &__body {
+      fill: var(--theme-elevation-200);
     }
-  }
 
-  &:hover:not(.graphic-account--active) {
-    .graphic-account {
-      &__bg {
-        fill: var(--theme-elevation-200);
-        stroke: var(--theme-elevation-600);
-      }
+    &--active {
+      .graphic-account {
+        &__bg {
+          fill: var(--theme-elevation-500);
+          stroke: var(--theme-text);
+        }
 
-      &__head,
-      &__body {
-        fill: var(--theme-elevation-600);
+        &__head,
+        &__body {
+          fill: var(--theme-text);
+        }
       }
     }
-  }
-}
 
-[data-theme='light'] {
-  .graphic-account {
-    &--active {
+    &:hover:not(.graphic-account--active) {
       .graphic-account {
         &__bg {
-          fill: var(--theme-elevation-300);
+          fill: var(--theme-elevation-200);
           stroke: var(--theme-elevation-600);
         }
 
@@ -59,4 +43,22 @@
       }
     }
   }
+
+  [data-theme='light'] {
+    .graphic-account {
+      &--active {
+        .graphic-account {
+          &__bg {
+            fill: var(--theme-elevation-300);
+            stroke: var(--theme-elevation-600);
+          }
+
+          &__head,
+          &__body {
+            fill: var(--theme-elevation-600);
+          }
+        }
+      }
+    }
+  }
 }

package/dist/graphics/Account/Gravatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAqBvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAuBvC,CAAA"}

package/dist/graphics/Account/Gravatar/index.js

@@ -1,27 +1,40 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import md5 from 'md5';
-import qs from 'qs';
 import React from 'react';
 import { useAuth } from '../../../providers/Auth/index.js';
-export const GravatarAccountIcon = ()=>{
-    const { user } = useAuth();
-    const hash = md5(user.email.trim().toLowerCase());
-    const query = qs.stringify({
-        default: 'mp',
-        r: 'g',
-        s: 50
-    });
-    return /*#__PURE__*/ _jsx("img", {
-        alt: "yas",
-        className: "gravatar-account",
-        height: 25,
-        src: `https://www.gravatar.com/avatar/${hash}?${query}`,
-        style: {
-            borderRadius: '50%'
-        },
-        width: 25
+export const GravatarAccountIcon = () => {
+  const $ = _c(2);
+  const {
+    user
+  } = useAuth();
+  const hash = md5(user.email.trim().toLowerCase());
+  const params = new URLSearchParams({
+    default: "mp",
+    r: "g",
+    s: "50"
+  }).toString();
+  const query = `?${params}`;
+  const t0 = `https://www.gravatar.com/avatar/${hash}?${query}`;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = _jsx("img", {
+      alt: "yas",
+      className: "gravatar-account",
+      height: 25,
+      src: t0,
+      style: {
+        borderRadius: "50%"
+      },
+      width: 25
     });
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/graphics/Account/Gravatar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"sourcesContent":["'use client'\nimport md5 from 'md5'\nimport qs from 'qs'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\n\nexport const GravatarAccountIcon: React.FC = () => {\n  const { user } = useAuth()\n\n  const hash = md5(user.email.trim().toLowerCase())\n\n  const query = qs.stringify({\n    default: 'mp',\n    r: 'g',\n    s: 50,\n  })\n\n  return (\n    <img\n      alt=\"yas\"\n      className=\"gravatar-account\"\n      height={25}\n      src={`https://www.gravatar.com/avatar/${hash}?${query}`}\n      style={{ borderRadius: '50%' }}\n      width={25}\n    />\n  )\n}\n"],"names":["md5","qs","React","useAuth","GravatarAccountIcon","user","hash","email","trim","toLowerCase","query","stringify","default","r","s","img","alt","className","height","src","style","borderRadius","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAAS,MAAK;AACrB,OAAOC,QAAQ,KAAI;AACnB,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,mCAAkC;AAE1D,OAAO,MAAMC,sBAAgC;IAC3C,MAAM,EAAEC,IAAI,EAAE,GAAGF;IAEjB,MAAMG,OAAON,IAAIK,KAAKE,KAAK,CAACC,IAAI,GAAGC,WAAW;IAE9C,MAAMC,QAAQT,GAAGU,SAAS,CAAC;QACzBC,SAAS;QACTC,GAAG;QACHC,GAAG;IACL;IAEA,qBACE,KAACC;QACCC,KAAI;QACJC,WAAU;QACVC,QAAQ;QACRC,KAAK,CAAC,gCAAgC,EAAEb,KAAK,CAAC,EAAEI,MAAM,CAAC;QACvDU,OAAO;YAAEC,cAAc;QAAM;QAC7BC,OAAO;;AAGb,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","md5","React","useAuth","GravatarAccountIcon","$","user","hash","email","trim","toLowerCase","params","URLSearchParams","default","r","s","toString","query","t0","t1","_jsx","alt","className","height","src","style","borderRadius","width"],"sources":["../../../../src/graphics/Account/Gravatar/index.tsx"],"sourcesContent":["'use client'\nimport md5 from 'md5'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\n\nexport const GravatarAccountIcon: React.FC = () => {\n  const { user } = useAuth()\n\n  const hash = md5(user.email.trim().toLowerCase())\n\n  const params = new URLSearchParams({\n    default: 'mp',\n    r: 'g',\n    s: '50',\n  }).toString()\n\n  const query = `?${params}`\n\n  return (\n    <img\n      alt=\"yas\"\n      className=\"gravatar-account\"\n      height={25}\n      src={`https://www.gravatar.com/avatar/${hash}?${query}`}\n      style={{ borderRadius: '50%' }}\n      width={25}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,GAAA,MAAS;AAChB,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AAExB,OAAO,MAAMC,mBAAA,GAAgCA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAC3C;IAAAM;EAAA,IAAiBH,OAAA;EAEjB,MAAAI,IAAA,GAAaN,GAAA,CAAIK,IAAA,CAAAE,KAAA,CAAAC,IAAA,CAAe,EAAAC,WAAA,CAAc;EAE9C,MAAAC,MAAA,GAAe,IAAAC,eAAA;IAAAC,OAAA,EACJ;IAAAC,CAAA,EACN;IAAAC,CAAA,EACA;EAAA,GAAAC,QAAA,CACM;EAEX,MAAAC,KAAA,GAAc,IAAIN,MAAA,EAAQ;EAOjB,MAAAO,EAAA,sCAAmCX,IAAA,IAAQU,KAAA,EAAO;EAAA,IAAAE,EAAA;EAAA,IAAAd,CAAA,QAAAa,EAAA;IAJzDC,EAAA,GAAAC,IAAA,CAAC;MAAAC,GAAA,EACK;MAAAC,SAAA,EACM;MAAAC,MAAA;MAAAC,GAAA,EAELN,EAAkD;MAAAO,KAAA;QAAAC,YAAA,EAChC;MAAA;MAAAC,KAAA;IAAA,C;;;;;;SALzBR,E;CASJ","ignoreList":[]}

package/dist/graphics/Account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,OAAO,yBAiBnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,OAAO,yBAiCnB,CAAA"}

package/dist/graphics/Account/index.js

@@ -1,23 +1,85 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation.js';
 import React from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { DefaultAccountIcon } from './Default/index.js';
 import { GravatarAccountIcon } from './Gravatar/index.js';
-export const Account = ()=>{
-    const { admin: { avatar: Avatar }, admin: { routes: { account: accountRoute } }, routes: { admin: adminRoute } } = useConfig();
-    const { user } = useAuth();
-    const pathname = usePathname();
-    const isOnAccountPage = pathname === `${adminRoute}${accountRoute}`;
-    if (!user?.email || Avatar === 'default') return /*#__PURE__*/ _jsx(DefaultAccountIcon, {
-        active: isOnAccountPage
-    });
-    if (Avatar === 'gravatar') return /*#__PURE__*/ _jsx(GravatarAccountIcon, {});
-    if (Avatar) return /*#__PURE__*/ _jsx(Avatar, {
+export const Account = () => {
+  const $ = _c(6);
+  const {
+    config: t0
+  } = useConfig();
+  const {
+    admin: t1,
+    routes: t2
+  } = t0;
+  const {
+    avatar,
+    components: t3,
+    routes: t4
+  } = t1;
+  const {
+    Avatar: CustomAvatar
+  } = t3;
+  const {
+    account: accountRoute
+  } = t4;
+  const {
+    admin: adminRoute
+  } = t2;
+  const {
+    user
+  } = useAuth();
+  const pathname = usePathname();
+  const isOnAccountPage = pathname === formatAdminURL({
+    adminRoute,
+    path: accountRoute
+  });
+  if (CustomAvatar) {
+    let t5;
+    if ($[0] !== isOnAccountPage || $[1] !== CustomAvatar) {
+      t5 = _jsx(RenderComponent, {
+        clientProps: {
+          active: isOnAccountPage
+        },
+        mappedComponent: CustomAvatar
+      });
+      $[0] = isOnAccountPage;
+      $[1] = CustomAvatar;
+      $[2] = t5;
+    } else {
+      t5 = $[2];
+    }
+    return t5;
+  }
+  if (!user?.email || avatar === "default") {
+    let t5;
+    if ($[3] !== isOnAccountPage) {
+      t5 = _jsx(DefaultAccountIcon, {
         active: isOnAccountPage
-    });
+      });
+      $[3] = isOnAccountPage;
+      $[4] = t5;
+    } else {
+      t5 = $[4];
+    }
+    return t5;
+  }
+  if (avatar === "gravatar") {
+    let t5;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = _jsx(GravatarAccountIcon, {});
+      $[5] = t5;
+    } else {
+      t5 = $[5];
+    }
+    return t5;
+  }
 };
-
 //# sourceMappingURL=index.js.map

package/dist/graphics/Account/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    admin: { avatar: Avatar },\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n\n  const isOnAccountPage = pathname === `${adminRoute}${accountRoute}`\n\n  if (!user?.email || Avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />\n  if (Avatar === 'gravatar') return <GravatarAccountIcon />\n  if (Avatar) return <Avatar active={isOnAccountPage} />\n}\n"],"names":["usePathname","React","useAuth","useConfig","DefaultAccountIcon","GravatarAccountIcon","Account","admin","avatar","Avatar","routes","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","email","active"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,kBAAkB,QAAQ,qBAAoB;AACvD,SAASC,mBAAmB,QAAQ,sBAAqB;AAEzD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,OAAO,EAAEC,QAAQC,MAAM,EAAE,EACzBF,OAAO,EACLG,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAEH,OAAOM,UAAU,EAAE,EAC9B,GAAGV;IAEJ,MAAM,EAAEW,IAAI,EAAE,GAAGZ;IACjB,MAAMa,WAAWf;IAEjB,MAAMgB,kBAAkBD,aAAa,CAAC,EAAEF,WAAW,EAAED,aAAa,CAAC;IAEnE,IAAI,CAACE,MAAMG,SAASR,WAAW,WAAW,qBAAO,KAACL;QAAmBc,QAAQF;;IAC7E,IAAIP,WAAW,YAAY,qBAAO,KAACJ;IACnC,IAAII,QAAQ,qBAAO,KAACA;QAAOS,QAAQF;;AACrC,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","usePathname","React","useAuth","useConfig","RenderComponent","formatAdminURL","DefaultAccountIcon","GravatarAccountIcon","Account","$","config","t0","admin","t1","routes","t2","avatar","components","t3","t4","Avatar","CustomAvatar","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","t5","_jsx","clientProps","active","mappedComponent","email","Symbol","for"],"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    config: {\n      admin: {\n        avatar,\n        components: { Avatar: CustomAvatar },\n        routes: { account: accountRoute },\n      },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n\n  if (CustomAvatar) {\n    return (\n      <RenderComponent\n        clientProps={{\n          active: isOnAccountPage,\n        }}\n        mappedComponent={CustomAvatar}\n      />\n    )\n  }\n\n  if (!user?.email || avatar === 'default') {\n    return <DefaultAccountIcon active={isOnAccountPage} />\n  }\n  if (avatar === 'gravatar') {\n    return <GravatarAccountIcon />\n  }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,WAAW,QAAQ;AAC5B,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,OAAO,MAAMC,OAAA,GAAUA,CAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACrB;IAAAW,MAAA,EAAAC;EAAA,IASIR,SAAA;EARM;IAAAS,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAOP;EANQ;IAAAK,MAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAJ,MAAA,EAAAK;EAAA,IAAAN,EAIN;EAFa;IAAAO,MAAA,EAAAC;EAAA,IAAAH,EAAwB;EAC5B;IAAAI,OAAA,EAAAC;EAAA,IAAAJ,EAAyB;EAE3B;IAAAP,KAAA,EAAAY;EAAA,IAAAT,EAAqB;EAIjC;IAAAU;EAAA,IAAiBvB,OAAA;EACjB,MAAAwB,QAAA,GAAiB1B,WAAA;EACjB,MAAA2B,eAAA,GAAwBD,QAAA,KAAarB,cAAA;IAAAmB,UAAA;IAAAI,IAAA,EAAmCL;EAAA,CAAa;EAAA,IAEjFF,YAAA;IAAA,IAAAQ,EAAA;IAAA,IAAApB,CAAA,QAAAkB,eAAA,IAAAlB,CAAA,QAAAY,YAAA;MAEAQ,EAAA,GAAAC,IAAA,CAAA1B,eAAA;QAAA2B,WAAA;UAAAC,MAAA,EAEYL;QAAA;QAAAM,eAAA,EAEOZ;MAAA,C;;;;;;;WAJnBQ,E;;MASA,CAACJ,IAAA,EAAAS,KAAA,IAAelB,MAAA,KAAW;IAAA,IAAAa,EAAA;IAAA,IAAApB,CAAA,QAAAkB,eAAA;MACtBE,EAAA,GAAAC,IAAA,CAAAxB,kBAAA;QAAA0B,MAAA,EAA4BL;MAAA,C;;;;;;WAA5BE,E;;MAELb,MAAA,KAAW;IAAA,IAAAa,EAAA;IAAA,IAAApB,CAAA,QAAA0B,MAAA,CAAAC,GAAA;MACNP,EAAA,GAAAC,IAAA,CAAAvB,mBAAA,IAAC;MAAAE,CAAA,MAAAoB,EAAA;IAAA;MAAAA,EAAA,GAAApB,CAAA;IAAA;IAAA,OAADoB,EAAC;EAAA;AAAA,CAEZ","ignoreList":[]}