@payloadcms/ui 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/providers/Locale/index.js

@@ -1,170 +1,103 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useSearchParams } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React, { createContext, use, useEffect, useRef, useState } from 'react';
 import { findLocaleFromCode } from '../../utilities/findLocaleFromCode.js';
 import { useAuth } from '../Auth/index.js';
 import { useConfig } from '../Config/index.js';
-const LocaleContext = /*#__PURE__*/createContext({});
-export const LocaleLoadingContext = /*#__PURE__*/createContext({
-  localeIsLoading: false,
-  setLocaleIsLoading: _ => undefined
+const LocaleContext = /*#__PURE__*/ createContext({});
+export const LocaleLoadingContext = /*#__PURE__*/ createContext({
+    localeIsLoading: false,
+    setLocaleIsLoading: (_)=>undefined
 });
-const fetchPreferences = async (key, baseURL) => await fetch(`${baseURL}/payload-preferences/${key}`, {
-  credentials: 'include',
-  headers: {
-    'Content-Type': 'application/json'
-  },
-  method: 'GET'
-})?.then(res => res.json());
-export const LocaleProvider = t0 => {
-  const $ = _c(28);
-  const {
-    children,
-    locale: initialLocaleFromPrefs
-  } = t0;
-  const {
-    config: t1
-  } = useConfig();
-  const {
-    localization: t2,
-    routes: t3
-  } = t1;
-  const localization = t2 === undefined ? false : t2;
-  const {
-    api: apiRoute
-  } = t3;
-  const {
-    user
-  } = useAuth();
-  const defaultLocale = localization ? localization.defaultLocale : "en";
-  const t4 = useSearchParams();
-  let t5;
-  if ($[0] !== t4) {
-    t5 = t4.get("locale");
-    $[0] = t4;
-    $[1] = t5;
-  } else {
-    t5 = $[1];
-  }
-  const localeFromParams = t5;
-  let t6;
-  if ($[2] !== defaultLocale || $[3] !== initialLocaleFromPrefs || $[4] !== localeFromParams || $[5] !== localization) {
-    t6 = () => {
-      if (!localization || localization && !localization.locales.length) {
-        return {};
-      }
-      return findLocaleFromCode(localization, localeFromParams) || findLocaleFromCode(localization, initialLocaleFromPrefs) || findLocaleFromCode(localization, defaultLocale) || findLocaleFromCode(localization, localization.locales[0].code);
-    };
-    $[2] = defaultLocale;
-    $[3] = initialLocaleFromPrefs;
-    $[4] = localeFromParams;
-    $[5] = localization;
-    $[6] = t6;
-  } else {
-    t6 = $[6];
-  }
-  const [locale, setLocale] = React.useState(t6);
-  const [isLoading, setLocaleIsLoading] = useState(false);
-  const prevLocale = useRef(locale);
-  let t7;
-  let t8;
-  if ($[7] !== locale) {
-    t7 = () => {
-      if (locale.code !== prevLocale.current.code) {
-        setLocaleIsLoading(false);
-      }
-      prevLocale.current = locale;
-    };
-    t8 = [locale];
-    $[7] = locale;
-    $[8] = t7;
-    $[9] = t8;
-  } else {
-    t7 = $[8];
-    t8 = $[9];
-  }
-  useEffect(t7, t8);
-  let t9;
-  if ($[10] !== apiRoute) {
-    t9 = formatAdminURL({
-      apiRoute,
-      path: ""
+const fetchPreferences = async (key, baseURL)=>await fetch(`${baseURL}/payload-preferences/${key}`, {
+        credentials: 'include',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        method: 'GET'
+    })?.then((res)=>res.json());
+export const LocaleProvider = ({ children, /**
+    The `locale` prop originates from the root layout, which does not have access to search params
+    This component uses the `useSearchParams` hook to get the locale from the URL as precedence over this prop
+    This prop does not update as the user navigates the site, because the root layout does not re-render
+  */ locale: initialLocaleFromPrefs })=>{
+    const { config: { localization = false, routes: { api: apiRoute } } } = useConfig();
+    const { user } = useAuth();
+    const defaultLocale = localization ? localization.defaultLocale : 'en';
+    const localeFromParams = useSearchParams().get('locale');
+    const [locale, setLocale] = React.useState(()=>{
+        if (!localization || localization && !localization.locales.length) {
+            // TODO: return null V4
+            return {};
+        }
+        return findLocaleFromCode(localization, localeFromParams) || findLocaleFromCode(localization, initialLocaleFromPrefs) || findLocaleFromCode(localization, defaultLocale) || findLocaleFromCode(localization, localization.locales[0].code);
     });
-    $[10] = apiRoute;
-    $[11] = t9;
-  } else {
-    t9 = $[11];
-  }
-  const fetchURL = t9;
-  let t10;
-  if ($[12] !== defaultLocale || $[13] !== fetchURL || $[14] !== localeFromParams || $[15] !== localization || $[16] !== user?.id) {
-    t10 = () => {
-      const resetLocale = async function resetLocale() {
-        if (localization && user?.id) {
-          const localeToUse = localeFromParams || (await fetchPreferences("locale", fetchURL)?.then(_temp));
-          const newLocale = findLocaleFromCode(localization, localeToUse) || findLocaleFromCode(localization, defaultLocale) || findLocaleFromCode(localization, localization?.locales?.[0]?.code);
-          if (newLocale) {
-            setLocale(newLocale);
-          }
+    const [isLoading, setLocaleIsLoading] = useState(false);
+    const prevLocale = useRef(locale);
+    useEffect(()=>{
+        /**
+     * We need to set `isLoading` back to false once the locale is detected to be different
+     * This happens when the user clicks an anchor link which appends the `?locale=` query param
+     * This triggers a client-side navigation, which re-renders the page with the new locale
+     * In Next.js, local state is persisted during this type of navigation because components are not unmounted
+     */ if (locale.code !== prevLocale.current.code) {
+            setLocaleIsLoading(false);
         }
-      };
-      resetLocale();
-    };
-    $[12] = defaultLocale;
-    $[13] = fetchURL;
-    $[14] = localeFromParams;
-    $[15] = localization;
-    $[16] = user?.id;
-    $[17] = t10;
-  } else {
-    t10 = $[17];
-  }
-  const t11 = user?.id;
-  let t12;
-  if ($[18] !== defaultLocale || $[19] !== fetchURL || $[20] !== localeFromParams || $[21] !== localization || $[22] !== t11) {
-    t12 = [defaultLocale, localization, fetchURL, localeFromParams, t11];
-    $[18] = defaultLocale;
-    $[19] = fetchURL;
-    $[20] = localeFromParams;
-    $[21] = localization;
-    $[22] = t11;
-    $[23] = t12;
-  } else {
-    t12 = $[23];
-  }
-  useEffect(t10, t12);
-  let t13;
-  if ($[24] !== children || $[25] !== isLoading || $[26] !== locale) {
-    t13 = _jsx(LocaleContext, {
-      value: locale,
-      children: _jsx(LocaleLoadingContext, {
-        value: {
-          localeIsLoading: isLoading,
-          setLocaleIsLoading
-        },
-        children
-      })
+        prevLocale.current = locale;
+    }, [
+        locale
+    ]);
+    const fetchURL = formatAdminURL({
+        apiRoute,
+        path: ''
     });
-    $[24] = children;
-    $[25] = isLoading;
-    $[26] = locale;
-    $[27] = t13;
-  } else {
-    t13 = $[27];
-  }
-  return t13;
+    useEffect(()=>{
+        /**
+     * This effect should only run when `localeFromParams` changes, i.e. when the user clicks an anchor link
+     * The root layout, which sends the initial locale from prefs, will not re-render as the user navigates the site
+     * For this reason, we need to fetch the locale from prefs if the search params clears the `locale` query param
+     */ async function resetLocale() {
+            if (localization && user?.id) {
+                const localeToUse = localeFromParams || await fetchPreferences('locale', fetchURL)?.then((res)=>res.value);
+                const newLocale = findLocaleFromCode(localization, localeToUse) || findLocaleFromCode(localization, defaultLocale) || findLocaleFromCode(localization, localization?.locales?.[0]?.code);
+                if (newLocale) {
+                    setLocale(newLocale);
+                }
+            }
+        }
+        void resetLocale();
+    }, [
+        defaultLocale,
+        localization,
+        fetchURL,
+        localeFromParams,
+        user?.id
+    ]);
+    return /*#__PURE__*/ _jsxDEV(LocaleContext, {
+        value: locale,
+        children: /*#__PURE__*/ _jsxDEV(LocaleLoadingContext, {
+            value: {
+                localeIsLoading: isLoading,
+                setLocaleIsLoading
+            },
+            children: children
+        }, void 0, false, {
+            fileName: "src/providers/Locale/index.tsx",
+            lineNumber: 119,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/providers/Locale/index.tsx",
+        lineNumber: 118,
+        columnNumber: 5
+    }, this);
 };
-export const useLocaleLoading = () => use(LocaleLoadingContext);
+export const useLocaleLoading = ()=>use(LocaleLoadingContext);
 /**
  * TODO: V4
  * The return type of the `useLocale` hook will change in v4. It will return `null | Locale` instead of `false | {} | Locale`.
- */
-export const useLocale = () => use(LocaleContext);
-function _temp(res) {
-  return res.value;
-}
+ */ export const useLocale = ()=>use(LocaleContext);
+
 //# sourceMappingURL=index.js.map

package/dist/providers/Locale/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useSearchParams","formatAdminURL","React","createContext","use","useEffect","useRef","useState","findLocaleFromCode","useAuth","useConfig","LocaleContext","LocaleLoadingContext","localeIsLoading","setLocaleIsLoading","_","undefined","fetchPreferences","key","baseURL","fetch","credentials","headers","method","then","res","json","LocaleProvider","t0","$","children","locale","initialLocaleFromPrefs","config","t1","localization","t2","routes","t3","api","apiRoute","user","defaultLocale","t4","t5","get","localeFromParams","t6","locales","length","code","setLocale","isLoading","prevLocale","t7","t8","current","t9","path","fetchURL","t10","id","resetLocale","localeToUse","_temp","newLocale","t11","t12","t13","_jsx","value","useLocaleLoading","useLocale"],"sources":["../../../src/providers/Locale/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Locale } from 'payload'\n\nimport { useSearchParams } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { createContext, use, useEffect, useRef, useState } from 'react'\n\nimport { findLocaleFromCode } from '../../utilities/findLocaleFromCode.js'\nimport { useAuth } from '../Auth/index.js'\nimport { useConfig } from '../Config/index.js'\n\nconst LocaleContext = createContext({} as Locale)\n\nexport const LocaleLoadingContext = createContext({\n  localeIsLoading: false,\n  setLocaleIsLoading: (_: boolean) => undefined,\n})\n\nconst fetchPreferences = async <T extends Record<string, unknown> | string>(\n  key: string,\n  baseURL: string,\n): Promise<{ id: string; value: T }> =>\n  await fetch(`${baseURL}/payload-preferences/${key}`, {\n    credentials: 'include',\n    headers: {\n      'Content-Type': 'application/json',\n    },\n    method: 'GET',\n  })?.then((res) => res.json() as Promise<{ id: string; value: T }>)\n\nexport const LocaleProvider: React.FC<{ children?: React.ReactNode; locale?: Locale['code'] }> = ({\n  children,\n  /**\n    The `locale` prop originates from the root layout, which does not have access to search params\n    This component uses the `useSearchParams` hook to get the locale from the URL as precedence over this prop\n    This prop does not update as the user navigates the site, because the root layout does not re-render\n  */\n  locale: initialLocaleFromPrefs,\n}) => {\n  const {\n    config: {\n      localization = false,\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n\n  const defaultLocale = localization ? localization.defaultLocale : 'en'\n\n  const localeFromParams = useSearchParams().get('locale')\n\n  const [locale, setLocale] = React.useState<Locale>(() => {\n    if (!localization || (localization && !localization.locales.length)) {\n      // TODO: return null V4\n      return {} as Locale\n    }\n\n    return (\n      findLocaleFromCode(localization, localeFromParams) ||\n      findLocaleFromCode(localization, initialLocaleFromPrefs) ||\n      findLocaleFromCode(localization, defaultLocale) ||\n      findLocaleFromCode(localization, localization.locales[0].code)\n    )\n  })\n\n  const [isLoading, setLocaleIsLoading] = useState(false)\n\n  const prevLocale = useRef<Locale>(locale)\n\n  useEffect(() => {\n    /**\n     * We need to set `isLoading` back to false once the locale is detected to be different\n     * This happens when the user clicks an anchor link which appends the `?locale=` query param\n     * This triggers a client-side navigation, which re-renders the page with the new locale\n     * In Next.js, local state is persisted during this type of navigation because components are not unmounted\n     */\n    if (locale.code !== prevLocale.current.code) {\n      setLocaleIsLoading(false)\n    }\n\n    prevLocale.current = locale\n  }, [locale])\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: '',\n  })\n\n  useEffect(() => {\n    /**\n     * This effect should only run when `localeFromParams` changes, i.e. when the user clicks an anchor link\n     * The root layout, which sends the initial locale from prefs, will not re-render as the user navigates the site\n     * For this reason, we need to fetch the locale from prefs if the search params clears the `locale` query param\n     */\n    async function resetLocale() {\n      if (localization && user?.id) {\n        const localeToUse =\n          localeFromParams ||\n          (await fetchPreferences<Locale['code']>('locale', fetchURL)?.then((res) => res.value))\n\n        const newLocale =\n          findLocaleFromCode(localization, localeToUse) ||\n          findLocaleFromCode(localization, defaultLocale) ||\n          findLocaleFromCode(localization, localization?.locales?.[0]?.code)\n\n        if (newLocale) {\n          setLocale(newLocale)\n        }\n      }\n    }\n\n    void resetLocale()\n  }, [defaultLocale, localization, fetchURL, localeFromParams, user?.id])\n\n  return (\n    <LocaleContext value={locale}>\n      <LocaleLoadingContext value={{ localeIsLoading: isLoading, setLocaleIsLoading }}>\n        {children}\n      </LocaleLoadingContext>\n    </LocaleContext>\n  )\n}\n\nexport const useLocaleLoading = () => use(LocaleLoadingContext)\n\n/**\n * TODO: V4\n * The return type of the `useLocale` hook will change in v4. It will return `null | Locale` instead of `false | {} | Locale`.\n */\nexport const useLocale = (): Locale => use(LocaleContext)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/providers/Locale/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Locale } from 'payload'\n\nimport { useSearchParams } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { createContext, use, useEffect, useRef, useState } from 'react'\n\nimport { findLocaleFromCode } from '../../utilities/findLocaleFromCode.js'\nimport { useAuth } from '../Auth/index.js'\nimport { useConfig } from '../Config/index.js'\n\nconst LocaleContext = createContext({} as Locale)\n\nexport const LocaleLoadingContext = createContext({\n  localeIsLoading: false,\n  setLocaleIsLoading: (_: boolean) => undefined,\n})\n\nconst fetchPreferences = async <T extends Record<string, unknown> | string>(\n  key: string,\n  baseURL: string,\n): Promise<{ id: string; value: T }> =>\n  await fetch(`${baseURL}/payload-preferences/${key}`, {\n    credentials: 'include',\n    headers: {\n      'Content-Type': 'application/json',\n    },\n    method: 'GET',\n  })?.then((res) => res.json() as Promise<{ id: string; value: T }>)\n\nexport const LocaleProvider: React.FC<{ children?: React.ReactNode; locale?: Locale['code'] }> = ({\n  children,\n  /**\n    The `locale` prop originates from the root layout, which does not have access to search params\n    This component uses the `useSearchParams` hook to get the locale from the URL as precedence over this prop\n    This prop does not update as the user navigates the site, because the root layout does not re-render\n  */\n  locale: initialLocaleFromPrefs,\n}) => {\n  const {\n    config: {\n      localization = false,\n      routes: { api: apiRoute },\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n\n  const defaultLocale = localization ? localization.defaultLocale : 'en'\n\n  const localeFromParams = useSearchParams().get('locale')\n\n  const [locale, setLocale] = React.useState<Locale>(() => {\n    if (!localization || (localization && !localization.locales.length)) {\n      // TODO: return null V4\n      return {} as Locale\n    }\n\n    return (\n      findLocaleFromCode(localization, localeFromParams) ||\n      findLocaleFromCode(localization, initialLocaleFromPrefs) ||\n      findLocaleFromCode(localization, defaultLocale) ||\n      findLocaleFromCode(localization, localization.locales[0].code)\n    )\n  })\n\n  const [isLoading, setLocaleIsLoading] = useState(false)\n\n  const prevLocale = useRef<Locale>(locale)\n\n  useEffect(() => {\n    /**\n     * We need to set `isLoading` back to false once the locale is detected to be different\n     * This happens when the user clicks an anchor link which appends the `?locale=` query param\n     * This triggers a client-side navigation, which re-renders the page with the new locale\n     * In Next.js, local state is persisted during this type of navigation because components are not unmounted\n     */\n    if (locale.code !== prevLocale.current.code) {\n      setLocaleIsLoading(false)\n    }\n\n    prevLocale.current = locale\n  }, [locale])\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: '',\n  })\n\n  useEffect(() => {\n    /**\n     * This effect should only run when `localeFromParams` changes, i.e. when the user clicks an anchor link\n     * The root layout, which sends the initial locale from prefs, will not re-render as the user navigates the site\n     * For this reason, we need to fetch the locale from prefs if the search params clears the `locale` query param\n     */\n    async function resetLocale() {\n      if (localization && user?.id) {\n        const localeToUse =\n          localeFromParams ||\n          (await fetchPreferences<Locale['code']>('locale', fetchURL)?.then((res) => res.value))\n\n        const newLocale =\n          findLocaleFromCode(localization, localeToUse) ||\n          findLocaleFromCode(localization, defaultLocale) ||\n          findLocaleFromCode(localization, localization?.locales?.[0]?.code)\n\n        if (newLocale) {\n          setLocale(newLocale)\n        }\n      }\n    }\n\n    void resetLocale()\n  }, [defaultLocale, localization, fetchURL, localeFromParams, user?.id])\n\n  return (\n    <LocaleContext value={locale}>\n      <LocaleLoadingContext value={{ localeIsLoading: isLoading, setLocaleIsLoading }}>\n        {children}\n      </LocaleLoadingContext>\n    </LocaleContext>\n  )\n}\n\nexport const useLocaleLoading = () => use(LocaleLoadingContext)\n\n/**\n * TODO: V4\n * The return type of the `useLocale` hook will change in v4. It will return `null | Locale` instead of `false | {} | Locale`.\n */\nexport const useLocale = (): Locale => use(LocaleContext)\n"],"names":["useSearchParams","formatAdminURL","React","createContext","use","useEffect","useRef","useState","findLocaleFromCode","useAuth","useConfig","LocaleContext","LocaleLoadingContext","localeIsLoading","setLocaleIsLoading","_","undefined","fetchPreferences","key","baseURL","fetch","credentials","headers","method","then","res","json","LocaleProvider","children","locale","initialLocaleFromPrefs","config","localization","routes","api","apiRoute","user","defaultLocale","localeFromParams","get","setLocale","locales","length","code","isLoading","prevLocale","current","fetchURL","path","resetLocale","id","localeToUse","value","newLocale","useLocaleLoading","useLocale"],"mappings":"AAAA;;AAIA,SAASA,eAAe,QAAQ,qBAAoB;AACpD,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,SAASC,aAAa,EAAEC,GAAG,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAE9E,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,OAAO,QAAQ,mBAAkB;AAC1C,SAASC,SAAS,QAAQ,qBAAoB;AAE9C,MAAMC,8BAAgBR,cAAc,CAAC;AAErC,OAAO,MAAMS,qCAAuBT,cAAc;IAChDU,iBAAiB;IACjBC,oBAAoB,CAACC,IAAeC;AACtC,GAAE;AAEF,MAAMC,mBAAmB,OACvBC,KACAC,UAEA,MAAMC,MAAM,GAAGD,QAAQ,qBAAqB,EAAED,KAAK,EAAE;QACnDG,aAAa;QACbC,SAAS;YACP,gBAAgB;QAClB;QACAC,QAAQ;IACV,IAAIC,KAAK,CAACC,MAAQA,IAAIC,IAAI;AAE5B,OAAO,MAAMC,iBAAoF,CAAC,EAChGC,QAAQ,EACR;;;;EAIA,GACAC,QAAQC,sBAAsB,EAC/B;IACC,MAAM,EACJC,QAAQ,EACNC,eAAe,KAAK,EACpBC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EAC1B,EACF,GAAGzB;IAEJ,MAAM,EAAE0B,IAAI,EAAE,GAAG3B;IAEjB,MAAM4B,gBAAgBL,eAAeA,aAAaK,aAAa,GAAG;IAElE,MAAMC,mBAAmBtC,kBAAkBuC,GAAG,CAAC;IAE/C,MAAM,CAACV,QAAQW,UAAU,GAAGtC,MAAMK,QAAQ,CAAS;QACjD,IAAI,CAACyB,gBAAiBA,gBAAgB,CAACA,aAAaS,OAAO,CAACC,MAAM,EAAG;YACnE,uBAAuB;YACvB,OAAO,CAAC;QACV;QAEA,OACElC,mBAAmBwB,cAAcM,qBACjC9B,mBAAmBwB,cAAcF,2BACjCtB,mBAAmBwB,cAAcK,kBACjC7B,mBAAmBwB,cAAcA,aAAaS,OAAO,CAAC,EAAE,CAACE,IAAI;IAEjE;IAEA,MAAM,CAACC,WAAW9B,mBAAmB,GAAGP,SAAS;IAEjD,MAAMsC,aAAavC,OAAeuB;IAElCxB,UAAU;QACR;;;;;KAKC,GACD,IAAIwB,OAAOc,IAAI,KAAKE,WAAWC,OAAO,CAACH,IAAI,EAAE;YAC3C7B,mBAAmB;QACrB;QAEA+B,WAAWC,OAAO,GAAGjB;IACvB,GAAG;QAACA;KAAO;IAEX,MAAMkB,WAAW9C,eAAe;QAC9BkC;QACAa,MAAM;IACR;IAEA3C,UAAU;QACR;;;;KAIC,GACD,eAAe4C;YACb,IAAIjB,gBAAgBI,MAAMc,IAAI;gBAC5B,MAAMC,cACJb,oBACC,MAAMrB,iBAAiC,UAAU8B,WAAWvB,KAAK,CAACC,MAAQA,IAAI2B,KAAK;gBAEtF,MAAMC,YACJ7C,mBAAmBwB,cAAcmB,gBACjC3C,mBAAmBwB,cAAcK,kBACjC7B,mBAAmBwB,cAAcA,cAAcS,SAAS,CAAC,EAAE,EAAEE;gBAE/D,IAAIU,WAAW;oBACbb,UAAUa;gBACZ;YACF;QACF;QAEA,KAAKJ;IACP,GAAG;QAACZ;QAAeL;QAAce;QAAUT;QAAkBF,MAAMc;KAAG;IAEtE,qBACE,QAACvC;QAAcyC,OAAOvB;kBACpB,cAAA,QAACjB;YAAqBwC,OAAO;gBAAEvC,iBAAiB+B;gBAAW9B;YAAmB;sBAC3Ec;;;;;;;;;;;AAIT,EAAC;AAED,OAAO,MAAM0B,mBAAmB,IAAMlD,IAAIQ,sBAAqB;AAE/D;;;CAGC,GACD,OAAO,MAAM2C,YAAY,IAAcnD,IAAIO,eAAc"}

package/dist/providers/Operation/index.js

@@ -1,14 +1,15 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, use } from 'react';
-export const OperationContext = /*#__PURE__*/createContext('');
-export const OperationProvider = ({
-  children,
-  operation
-}) => /*#__PURE__*/_jsx(OperationContext, {
-  value: operation,
-  children: children
-});
-export const useOperation = () => use(OperationContext);
+export const OperationContext = /*#__PURE__*/ createContext('');
+export const OperationProvider = ({ children, operation })=>/*#__PURE__*/ _jsxDEV(OperationContext, {
+        value: operation,
+        children: children
+    }, void 0, false, {
+        fileName: "src/providers/Operation/index.tsx",
+        lineNumber: 9,
+        columnNumber: 7
+    }, this);
+export const useOperation = ()=>use(OperationContext);
+
 //# sourceMappingURL=index.js.map

package/dist/providers/Operation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","createContext","use","OperationContext","OperationProvider","children","operation","_jsx","value","useOperation"],"sources":["../../../src/providers/Operation/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const OperationContext = createContext('' as Operation)\n\nexport const OperationProvider: React.FC<{ children: React.ReactNode; operation: Operation }> = ({\n  children,\n  operation,\n}) => <OperationContext value={operation}>{children}</OperationContext>\n\nexport type Operation = 'create' | 'update'\n\nexport const useOperation = (): Operation | undefined => use(OperationContext)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,OAAO,MAAMC,gBAAA,gBAAmBF,aAAA,CAAc;AAE9C,OAAO,MAAMG,iBAAA,GAAmFA,CAAC;EAC/FC,QAAQ;EACRC;AAAS,CACV,kBAAKC,IAAA,CAACJ,gBAAA;EAAiBK,KAAA,EAAOF,SAAA;YAAYD;;AAI3C,OAAO,MAAMI,YAAA,GAAeA,CAAA,KAA6BP,GAAA,CAAIC,gBAAA","ignoreList":[]}
+{"version":3,"sources":["../../../src/providers/Operation/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const OperationContext = createContext('' as Operation)\n\nexport const OperationProvider: React.FC<{ children: React.ReactNode; operation: Operation }> = ({\n  children,\n  operation,\n}) => <OperationContext value={operation}>{children}</OperationContext>\n\nexport type Operation = 'create' | 'update'\n\nexport const useOperation = (): Operation | undefined => use(OperationContext)\n"],"names":["React","createContext","use","OperationContext","OperationProvider","children","operation","value","useOperation"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,iCAAmBF,cAAc,IAAgB;AAE9D,OAAO,MAAMG,oBAAmF,CAAC,EAC/FC,QAAQ,EACRC,SAAS,EACV,iBAAK,QAACH;QAAiBI,OAAOD;kBAAYD;;;;;aAA4B;AAIvE,OAAO,MAAMG,eAAe,IAA6BN,IAAIC,kBAAiB"}

package/dist/providers/Params/index.js

@@ -1,10 +1,8 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useParams as useNextParams } from 'next/navigation.js';
 import React, { createContext, use } from 'react';
-const Context = /*#__PURE__*/createContext({});
+const Context = /*#__PURE__*/ createContext({});
 /**
  * @deprecated
  * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.
@@ -12,26 +10,16 @@ const Context = /*#__PURE__*/createContext({});
  * ```tsx
  * import { useParams } from 'next/navigation'
  * ```
- */
-export const ParamsProvider = t0 => {
-  const $ = _c(3);
-  const {
-    children
-  } = t0;
-  const params = useNextParams();
-  let t1;
-  if ($[0] !== children || $[1] !== params) {
-    t1 = _jsx(Context, {
-      value: params,
-      children
-    });
-    $[0] = children;
-    $[1] = params;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
+ */ export const ParamsProvider = ({ children })=>{
+    const params = useNextParams();
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: params,
+        children: children
+    }, void 0, false, {
+        fileName: "src/providers/Params/index.tsx",
+        lineNumber: 21,
+        columnNumber: 10
+    }, this);
 };
 /**
  * @deprecated
@@ -40,6 +28,6 @@ export const ParamsProvider = t0 => {
  * ```tsx
  * import { useParams } from 'next/navigation'
  * ```
- */
-export const useParams = () => use(Context);
+ */ export const useParams = ()=>use(Context);
+
 //# sourceMappingURL=index.js.map

package/dist/providers/Params/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useParams","useNextParams","React","createContext","use","Context","ParamsProvider","t0","$","children","params","t1","_jsx","value"],"sources":["../../../src/providers/Params/index.tsx"],"sourcesContent":["'use client'\n\nimport { useParams as useNextParams } from 'next/navigation.js'\nimport React, { createContext, use } from 'react'\n\nexport type Params = ReturnType<typeof useNextParams>\ninterface IParamsContext extends Params {}\n\nconst Context = createContext<IParamsContext>({} as IParamsContext)\n\n/**\n * @deprecated\n * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useParams } from 'next/navigation'\n * ```\n */\nexport const ParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const params = useNextParams()\n  return <Context value={params}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useParams` hook is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useParams } from 'next/navigation'\n * ```\n */\nexport const useParams = (): IParamsContext => use(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,SAAA,IAAaC,aAAa,QAAQ;AAC3C,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAK1C,MAAMC,OAAA,gBAAUF,aAAA,CAA8B,CAAC;AAE/C;;;;;;;;AAQA,OAAO,MAAMG,cAAA,GAA2DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU;EAAA,IAAAF,EAAY;EACnF,MAAAG,MAAA,GAAeT,aAAA;EAAA,IAAAU,EAAA;EAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,MAAA;IACRC,EAAA,GAAAC,IAAA,CAAAP,OAAA;MAAAQ,KAAA,EAAgBH,MAAA;MAAAD;IAAA,C;;;;;;;SAAhBE,E;CACT;AAEA;;;;;;;;AAQA,OAAO,MAAMX,SAAA,GAAYA,CAAA,KAAsBI,GAAA,CAAIC,OAAA","ignoreList":[]}
+{"version":3,"sources":["../../../src/providers/Params/index.tsx"],"sourcesContent":["'use client'\n\nimport { useParams as useNextParams } from 'next/navigation.js'\nimport React, { createContext, use } from 'react'\n\nexport type Params = ReturnType<typeof useNextParams>\ninterface IParamsContext extends Params {}\n\nconst Context = createContext<IParamsContext>({} as IParamsContext)\n\n/**\n * @deprecated\n * The ParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useParams } from 'next/navigation'\n * ```\n */\nexport const ParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const params = useNextParams()\n  return <Context value={params}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useParams` hook is deprecated and will be removed in the next major release. Instead, use the `useParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useParams } from 'next/navigation'\n * ```\n */\nexport const useParams = (): IParamsContext => use(Context)\n"],"names":["useParams","useNextParams","React","createContext","use","Context","ParamsProvider","children","params","value"],"mappings":"AAAA;;AAEA,SAASA,aAAaC,aAAa,QAAQ,qBAAoB;AAC/D,OAAOC,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAKjD,MAAMC,wBAAUF,cAA8B,CAAC;AAE/C;;;;;;;CAOC,GACD,OAAO,MAAMG,iBAA2D,CAAC,EAAEC,QAAQ,EAAE;IACnF,MAAMC,SAASP;IACf,qBAAO,QAACI;QAAQI,OAAOD;kBAASD;;;;;;AAClC,EAAC;AAED;;;;;;;CAOC,GACD,OAAO,MAAMP,YAAY,IAAsBI,IAAIC,SAAQ"}