@payloadcms/next 3.2.3-canary.519752f → 3.2.3-canary.5e3c2f6

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js

@@ -47,12 +47,12 @@ export const DocumentTabLink = t0 => {
   const href = `${docPath}${hrefFromProps}`;
   const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ""}`;
   let t3;
-  if ($[3] !== href || $[4] !== docPath || $[5] !== pathname || $[6] !== isActiveFromProps) {
+  if ($[3] !== docPath || $[4] !== href || $[5] !== isActiveFromProps || $[6] !== pathname) {
     t3 = href === docPath && pathname === docPath || href !== docPath && pathname.startsWith(href) || isActiveFromProps;
-    $[3] = href;
-    $[4] = docPath;
-    $[5] = pathname;
-    $[6] = isActiveFromProps;
+    $[3] = docPath;
+    $[4] = href;
+    $[5] = isActiveFromProps;
+    $[6] = pathname;
     $[7] = t3;
   } else {
     t3 = $[7];
@@ -84,7 +84,7 @@ export const DocumentTabLink = t0 => {
   }
   const t10 = isActive ? -1 : 0;
   let t11;
-  if ($[13] !== t7 || $[14] !== t8 || $[15] !== t9 || $[16] !== t10 || $[17] !== children || $[18] !== ariaLabel || $[19] !== t6) {
+  if ($[13] !== ariaLabel || $[14] !== children || $[15] !== t10 || $[16] !== t6 || $[17] !== t7 || $[18] !== t8 || $[19] !== t9) {
     t11 = _jsx("li", {
       "aria-label": ariaLabel,
       className: t6,
@@ -97,13 +97,13 @@ export const DocumentTabLink = t0 => {
         children
       })
     });
-    $[13] = t7;
-    $[14] = t8;
-    $[15] = t9;
-    $[16] = t10;
-    $[17] = children;
-    $[18] = ariaLabel;
-    $[19] = t6;
+    $[13] = ariaLabel;
+    $[14] = children;
+    $[15] = t10;
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+    $[19] = t9;
     $[20] = t11;
   } else {
     t11 = $[20];

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabLink.js","names":["c","_c","useSearchParams","formatAdminURL","LinkImport","useParams","usePathname","React","Link","default","DocumentTabLink","t0","$","adminRoute","ariaLabel","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","searchParams","locale","undefined","entityType","entitySlug","segmentThree","segments","isCollection","t1","t2","path","docPath","hrefWithLocale","t3","startsWith","t4","t5","filter","Boolean","t6","join","t7","t8","t9","rel","target","t10","t11","_jsx","className","prefetch","tabIndex"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedConfig } from 'payload'\n\nimport { useSearchParams } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport { useParams, usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DocumentTabLink: React.FC<{\n  adminRoute: SanitizedConfig['routes']['admin']\n  ariaLabel?: string\n  baseClass: string\n  children?: React.ReactNode\n  href: string\n  isActive?: boolean\n  isCollection?: boolean\n  newTab?: boolean\n}> = ({\n  adminRoute,\n  ariaLabel,\n  baseClass,\n  children,\n  href: hrefFromProps,\n  isActive: isActiveFromProps,\n  newTab,\n}) => {\n  const pathname = usePathname()\n  const params = useParams()\n\n  const { searchParams } = useSearchParams()\n\n  const locale =\n    'locale' in searchParams && typeof searchParams.locale === 'string'\n      ? searchParams.locale\n      : undefined\n\n  const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments || []\n  const isCollection = entityType === 'collections'\n\n  let docPath = formatAdminURL({\n    adminRoute,\n    path: `/${isCollection ? 'collections' : 'globals'}/${entitySlug}`,\n  })\n\n  if (isCollection && segmentThree) {\n    // doc ID\n    docPath += `/${segmentThree}`\n  }\n\n  const href = `${docPath}${hrefFromProps}`\n  // separated the two so it doesn't break checks against pathname\n  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`\n\n  const isActive =\n    (href === docPath && pathname === docPath) ||\n    (href !== docPath && pathname.startsWith(href)) ||\n    isActiveFromProps\n\n  return (\n    <li\n      aria-label={ariaLabel}\n      className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}\n    >\n      <Link\n        className={`${baseClass}__link`}\n        href={!isActive || href !== pathname ? hrefWithLocale : ''}\n        prefetch={false}\n        {...(newTab && { rel: 'noopener noreferrer', target: '_blank' })}\n        tabIndex={isActive ? -1 : 0}\n      >\n        {children}\n      </Link>\n    </li>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabLink.js","names":["c","_c","useSearchParams","formatAdminURL","LinkImport","useParams","usePathname","React","Link","default","DocumentTabLink","t0","$","adminRoute","ariaLabel","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","searchParams","locale","undefined","entityType","entitySlug","segmentThree","segments","isCollection","t1","t2","path","docPath","hrefWithLocale","t3","startsWith","t4","t5","filter","Boolean","t6","join","t7","t8","t9","rel","target","t10","t11","_jsx","className","prefetch","tabIndex"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedConfig } from 'payload'\n\nimport { useSearchParams } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkImport from 'next/link.js'\nimport { useParams, usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DocumentTabLink: React.FC<{\n  adminRoute: SanitizedConfig['routes']['admin']\n  ariaLabel?: string\n  baseClass: string\n  children?: React.ReactNode\n  href: string\n  isActive?: boolean\n  isCollection?: boolean\n  newTab?: boolean\n}> = ({\n  adminRoute,\n  ariaLabel,\n  baseClass,\n  children,\n  href: hrefFromProps,\n  isActive: isActiveFromProps,\n  newTab,\n}) => {\n  const pathname = usePathname()\n  const params = useParams()\n\n  const { searchParams } = useSearchParams()\n\n  const locale =\n    'locale' in searchParams && typeof searchParams.locale === 'string'\n      ? searchParams.locale\n      : undefined\n\n  const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments || []\n  const isCollection = entityType === 'collections'\n\n  let docPath = formatAdminURL({\n    adminRoute,\n    path: `/${isCollection ? 'collections' : 'globals'}/${entitySlug}`,\n  })\n\n  if (isCollection && segmentThree) {\n    // doc ID\n    docPath += `/${segmentThree}`\n  }\n\n  const href = `${docPath}${hrefFromProps}`\n  // separated the two so it doesn't break checks against pathname\n  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`\n\n  const isActive =\n    (href === docPath && pathname === docPath) ||\n    (href !== docPath && pathname.startsWith(href)) ||\n    isActiveFromProps\n\n  return (\n    <li\n      aria-label={ariaLabel}\n      className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}\n    >\n      <Link\n        className={`${baseClass}__link`}\n        href={!isActive || href !== pathname ? hrefWithLocale : ''}\n        prefetch={false}\n        {...(newTab && { rel: 'noopener noreferrer', target: '_blank' })}\n        tabIndex={isActive ? -1 : 0}\n      >\n        {children}\n      </Link>\n    </li>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,OAAOC,UAAA,MAAgB;AACvB,SAASC,SAAS,EAAEC,WAAW,QAAQ;AACvC,OAAOC,KAAA,MAAW;AAElB,MAAMC,IAAA,GAAQJ,UAAA,CAAWK,OAAO,IAAIL,UAAA;AAEpC,OAAO,MAAMM,eAAA,GASRC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,UAAA;IAAAC,SAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,QAAA,EAAAC,iBAAA;IAAAC;EAAA,IAAAV,EAQL;EACC,MAAAW,QAAA,GAAiBhB,WAAA;EACjB,MAAAiB,MAAA,GAAelB,SAAA;EAEf;IAAAmB;EAAA,IAAyBtB,eAAA;EAEzB,MAAAuB,MAAA,GACE,YAAYD,YAAA,IAAgB,OAAOA,YAAA,CAAAC,MAAA,KAAwB,WACvDD,YAAA,CAAAC,MAAA,GAAAC,SACA;EAEN,OAAAC,UAAA,EAAAC,UAAA,EAAAC,YAAA,IAAqEN,MAAA,CAAAO,QAAA,MAAqB;EAC1F,MAAAC,YAAA,GAAqBJ,UAAA,KAAe;EAI5B,MAAAK,EAAA,OAAID,YAAA,GAAe,gBAAgB,aAAaH,UAAA,EAAY;EAAA,IAAAK,EAAA;EAAA,IAAArB,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAoB,EAAA;IAFtDC,EAAA,GAAA9B,cAAA;MAAAU,UAAA;MAAAqB,IAAA,EAENF;IAA4D,CACpE;IAAApB,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAoB,EAAA;IAAApB,CAAA,MAAAqB,EAAA;EAAA;IAAAA,EAAA,GAAArB,CAAA;EAAA;EAHA,IAAAuB,OAAA,GAAcF,EAGd;EAAA,IAEIF,YAAA,IAAgBF,YAAA;IAElBM,OAAA,GAAAA,OAAA,GAAW,IAAIN,YAAA,EAAc;EAAA;EAG/B,MAAAZ,IAAA,GAAa,GAAGkB,OAAA,GAAUjB,aAAA,EAAe;EAEzC,MAAAkB,cAAA,GAAuB,GAAGnB,IAAA,GAAOQ,MAAA,GAAS,WAAWA,MAAA,EAAQ,GAAG,IAAI;EAAA,IAAAY,EAAA;EAAA,IAAAzB,CAAA,QAAAuB,OAAA,IAAAvB,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAQ,iBAAA,IAAAR,CAAA,QAAAU,QAAA;IAGlEe,EAAA,GAAApB,IAAC,KAASkB,OAAA,IAAWb,QAAA,KAAaa,OAAA,IACjClB,IAAA,KAASkB,OAAA,IAAWb,QAAA,CAAAgB,UAAA,CAAoBrB,IAAA,KACzCG,iBAAA;IAAAR,CAAA,MAAAuB,OAAA;IAAAvB,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAQ,iBAAA;IAAAR,CAAA,MAAAU,QAAA;IAAAV,CAAA,MAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAHF,MAAAO,QAAA,GACEkB,EAEA;EAKyB,MAAAE,EAAA,GAAApB,QAAA,IAAY,GAAGJ,SAAA,UAAmB;EAAA,IAAAyB,EAAA;EAAA,IAAA5B,CAAA,QAAAG,SAAA,IAAAH,CAAA,QAAA2B,EAAA;IAA9CC,EAAA,IAACzB,SAAA,EAAWwB,EAAkC,EAAAE,MAAA,CAAAC,OAAS;IAAA9B,CAAA,MAAAG,SAAA;IAAAH,CAAA,MAAA2B,EAAA;IAAA3B,CAAA,OAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAAvD,MAAA+B,EAAA,GAAAH,EAAuD,CAAAI,IAAA,CAAc;EAGnE,MAAAC,EAAA,MAAG9B,SAAA,QAAiB;EACzB,MAAA+B,EAAA,IAAC3B,QAAA,IAAYF,IAAA,KAASK,QAAA,GAAWc,cAAA,GAAiB;EAAA,IAAAW,EAAA;EAAA,IAAAnC,CAAA,SAAAS,MAAA;IAEnD0B,EAAA,GAAA1B,MAAA;MAAA2B,GAAA,EAAiB;MAAAC,MAAA,EAA+B;IAAA,CAAU;IAAArC,CAAA,OAAAS,MAAA;IAAAT,CAAA,OAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EACrD,MAAAsC,GAAA,GAAA/B,QAAA,SAAgB;EAAA,IAAAgC,GAAA;EAAA,IAAAvC,CAAA,SAAAE,SAAA,IAAAF,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAsC,GAAA,IAAAtC,CAAA,SAAA+B,EAAA,IAAA/B,CAAA,SAAAiC,EAAA,IAAAjC,CAAA,SAAAkC,EAAA,IAAAlC,CAAA,SAAAmC,EAAA;IAT9BI,GAAA,GAAAC,IAAA,CAAC;MAAA,cACatC,SAAA;MAAAuC,SAAA,EACDV,EAAqE;MAAA3B,QAAA,EAEhFoC,IAAA,CAAA5C,IAAA;QAAA6C,SAAA,EACaR,EAAoB;QAAA5B,IAAA,EACzB6B,EAAkD;QAAAQ,QAAA;QAAA,GAEnDP,EAA0D;QAAAQ,QAAA,EACrDL,GAAgB;QAAAlC;MAAA,C;;;;;;;;;;;;;SAT9BmC,G;CAeJ","ignoreList":[]}

package/dist/elements/Nav/NavWrapper/index.js

@@ -34,7 +34,7 @@ export const NavWrapper = props => {
   const t5 = !navOpen ? true : undefined;
   const t6 = `${baseClass}__scroll`;
   let t7;
-  if ($[5] !== t6 || $[6] !== navRef || $[7] !== children || $[8] !== t4 || $[9] !== t5) {
+  if ($[5] !== children || $[6] !== navRef || $[7] !== t4 || $[8] !== t5 || $[9] !== t6) {
     t7 = _jsx("aside", {
       className: t4,
       inert: t5,
@@ -44,11 +44,11 @@ export const NavWrapper = props => {
         children
       })
     });
-    $[5] = t6;
+    $[5] = children;
     $[6] = navRef;
-    $[7] = children;
-    $[8] = t4;
-    $[9] = t5;
+    $[7] = t4;
+    $[8] = t5;
+    $[9] = t6;
     $[10] = t7;
   } else {
     t7 = $[10];

package/dist/elements/Nav/NavWrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useNav","React","NavWrapper","props","$","baseClass","children","hydrated","navOpen","navRef","shouldAnimate","t0","t1","t2","t3","filter","Boolean","t4","join","t5","undefined","t6","t7","_jsx","className","inert","ref"],"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { hydrated, navOpen, navRef, shouldAnimate } = useNav()\n\n  return (\n    <aside\n      className={[\n        baseClass,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      inert={!navOpen ? true : undefined}\n    >\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,QAAQ;AACvB,OAAOC,KAAA,MAAW;AAIlB,OAAO,MAAMC,UAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM,SAAA;IAAAC;EAAA,IAAgCH,KAAA;EAEhC;IAAAI,QAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC;EAAA,IAAqDV,MAAA;EAM/C,MAAAW,EAAA,GAAAH,OAAA,IAAW,GAAGH,SAAA,YAAqB;EACnC,MAAAO,EAAA,GAAAF,aAAA,IAAiB,GAAGL,SAAA,eAAwB;EAC5C,MAAAQ,EAAA,GAAAN,QAAA,IAAY,GAAGF,SAAA,gBAAyB;EAAA,IAAAS,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;IAJ/BC,EAAA,IACTT,SAAA,EACAM,EAAmC,EACnCC,EAA4C,EAC5CC,EAAwC,EAAAE,MAAA,CAAAC,OAEhC;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANC,MAAAa,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;EACD,MAAAC,EAAA,IAACX,OAAA,UAAAY,SAAiB;EAET,MAAAC,EAAA,MAAGhB,SAAA,UAAmB;EAAA,IAAAiB,EAAA;EAAA,IAAAlB,CAAA,QAAAiB,EAAA,IAAAjB,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAe,EAAA;IAXxCG,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYP,EAOH;MAAAQ,KAAA,EACDN,EAAkB;MAAAb,QAAA,EAEzBiB,IAAA,CAAC;QAAAC,SAAA,EAAeH,EAAsB;QAAAK,GAAA,EAAOjB,MAAA;QAAAH;MAAA,C;;;;;;;;;;;SAX/CgB,E;CAgBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useNav","React","NavWrapper","props","$","baseClass","children","hydrated","navOpen","navRef","shouldAnimate","t0","t1","t2","t3","filter","Boolean","t4","join","t5","undefined","t6","t7","_jsx","className","inert","ref"],"sources":["../../../../src/elements/Nav/NavWrapper/index.tsx"],"sourcesContent":["'use client'\nimport { useNav } from '@payloadcms/ui'\nimport React from 'react'\n\nimport './index.scss'\n\nexport const NavWrapper: React.FC<{\n  baseClass?: string\n  children: React.ReactNode\n}> = (props) => {\n  const { baseClass, children } = props\n\n  const { hydrated, navOpen, navRef, shouldAnimate } = useNav()\n\n  return (\n    <aside\n      className={[\n        baseClass,\n        navOpen && `${baseClass}--nav-open`,\n        shouldAnimate && `${baseClass}--nav-animate`,\n        hydrated && `${baseClass}--nav-hydrated`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      inert={!navOpen ? true : undefined}\n    >\n      <div className={`${baseClass}__scroll`} ref={navRef}>\n        {children}\n      </div>\n    </aside>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,MAAM,QAAQ;AACvB,OAAOC,KAAA,MAAW;AAIlB,OAAO,MAAMC,UAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACH;IAAAM,SAAA;IAAAC;EAAA,IAAgCH,KAAA;EAEhC;IAAAI,QAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC;EAAA,IAAqDV,MAAA;EAM/C,MAAAW,EAAA,GAAAH,OAAA,IAAW,GAAGH,SAAA,YAAqB;EACnC,MAAAO,EAAA,GAAAF,aAAA,IAAiB,GAAGL,SAAA,eAAwB;EAC5C,MAAAQ,EAAA,GAAAN,QAAA,IAAY,GAAGF,SAAA,gBAAyB;EAAA,IAAAS,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAQ,EAAA,IAAAR,CAAA,QAAAS,EAAA;IAJ/BC,EAAA,IACTT,SAAA,EACAM,EAAmC,EACnCC,EAA4C,EAC5CC,EAAwC,EAAAE,MAAA,CAAAC,OAEhC;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANC,MAAAa,EAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;EACD,MAAAC,EAAA,IAACX,OAAA,UAAAY,SAAiB;EAET,MAAAC,EAAA,MAAGhB,SAAA,UAAmB;EAAA,IAAAiB,EAAA;EAAA,IAAAlB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAe,EAAA,IAAAf,CAAA,QAAAiB,EAAA;IAXxCC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYP,EAOH;MAAAQ,KAAA,EACDN,EAAkB;MAAAb,QAAA,EAEzBiB,IAAA,CAAC;QAAAC,SAAA,EAAeH,EAAsB;QAAAK,GAAA,EAAOjB,MAAA;QAAAH;MAAA,C;;;;;;;;;;;SAX/CgB,E;CAgBJ","ignoreList":[]}

package/dist/elements/Nav/index.client.js

@@ -29,9 +29,9 @@ export const DefaultNavClient = t0 => {
     i18n
   } = useTranslation();
   let t3;
-  if ($[0] !== navPreferences || $[1] !== adminRoute || $[2] !== pathname || $[3] !== i18n || $[4] !== groups) {
+  if ($[0] !== adminRoute || $[1] !== groups || $[2] !== i18n || $[3] !== navPreferences?.groups || $[4] !== pathname) {
     let t4;
-    if ($[6] !== navPreferences || $[7] !== adminRoute || $[8] !== pathname || $[9] !== i18n) {
+    if ($[6] !== adminRoute || $[7] !== i18n || $[8] !== navPreferences?.groups || $[9] !== pathname) {
       t4 = (t5, key) => {
         const {
           entities,
@@ -80,10 +80,10 @@ export const DefaultNavClient = t0 => {
           })
         }, key);
       };
-      $[6] = navPreferences;
-      $[7] = adminRoute;
-      $[8] = pathname;
-      $[9] = i18n;
+      $[6] = adminRoute;
+      $[7] = i18n;
+      $[8] = navPreferences?.groups;
+      $[9] = pathname;
       $[10] = t4;
     } else {
       t4 = $[10];
@@ -91,11 +91,11 @@ export const DefaultNavClient = t0 => {
     t3 = _jsx(Fragment, {
       children: groups.map(t4)
     });
-    $[0] = navPreferences;
-    $[1] = adminRoute;
-    $[2] = pathname;
-    $[3] = i18n;
-    $[4] = groups;
+    $[0] = adminRoute;
+    $[1] = groups;
+    $[2] = i18n;
+    $[3] = navPreferences?.groups;
+    $[4] = pathname;
     $[5] = t3;
   } else {
     t3 = $[5];

package/dist/elements/Nav/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","NavGroup","useConfig","useTranslation","EntityType","formatAdminURL","LinkWithDefault","usePathname","React","Fragment","baseClass","DefaultNavClient","t0","$","groups","navPreferences","pathname","config","t1","routes","t2","admin","adminRoute","i18n","t3","t4","t5","key","entities","label","_jsx","isOpen","open","children","map","t6","i","slug","type","label_0","href","id","collection","global","Link","default","LinkElement","activeCollection","startsWith","undefined","includes","length","_jsxs","className","filter","Boolean","join","prefetch"],"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType, formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkWithDefault from 'next/link.js'\nimport { usePathname } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\nexport const DefaultNavClient: React.FC<{\n  groups: ReturnType<typeof groupNavItems>\n  navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n            {entities.map(({ slug, type, label }, i) => {\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n                id = `nav-${slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n                id = `nav-global-${slug}`\n              }\n\n              const Link = (LinkWithDefault.default ||\n                LinkWithDefault) as typeof LinkWithDefault.default\n\n              const LinkElement = Link || 'a'\n              const activeCollection =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              return (\n                <LinkElement\n                  className={[`${baseClass}__link`, activeCollection && `active`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  href={href}\n                  id={id}\n                  key={i}\n                  prefetch={Link ? false : undefined}\n                >\n                  {activeCollection && <div className={`${baseClass}__link-indicator`} />}\n                  <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n                </LinkElement>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","getTranslation","NavGroup","useConfig","useTranslation","EntityType","formatAdminURL","LinkWithDefault","usePathname","React","Fragment","baseClass","DefaultNavClient","t0","$","groups","navPreferences","pathname","config","t1","routes","t2","admin","adminRoute","i18n","t3","t4","t5","key","entities","label","_jsx","isOpen","open","children","map","t6","i","slug","type","label_0","href","id","collection","global","Link","default","LinkElement","activeCollection","startsWith","undefined","includes","length","_jsxs","className","filter","Boolean","join","prefetch"],"sources":["../../../src/elements/Nav/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { NavPreferences } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { NavGroup, useConfig, useTranslation } from '@payloadcms/ui'\nimport { EntityType, formatAdminURL } from '@payloadcms/ui/shared'\nimport LinkWithDefault from 'next/link.js'\nimport { usePathname } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nconst baseClass = 'nav'\n\nexport const DefaultNavClient: React.FC<{\n  groups: ReturnType<typeof groupNavItems>\n  navPreferences: NavPreferences\n}> = ({ groups, navPreferences }) => {\n  const pathname = usePathname()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <Fragment>\n      {groups.map(({ entities, label }, key) => {\n        return (\n          <NavGroup isOpen={navPreferences?.groups?.[label]?.open} key={key} label={label}>\n            {entities.map(({ slug, type, label }, i) => {\n              let href: string\n              let id: string\n\n              if (type === EntityType.collection) {\n                href = formatAdminURL({ adminRoute, path: `/collections/${slug}` })\n                id = `nav-${slug}`\n              }\n\n              if (type === EntityType.global) {\n                href = formatAdminURL({ adminRoute, path: `/globals/${slug}` })\n                id = `nav-global-${slug}`\n              }\n\n              const Link = (LinkWithDefault.default ||\n                LinkWithDefault) as typeof LinkWithDefault.default\n\n              const LinkElement = Link || 'a'\n              const activeCollection =\n                pathname.startsWith(href) && ['/', undefined].includes(pathname[href.length])\n\n              return (\n                <LinkElement\n                  className={[`${baseClass}__link`, activeCollection && `active`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  href={href}\n                  id={id}\n                  key={i}\n                  prefetch={Link ? false : undefined}\n                >\n                  {activeCollection && <div className={`${baseClass}__link-indicator`} />}\n                  <span className={`${baseClass}__link-label`}>{getTranslation(label, i18n)}</span>\n                </LinkElement>\n              )\n            })}\n          </NavGroup>\n        )\n      })}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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.js

@@ -32,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] !== locale.code || $[6] !== popupRef.current || $[7] !== url || $[8] !== 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);
@@ -53,40 +53,40 @@ export const LivePreview = props => {
         }
       }
     };
-    $[0] = fields;
-    $[1] = appIsReady;
-    $[2] = previewWindowType;
-    $[3] = mostRecentUpdate;
-    $[4] = fieldSchemaJSON;
-    $[5] = locale.code;
-    $[6] = popupRef.current;
-    $[7] = url;
-    $[8] = iframeRef.current;
+    $[0] = appIsReady;
+    $[1] = fieldSchemaJSON;
+    $[2] = fields;
+    $[3] = iframeRef;
+    $[4] = locale;
+    $[5] = mostRecentUpdate;
+    $[6] = popupRef;
+    $[7] = previewWindowType;
+    $[8] = url;
     $[9] = t0;
   } else {
     t0 = $[9];
   }
   let t1;
-  if ($[10] !== fields || $[11] !== url || $[12] !== iframeHasLoaded || $[13] !== previewWindowType || $[14] !== popupRef || $[15] !== appIsReady || $[16] !== iframeRef || $[17] !== setIframeHasLoaded || $[18] !== fieldSchemaJSON || $[19] !== mostRecentUpdate || $[20] !== locale) {
+  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] = fields;
-    $[11] = url;
-    $[12] = iframeHasLoaded;
-    $[13] = previewWindowType;
-    $[14] = popupRef;
-    $[15] = appIsReady;
-    $[16] = iframeRef;
-    $[17] = setIframeHasLoaded;
-    $[18] = fieldSchemaJSON;
-    $[19] = mostRecentUpdate;
-    $[20] = 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 = $[21];
   }
   useEffect(t0, t1);
   let t2;
-  if ($[22] !== previewWindowType || $[23] !== popupRef.current || $[24] !== url || $[25] !== iframeRef.current) {
+  if ($[22] !== iframeRef || $[23] !== popupRef || $[24] !== previewWindowType || $[25] !== url) {
     t2 = () => {
       const message_0 = {
         type: "payload-document-event"
@@ -98,19 +98,19 @@ export const LivePreview = props => {
         iframeRef.current.contentWindow?.postMessage(message_0, url);
       }
     };
-    $[22] = previewWindowType;
-    $[23] = popupRef.current;
-    $[24] = url;
-    $[25] = iframeRef.current;
+    $[22] = iframeRef;
+    $[23] = popupRef;
+    $[24] = previewWindowType;
+    $[25] = url;
     $[26] = t2;
   } else {
     t2 = $[26];
   }
   let t3;
-  if ($[27] !== mostRecentUpdate || $[28] !== iframeRef || $[29] !== popupRef || $[30] !== previewWindowType || $[31] !== url) {
+  if ($[27] !== iframeRef || $[28] !== mostRecentUpdate || $[29] !== popupRef || $[30] !== previewWindowType || $[31] !== url) {
     t3 = [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url];
-    $[27] = mostRecentUpdate;
-    $[28] = iframeRef;
+    $[27] = iframeRef;
+    $[28] = mostRecentUpdate;
     $[29] = popupRef;
     $[30] = previewWindowType;
     $[31] = url;
@@ -131,7 +131,7 @@ export const LivePreview = props => {
     }
     const t6 = t5.join(" ");
     let t7;
-    if ($[35] !== props || $[36] !== url || $[37] !== iframeRef || $[38] !== setIframeHasLoaded || $[39] !== t6) {
+    if ($[35] !== iframeRef || $[36] !== props || $[37] !== setIframeHasLoaded || $[38] !== t6 || $[39] !== url) {
       t7 = _jsx("div", {
         className: t6,
         children: _jsxs("div", {
@@ -152,11 +152,11 @@ export const LivePreview = props => {
           })]
         })
       });
-      $[35] = props;
-      $[36] = url;
-      $[37] = iframeRef;
-      $[38] = setIframeHasLoaded;
-      $[39] = t6;
+      $[35] = iframeRef;
+      $[36] = props;
+      $[37] = setIframeHasLoaded;
+      $[38] = t6;
+      $[39] = url;
       $[40] = t7;
     } else {
       t7 = $[40];