@payloadcms/next 3.2.2 → 3.2.3-canary.3e78927

package/dist/templates/Default/Wrapper/index.js

@@ -33,13 +33,13 @@ export const Wrapper = props => {
   }
   const t4 = t3.join(" ");
   let t5;
-  if ($[6] !== t4 || $[7] !== children) {
+  if ($[6] !== children || $[7] !== t4) {
     t5 = _jsx("div", {
       className: t4,
       children
     });
-    $[6] = t4;
-    $[7] = children;
+    $[6] = children;
+    $[7] = t4;
     $[8] = t5;
   } else {
     t5 = $[8];

package/dist/templates/Default/Wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useNav","React","Wrapper","props","$","baseClass","children","className","hydrated","navOpen","shouldAnimate","t0","t1","t2","t3","filter","Boolean","t4","join","t5","_jsx"],"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { hydrated, navOpen, shouldAnimate } = useNav()\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,QAAQ;AACvB,OAAOC,KAAA,MAAW;AAIlB,OAAO,MAAMC,OAAA,GAIRC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM,SAAA;IAAAC,QAAA;IAAAC;EAAA,IAA2CJ,KAAA;EAC3C;IAAAK,QAAA;IAAAC,OAAA;IAAAC;EAAA,IAA6CV,MAAA;EAOvC,MAAAW,EAAA,GAAAF,OAAA,IAAW,GAAGJ,SAAA,YAAqB;EACnC,MAAAO,EAAA,GAAAF,aAAA,IAAiB,GAAGL,SAAA,eAAwB;EAC5C,MAAAQ,EAAA,GAAAL,QAAA,IAAY,GAAGH,SAAA,gBAAyB;EAAA,IAAAS,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;IAL/BC,EAAA,IACTT,SAAA,EACAE,SAAA,EACAI,EAAmC,EACnCC,EAA4C,EAC5CC,EAAwC,EAAAE,MAAA,CAAAC,OAEhC;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAPC,MAAAa,EAAA,GAAAH,EAOD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAE,QAAA;IATVa,EAAA,GAAAC,IAAA,CAAC;MAAAb,SAAA,EACYU,EAQH;MAAAX;IAAA,C;;;;;;;SATVa,E;CAcJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useNav","React","Wrapper","props","$","baseClass","children","className","hydrated","navOpen","shouldAnimate","t0","t1","t2","t3","filter","Boolean","t4","join","t5","_jsx"],"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { hydrated, navOpen, shouldAnimate } = useNav()\n\n  return (\n    <div\n      className={[\n        baseClass,\n        className,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,QAAQ;AACvB,OAAOC,KAAA,MAAW;AAIlB,OAAO,MAAMC,OAAA,GAIRC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM,SAAA;IAAAC,QAAA;IAAAC;EAAA,IAA2CJ,KAAA;EAC3C;IAAAK,QAAA;IAAAC,OAAA;IAAAC;EAAA,IAA6CV,MAAA;EAOvC,MAAAW,EAAA,GAAAF,OAAA,IAAW,GAAGJ,SAAA,YAAqB;EACnC,MAAAO,EAAA,GAAAF,aAAA,IAAiB,GAAGL,SAAA,eAAwB;EAC5C,MAAAQ,EAAA,GAAAL,QAAA,IAAY,GAAGH,SAAA,gBAAyB;EAAA,IAAAS,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;IAL/BC,EAAA,IACTT,SAAA,EACAE,SAAA,EACAI,EAAmC,EACnCC,EAA4C,EAC5CC,EAAwC,EAAAE,MAAA,CAAAC,OAEhC;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAPC,MAAAa,EAAA,GAAAH,EAOD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAa,EAAA;IATVE,EAAA,GAAAC,IAAA,CAAC;MAAAb,SAAA,EACYU,EAQH;MAAAX;IAAA,C;;;;;;;SATVa,E;CAcJ","ignoreList":[]}

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

@@ -14,7 +14,7 @@ export const LocaleSelector = t0 => {
     t
   } = useTranslation();
   let t1;
-  if ($[0] !== t || $[1] !== localeOptions || $[2] !== onChange) {
+  if ($[0] !== localeOptions || $[1] !== onChange || $[2] !== t) {
     let t2;
     if ($[4] !== onChange) {
       t2 = value => onChange(value);
@@ -32,9 +32,9 @@ export const LocaleSelector = t0 => {
       onChange: t2,
       path: "locale"
     });
-    $[0] = t;
-    $[1] = localeOptions;
-    $[2] = onChange;
+    $[0] = localeOptions;
+    $[1] = onChange;
+    $[2] = t;
     $[3] = t1;
   } else {
     t1 = $[3];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","SelectField","useTranslation","React","LocaleSelector","t0","$","localeOptions","onChange","t","t1","t2","value","_jsx","field","name","label","options","path"],"sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"sourcesContent":["'use client'\nimport { SelectField, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const LocaleSelector: React.FC<{\n  readonly localeOptions: {\n    label: Record<string, string> | string\n    value: string\n  }[]\n  readonly onChange: (value: string) => void\n}> = ({ localeOptions, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <SelectField\n      field={{\n        name: 'locale',\n        label: t('general:locale'),\n        options: localeOptions,\n      }}\n      onChange={(value: string) => onChange(value)}\n      path=\"locale\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,cAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,aAAA;IAAAC;EAAA,IAAAH,EAA2B;EAC/B;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAG,CAAA,IAAAH,CAAA,QAAAC,aAAA,IAAAD,CAAA,QAAAE,QAAA;IAAA,IAAAG,EAAA;IAAA,IAAAL,CAAA,QAAAE,QAAA;MASAG,EAAA,GAAAC,KAAA,IAAmBJ,QAAA,CAASI,KAAA;MAAAN,CAAA,MAAAE,QAAA;MAAAF,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IANxCI,EAAA,GAAAG,IAAA,CAAAZ,WAAA;MAAAa,KAAA;QAAAC,IAAA,EAEU;QAAAC,KAAA,EACCP,CAAA,CAAE;QAAAQ,OAAA,EACAV;MAAA;MAAAC,QAAA,EAEDG,EAA4B;MAAAO,IAAA,EACjC;IAAA,C;;;;;;;;SAPPR,E;CAUJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","SelectField","useTranslation","React","LocaleSelector","t0","$","localeOptions","onChange","t","t1","t2","value","_jsx","field","name","label","options","path"],"sources":["../../../../src/views/API/LocaleSelector/index.tsx"],"sourcesContent":["'use client'\nimport { SelectField, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const LocaleSelector: React.FC<{\n  readonly localeOptions: {\n    label: Record<string, string> | string\n    value: string\n  }[]\n  readonly onChange: (value: string) => void\n}> = ({ localeOptions, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <SelectField\n      field={{\n        name: 'locale',\n        label: t('general:locale'),\n        options: localeOptions,\n      }}\n      onChange={(value: string) => onChange(value)}\n      path=\"locale\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,WAAW,EAAEC,cAAc,QAAQ;AAC5C,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,cAAA,GAMRC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,aAAA;IAAAC;EAAA,IAAAH,EAA2B;EAC/B;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,aAAA,IAAAD,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAL,CAAA,QAAAE,QAAA;MASAG,EAAA,GAAAC,KAAA,IAAmBJ,QAAA,CAASI,KAAA;MAAAN,CAAA,MAAAE,QAAA;MAAAF,CAAA,MAAAK,EAAA;IAAA;MAAAA,EAAA,GAAAL,CAAA;IAAA;IANxCI,EAAA,GAAAG,IAAA,CAAAZ,WAAA;MAAAa,KAAA;QAAAC,IAAA,EAEU;QAAAC,KAAA,EACCP,CAAA,CAAE;QAAAQ,OAAA,EACAV;MAAA;MAAAC,QAAA,EAEDG,EAA4B;MAAAO,IAAA,EACjC;IAAA,C;;;;;;;;SAPPR,E;CAUJ","ignoreList":[]}

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

@@ -26,7 +26,7 @@ export const ToggleTheme = () => {
   }
   const onChange = t0;
   let t1;
-  if ($[2] !== t || $[3] !== autoMode || $[4] !== theme || $[5] !== onChange) {
+  if ($[2] !== autoMode || $[3] !== onChange || $[4] !== t || $[5] !== theme) {
     t1 = _jsx(RadioGroupField, {
       disableModifyingForm: true,
       field: {
@@ -47,10 +47,10 @@ export const ToggleTheme = () => {
       path: "theme",
       value: autoMode ? "auto" : theme
     });
-    $[2] = t;
-    $[3] = autoMode;
-    $[4] = theme;
-    $[5] = onChange;
+    $[2] = autoMode;
+    $[3] = onChange;
+    $[4] = t;
+    $[5] = theme;
     $[6] = t1;
   } else {
     t1 = $[6];

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","disableModifyingForm","field","name","label","options","value","path"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      disableModifyingForm={true}\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\n        options: [\n          {\n            label: t('general:automatic'),\n            value: 'auto',\n          },\n          {\n            label: t('general:light'),\n            value: 'light',\n          },\n          {\n            label: t('general:dark'),\n            value: 'dark',\n          },\n        ],\n      }}\n      onChange={onChange}\n      path=\"theme\"\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAO,QAAA;IAIVC,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,oBAAA;MAAAC,KAAA;QAAAC,IAAA,EAGU;QAAAC,KAAA,EACCT,CAAA,CAAE;QAAAU,OAAA;UAAAD,KAAA,EAGET,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;MAAA;MAAAR,QAAA;MAAAS,IAAA,EAKR;MAAAD,KAAA,EACEd,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SAtB7BK,E;CAyBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","RadioGroupField","useTheme","useTranslation","React","useCallback","ToggleTheme","$","autoMode","setTheme","theme","t","t0","newTheme","onChange","t1","_jsx","disableModifyingForm","field","name","label","options","value","path"],"sources":["../../../../src/views/Account/ToggleTheme/index.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroupField, useTheme, useTranslation } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\n\nexport const ToggleTheme: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const onChange = useCallback(\n    (newTheme) => {\n      setTheme(newTheme)\n    },\n    [setTheme],\n  )\n\n  return (\n    <RadioGroupField\n      disableModifyingForm={true}\n      field={{\n        name: 'theme',\n        label: t('general:adminTheme'),\n        options: [\n          {\n            label: t('general:automatic'),\n            value: 'auto',\n          },\n          {\n            label: t('general:light'),\n            value: 'light',\n          },\n          {\n            label: t('general:dark'),\n            value: 'dark',\n          },\n        ],\n      }}\n      onChange={onChange}\n      path=\"theme\"\n      value={autoMode ? 'auto' : theme}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,eAAe,EAAEC,QAAQ,EAAEC,cAAc,QAAQ;AAC1D,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,OAAO,MAAMC,WAAA,GAAwBA,CAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACnC;IAAAQ,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAsCR,QAAA;EACtC;IAAAS;EAAA,IAAcR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAL,CAAA,QAAAE,QAAA;IAGZG,EAAA,GAAAC,QAAA;MACEJ,QAAA,CAASI,QAAA;IAAA;IACXN,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAHF,MAAAO,QAAA,GAAiBF,EAIL;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAO,QAAA,IAAAP,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAG,KAAA;IAIVK,EAAA,GAAAC,IAAA,CAAAf,eAAA;MAAAgB,oBAAA;MAAAC,KAAA;QAAAC,IAAA,EAGU;QAAAC,KAAA,EACCT,CAAA,CAAE;QAAAU,OAAA;UAAAD,KAAA,EAGET,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;UAAAF,KAAA,EAGAT,CAAA,CAAE;UAAAW,KAAA,EACF;QAAA;MAAA;MAAAR,QAAA;MAAAS,IAAA,EAKR;MAAAD,KAAA,EACEd,QAAA,GAAW,SAASE;IAAA,C;;;;;;;;;SAtB7BK,E;CAyBJ","ignoreList":[]}

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

@@ -13,7 +13,7 @@ export const AccountClient = () => {
   } = useTranslation();
   let t0;
   let t1;
-  if ($[0] !== t || $[1] !== setStepNav) {
+  if ($[0] !== setStepNav || $[1] !== t) {
     t0 = () => {
       const nav = [];
       nav.push({
@@ -23,8 +23,8 @@ export const AccountClient = () => {
       setStepNav(nav);
     };
     t1 = [setStepNav, t];
-    $[0] = t;
-    $[1] = setStepNav;
+    $[0] = setStepNav;
+    $[1] = t;
     $[2] = t0;
     $[3] = t1;
   } else {

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","useStepNav","useTranslation","React","AccountClient","$","setStepNav","t","t0","t1","nav","push","label","url","useEffect"],"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport { type StepNavItem, useStepNav, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAA2BC,UAAU,EAAEC,cAAc,QAAQ;AAC7D,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACrC;IAAAM;EAAA,IAAuBL,UAAA;EACvB;IAAAM;EAAA,IAAcL,cAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAC,UAAA;IAEEE,EAAA,GAAAA,CAAA;MACd,MAAAE,GAAA;MAEAA,GAAA,CAAAC,IAAA;QAAAC,KAAA,EACSL,CAAA,CAAE;QAAAM,GAAA,EACJ;MAAA,CACP;MAEAP,UAAA,CAAWI,GAAA;IAAA;IACVD,EAAA,IAACH,UAAA,EAAYC,CAAA;IAAEF,CAAA,MAAAE,CAAA;IAAAF,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EATlBF,KAAA,CAAAW,SAAA,CAAgBN,EAShB,EAAGC,EAAe;EAAA;AAAA,CAGpB","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","useStepNav","useTranslation","React","AccountClient","$","setStepNav","t","t0","t1","nav","push","label","url","useEffect"],"sources":["../../../src/views/Account/index.client.tsx"],"sourcesContent":["'use client'\nimport { type StepNavItem, useStepNav, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nexport const AccountClient: React.FC = () => {\n  const { setStepNav } = useStepNav()\n  const { t } = useTranslation()\n\n  React.useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    nav.push({\n      label: t('authentication:account'),\n      url: '/account',\n    })\n\n    setStepNav(nav)\n  }, [setStepNav, t])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,SAA2BC,UAAU,EAAEC,cAAc,QAAQ;AAC7D,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACrC;IAAAM;EAAA,IAAuBL,UAAA;EACvB;IAAAM;EAAA,IAAcL,cAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAE,CAAA;IAEEC,EAAA,GAAAA,CAAA;MACd,MAAAE,GAAA;MAEAA,GAAA,CAAAC,IAAA;QAAAC,KAAA,EACSL,CAAA,CAAE;QAAAM,GAAA,EACJ;MAAA,CACP;MAEAP,UAAA,CAAWI,GAAA;IAAA;IACVD,EAAA,IAACH,UAAA,EAAYC,CAAA;IAAEF,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAE,CAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EATlBF,KAAA,CAAAW,SAAA,CAAgBN,EAShB,EAAGC,EAAe;EAAA;AAAA,CAGpB","ignoreList":[]}

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js

@@ -37,7 +37,7 @@ export const ForgotPasswordForm = () => {
   const collectionConfig = t2;
   const loginWithUsername = collectionConfig?.auth?.loginWithUsername;
   let t3;
-  if ($[3] !== t || $[4] !== loginWithUsername) {
+  if ($[3] !== loginWithUsername || $[4] !== t) {
     t3 = (res, successToast, errorToast) => {
       res.json().then(() => {
         setHasSubmitted(true);
@@ -46,8 +46,8 @@ export const ForgotPasswordForm = () => {
         errorToast(loginWithUsername ? t("authentication:usernameNotValid") : t("authentication:emailNotValid"));
       });
     };
-    $[3] = t;
-    $[4] = loginWithUsername;
+    $[3] = loginWithUsername;
+    $[4] = t;
     $[5] = t3;
   } else {
     t3 = $[5];
@@ -55,7 +55,7 @@ export const ForgotPasswordForm = () => {
   const handleResponse = t3;
   let t4;
   let t5;
-  if ($[6] !== loginWithUsername || $[7] !== hasSubmitted || $[8] !== t || $[9] !== api || $[10] !== userSlug || $[11] !== config || $[12] !== handleResponse) {
+  if ($[6] !== api || $[7] !== config || $[8] !== handleResponse || $[9] !== hasSubmitted || $[10] !== loginWithUsername || $[11] !== t || $[12] !== userSlug) {
     t5 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const initialState = loginWithUsername ? {
@@ -149,13 +149,13 @@ export const ForgotPasswordForm = () => {
         })]
       });
     }
-    $[6] = loginWithUsername;
-    $[7] = hasSubmitted;
-    $[8] = t;
-    $[9] = api;
-    $[10] = userSlug;
-    $[11] = config;
-    $[12] = handleResponse;
+    $[6] = api;
+    $[7] = config;
+    $[8] = handleResponse;
+    $[9] = hasSubmitted;
+    $[10] = loginWithUsername;
+    $[11] = t;
+    $[12] = userSlug;
     $[13] = t4;
     $[14] = t5;
   } else {

package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","EmailField","Form","FormSubmit","TextField","useConfig","useTranslation","email","text","React","useState","FormHeader","ForgotPasswordForm","$","config","admin","t0","routes","t1","user","userSlug","api","t","hasSubmitted","setHasSubmitted","t2","collections","find","collection","slug","collectionConfig","loginWithUsername","auth","t3","res","successToast","errorToast","json","then","catch","handleResponse","t4","t5","Symbol","for","initialState","username","initialValue","valid","value","undefined","t6","_jsx","description","heading","_jsxs","action","method","children","field","name","label","required","path","validate","type","data","preferences","fields","req","payload","siblingData","autoComplete","value_0","size"],"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, text } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { FormHeader } from '../../../elements/FormHeader/index.js'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const { config } = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const loginWithUsername = collectionConfig?.auth?.loginWithUsername\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        setHasSubmitted(true)\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(\n          loginWithUsername\n            ? t('authentication:usernameNotValid')\n            : t('authentication:emailNotValid'),\n        )\n      })\n  }\n\n  const initialState: FormState = loginWithUsername\n    ? {\n        username: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n    : {\n        email: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n\n  if (hasSubmitted) {\n    return (\n      <FormHeader\n        description={t('authentication:checkYourEmailForPasswordReset')}\n        heading={t('authentication:emailSent')}\n      />\n    )\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/forgot-password`}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <FormHeader\n        description={\n          loginWithUsername\n            ? t('authentication:forgotPasswordUsernameInstructions')\n            : t('authentication:forgotPasswordEmailInstructions')\n        }\n        heading={t('authentication:forgotPassword')}\n      />\n\n      {loginWithUsername ? (\n        <TextField\n          field={{\n            name: 'username',\n            label: t('authentication:username'),\n            required: true,\n          }}\n          path=\"username\"\n          validate={(value) =>\n            text(value, {\n              name: 'username',\n              type: 'text',\n              data: {},\n              preferences: { fields: {} },\n              req: {\n                payload: {\n                  config,\n                },\n                t,\n              } as unknown as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      ) : (\n        <EmailField\n          field={{\n            name: 'email',\n            admin: {\n              autoComplete: 'email',\n            },\n            label: t('general:email'),\n            required: true,\n          }}\n          path=\"email\"\n          validate={(value) =>\n            email(value, {\n              name: 'email',\n              type: 'email',\n              data: {},\n              preferences: { fields: {} },\n              req: { payload: { config }, t } as unknown as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      )}\n      <FormSubmit size=\"large\">{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","EmailField","Form","FormSubmit","TextField","useConfig","useTranslation","email","text","React","useState","FormHeader","ForgotPasswordForm","$","config","admin","t0","routes","t1","user","userSlug","api","t","hasSubmitted","setHasSubmitted","t2","collections","find","collection","slug","collectionConfig","loginWithUsername","auth","t3","res","successToast","errorToast","json","then","catch","handleResponse","t4","t5","Symbol","for","initialState","username","initialValue","valid","value","undefined","t6","_jsx","description","heading","_jsxs","action","method","children","field","name","label","required","path","validate","type","data","preferences","fields","req","payload","siblingData","autoComplete","value_0","size"],"sources":["../../../../src/views/ForgotPassword/ForgotPasswordForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FormProps } from '@payloadcms/ui'\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { EmailField, Form, FormSubmit, TextField, useConfig, useTranslation } from '@payloadcms/ui'\nimport { email, text } from 'payload/shared'\nimport React, { useState } from 'react'\n\nimport { FormHeader } from '../../../elements/FormHeader/index.js'\n\nexport const ForgotPasswordForm: React.FC = () => {\n  const { config } = useConfig()\n\n  const {\n    admin: { user: userSlug },\n    routes: { api },\n  } = config\n\n  const { t } = useTranslation()\n  const [hasSubmitted, setHasSubmitted] = useState(false)\n  const collectionConfig = config.collections?.find((collection) => collection?.slug === userSlug)\n  const loginWithUsername = collectionConfig?.auth?.loginWithUsername\n\n  const handleResponse: FormProps['handleResponse'] = (res, successToast, errorToast) => {\n    res\n      .json()\n      .then(() => {\n        setHasSubmitted(true)\n        successToast(t('general:submissionSuccessful'))\n      })\n      .catch(() => {\n        errorToast(\n          loginWithUsername\n            ? t('authentication:usernameNotValid')\n            : t('authentication:emailNotValid'),\n        )\n      })\n  }\n\n  const initialState: FormState = loginWithUsername\n    ? {\n        username: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n    : {\n        email: {\n          initialValue: '',\n          valid: true,\n          value: undefined,\n        },\n      }\n\n  if (hasSubmitted) {\n    return (\n      <FormHeader\n        description={t('authentication:checkYourEmailForPasswordReset')}\n        heading={t('authentication:emailSent')}\n      />\n    )\n  }\n\n  return (\n    <Form\n      action={`${api}/${userSlug}/forgot-password`}\n      handleResponse={handleResponse}\n      initialState={initialState}\n      method=\"POST\"\n    >\n      <FormHeader\n        description={\n          loginWithUsername\n            ? t('authentication:forgotPasswordUsernameInstructions')\n            : t('authentication:forgotPasswordEmailInstructions')\n        }\n        heading={t('authentication:forgotPassword')}\n      />\n\n      {loginWithUsername ? (\n        <TextField\n          field={{\n            name: 'username',\n            label: t('authentication:username'),\n            required: true,\n          }}\n          path=\"username\"\n          validate={(value) =>\n            text(value, {\n              name: 'username',\n              type: 'text',\n              data: {},\n              preferences: { fields: {} },\n              req: {\n                payload: {\n                  config,\n                },\n                t,\n              } as unknown as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      ) : (\n        <EmailField\n          field={{\n            name: 'email',\n            admin: {\n              autoComplete: 'email',\n            },\n            label: t('general:email'),\n            required: true,\n          }}\n          path=\"email\"\n          validate={(value) =>\n            email(value, {\n              name: 'email',\n              type: 'email',\n              data: {},\n              preferences: { fields: {} },\n              req: { payload: { config }, t } as unknown as PayloadRequest,\n              required: true,\n              siblingData: {},\n            })\n          }\n        />\n      )}\n      <FormSubmit size=\"large\">{t('general:submit')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/LivePreview/DeviceContainer/index.js

@@ -31,7 +31,7 @@ export const DeviceContainer = props => {
   const t1 = `translate3d(${x}, 0, 0)`;
   const t2 = foundBreakpoint && foundBreakpoint?.name !== "responsive" ? `${size?.width / (typeof zoom === "number" ? zoom : 1)}px` : typeof zoom === "number" ? `${100 / zoom}%` : "100%";
   let t3;
-  if ($[0] !== t0 || $[1] !== margin || $[2] !== t1 || $[3] !== t2 || $[4] !== children) {
+  if ($[0] !== children || $[1] !== margin || $[2] !== t0 || $[3] !== t1 || $[4] !== t2) {
     t3 = _jsx("div", {
       style: {
         height: t0,
@@ -41,11 +41,11 @@ export const DeviceContainer = props => {
       },
       children
     });
-    $[0] = t0;
+    $[0] = children;
     $[1] = margin;
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = children;
+    $[2] = t0;
+    $[3] = t1;
+    $[4] = t2;
     $[5] = t3;
   } else {
     t3 = $[5];

package/dist/views/LivePreview/DeviceContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useLivePreviewContext","DeviceContainer","props","$","children","breakpoint","breakpoints","size","zoom","foundBreakpoint","find","bp","name","x","margin","width","height","scaledWidth","difference","t0","t1","t2","t3","_jsx","style","transform"],"sources":["../../../../src/views/LivePreview/DeviceContainer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\n\nexport const DeviceContainer: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const { breakpoint, breakpoints, size, zoom } = useLivePreviewContext()\n\n  const foundBreakpoint = breakpoint && breakpoints?.find((bp) => bp.name === breakpoint)\n\n  let x = '0'\n  let margin = '0'\n\n  if (foundBreakpoint && breakpoint !== 'responsive') {\n    x = '-50%'\n\n    if (\n      typeof zoom === 'number' &&\n      typeof size.width === 'number' &&\n      typeof size.height === 'number'\n    ) {\n      const scaledWidth = size.width / zoom\n      const difference = scaledWidth - size.width\n      x = `${difference / 2}px`\n      margin = '0 auto'\n    }\n  }\n\n  return (\n    <div\n      style={{\n        height:\n          foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n            ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`\n            : typeof zoom === 'number'\n              ? `${100 / zoom}%`\n              : '100%',\n        margin,\n        transform: `translate3d(${x}, 0, 0)`,\n        width:\n          foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n            ? `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`\n            : typeof zoom === 'number'\n              ? `${100 / zoom}%`\n              : '100%',\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM;EAAA,IAAqBF,KAAA;EAErB;IAAAG,UAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,IAAgDR,qBAAA;EAEhD,MAAAS,eAAA,GAAwBJ,UAAA,IAAcC,WAAA,EAAAI,IAAA,CAAAC,EAAA,IAA0BA,EAAA,CAAAC,IAAA,KAAYP,UAAA;EAE5E,IAAAQ,CAAA,GAAQ;EACR,IAAAC,MAAA,GAAa;EAAA,IAETL,eAAA,IAAmBJ,UAAA,KAAe;IACpCQ,CAAA,CAAAA,CAAA,CAAIA,MAAA;IAAJ,IAGE,OAAOL,IAAA,KAAS,YAChB,OAAOD,IAAA,CAAAQ,KAAA,KAAe,YACtB,OAAOR,IAAA,CAAAS,MAAA,KAAgB;MAEvB,MAAAC,WAAA,GAAoBV,IAAA,CAAAQ,KAAA,GAAaP,IAAA;MACjC,MAAAU,UAAA,GAAmBD,WAAA,GAAcV,IAAA,CAAAQ,KAAU;MAC3CF,CAAA,CAAAA,CAAA,CAAIA,GAAGK,UAAA,IAAa,IAAK;MACzBJ,MAAA,CAAAA,CAAA,CAASA,QAAA;IAAT;EAAA;EAQI,MAAAK,EAAA,GAAAV,eAAA,IAAmBA,eAAA,EAAAG,IAAA,KAA0B,eACzC,GAAGL,IAAA,EAAAS,MAAA,IAAgB,OAAOR,IAAA,KAAS,WAAWA,IAAA,IAAO,KAAM,GAC3D,OAAOA,IAAA,KAAS,WACd,GAAG,MAAMA,IAAA,GAAO,GAChB;EAEG,MAAAY,EAAA,kBAAeP,CAAA,SAAU;EAElC,MAAAQ,EAAA,GAAAZ,eAAA,IAAmBA,eAAA,EAAAG,IAAA,KAA0B,eACzC,GAAGL,IAAA,EAAAQ,KAAA,IAAe,OAAOP,IAAA,KAAS,WAAWA,IAAA,IAAO,KAAM,GAC1D,OAAOA,IAAA,KAAS,WACd,GAAG,MAAMA,IAAA,GAAO,GAChB;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,QAAAkB,EAAA,IAAAlB,CAAA,QAAAC,QAAA;IAfZkB,EAAA,GAAAC,IAAA,CAAC;MAAAC,KAAA;QAAAR,MAAA,EAGKG,EAIM;QAAAL,MAAA;QAAAW,SAAA,EAEGL,EAAyB;QAAAL,KAAA,EAElCM;MAIM;MAAAjB;IAAA,C;;;;;;;;;;SAfZkB,E;CAqBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useLivePreviewContext","DeviceContainer","props","$","children","breakpoint","breakpoints","size","zoom","foundBreakpoint","find","bp","name","x","margin","width","height","scaledWidth","difference","t0","t1","t2","t3","_jsx","style","transform"],"sources":["../../../../src/views/LivePreview/DeviceContainer/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\n\nexport const DeviceContainer: React.FC<{\n  children: React.ReactNode\n}> = (props) => {\n  const { children } = props\n\n  const { breakpoint, breakpoints, size, zoom } = useLivePreviewContext()\n\n  const foundBreakpoint = breakpoint && breakpoints?.find((bp) => bp.name === breakpoint)\n\n  let x = '0'\n  let margin = '0'\n\n  if (foundBreakpoint && breakpoint !== 'responsive') {\n    x = '-50%'\n\n    if (\n      typeof zoom === 'number' &&\n      typeof size.width === 'number' &&\n      typeof size.height === 'number'\n    ) {\n      const scaledWidth = size.width / zoom\n      const difference = scaledWidth - size.width\n      x = `${difference / 2}px`\n      margin = '0 auto'\n    }\n  }\n\n  return (\n    <div\n      style={{\n        height:\n          foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n            ? `${size?.height / (typeof zoom === 'number' ? zoom : 1)}px`\n            : typeof zoom === 'number'\n              ? `${100 / zoom}%`\n              : '100%',\n        margin,\n        transform: `translate3d(${x}, 0, 0)`,\n        width:\n          foundBreakpoint && foundBreakpoint?.name !== 'responsive'\n            ? `${size?.width / (typeof zoom === 'number' ? zoom : 1)}px`\n            : typeof zoom === 'number'\n              ? `${100 / zoom}%`\n              : '100%',\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AAEtC,OAAO,MAAMC,eAAA,GAERC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM;EAAA,IAAqBF,KAAA;EAErB;IAAAG,UAAA;IAAAC,WAAA;IAAAC,IAAA;IAAAC;EAAA,IAAgDR,qBAAA;EAEhD,MAAAS,eAAA,GAAwBJ,UAAA,IAAcC,WAAA,EAAAI,IAAA,CAAAC,EAAA,IAA0BA,EAAA,CAAAC,IAAA,KAAYP,UAAA;EAE5E,IAAAQ,CAAA,GAAQ;EACR,IAAAC,MAAA,GAAa;EAAA,IAETL,eAAA,IAAmBJ,UAAA,KAAe;IACpCQ,CAAA,CAAAA,CAAA,CAAIA,MAAA;IAAJ,IAGE,OAAOL,IAAA,KAAS,YAChB,OAAOD,IAAA,CAAAQ,KAAA,KAAe,YACtB,OAAOR,IAAA,CAAAS,MAAA,KAAgB;MAEvB,MAAAC,WAAA,GAAoBV,IAAA,CAAAQ,KAAA,GAAaP,IAAA;MACjC,MAAAU,UAAA,GAAmBD,WAAA,GAAcV,IAAA,CAAAQ,KAAU;MAC3CF,CAAA,CAAAA,CAAA,CAAIA,GAAGK,UAAA,IAAa,IAAK;MACzBJ,MAAA,CAAAA,CAAA,CAASA,QAAA;IAAT;EAAA;EAQI,MAAAK,EAAA,GAAAV,eAAA,IAAmBA,eAAA,EAAAG,IAAA,KAA0B,eACzC,GAAGL,IAAA,EAAAS,MAAA,IAAgB,OAAOR,IAAA,KAAS,WAAWA,IAAA,IAAO,KAAM,GAC3D,OAAOA,IAAA,KAAS,WACd,GAAG,MAAMA,IAAA,GAAO,GAChB;EAEG,MAAAY,EAAA,kBAAeP,CAAA,SAAU;EAElC,MAAAQ,EAAA,GAAAZ,eAAA,IAAmBA,eAAA,EAAAG,IAAA,KAA0B,eACzC,GAAGL,IAAA,EAAAQ,KAAA,IAAe,OAAOP,IAAA,KAAS,WAAWA,IAAA,IAAO,KAAM,GAC1D,OAAOA,IAAA,KAAS,WACd,GAAG,MAAMA,IAAA,GAAO,GAChB;EAAA,IAAAc,EAAA;EAAA,IAAAnB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAW,MAAA,IAAAX,CAAA,QAAAgB,EAAA,IAAAhB,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,QAAAkB,EAAA;IAfZC,EAAA,GAAAC,IAAA,CAAC;MAAAC,KAAA;QAAAR,MAAA,EAGKG,EAIM;QAAAL,MAAA;QAAAW,SAAA,EAEGL,EAAyB;QAAAL,KAAA,EAElCM;MAIM;MAAAjB;IAAA,C;;;;;;;;;;SAfZkB,E;CAqBJ","ignoreList":[]}

package/dist/views/LivePreview/Preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgH/C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoH/C,CAAA"}

package/dist/views/LivePreview/Preview/index.js

@@ -2,7 +2,7 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ShimmerEffect, useAllFormFields, useDocumentEvents } from '@payloadcms/ui';
+import { ShimmerEffect, useAllFormFields, useDocumentEvents, useLocale } from '@payloadcms/ui';
 import { reduceFieldsToValues } from 'payload/shared';
 import React, { useEffect } from 'react';
 import { useLivePreviewContext } from '../Context/context.js';
@@ -11,7 +11,7 @@ import { IFrame } from '../IFrame/index.js';
 import { LivePreviewToolbar } from '../Toolbar/index.js';
 const baseClass = 'live-preview-window';
 export const LivePreview = props => {
-  const $ = _c(39);
+  const $ = _c(41);
   const {
     appIsReady,
     iframeHasLoaded,
@@ -21,6 +21,7 @@ export const LivePreview = props => {
     setIframeHasLoaded,
     url
   } = useLivePreviewContext();
+  const locale = useLocale();
   const {
     mostRecentUpdate
   } = useDocumentEvents();
@@ -31,7 +32,7 @@ export const LivePreview = props => {
   const prevWindowType = React.useRef(undefined);
   const [fields] = useAllFormFields();
   let t0;
-  if ($[0] !== fields || $[1] !== appIsReady || $[2] !== previewWindowType || $[3] !== mostRecentUpdate || $[4] !== fieldSchemaJSON || $[5] !== popupRef.current || $[6] !== url || $[7] !== iframeRef.current) {
+  if ($[0] !== appIsReady || $[1] !== fieldSchemaJSON || $[2] !== fields || $[3] !== iframeRef || $[4] !== locale || $[5] !== mostRecentUpdate || $[6] !== popupRef || $[7] !== previewWindowType || $[8] !== url) {
     t0 = () => {
       if (fields && window && "postMessage" in window && appIsReady) {
         const values = reduceFieldsToValues(fields, true);
@@ -41,7 +42,8 @@ export const LivePreview = props => {
           type: "payload-live-preview",
           data: values,
           externallyUpdatedRelationship: mostRecentUpdate,
-          fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined
+          fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined,
+          locale: locale.code
         };
         if (previewWindowType === "popup" && popupRef.current) {
           popupRef.current.postMessage(message, url);
@@ -51,38 +53,40 @@ export const LivePreview = props => {
         }
       }
     };
-    $[0] = fields;
-    $[1] = appIsReady;
-    $[2] = previewWindowType;
-    $[3] = mostRecentUpdate;
-    $[4] = fieldSchemaJSON;
-    $[5] = popupRef.current;
-    $[6] = url;
-    $[7] = iframeRef.current;
-    $[8] = t0;
+    $[0] = appIsReady;
+    $[1] = fieldSchemaJSON;
+    $[2] = fields;
+    $[3] = iframeRef;
+    $[4] = locale;
+    $[5] = mostRecentUpdate;
+    $[6] = popupRef;
+    $[7] = previewWindowType;
+    $[8] = url;
+    $[9] = t0;
   } else {
-    t0 = $[8];
+    t0 = $[9];
   }
   let t1;
-  if ($[9] !== fields || $[10] !== url || $[11] !== iframeHasLoaded || $[12] !== previewWindowType || $[13] !== popupRef || $[14] !== appIsReady || $[15] !== iframeRef || $[16] !== setIframeHasLoaded || $[17] !== fieldSchemaJSON || $[18] !== mostRecentUpdate) {
-    t1 = [fields, url, iframeHasLoaded, previewWindowType, popupRef, appIsReady, iframeRef, setIframeHasLoaded, fieldSchemaJSON, mostRecentUpdate];
-    $[9] = fields;
-    $[10] = url;
-    $[11] = iframeHasLoaded;
-    $[12] = previewWindowType;
-    $[13] = popupRef;
-    $[14] = appIsReady;
-    $[15] = iframeRef;
-    $[16] = setIframeHasLoaded;
-    $[17] = fieldSchemaJSON;
-    $[18] = mostRecentUpdate;
-    $[19] = t1;
+  if ($[10] !== appIsReady || $[11] !== fieldSchemaJSON || $[12] !== fields || $[13] !== iframeHasLoaded || $[14] !== iframeRef || $[15] !== locale || $[16] !== mostRecentUpdate || $[17] !== popupRef || $[18] !== previewWindowType || $[19] !== setIframeHasLoaded || $[20] !== url) {
+    t1 = [fields, url, iframeHasLoaded, previewWindowType, popupRef, appIsReady, iframeRef, setIframeHasLoaded, fieldSchemaJSON, mostRecentUpdate, locale];
+    $[10] = appIsReady;
+    $[11] = fieldSchemaJSON;
+    $[12] = fields;
+    $[13] = iframeHasLoaded;
+    $[14] = iframeRef;
+    $[15] = locale;
+    $[16] = mostRecentUpdate;
+    $[17] = popupRef;
+    $[18] = previewWindowType;
+    $[19] = setIframeHasLoaded;
+    $[20] = url;
+    $[21] = t1;
   } else {
-    t1 = $[19];
+    t1 = $[21];
   }
   useEffect(t0, t1);
   let t2;
-  if ($[20] !== previewWindowType || $[21] !== popupRef.current || $[22] !== url || $[23] !== iframeRef.current) {
+  if ($[22] !== iframeRef || $[23] !== popupRef || $[24] !== previewWindowType || $[25] !== url) {
     t2 = () => {
       const message_0 = {
         type: "payload-document-event"
@@ -94,40 +98,40 @@ export const LivePreview = props => {
         iframeRef.current.contentWindow?.postMessage(message_0, url);
       }
     };
-    $[20] = previewWindowType;
-    $[21] = popupRef.current;
-    $[22] = url;
-    $[23] = iframeRef.current;
-    $[24] = t2;
+    $[22] = iframeRef;
+    $[23] = popupRef;
+    $[24] = previewWindowType;
+    $[25] = url;
+    $[26] = t2;
   } else {
-    t2 = $[24];
+    t2 = $[26];
   }
   let t3;
-  if ($[25] !== mostRecentUpdate || $[26] !== iframeRef || $[27] !== popupRef || $[28] !== previewWindowType || $[29] !== url) {
+  if ($[27] !== iframeRef || $[28] !== mostRecentUpdate || $[29] !== popupRef || $[30] !== previewWindowType || $[31] !== url) {
     t3 = [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url];
-    $[25] = mostRecentUpdate;
-    $[26] = iframeRef;
-    $[27] = popupRef;
-    $[28] = previewWindowType;
-    $[29] = url;
-    $[30] = t3;
+    $[27] = iframeRef;
+    $[28] = mostRecentUpdate;
+    $[29] = popupRef;
+    $[30] = previewWindowType;
+    $[31] = url;
+    $[32] = t3;
   } else {
-    t3 = $[30];
+    t3 = $[32];
   }
   useEffect(t2, t3);
   if (previewWindowType === "iframe") {
     const t4 = breakpoint && breakpoint !== "responsive" && `${baseClass}--has-breakpoint`;
     let t5;
-    if ($[31] !== t4) {
+    if ($[33] !== t4) {
       t5 = [baseClass, t4].filter(Boolean);
-      $[31] = t4;
-      $[32] = t5;
+      $[33] = t4;
+      $[34] = t5;
     } else {
-      t5 = $[32];
+      t5 = $[34];
     }
     const t6 = t5.join(" ");
     let t7;
-    if ($[33] !== props || $[34] !== url || $[35] !== iframeRef || $[36] !== setIframeHasLoaded || $[37] !== t6) {
+    if ($[35] !== iframeRef || $[36] !== props || $[37] !== setIframeHasLoaded || $[38] !== t6 || $[39] !== url) {
       t7 = _jsx("div", {
         className: t6,
         children: _jsxs("div", {
@@ -148,14 +152,14 @@ export const LivePreview = props => {
           })]
         })
       });
-      $[33] = props;
-      $[34] = url;
       $[35] = iframeRef;
-      $[36] = setIframeHasLoaded;
-      $[37] = t6;
-      $[38] = t7;
+      $[36] = props;
+      $[37] = setIframeHasLoaded;
+      $[38] = t6;
+      $[39] = url;
+      $[40] = t7;
     } else {
-      t7 = $[38];
+      t7 = $[40];
     }
     return t7;
   }

package/dist/views/LivePreview/Preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","ShimmerEffect","useAllFormFields","useDocumentEvents","reduceFieldsToValues","React","useEffect","useLivePreviewContext","DeviceContainer","IFrame","LivePreviewToolbar","baseClass","LivePreview","props","$","appIsReady","iframeHasLoaded","iframeRef","popupRef","previewWindowType","setIframeHasLoaded","url","mostRecentUpdate","breakpoint","fieldSchemaJSON","prevWindowType","useRef","undefined","fields","t0","current","window","values","shouldSendSchema","message","type","data","externallyUpdatedRelationship","postMessage","contentWindow","t1","t2","message_0","t3","t4","t5","filter","Boolean","t6","join","t7","_jsx","className","children","_jsxs","ref","height"],"sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { ShimmerEffect, useAllFormFields, useDocumentEvents } from '@payloadcms/ui'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { useEffect } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { IFrame } from '../IFrame/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreview: React.FC<EditViewProps> = (props) => {\n  const {\n    appIsReady,\n    iframeHasLoaded,\n    iframeRef,\n    popupRef,\n    previewWindowType,\n    setIframeHasLoaded,\n    url,\n  } = useLivePreviewContext()\n\n  const { mostRecentUpdate } = useDocumentEvents()\n\n  const { breakpoint, fieldSchemaJSON } = useLivePreviewContext()\n\n  const prevWindowType =\n    React.useRef<ReturnType<typeof useLivePreviewContext>['previewWindowType']>(undefined)\n\n  const [fields] = useAllFormFields()\n\n  // For client-side apps, send data through `window.postMessage`\n  // The preview could either be an iframe embedded on the page\n  // Or it could be a separate popup window\n  // We need to transmit data to both accordingly\n  useEffect(() => {\n    // For performance, do no reduce fields to values until after the iframe or popup has loaded\n    if (fields && window && 'postMessage' in window && appIsReady) {\n      const values = reduceFieldsToValues(fields, true)\n\n      // To reduce on large `postMessage` payloads, only send `fieldSchemaToJSON` one time\n      // To do this, the underlying JS function maintains a cache of this value\n      // So we need to send it through each time the window type changes\n      // But only once per window type change, not on every render, because this is a potentially large obj\n      const shouldSendSchema =\n        !prevWindowType.current || prevWindowType.current !== previewWindowType\n\n      prevWindowType.current = previewWindowType\n\n      const message = {\n        type: 'payload-live-preview',\n        data: values,\n        externallyUpdatedRelationship: mostRecentUpdate,\n        fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined,\n      }\n\n      // Post message to external popup window\n      if (previewWindowType === 'popup' && popupRef.current) {\n        popupRef.current.postMessage(message, url)\n      }\n\n      // Post message to embedded iframe\n      if (previewWindowType === 'iframe' && iframeRef.current) {\n        iframeRef.current.contentWindow?.postMessage(message, url)\n      }\n    }\n  }, [\n    fields,\n    url,\n    iframeHasLoaded,\n    previewWindowType,\n    popupRef,\n    appIsReady,\n    iframeRef,\n    setIframeHasLoaded,\n    fieldSchemaJSON,\n    mostRecentUpdate,\n  ])\n\n  // To support SSR, we transmit a `window.postMessage` event without a payload\n  // This is because the event will ultimately trigger a server-side roundtrip\n  // i.e., save, save draft, autosave, etc. will fire `router.refresh()`\n  useEffect(() => {\n    const message = {\n      type: 'payload-document-event',\n    }\n\n    // Post message to external popup window\n    if (previewWindowType === 'popup' && popupRef.current) {\n      popupRef.current.postMessage(message, url)\n    }\n\n    // Post message to embedded iframe\n    if (previewWindowType === 'iframe' && iframeRef.current) {\n      iframeRef.current.contentWindow?.postMessage(message, url)\n    }\n  }, [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url])\n\n  if (previewWindowType === 'iframe') {\n    return (\n      <div\n        className={[\n          baseClass,\n          breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={`${baseClass}__wrapper`}>\n          <LivePreviewToolbar {...props} />\n          <div className={`${baseClass}__main`}>\n            <DeviceContainer>\n              {url ? (\n                <IFrame ref={iframeRef} setIframeHasLoaded={setIframeHasLoaded} url={url} />\n              ) : (\n                <ShimmerEffect height=\"100%\" />\n              )}\n            </DeviceContainer>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","ShimmerEffect","useAllFormFields","useDocumentEvents","useLocale","reduceFieldsToValues","React","useEffect","useLivePreviewContext","DeviceContainer","IFrame","LivePreviewToolbar","baseClass","LivePreview","props","$","appIsReady","iframeHasLoaded","iframeRef","popupRef","previewWindowType","setIframeHasLoaded","url","locale","mostRecentUpdate","breakpoint","fieldSchemaJSON","prevWindowType","useRef","undefined","fields","t0","window","values","shouldSendSchema","current","message","type","data","externallyUpdatedRelationship","code","postMessage","contentWindow","t1","t2","message_0","t3","t4","t5","filter","Boolean","t6","join","t7","_jsx","className","children","_jsxs","ref","height"],"sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { ShimmerEffect, useAllFormFields, useDocumentEvents, useLocale } from '@payloadcms/ui'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { useEffect } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { IFrame } from '../IFrame/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreview: React.FC<EditViewProps> = (props) => {\n  const {\n    appIsReady,\n    iframeHasLoaded,\n    iframeRef,\n    popupRef,\n    previewWindowType,\n    setIframeHasLoaded,\n    url,\n  } = useLivePreviewContext()\n\n  const locale = useLocale()\n\n  const { mostRecentUpdate } = useDocumentEvents()\n\n  const { breakpoint, fieldSchemaJSON } = useLivePreviewContext()\n\n  const prevWindowType =\n    React.useRef<ReturnType<typeof useLivePreviewContext>['previewWindowType']>(undefined)\n\n  const [fields] = useAllFormFields()\n\n  // For client-side apps, send data through `window.postMessage`\n  // The preview could either be an iframe embedded on the page\n  // Or it could be a separate popup window\n  // We need to transmit data to both accordingly\n  useEffect(() => {\n    // For performance, do no reduce fields to values until after the iframe or popup has loaded\n    if (fields && window && 'postMessage' in window && appIsReady) {\n      const values = reduceFieldsToValues(fields, true)\n\n      // To reduce on large `postMessage` payloads, only send `fieldSchemaToJSON` one time\n      // To do this, the underlying JS function maintains a cache of this value\n      // So we need to send it through each time the window type changes\n      // But only once per window type change, not on every render, because this is a potentially large obj\n      const shouldSendSchema =\n        !prevWindowType.current || prevWindowType.current !== previewWindowType\n\n      prevWindowType.current = previewWindowType\n\n      const message = {\n        type: 'payload-live-preview',\n        data: values,\n        externallyUpdatedRelationship: mostRecentUpdate,\n        fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined,\n        locale: locale.code,\n      }\n\n      // Post message to external popup window\n      if (previewWindowType === 'popup' && popupRef.current) {\n        popupRef.current.postMessage(message, url)\n      }\n\n      // Post message to embedded iframe\n      if (previewWindowType === 'iframe' && iframeRef.current) {\n        iframeRef.current.contentWindow?.postMessage(message, url)\n      }\n    }\n  }, [\n    fields,\n    url,\n    iframeHasLoaded,\n    previewWindowType,\n    popupRef,\n    appIsReady,\n    iframeRef,\n    setIframeHasLoaded,\n    fieldSchemaJSON,\n    mostRecentUpdate,\n    locale,\n  ])\n\n  // To support SSR, we transmit a `window.postMessage` event without a payload\n  // This is because the event will ultimately trigger a server-side roundtrip\n  // i.e., save, save draft, autosave, etc. will fire `router.refresh()`\n  useEffect(() => {\n    const message = {\n      type: 'payload-document-event',\n    }\n\n    // Post message to external popup window\n    if (previewWindowType === 'popup' && popupRef.current) {\n      popupRef.current.postMessage(message, url)\n    }\n\n    // Post message to embedded iframe\n    if (previewWindowType === 'iframe' && iframeRef.current) {\n      iframeRef.current.contentWindow?.postMessage(message, url)\n    }\n  }, [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url])\n\n  if (previewWindowType === 'iframe') {\n    return (\n      <div\n        className={[\n          baseClass,\n          breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={`${baseClass}__wrapper`}>\n          <LivePreviewToolbar {...props} />\n          <div className={`${baseClass}__main`}>\n            <DeviceContainer>\n              {url ? (\n                <IFrame ref={iframeRef} setIframeHasLoaded={setIframeHasLoaded} url={url} />\n              ) : (\n                <ShimmerEffect height=\"100%\" />\n              )}\n            </DeviceContainer>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/LivePreview/Toolbar/Controls/index.js

@@ -23,13 +23,13 @@ export const ToolbarControls = () => {
     t
   } = useTranslation();
   let t0;
-  if ($[0] !== t || $[1] !== breakpoints || $[2] !== breakpoint || $[3] !== setBreakpoint || $[4] !== zoom || $[5] !== setZoom || $[6] !== setPreviewWindowType || $[7] !== url) {
+  if ($[0] !== breakpoint || $[1] !== breakpoints || $[2] !== setBreakpoint || $[3] !== setPreviewWindowType || $[4] !== setZoom || $[5] !== t || $[6] !== url || $[7] !== zoom) {
     const customOption = {
       label: t("general:custom"),
       value: "custom"
     };
     let t2;
-    if ($[9] !== zoom || $[10] !== setZoom) {
+    if ($[9] !== setZoom || $[10] !== zoom) {
       t2 = t3 => {
         const {
           close: close_0
@@ -47,8 +47,8 @@ export const ToolbarControls = () => {
           })
         });
       };
-      $[9] = zoom;
-      $[10] = setZoom;
+      $[9] = setZoom;
+      $[10] = zoom;
       $[11] = t2;
     } else {
       t2 = $[11];
@@ -133,14 +133,14 @@ export const ToolbarControls = () => {
         children: _jsx(LinkIcon, {})
       })]
     });
-    $[0] = t;
+    $[0] = breakpoint;
     $[1] = breakpoints;
-    $[2] = breakpoint;
-    $[3] = setBreakpoint;
-    $[4] = zoom;
-    $[5] = setZoom;
-    $[6] = setPreviewWindowType;
-    $[7] = url;
+    $[2] = setBreakpoint;
+    $[3] = setPreviewWindowType;
+    $[4] = setZoom;
+    $[5] = t;
+    $[6] = url;
+    $[7] = zoom;
     $[8] = t0;
   } else {
     t0 = $[8];