@payloadcms/plugin-multi-tenant 3.44.0 → 3.45.0-canary.0

package/dist/components/TenantField/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/TenantField/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAG3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,4BAA4B,CAAA;AAEhC,eAAO,MAAM,WAAW,SAAU,KAAK,6BA6CtC,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/components/TenantField/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAG3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,4BAA4B,CAAA;AAEhC,eAAO,MAAM,WAAW,SAAU,KAAK,6BA2DtC,CAAA"}

package/dist/components/TenantField/index.client.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RelationshipField, useField } from '@payloadcms/ui';
+import { RelationshipField, useField, useFormModified } from '@payloadcms/ui';
 import React from 'react';
 import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
 import './index.scss';
@@ -8,7 +8,8 @@ const baseClass = 'tenantField';
 export const TenantField = (args)=>{
     const { debug, unique } = args;
     const { setValue, value } = useField();
-    const { options, selectedTenantID, setPreventRefreshOnChange, setTenant } = useTenantSelection();
+    const modified = useFormModified();
+    const { options, selectedTenantID, setEntityType: setEntityType, setModified, setTenant } = useTenantSelection();
     const hasSetValueRef = React.useRef(false);
     React.useEffect(()=>{
         if (!hasSetValueRef.current) {
@@ -29,7 +30,7 @@ export const TenantField = (args)=>{
             hasSetValueRef.current = true;
         } else if (!value || value !== selectedTenantID) {
             // Update the field on the document value when the tenant is changed
-            setValue(selectedTenantID);
+            setValue(selectedTenantID, !value || value === selectedTenantID);
         }
     }, [
         value,
@@ -40,15 +41,23 @@ export const TenantField = (args)=>{
         unique
     ]);
     React.useEffect(()=>{
-        if (!unique) {
-            setPreventRefreshOnChange(true);
-        }
+        setEntityType(unique ? 'global' : 'document');
         return ()=>{
-            setPreventRefreshOnChange(false);
+            setEntityType(undefined);
         };
     }, [
         unique,
-        setPreventRefreshOnChange
+        setEntityType
+    ]);
+    React.useEffect(()=>{
+        // sync form modified state with the tenant selection provider context
+        setModified(modified);
+        return ()=>{
+            setModified(false);
+        };
+    }, [
+        modified,
+        setModified
     ]);
     if (debug) {
         return /*#__PURE__*/ _jsxs("div", {

package/dist/components/TenantField/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TenantField/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { RelationshipFieldClientProps } from 'payload'\n\nimport { RelationshipField, useField } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\nimport './index.scss'\n\nconst baseClass = 'tenantField'\n\ntype Props = {\n  debug?: boolean\n  unique?: boolean\n} & RelationshipFieldClientProps\n\nexport const TenantField = (args: Props) => {\n  const { debug, unique } = args\n  const { setValue, value } = useField<number | string>()\n  const { options, selectedTenantID, setPreventRefreshOnChange, setTenant } = useTenantSelection()\n\n  const hasSetValueRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!hasSetValueRef.current) {\n      // set value on load\n      if (value && value !== selectedTenantID) {\n        setTenant({ id: value, refresh: unique })\n      } else {\n        // in the document view, the tenant field should always have a value\n        const defaultValue = selectedTenantID || options[0]?.value\n        setTenant({ id: defaultValue, refresh: unique })\n      }\n      hasSetValueRef.current = true\n    } else if (!value || value !== selectedTenantID) {\n      // Update the field on the document value when the tenant is changed\n      setValue(selectedTenantID)\n    }\n  }, [value, selectedTenantID, setTenant, setValue, options, unique])\n\n  React.useEffect(() => {\n    if (!unique) {\n      setPreventRefreshOnChange(true)\n    }\n    return () => {\n      setPreventRefreshOnChange(false)\n    }\n  }, [unique, setPreventRefreshOnChange])\n\n  if (debug) {\n    return (\n      <div className={baseClass}>\n        <div className={`${baseClass}__wrapper`}>\n          <RelationshipField {...args} />\n        </div>\n        <div className={`${baseClass}__hr`} />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["RelationshipField","useField","React","useTenantSelection","baseClass","TenantField","args","debug","unique","setValue","value","options","selectedTenantID","setPreventRefreshOnChange","setTenant","hasSetValueRef","useRef","useEffect","current","id","refresh","defaultValue","div","className"],"mappings":"AAAA;;AAIA,SAASA,iBAAiB,EAAEC,QAAQ,QAAQ,iBAAgB;AAC5D,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAC5F,OAAO,eAAc;AAErB,MAAMC,YAAY;AAOlB,OAAO,MAAMC,cAAc,CAACC;IAC1B,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGF;IAC1B,MAAM,EAAEG,QAAQ,EAAEC,KAAK,EAAE,GAAGT;IAC5B,MAAM,EAAEU,OAAO,EAAEC,gBAAgB,EAAEC,yBAAyB,EAAEC,SAAS,EAAE,GAAGX;IAE5E,MAAMY,iBAAiBb,MAAMc,MAAM,CAAC;IAEpCd,MAAMe,SAAS,CAAC;QACd,IAAI,CAACF,eAAeG,OAAO,EAAE;YAC3B,oBAAoB;YACpB,IAAIR,SAASA,UAAUE,kBAAkB;gBACvCE,UAAU;oBAAEK,IAAIT;oBAAOU,SAASZ;gBAAO;YACzC,OAAO;gBACL,oEAAoE;gBACpE,MAAMa,eAAeT,oBAAoBD,OAAO,CAAC,EAAE,EAAED;gBACrDI,UAAU;oBAAEK,IAAIE;oBAAcD,SAASZ;gBAAO;YAChD;YACAO,eAAeG,OAAO,GAAG;QAC3B,OAAO,IAAI,CAACR,SAASA,UAAUE,kBAAkB;YAC/C,oEAAoE;YACpEH,SAASG;QACX;IACF,GAAG;QAACF;QAAOE;QAAkBE;QAAWL;QAAUE;QAASH;KAAO;IAElEN,MAAMe,SAAS,CAAC;QACd,IAAI,CAACT,QAAQ;YACXK,0BAA0B;QAC5B;QACA,OAAO;YACLA,0BAA0B;QAC5B;IACF,GAAG;QAACL;QAAQK;KAA0B;IAEtC,IAAIN,OAAO;QACT,qBACE,MAACe;YAAIC,WAAWnB;;8BACd,KAACkB;oBAAIC,WAAW,GAAGnB,UAAU,SAAS,CAAC;8BACrC,cAAA,KAACJ;wBAAmB,GAAGM,IAAI;;;8BAE7B,KAACgB;oBAAIC,WAAW,GAAGnB,UAAU,IAAI,CAAC;;;;IAGxC;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/components/TenantField/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { RelationshipFieldClientProps } from 'payload'\n\nimport { RelationshipField, useField, useFormModified } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\nimport './index.scss'\n\nconst baseClass = 'tenantField'\n\ntype Props = {\n  debug?: boolean\n  unique?: boolean\n} & RelationshipFieldClientProps\n\nexport const TenantField = (args: Props) => {\n  const { debug, unique } = args\n  const { setValue, value } = useField<number | string>()\n  const modified = useFormModified()\n  const {\n    options,\n    selectedTenantID,\n    setEntityType: setEntityType,\n    setModified,\n    setTenant,\n  } = useTenantSelection()\n\n  const hasSetValueRef = React.useRef(false)\n\n  React.useEffect(() => {\n    if (!hasSetValueRef.current) {\n      // set value on load\n      if (value && value !== selectedTenantID) {\n        setTenant({ id: value, refresh: unique })\n      } else {\n        // in the document view, the tenant field should always have a value\n        const defaultValue = selectedTenantID || options[0]?.value\n        setTenant({ id: defaultValue, refresh: unique })\n      }\n      hasSetValueRef.current = true\n    } else if (!value || value !== selectedTenantID) {\n      // Update the field on the document value when the tenant is changed\n      setValue(selectedTenantID, !value || value === selectedTenantID)\n    }\n  }, [value, selectedTenantID, setTenant, setValue, options, unique])\n\n  React.useEffect(() => {\n    setEntityType(unique ? 'global' : 'document')\n    return () => {\n      setEntityType(undefined)\n    }\n  }, [unique, setEntityType])\n\n  React.useEffect(() => {\n    // sync form modified state with the tenant selection provider context\n    setModified(modified)\n\n    return () => {\n      setModified(false)\n    }\n  }, [modified, setModified])\n\n  if (debug) {\n    return (\n      <div className={baseClass}>\n        <div className={`${baseClass}__wrapper`}>\n          <RelationshipField {...args} />\n        </div>\n        <div className={`${baseClass}__hr`} />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["RelationshipField","useField","useFormModified","React","useTenantSelection","baseClass","TenantField","args","debug","unique","setValue","value","modified","options","selectedTenantID","setEntityType","setModified","setTenant","hasSetValueRef","useRef","useEffect","current","id","refresh","defaultValue","undefined","div","className"],"mappings":"AAAA;;AAIA,SAASA,iBAAiB,EAAEC,QAAQ,EAAEC,eAAe,QAAQ,iBAAgB;AAC7E,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAC5F,OAAO,eAAc;AAErB,MAAMC,YAAY;AAOlB,OAAO,MAAMC,cAAc,CAACC;IAC1B,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGF;IAC1B,MAAM,EAAEG,QAAQ,EAAEC,KAAK,EAAE,GAAGV;IAC5B,MAAMW,WAAWV;IACjB,MAAM,EACJW,OAAO,EACPC,gBAAgB,EAChBC,eAAeA,aAAa,EAC5BC,WAAW,EACXC,SAAS,EACV,GAAGb;IAEJ,MAAMc,iBAAiBf,MAAMgB,MAAM,CAAC;IAEpChB,MAAMiB,SAAS,CAAC;QACd,IAAI,CAACF,eAAeG,OAAO,EAAE;YAC3B,oBAAoB;YACpB,IAAIV,SAASA,UAAUG,kBAAkB;gBACvCG,UAAU;oBAAEK,IAAIX;oBAAOY,SAASd;gBAAO;YACzC,OAAO;gBACL,oEAAoE;gBACpE,MAAMe,eAAeV,oBAAoBD,OAAO,CAAC,EAAE,EAAEF;gBACrDM,UAAU;oBAAEK,IAAIE;oBAAcD,SAASd;gBAAO;YAChD;YACAS,eAAeG,OAAO,GAAG;QAC3B,OAAO,IAAI,CAACV,SAASA,UAAUG,kBAAkB;YAC/C,oEAAoE;YACpEJ,SAASI,kBAAkB,CAACH,SAASA,UAAUG;QACjD;IACF,GAAG;QAACH;QAAOG;QAAkBG;QAAWP;QAAUG;QAASJ;KAAO;IAElEN,MAAMiB,SAAS,CAAC;QACdL,cAAcN,SAAS,WAAW;QAClC,OAAO;YACLM,cAAcU;QAChB;IACF,GAAG;QAAChB;QAAQM;KAAc;IAE1BZ,MAAMiB,SAAS,CAAC;QACd,sEAAsE;QACtEJ,YAAYJ;QAEZ,OAAO;YACLI,YAAY;QACd;IACF,GAAG;QAACJ;QAAUI;KAAY;IAE1B,IAAIR,OAAO;QACT,qBACE,MAACkB;YAAIC,WAAWtB;;8BACd,KAACqB;oBAAIC,WAAW,GAAGtB,UAAU,SAAS,CAAC;8BACrC,cAAA,KAACL;wBAAmB,GAAGO,IAAI;;;8BAE7B,KAACmB;oBAAIC,WAAW,GAAGtB,UAAU,IAAI,CAAC;;;;IAGxC;IAEA,OAAO;AACT,EAAC"}

package/dist/components/TenantSelector/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TenantSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAUxC,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,cAAc,wBAAyB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,6BAqG1F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TenantSelector/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAUxC,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,cAAc,wBAAyB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,6BAuH1F,CAAA"}

package/dist/components/TenantSelector/index.js

@@ -5,10 +5,11 @@ import { ConfirmationModal, SelectInput, Translation, useModal, useTranslation }
 import React from 'react';
 import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
 import './index.scss';
-const confirmSwitchTenantSlug = 'confirmSwitchTenant';
+const confirmSwitchTenantSlug = 'confirm-switch-tenant';
+const confirmLeaveWithoutSavingSlug = 'confirm-leave-without-saving';
 export const TenantSelector = ({ label, viewType })=>{
-    const { options, preventRefreshOnChange, selectedTenantID, setTenant } = useTenantSelection();
-    const { openModal } = useModal();
+    const { entityType, modified, options, selectedTenantID, setTenant } = useTenantSelection();
+    const { closeModal, openModal } = useModal();
     const { i18n, t } = useTranslation();
     const [tenantSelection, setTenantSelection] = React.useState();
     const selectedValue = React.useMemo(()=>{
@@ -45,17 +46,30 @@ export const TenantSelector = ({ label, viewType })=>{
         setTenant
     ]);
     const onChange = React.useCallback((option)=>{
-        if (!preventRefreshOnChange) {
-            switchTenant(option);
+        if (option && 'value' in option && option.value === selectedTenantID) {
+            // If the selected option is the same as the current tenant, do nothing
             return;
+        }
+        if (entityType !== 'document') {
+            if (entityType === 'global' && modified) {
+                // If the entityType is 'global' and there are unsaved changes, prompt for confirmation
+                setTenantSelection(option);
+                openModal(confirmLeaveWithoutSavingSlug);
+            } else {
+                // If the entityType is not 'document', switch tenant without confirmation
+                switchTenant(option);
+            }
         } else {
+            // non-unique documents should always prompt for confirmation
             setTenantSelection(option);
             openModal(confirmSwitchTenantSlug);
         }
     }, [
-        openModal,
-        preventRefreshOnChange,
-        switchTenant
+        selectedTenantID,
+        entityType,
+        modified,
+        switchTenant,
+        openModal
     ]);
     if (options.length <= 1) {
         return null;
@@ -90,19 +104,26 @@ export const TenantSelector = ({ label, viewType })=>{
                         toTenant: newSelectedValue?.label
                     }
                 }),
-                heading: /*#__PURE__*/ _jsx(Translation, {
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                    // @ts-expect-error
-                    i18nKey: "plugin-multi-tenant:confirm-tenant-switch--heading",
-                    t: t,
-                    variables: {
-                        tenantLabel: getTranslation(label, i18n)
-                    }
+                heading: t('plugin-multi-tenant:confirm-tenant-switch--heading', {
+                    tenantLabel: getTranslation(label, i18n)
                 }),
                 modalSlug: confirmSwitchTenantSlug,
                 onConfirm: ()=>{
                     switchTenant(tenantSelection);
                 }
+            }),
+            /*#__PURE__*/ _jsx(ConfirmationModal, {
+                body: t('general:changesNotSaved'),
+                cancelLabel: t('general:stayOnThisPage'),
+                confirmLabel: t('general:leaveAnyway'),
+                heading: t('general:leaveWithoutSaving'),
+                modalSlug: confirmLeaveWithoutSavingSlug,
+                onCancel: ()=>{
+                    closeModal(confirmLeaveWithoutSavingSlug);
+                },
+                onConfirm: ()=>{
+                    switchTenant(tenantSelection);
+                }
             })
         ]
     });

package/dist/components/TenantSelector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TenantSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport type { ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  ConfirmationModal,\n  SelectInput,\n  Translation,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type {\n  PluginMultiTenantTranslationKeys,\n  PluginMultiTenantTranslations,\n} from '../../translations/index.js'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\nimport './index.scss'\n\nconst confirmSwitchTenantSlug = 'confirmSwitchTenant'\n\nexport const TenantSelector = ({ label, viewType }: { label: string; viewType?: ViewTypes }) => {\n  const { options, preventRefreshOnChange, selectedTenantID, setTenant } = useTenantSelection()\n  const { openModal } = useModal()\n  const { i18n, t } = useTranslation<\n    PluginMultiTenantTranslations,\n    PluginMultiTenantTranslationKeys\n  >()\n  const [tenantSelection, setTenantSelection] = React.useState<\n    ReactSelectOption | ReactSelectOption[]\n  >()\n\n  const selectedValue = React.useMemo(() => {\n    if (selectedTenantID) {\n      return options.find((option) => option.value === selectedTenantID)\n    }\n    return undefined\n  }, [options, selectedTenantID])\n\n  const newSelectedValue = React.useMemo(() => {\n    if (tenantSelection && 'value' in tenantSelection) {\n      return options.find((option) => option.value === tenantSelection.value)\n    }\n    return undefined\n  }, [options, tenantSelection])\n\n  const switchTenant = React.useCallback(\n    (option: ReactSelectOption | ReactSelectOption[] | undefined) => {\n      if (option && 'value' in option) {\n        setTenant({ id: option.value as string, refresh: true })\n      } else {\n        setTenant({ id: undefined, refresh: true })\n      }\n    },\n    [setTenant],\n  )\n\n  const onChange = React.useCallback(\n    (option: ReactSelectOption | ReactSelectOption[]) => {\n      if (!preventRefreshOnChange) {\n        switchTenant(option)\n        return\n      } else {\n        setTenantSelection(option)\n        openModal(confirmSwitchTenantSlug)\n      }\n    },\n    [openModal, preventRefreshOnChange, switchTenant],\n  )\n\n  if (options.length <= 1) {\n    return null\n  }\n\n  return (\n    <div className=\"tenant-selector\">\n      <SelectInput\n        isClearable={viewType === 'list'}\n        label={getTranslation(label, i18n)}\n        name=\"setTenant\"\n        onChange={onChange}\n        options={options}\n        path=\"setTenant\"\n        value={selectedTenantID as string | undefined}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              0: ({ children }) => {\n                return <b>{children}</b>\n              },\n            }}\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-expect-error\n            i18nKey=\"plugin-multi-tenant:confirm-tenant-switch--body\"\n            t={t}\n            variables={{\n              fromTenant: selectedValue?.label,\n              toTenant: newSelectedValue?.label,\n            }}\n          />\n        }\n        heading={\n          <Translation\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-expect-error\n            i18nKey=\"plugin-multi-tenant:confirm-tenant-switch--heading\"\n            t={t}\n            variables={{\n              tenantLabel: getTranslation(label, i18n),\n            }}\n          />\n        }\n        modalSlug={confirmSwitchTenantSlug}\n        onConfirm={() => {\n          switchTenant(tenantSelection)\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","ConfirmationModal","SelectInput","Translation","useModal","useTranslation","React","useTenantSelection","confirmSwitchTenantSlug","TenantSelector","label","viewType","options","preventRefreshOnChange","selectedTenantID","setTenant","openModal","i18n","t","tenantSelection","setTenantSelection","useState","selectedValue","useMemo","find","option","value","undefined","newSelectedValue","switchTenant","useCallback","id","refresh","onChange","length","div","className","isClearable","name","path","body","elements","children","b","i18nKey","variables","fromTenant","toTenant","heading","tenantLabel","modalSlug","onConfirm"],"mappings":"AAAA;;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SACEC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,QAAQ,EACRC,cAAc,QACT,iBAAgB;AACvB,OAAOC,WAAW,QAAO;AAOzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAC5F,OAAO,eAAc;AAErB,MAAMC,0BAA0B;AAEhC,OAAO,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAA2C;IACzF,MAAM,EAAEC,OAAO,EAAEC,sBAAsB,EAAEC,gBAAgB,EAAEC,SAAS,EAAE,GAAGR;IACzE,MAAM,EAAES,SAAS,EAAE,GAAGZ;IACtB,MAAM,EAAEa,IAAI,EAAEC,CAAC,EAAE,GAAGb;IAIpB,MAAM,CAACc,iBAAiBC,mBAAmB,GAAGd,MAAMe,QAAQ;IAI5D,MAAMC,gBAAgBhB,MAAMiB,OAAO,CAAC;QAClC,IAAIT,kBAAkB;YACpB,OAAOF,QAAQY,IAAI,CAAC,CAACC,SAAWA,OAAOC,KAAK,KAAKZ;QACnD;QACA,OAAOa;IACT,GAAG;QAACf;QAASE;KAAiB;IAE9B,MAAMc,mBAAmBtB,MAAMiB,OAAO,CAAC;QACrC,IAAIJ,mBAAmB,WAAWA,iBAAiB;YACjD,OAAOP,QAAQY,IAAI,CAAC,CAACC,SAAWA,OAAOC,KAAK,KAAKP,gBAAgBO,KAAK;QACxE;QACA,OAAOC;IACT,GAAG;QAACf;QAASO;KAAgB;IAE7B,MAAMU,eAAevB,MAAMwB,WAAW,CACpC,CAACL;QACC,IAAIA,UAAU,WAAWA,QAAQ;YAC/BV,UAAU;gBAAEgB,IAAIN,OAAOC,KAAK;gBAAYM,SAAS;YAAK;QACxD,OAAO;YACLjB,UAAU;gBAAEgB,IAAIJ;gBAAWK,SAAS;YAAK;QAC3C;IACF,GACA;QAACjB;KAAU;IAGb,MAAMkB,WAAW3B,MAAMwB,WAAW,CAChC,CAACL;QACC,IAAI,CAACZ,wBAAwB;YAC3BgB,aAAaJ;YACb;QACF,OAAO;YACLL,mBAAmBK;YACnBT,UAAUR;QACZ;IACF,GACA;QAACQ;QAAWH;QAAwBgB;KAAa;IAGnD,IAAIjB,QAAQsB,MAAM,IAAI,GAAG;QACvB,OAAO;IACT;IAEA,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAAClC;gBACCmC,aAAa1B,aAAa;gBAC1BD,OAAOV,eAAeU,OAAOO;gBAC7BqB,MAAK;gBACLL,UAAUA;gBACVrB,SAASA;gBACT2B,MAAK;gBACLb,OAAOZ;;0BAGT,KAACb;gBACCuC,oBACE,KAACrC;oBACCsC,UAAU;wBACR,GAAG,CAAC,EAAEC,QAAQ,EAAE;4BACd,qBAAO,KAACC;0CAAGD;;wBACb;oBACF;oBACA,6DAA6D;oBAC7D,mBAAmB;oBACnBE,SAAQ;oBACR1B,GAAGA;oBACH2B,WAAW;wBACTC,YAAYxB,eAAeZ;wBAC3BqC,UAAUnB,kBAAkBlB;oBAC9B;;gBAGJsC,uBACE,KAAC7C;oBACC,6DAA6D;oBAC7D,mBAAmB;oBACnByC,SAAQ;oBACR1B,GAAGA;oBACH2B,WAAW;wBACTI,aAAajD,eAAeU,OAAOO;oBACrC;;gBAGJiC,WAAW1C;gBACX2C,WAAW;oBACTtB,aAAaV;gBACf;;;;AAIR,EAAC"}
+{"version":3,"sources":["../../../src/components/TenantSelector/index.tsx"],"sourcesContent":["'use client'\nimport type { ReactSelectOption } from '@payloadcms/ui'\nimport type { ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  ConfirmationModal,\n  SelectInput,\n  Translation,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport type {\n  PluginMultiTenantTranslationKeys,\n  PluginMultiTenantTranslations,\n} from '../../translations/index.js'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\nimport './index.scss'\n\nconst confirmSwitchTenantSlug = 'confirm-switch-tenant'\nconst confirmLeaveWithoutSavingSlug = 'confirm-leave-without-saving'\n\nexport const TenantSelector = ({ label, viewType }: { label: string; viewType?: ViewTypes }) => {\n  const { entityType, modified, options, selectedTenantID, setTenant } = useTenantSelection()\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation<\n    PluginMultiTenantTranslations,\n    PluginMultiTenantTranslationKeys\n  >()\n  const [tenantSelection, setTenantSelection] = React.useState<\n    ReactSelectOption | ReactSelectOption[]\n  >()\n\n  const selectedValue = React.useMemo(() => {\n    if (selectedTenantID) {\n      return options.find((option) => option.value === selectedTenantID)\n    }\n    return undefined\n  }, [options, selectedTenantID])\n\n  const newSelectedValue = React.useMemo(() => {\n    if (tenantSelection && 'value' in tenantSelection) {\n      return options.find((option) => option.value === tenantSelection.value)\n    }\n    return undefined\n  }, [options, tenantSelection])\n\n  const switchTenant = React.useCallback(\n    (option: ReactSelectOption | ReactSelectOption[] | undefined) => {\n      if (option && 'value' in option) {\n        setTenant({ id: option.value as string, refresh: true })\n      } else {\n        setTenant({ id: undefined, refresh: true })\n      }\n    },\n    [setTenant],\n  )\n\n  const onChange = React.useCallback(\n    (option: ReactSelectOption | ReactSelectOption[]) => {\n      if (option && 'value' in option && option.value === selectedTenantID) {\n        // If the selected option is the same as the current tenant, do nothing\n        return\n      }\n\n      if (entityType !== 'document') {\n        if (entityType === 'global' && modified) {\n          // If the entityType is 'global' and there are unsaved changes, prompt for confirmation\n          setTenantSelection(option)\n          openModal(confirmLeaveWithoutSavingSlug)\n        } else {\n          // If the entityType is not 'document', switch tenant without confirmation\n          switchTenant(option)\n        }\n      } else {\n        // non-unique documents should always prompt for confirmation\n        setTenantSelection(option)\n        openModal(confirmSwitchTenantSlug)\n      }\n    },\n    [selectedTenantID, entityType, modified, switchTenant, openModal],\n  )\n\n  if (options.length <= 1) {\n    return null\n  }\n\n  return (\n    <div className=\"tenant-selector\">\n      <SelectInput\n        isClearable={viewType === 'list'}\n        label={getTranslation(label, i18n)}\n        name=\"setTenant\"\n        onChange={onChange}\n        options={options}\n        path=\"setTenant\"\n        value={selectedTenantID as string | undefined}\n      />\n\n      <ConfirmationModal\n        body={\n          <Translation\n            elements={{\n              0: ({ children }) => {\n                return <b>{children}</b>\n              },\n            }}\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-expect-error\n            i18nKey=\"plugin-multi-tenant:confirm-tenant-switch--body\"\n            t={t}\n            variables={{\n              fromTenant: selectedValue?.label,\n              toTenant: newSelectedValue?.label,\n            }}\n          />\n        }\n        heading={t('plugin-multi-tenant:confirm-tenant-switch--heading', {\n          tenantLabel: getTranslation(label, i18n),\n        })}\n        modalSlug={confirmSwitchTenantSlug}\n        onConfirm={() => {\n          switchTenant(tenantSelection)\n        }}\n      />\n\n      <ConfirmationModal\n        body={t('general:changesNotSaved')}\n        cancelLabel={t('general:stayOnThisPage')}\n        confirmLabel={t('general:leaveAnyway')}\n        heading={t('general:leaveWithoutSaving')}\n        modalSlug={confirmLeaveWithoutSavingSlug}\n        onCancel={() => {\n          closeModal(confirmLeaveWithoutSavingSlug)\n        }}\n        onConfirm={() => {\n          switchTenant(tenantSelection)\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","ConfirmationModal","SelectInput","Translation","useModal","useTranslation","React","useTenantSelection","confirmSwitchTenantSlug","confirmLeaveWithoutSavingSlug","TenantSelector","label","viewType","entityType","modified","options","selectedTenantID","setTenant","closeModal","openModal","i18n","t","tenantSelection","setTenantSelection","useState","selectedValue","useMemo","find","option","value","undefined","newSelectedValue","switchTenant","useCallback","id","refresh","onChange","length","div","className","isClearable","name","path","body","elements","children","b","i18nKey","variables","fromTenant","toTenant","heading","tenantLabel","modalSlug","onConfirm","cancelLabel","confirmLabel","onCancel"],"mappings":"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"}

package/dist/components/WatchTenantCollection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/WatchTenantCollection/index.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,qBAAqB,YA0CjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/WatchTenantCollection/index.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,qBAAqB,YAmCjC,CAAA"}

package/dist/components/WatchTenantCollection/index.js

@@ -1,17 +1,18 @@
 'use client';
-import { useConfig, useDocumentInfo, useDocumentTitle, useEffectEvent, useFormFields } from '@payloadcms/ui';
+import { useConfig, useDocumentInfo, useDocumentTitle, useEffectEvent, useFormFields, useFormSubmitted, useOperation } from '@payloadcms/ui';
 import React from 'react';
 import { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js';
 export const WatchTenantCollection = ()=>{
     const { id, collectionSlug } = useDocumentInfo();
+    const operation = useOperation();
+    const submitted = useFormSubmitted();
     const { title } = useDocumentTitle();
-    const addedNewTenant = React.useRef(false);
     const { getEntityConfig } = useConfig();
     const [useAsTitleName] = React.useState(()=>getEntityConfig({
             collectionSlug
         }).admin.useAsTitle);
     const titleField = useFormFields(([fields])=>useAsTitleName ? fields[useAsTitleName] : {});
-    const { options, updateTenants } = useTenantSelection();
+    const { syncTenants, updateTenants } = useTenantSelection();
     const syncTenantTitle = useEffectEvent(()=>{
         if (id) {
             updateTenants({
@@ -20,33 +21,26 @@ export const WatchTenantCollection = ()=>{
             });
         }
     });
-    React.useEffect(()=>{
-        if (!id || !title || addedNewTenant.current) {
-            return;
-        }
-        // Track tenant creation and add it to the tenant selector
-        const exists = options.some((opt)=>opt.value === id);
-        if (!exists) {
-            addedNewTenant.current = true;
-            updateTenants({
-                id,
-                label: title
-            });
-        }
-    // eslint-disable-next-line react-compiler/react-compiler
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        id
-    ]);
     React.useEffect(()=>{
         // only update the tenant selector when the document saves
         // → aka when initial value changes
         if (id && titleField?.initialValue) {
-            syncTenantTitle();
+            void syncTenantTitle();
         }
     }, [
         id,
-        titleField?.initialValue
+        titleField?.initialValue,
+        syncTenants
+    ]);
+    React.useEffect(()=>{
+        if (operation === 'create' && submitted) {
+            void syncTenants();
+        }
+    }, [
+        operation,
+        submitted,
+        syncTenants,
+        id
     ]);
     return null;
 };

package/dist/components/WatchTenantCollection/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/WatchTenantCollection/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport {\n  useConfig,\n  useDocumentInfo,\n  useDocumentTitle,\n  useEffectEvent,\n  useFormFields,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\n\nexport const WatchTenantCollection = () => {\n  const { id, collectionSlug } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  const addedNewTenant = React.useRef(false)\n\n  const { getEntityConfig } = useConfig()\n  const [useAsTitleName] = React.useState(\n    () => (getEntityConfig({ collectionSlug }) as ClientCollectionConfig).admin.useAsTitle,\n  )\n  const titleField = useFormFields(([fields]) => (useAsTitleName ? fields[useAsTitleName] : {}))\n\n  const { options, updateTenants } = useTenantSelection()\n\n  const syncTenantTitle = useEffectEvent(() => {\n    if (id) {\n      updateTenants({ id, label: title })\n    }\n  })\n\n  React.useEffect(() => {\n    if (!id || !title || addedNewTenant.current) {\n      return\n    }\n    // Track tenant creation and add it to the tenant selector\n    const exists = options.some((opt) => opt.value === id)\n    if (!exists) {\n      addedNewTenant.current = true\n      updateTenants({ id, label: title })\n    }\n    // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [id])\n\n  React.useEffect(() => {\n    // only update the tenant selector when the document saves\n    // → aka when initial value changes\n    if (id && titleField?.initialValue) {\n      syncTenantTitle()\n    }\n  }, [id, titleField?.initialValue])\n\n  return null\n}\n"],"names":["useConfig","useDocumentInfo","useDocumentTitle","useEffectEvent","useFormFields","React","useTenantSelection","WatchTenantCollection","id","collectionSlug","title","addedNewTenant","useRef","getEntityConfig","useAsTitleName","useState","admin","useAsTitle","titleField","fields","options","updateTenants","syncTenantTitle","label","useEffect","current","exists","some","opt","value","initialValue"],"mappings":"AAAA;AAIA,SACEA,SAAS,EACTC,eAAe,EACfC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,QACR,iBAAgB;AACvB,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAE5F,OAAO,MAAMC,wBAAwB;IACnC,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAE,GAAGR;IAC/B,MAAM,EAAES,KAAK,EAAE,GAAGR;IAClB,MAAMS,iBAAiBN,MAAMO,MAAM,CAAC;IAEpC,MAAM,EAAEC,eAAe,EAAE,GAAGb;IAC5B,MAAM,CAACc,eAAe,GAAGT,MAAMU,QAAQ,CACrC,IAAM,AAACF,gBAAgB;YAAEJ;QAAe,GAA8BO,KAAK,CAACC,UAAU;IAExF,MAAMC,aAAad,cAAc,CAAC,CAACe,OAAO,GAAML,iBAAiBK,MAAM,CAACL,eAAe,GAAG,CAAC;IAE3F,MAAM,EAAEM,OAAO,EAAEC,aAAa,EAAE,GAAGf;IAEnC,MAAMgB,kBAAkBnB,eAAe;QACrC,IAAIK,IAAI;YACNa,cAAc;gBAAEb;gBAAIe,OAAOb;YAAM;QACnC;IACF;IAEAL,MAAMmB,SAAS,CAAC;QACd,IAAI,CAAChB,MAAM,CAACE,SAASC,eAAec,OAAO,EAAE;YAC3C;QACF;QACA,0DAA0D;QAC1D,MAAMC,SAASN,QAAQO,IAAI,CAAC,CAACC,MAAQA,IAAIC,KAAK,KAAKrB;QACnD,IAAI,CAACkB,QAAQ;YACXf,eAAec,OAAO,GAAG;YACzBJ,cAAc;gBAAEb;gBAAIe,OAAOb;YAAM;QACnC;IACA,yDAAyD;IACzD,uDAAuD;IACzD,GAAG;QAACF;KAAG;IAEPH,MAAMmB,SAAS,CAAC;QACd,0DAA0D;QAC1D,mCAAmC;QACnC,IAAIhB,MAAMU,YAAYY,cAAc;YAClCR;QACF;IACF,GAAG;QAACd;QAAIU,YAAYY;KAAa;IAEjC,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/components/WatchTenantCollection/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport {\n  useConfig,\n  useDocumentInfo,\n  useDocumentTitle,\n  useEffectEvent,\n  useFormFields,\n  useFormSubmitted,\n  useOperation,\n} from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useTenantSelection } from '../../providers/TenantSelectionProvider/index.client.js'\n\nexport const WatchTenantCollection = () => {\n  const { id, collectionSlug } = useDocumentInfo()\n  const operation = useOperation()\n  const submitted = useFormSubmitted()\n  const { title } = useDocumentTitle()\n\n  const { getEntityConfig } = useConfig()\n  const [useAsTitleName] = React.useState(\n    () => (getEntityConfig({ collectionSlug }) as ClientCollectionConfig).admin.useAsTitle,\n  )\n  const titleField = useFormFields(([fields]) => (useAsTitleName ? fields[useAsTitleName] : {}))\n\n  const { syncTenants, updateTenants } = useTenantSelection()\n\n  const syncTenantTitle = useEffectEvent(() => {\n    if (id) {\n      updateTenants({ id, label: title })\n    }\n  })\n\n  React.useEffect(() => {\n    // only update the tenant selector when the document saves\n    // → aka when initial value changes\n    if (id && titleField?.initialValue) {\n      void syncTenantTitle()\n    }\n  }, [id, titleField?.initialValue, syncTenants])\n\n  React.useEffect(() => {\n    if (operation === 'create' && submitted) {\n      void syncTenants()\n    }\n  }, [operation, submitted, syncTenants, id])\n\n  return null\n}\n"],"names":["useConfig","useDocumentInfo","useDocumentTitle","useEffectEvent","useFormFields","useFormSubmitted","useOperation","React","useTenantSelection","WatchTenantCollection","id","collectionSlug","operation","submitted","title","getEntityConfig","useAsTitleName","useState","admin","useAsTitle","titleField","fields","syncTenants","updateTenants","syncTenantTitle","label","useEffect","initialValue"],"mappings":"AAAA;AAIA,SACEA,SAAS,EACTC,eAAe,EACfC,gBAAgB,EAChBC,cAAc,EACdC,aAAa,EACbC,gBAAgB,EAChBC,YAAY,QACP,iBAAgB;AACvB,OAAOC,WAAW,QAAO;AAEzB,SAASC,kBAAkB,QAAQ,0DAAyD;AAE5F,OAAO,MAAMC,wBAAwB;IACnC,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAE,GAAGV;IAC/B,MAAMW,YAAYN;IAClB,MAAMO,YAAYR;IAClB,MAAM,EAAES,KAAK,EAAE,GAAGZ;IAElB,MAAM,EAAEa,eAAe,EAAE,GAAGf;IAC5B,MAAM,CAACgB,eAAe,GAAGT,MAAMU,QAAQ,CACrC,IAAM,AAACF,gBAAgB;YAAEJ;QAAe,GAA8BO,KAAK,CAACC,UAAU;IAExF,MAAMC,aAAahB,cAAc,CAAC,CAACiB,OAAO,GAAML,iBAAiBK,MAAM,CAACL,eAAe,GAAG,CAAC;IAE3F,MAAM,EAAEM,WAAW,EAAEC,aAAa,EAAE,GAAGf;IAEvC,MAAMgB,kBAAkBrB,eAAe;QACrC,IAAIO,IAAI;YACNa,cAAc;gBAAEb;gBAAIe,OAAOX;YAAM;QACnC;IACF;IAEAP,MAAMmB,SAAS,CAAC;QACd,0DAA0D;QAC1D,mCAAmC;QACnC,IAAIhB,MAAMU,YAAYO,cAAc;YAClC,KAAKH;QACP;IACF,GAAG;QAACd;QAAIU,YAAYO;QAAcL;KAAY;IAE9Cf,MAAMmB,SAAS,CAAC;QACd,IAAId,cAAc,YAAYC,WAAW;YACvC,KAAKS;QACP;IACF,GAAG;QAACV;QAAWC;QAAWS;QAAaZ;KAAG;IAE1C,OAAO;AACT,EAAC"}

package/dist/providers/TenantSelectionProvider/index.client.d.ts

@@ -1,21 +1,34 @@
 import type { OptionObject } from 'payload';
 import React from 'react';
 type ContextType = {
+    /**
+     * What is the context of the selector? It is either 'document' | 'global' | undefined.
+     *
+     * - 'document' means you are viewing a document in the context of a tenant
+     * - 'global' means you are viewing a "global" (globals are collection documents but prevent you from viewing the list view) document in the context of a tenant
+     * - undefined means you are not viewing a document at all
+     */
+    entityType?: 'document' | 'global';
+    /**
+     * Hoists the forms modified state
+     */
+    modified?: boolean;
     /**
      * Array of options to select from
      */
     options: OptionObject[];
-    preventRefreshOnChange: boolean;
     /**
      * The currently selected tenant ID
      */
     selectedTenantID: number | string | undefined;
     /**
-     * Prevents a refresh when the tenant is changed
-     *
-     * If not switching tenants while viewing a "global", set to true
+     * Sets the entityType when a document is loaded and sets it to undefined when the document unmounts.
+     */
+    setEntityType: React.Dispatch<React.SetStateAction<'document' | 'global' | undefined>>;
+    /**
+     * Sets the modified state
      */
-    setPreventRefreshOnChange: React.Dispatch<React.SetStateAction<boolean>>;
+    setModified: React.Dispatch<React.SetStateAction<boolean>>;
     /**
      * Sets the selected tenant ID
      *
@@ -26,6 +39,10 @@ type ContextType = {
         id: number | string | undefined;
         refresh?: boolean;
     }) => void;
+    /**
+     * Used to sync tenants displayed in the tenant selector when updates are made to the tenants collection.
+     */
+    syncTenants: () => Promise<void>;
     /**
      *
      */
@@ -34,11 +51,13 @@ type ContextType = {
         label: string;
     }) => void;
 };
-export declare const TenantSelectionProviderClient: ({ children, initialValue, tenantCookie, tenantOptions: tenantOptionsFromProps, }: {
+export declare const TenantSelectionProviderClient: ({ children, initialValue, tenantCookie, tenantOptions: tenantOptionsFromProps, tenantsCollectionSlug, useAsTitle, }: {
     children: React.ReactNode;
     initialValue?: number | string;
     tenantCookie?: string;
     tenantOptions: OptionObject[];
+    tenantsCollectionSlug: string;
+    useAsTitle: string;
 }) => React.JSX.Element;
 export declare const useTenantSelection: () => ContextType;
 export {};

package/dist/providers/TenantSelectionProvider/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/providers/TenantSelectionProvider/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3C,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,sBAAsB,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAC7C;;;;OAIG;IACH,yBAAyB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IACxE;;;;;OAKG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACjF;;OAEG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACtE,CAAA;AAWD,eAAO,MAAM,6BAA6B,qFAKvC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,YAAY,EAAE,CAAA;CAC9B,sBAiIA,CAAA;AAED,eAAO,MAAM,kBAAkB,mBAA2B,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/providers/TenantSelectionProvider/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3C,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,KAAK,WAAW,GAAG;IACjB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAA;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAC7C;;OAEG;IACH,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAA;IACtF;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC1D;;;;;OAKG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACjF;;OAEG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC;;OAEG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACtE,CAAA;AAaD,eAAO,MAAM,6BAA6B,wHAOvC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;CACnB,sBA8JA,CAAA;AAED,eAAO,MAAM,kBAAkB,mBAA2B,CAAA"}

package/dist/providers/TenantSelectionProvider/index.client.js

@@ -1,20 +1,24 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useAuth } from '@payloadcms/ui';
+import { toast, useAuth, useConfig } from '@payloadcms/ui';
 import { useRouter } from 'next/navigation.js';
 import React, { createContext } from 'react';
 const Context = /*#__PURE__*/ createContext({
+    entityType: undefined,
     options: [],
-    preventRefreshOnChange: false,
     selectedTenantID: undefined,
-    setPreventRefreshOnChange: ()=>null,
+    setEntityType: ()=>undefined,
+    setModified: ()=>undefined,
     setTenant: ()=>null,
+    syncTenants: ()=>Promise.resolve(),
     updateTenants: ()=>null
 });
-export const TenantSelectionProviderClient = ({ children, initialValue, tenantCookie, tenantOptions: tenantOptionsFromProps })=>{
+export const TenantSelectionProviderClient = ({ children, initialValue, tenantCookie, tenantOptions: tenantOptionsFromProps, tenantsCollectionSlug, useAsTitle })=>{
     const [selectedTenantID, setSelectedTenantID] = React.useState(initialValue);
-    const [preventRefreshOnChange, setPreventRefreshOnChange] = React.useState(false);
+    const [modified, setModified] = React.useState(false);
+    const [entityType, setEntityType] = React.useState(undefined);
     const { user } = useAuth();
+    const { config } = useConfig();
     const userID = React.useMemo(()=>user?.id, [
         user?.id
     ]);
@@ -35,96 +39,102 @@ export const TenantSelectionProviderClient = ({ children, initialValue, tenantCo
     const setTenant = React.useCallback(({ id, refresh })=>{
         if (id === undefined) {
             if (tenantOptions.length > 1) {
+                // users with multiple tenants can clear the tenant selection
                 setSelectedTenantID(undefined);
                 deleteCookie();
             } else {
+                // if there is only one tenant, force the selection of that tenant
                 setSelectedTenantID(tenantOptions[0]?.value);
                 setCookie(String(tenantOptions[0]?.value));
             }
+        } else if (!tenantOptions.find((option)=>option.value === id)) {
+            // if the tenant is not valid, set the first tenant as selected
+            if (tenantOptions?.[0]?.value) {
+                setTenant({
+                    id: tenantOptions[0].value,
+                    refresh: true
+                });
+            } else {
+                setTenant({
+                    id: undefined,
+                    refresh: true
+                });
+            }
         } else {
+            // if the tenant is in the options, set it as selected
             setSelectedTenantID(id);
             setCookie(String(id));
         }
-        if (!preventRefreshOnChange && refresh) {
+        if (entityType !== 'document' && refresh) {
             router.refresh();
         }
     }, [
         deleteCookie,
-        preventRefreshOnChange,
+        entityType,
         router,
         setCookie,
-        setSelectedTenantID,
         tenantOptions
     ]);
+    const syncTenants = React.useCallback(async ()=>{
+        try {
+            const req = await fetch(`${config.serverURL}${config.routes.api}/${tenantsCollectionSlug}?select[${useAsTitle}]=true&limit=0&depth=0`, {
+                credentials: 'include',
+                method: 'GET'
+            });
+            const result = await req.json();
+            if (result.docs) {
+                setTenantOptions(result.docs.map((doc)=>({
+                        label: doc[useAsTitle],
+                        value: doc.id
+                    })));
+            }
+        } catch (e) {
+            toast.error(`Error fetching tenants`);
+        }
+    }, [
+        config.serverURL,
+        config.routes.api,
+        tenantsCollectionSlug,
+        useAsTitle
+    ]);
     const updateTenants = React.useCallback(({ id, label })=>{
         setTenantOptions((prev)=>{
-            const stringID = String(id);
-            let exists = false;
-            const updated = prev.map((currentTenant)=>{
-                if (stringID === String(currentTenant.value)) {
-                    exists = true;
+            return prev.map((currentTenant)=>{
+                if (id === currentTenant.value) {
                     return {
                         label,
-                        value: stringID
+                        value: id
                     };
                 }
                 return currentTenant;
             });
-            if (!exists) {
-                updated.push({
-                    label,
-                    value: stringID
-                });
-            }
-            // Sort alphabetically by label (or value as fallback)
-            return updated.sort((a, b)=>{
-                const aKey = typeof a.label === 'string' ? a.label : String(a.value);
-                const bKey = typeof b.label === 'string' ? b.label : String(b.value);
-                return aKey.localeCompare(bKey);
-            });
         });
-    }, []);
+        void syncTenants();
+    }, [
+        syncTenants
+    ]);
     React.useEffect(()=>{
-        if (selectedTenantID && !tenantOptions.find((option)=>option.value === selectedTenantID)) {
-            if (tenantOptions?.[0]?.value) {
-                setTenant({
-                    id: tenantOptions[0].value,
-                    refresh: true
-                });
-            } else {
+        if (userID && !tenantCookie) {
+            if (tenantOptionsFromProps.length === 1) {
+                // Users with no cookie set and only 1 tenant should set that tenant automatically
                 setTenant({
-                    id: undefined,
+                    id: tenantOptionsFromProps[0]?.value,
                     refresh: true
                 });
+                setTenantOptions(tenantOptionsFromProps);
+            } else if ((!tenantOptions || tenantOptions.length === 0) && tenantOptionsFromProps) {
+                // If there are no tenant options, set them from the props
+                setTenantOptions(tenantOptionsFromProps);
             }
         }
     }, [
-        tenantCookie,
-        setTenant,
-        selectedTenantID,
-        tenantOptions,
         initialValue,
-        setCookie
-    ]);
-    React.useEffect(()=>{
-        if (userID && !tenantCookie) {
-            // User is logged in, but does not have a tenant cookie, set it
-            setSelectedTenantID(initialValue);
-            setTenantOptions(tenantOptionsFromProps);
-            if (initialValue) {
-                setCookie(String(initialValue));
-            } else {
-                deleteCookie();
-            }
-        }
-    }, [
-        userID,
+        selectedTenantID,
         tenantCookie,
-        initialValue,
-        setCookie,
-        deleteCookie,
-        router,
-        tenantOptionsFromProps
+        userID,
+        setTenant,
+        tenantOptionsFromProps,
+        tenantOptions
     ]);
     React.useEffect(()=>{
         if (!userID && tenantCookie) {
@@ -146,11 +156,14 @@ export const TenantSelectionProviderClient = ({ children, initialValue, tenantCo
         "data-selected-tenant-title": selectedTenantLabel,
         children: /*#__PURE__*/ _jsx(Context, {
             value: {
+                entityType,
+                modified,
                 options: tenantOptions,
-                preventRefreshOnChange,
                 selectedTenantID,
-                setPreventRefreshOnChange,
+                setEntityType,
+                setModified,
                 setTenant,
+                syncTenants,
                 updateTenants
             },
             children: children

package/dist/providers/TenantSelectionProvider/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/TenantSelectionProvider/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\n\nimport { useAuth } from '@payloadcms/ui'\nimport { useRouter } from 'next/navigation.js'\nimport React, { createContext } from 'react'\n\ntype ContextType = {\n  /**\n   * Array of options to select from\n   */\n  options: OptionObject[]\n  preventRefreshOnChange: boolean\n  /**\n   * The currently selected tenant ID\n   */\n  selectedTenantID: number | string | undefined\n  /**\n   * Prevents a refresh when the tenant is changed\n   *\n   * If not switching tenants while viewing a \"global\", set to true\n   */\n  setPreventRefreshOnChange: React.Dispatch<React.SetStateAction<boolean>>\n  /**\n   * Sets the selected tenant ID\n   *\n   * @param args.id - The ID of the tenant to select\n   * @param args.refresh - Whether to refresh the page after changing the tenant\n   */\n  setTenant: (args: { id: number | string | undefined; refresh?: boolean }) => void\n  /**\n   *\n   */\n  updateTenants: (args: { id: number | string; label: string }) => void\n}\n\nconst Context = createContext<ContextType>({\n  options: [],\n  preventRefreshOnChange: false,\n  selectedTenantID: undefined,\n  setPreventRefreshOnChange: () => null,\n  setTenant: () => null,\n  updateTenants: () => null,\n})\n\nexport const TenantSelectionProviderClient = ({\n  children,\n  initialValue,\n  tenantCookie,\n  tenantOptions: tenantOptionsFromProps,\n}: {\n  children: React.ReactNode\n  initialValue?: number | string\n  tenantCookie?: string\n  tenantOptions: OptionObject[]\n}) => {\n  const [selectedTenantID, setSelectedTenantID] = React.useState<number | string | undefined>(\n    initialValue,\n  )\n  const [preventRefreshOnChange, setPreventRefreshOnChange] = React.useState(false)\n  const { user } = useAuth()\n  const userID = React.useMemo(() => user?.id, [user?.id])\n  const [tenantOptions, setTenantOptions] = React.useState<OptionObject[]>(\n    () => tenantOptionsFromProps,\n  )\n  const selectedTenantLabel = React.useMemo(\n    () => tenantOptions.find((option) => option.value === selectedTenantID)?.label,\n    [selectedTenantID, tenantOptions],\n  )\n\n  const router = useRouter()\n\n  const setCookie = React.useCallback((value?: string) => {\n    const expires = '; expires=Fri, 31 Dec 9999 23:59:59 GMT'\n    document.cookie = 'payload-tenant=' + (value || '') + expires + '; path=/'\n  }, [])\n\n  const deleteCookie = React.useCallback(() => {\n    // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n    document.cookie = 'payload-tenant=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/'\n  }, [])\n\n  const setTenant = React.useCallback<ContextType['setTenant']>(\n    ({ id, refresh }) => {\n      if (id === undefined) {\n        if (tenantOptions.length > 1) {\n          setSelectedTenantID(undefined)\n          deleteCookie()\n        } else {\n          setSelectedTenantID(tenantOptions[0]?.value)\n          setCookie(String(tenantOptions[0]?.value))\n        }\n      } else {\n        setSelectedTenantID(id)\n        setCookie(String(id))\n      }\n      if (!preventRefreshOnChange && refresh) {\n        router.refresh()\n      }\n    },\n    [deleteCookie, preventRefreshOnChange, router, setCookie, setSelectedTenantID, tenantOptions],\n  )\n\n  const updateTenants = React.useCallback<ContextType['updateTenants']>(({ id, label }) => {\n    setTenantOptions((prev) => {\n      const stringID = String(id)\n      let exists = false\n      const updated = prev.map((currentTenant) => {\n        if (stringID === String(currentTenant.value)) {\n          exists = true\n          return {\n            label,\n            value: stringID,\n          }\n        }\n        return currentTenant\n      })\n\n      if (!exists) {\n        updated.push({ label, value: stringID })\n      }\n\n      // Sort alphabetically by label (or value as fallback)\n      return updated.sort((a, b) => {\n        const aKey = typeof a.label === 'string' ? a.label : String(a.value)\n        const bKey = typeof b.label === 'string' ? b.label : String(b.value)\n        return aKey.localeCompare(bKey)\n      })\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (selectedTenantID && !tenantOptions.find((option) => option.value === selectedTenantID)) {\n      if (tenantOptions?.[0]?.value) {\n        setTenant({ id: tenantOptions[0].value, refresh: true })\n      } else {\n        setTenant({ id: undefined, refresh: true })\n      }\n    }\n  }, [tenantCookie, setTenant, selectedTenantID, tenantOptions, initialValue, setCookie])\n\n  React.useEffect(() => {\n    if (userID && !tenantCookie) {\n      // User is logged in, but does not have a tenant cookie, set it\n      setSelectedTenantID(initialValue)\n      setTenantOptions(tenantOptionsFromProps)\n      if (initialValue) {\n        setCookie(String(initialValue))\n      } else {\n        deleteCookie()\n      }\n    }\n  }, [userID, tenantCookie, initialValue, setCookie, deleteCookie, router, tenantOptionsFromProps])\n\n  React.useEffect(() => {\n    if (!userID && tenantCookie) {\n      // User is not logged in, but has a tenant cookie, delete it\n      deleteCookie()\n      setSelectedTenantID(undefined)\n    } else if (userID) {\n      // User changed, refresh\n      router.refresh()\n    }\n  }, [userID, tenantCookie, deleteCookie, router])\n\n  return (\n    <span\n      data-selected-tenant-id={selectedTenantID}\n      data-selected-tenant-title={selectedTenantLabel}\n    >\n      <Context\n        value={{\n          options: tenantOptions,\n          preventRefreshOnChange,\n          selectedTenantID,\n          setPreventRefreshOnChange,\n          setTenant,\n          updateTenants,\n        }}\n      >\n        {children}\n      </Context>\n    </span>\n  )\n}\n\nexport const useTenantSelection = () => React.use(Context)\n"],"names":["useAuth","useRouter","React","createContext","Context","options","preventRefreshOnChange","selectedTenantID","undefined","setPreventRefreshOnChange","setTenant","updateTenants","TenantSelectionProviderClient","children","initialValue","tenantCookie","tenantOptions","tenantOptionsFromProps","setSelectedTenantID","useState","user","userID","useMemo","id","setTenantOptions","selectedTenantLabel","find","option","value","label","router","setCookie","useCallback","expires","document","cookie","deleteCookie","refresh","length","String","prev","stringID","exists","updated","map","currentTenant","push","sort","a","b","aKey","bKey","localeCompare","useEffect","span","data-selected-tenant-id","data-selected-tenant-title","useTenantSelection","use"],"mappings":"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"}
+{"version":3,"sources":["../../../src/providers/TenantSelectionProvider/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { OptionObject } from 'payload'\n\nimport { toast, useAuth, useConfig } from '@payloadcms/ui'\nimport { useRouter } from 'next/navigation.js'\nimport React, { createContext } from 'react'\n\ntype ContextType = {\n  /**\n   * What is the context of the selector? It is either 'document' | 'global' | undefined.\n   *\n   * - 'document' means you are viewing a document in the context of a tenant\n   * - 'global' means you are viewing a \"global\" (globals are collection documents but prevent you from viewing the list view) document in the context of a tenant\n   * - undefined means you are not viewing a document at all\n   */\n  entityType?: 'document' | 'global'\n  /**\n   * Hoists the forms modified state\n   */\n  modified?: boolean\n  /**\n   * Array of options to select from\n   */\n  options: OptionObject[]\n  /**\n   * The currently selected tenant ID\n   */\n  selectedTenantID: number | string | undefined\n  /**\n   * Sets the entityType when a document is loaded and sets it to undefined when the document unmounts.\n   */\n  setEntityType: React.Dispatch<React.SetStateAction<'document' | 'global' | undefined>>\n  /**\n   * Sets the modified state\n   */\n  setModified: React.Dispatch<React.SetStateAction<boolean>>\n  /**\n   * Sets the selected tenant ID\n   *\n   * @param args.id - The ID of the tenant to select\n   * @param args.refresh - Whether to refresh the page after changing the tenant\n   */\n  setTenant: (args: { id: number | string | undefined; refresh?: boolean }) => void\n  /**\n   * Used to sync tenants displayed in the tenant selector when updates are made to the tenants collection.\n   */\n  syncTenants: () => Promise<void>\n  /**\n   *\n   */\n  updateTenants: (args: { id: number | string; label: string }) => void\n}\n\nconst Context = createContext<ContextType>({\n  entityType: undefined,\n  options: [],\n  selectedTenantID: undefined,\n  setEntityType: () => undefined,\n  setModified: () => undefined,\n  setTenant: () => null,\n  syncTenants: () => Promise.resolve(),\n  updateTenants: () => null,\n})\n\nexport const TenantSelectionProviderClient = ({\n  children,\n  initialValue,\n  tenantCookie,\n  tenantOptions: tenantOptionsFromProps,\n  tenantsCollectionSlug,\n  useAsTitle,\n}: {\n  children: React.ReactNode\n  initialValue?: number | string\n  tenantCookie?: string\n  tenantOptions: OptionObject[]\n  tenantsCollectionSlug: string\n  useAsTitle: string\n}) => {\n  const [selectedTenantID, setSelectedTenantID] = React.useState<number | string | undefined>(\n    initialValue,\n  )\n  const [modified, setModified] = React.useState<boolean>(false)\n  const [entityType, setEntityType] = React.useState<'document' | 'global' | undefined>(undefined)\n  const { user } = useAuth()\n  const { config } = useConfig()\n  const userID = React.useMemo(() => user?.id, [user?.id])\n  const [tenantOptions, setTenantOptions] = React.useState<OptionObject[]>(\n    () => tenantOptionsFromProps,\n  )\n  const selectedTenantLabel = React.useMemo(\n    () => tenantOptions.find((option) => option.value === selectedTenantID)?.label,\n    [selectedTenantID, tenantOptions],\n  )\n\n  const router = useRouter()\n\n  const setCookie = React.useCallback((value?: string) => {\n    const expires = '; expires=Fri, 31 Dec 9999 23:59:59 GMT'\n    document.cookie = 'payload-tenant=' + (value || '') + expires + '; path=/'\n  }, [])\n\n  const deleteCookie = React.useCallback(() => {\n    // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix\n    document.cookie = 'payload-tenant=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/'\n  }, [])\n\n  const setTenant = React.useCallback<ContextType['setTenant']>(\n    ({ id, refresh }) => {\n      if (id === undefined) {\n        if (tenantOptions.length > 1) {\n          // users with multiple tenants can clear the tenant selection\n          setSelectedTenantID(undefined)\n          deleteCookie()\n        } else {\n          // if there is only one tenant, force the selection of that tenant\n          setSelectedTenantID(tenantOptions[0]?.value)\n          setCookie(String(tenantOptions[0]?.value))\n        }\n      } else if (!tenantOptions.find((option) => option.value === id)) {\n        // if the tenant is not valid, set the first tenant as selected\n        if (tenantOptions?.[0]?.value) {\n          setTenant({ id: tenantOptions[0].value, refresh: true })\n        } else {\n          setTenant({ id: undefined, refresh: true })\n        }\n      } else {\n        // if the tenant is in the options, set it as selected\n        setSelectedTenantID(id)\n        setCookie(String(id))\n      }\n      if (entityType !== 'document' && refresh) {\n        router.refresh()\n      }\n    },\n    [deleteCookie, entityType, router, setCookie, tenantOptions],\n  )\n\n  const syncTenants = React.useCallback(async () => {\n    try {\n      const req = await fetch(\n        `${config.serverURL}${config.routes.api}/${tenantsCollectionSlug}?select[${useAsTitle}]=true&limit=0&depth=0`,\n        {\n          credentials: 'include',\n          method: 'GET',\n        },\n      )\n\n      const result = await req.json()\n\n      if (result.docs) {\n        setTenantOptions(\n          result.docs.map((doc: Record<string, number | string>) => ({\n            label: doc[useAsTitle],\n            value: doc.id,\n          })),\n        )\n      }\n    } catch (e) {\n      toast.error(`Error fetching tenants`)\n    }\n  }, [config.serverURL, config.routes.api, tenantsCollectionSlug, useAsTitle])\n\n  const updateTenants = React.useCallback<ContextType['updateTenants']>(\n    ({ id, label }) => {\n      setTenantOptions((prev) => {\n        return prev.map((currentTenant) => {\n          if (id === currentTenant.value) {\n            return {\n              label,\n              value: id,\n            }\n          }\n          return currentTenant\n        })\n      })\n\n      void syncTenants()\n    },\n    [syncTenants],\n  )\n\n  React.useEffect(() => {\n    if (userID && !tenantCookie) {\n      if (tenantOptionsFromProps.length === 1) {\n        // Users with no cookie set and only 1 tenant should set that tenant automatically\n        setTenant({ id: tenantOptionsFromProps[0]?.value, refresh: true })\n        setTenantOptions(tenantOptionsFromProps)\n      } else if ((!tenantOptions || tenantOptions.length === 0) && tenantOptionsFromProps) {\n        // If there are no tenant options, set them from the props\n        setTenantOptions(tenantOptionsFromProps)\n      }\n    }\n  }, [\n    initialValue,\n    selectedTenantID,\n    tenantCookie,\n    userID,\n    setTenant,\n    tenantOptionsFromProps,\n    tenantOptions,\n  ])\n\n  React.useEffect(() => {\n    if (!userID && tenantCookie) {\n      // User is not logged in, but has a tenant cookie, delete it\n      deleteCookie()\n      setSelectedTenantID(undefined)\n    } else if (userID) {\n      // User changed, refresh\n      router.refresh()\n    }\n  }, [userID, tenantCookie, deleteCookie, router])\n\n  return (\n    <span\n      data-selected-tenant-id={selectedTenantID}\n      data-selected-tenant-title={selectedTenantLabel}\n    >\n      <Context\n        value={{\n          entityType,\n          modified,\n          options: tenantOptions,\n          selectedTenantID,\n          setEntityType,\n          setModified,\n          setTenant,\n          syncTenants,\n          updateTenants,\n        }}\n      >\n        {children}\n      </Context>\n    </span>\n  )\n}\n\nexport const useTenantSelection = () => React.use(Context)\n"],"names":["toast","useAuth","useConfig","useRouter","React","createContext","Context","entityType","undefined","options","selectedTenantID","setEntityType","setModified","setTenant","syncTenants","Promise","resolve","updateTenants","TenantSelectionProviderClient","children","initialValue","tenantCookie","tenantOptions","tenantOptionsFromProps","tenantsCollectionSlug","useAsTitle","setSelectedTenantID","useState","modified","user","config","userID","useMemo","id","setTenantOptions","selectedTenantLabel","find","option","value","label","router","setCookie","useCallback","expires","document","cookie","deleteCookie","refresh","length","String","req","fetch","serverURL","routes","api","credentials","method","result","json","docs","map","doc","e","error","prev","currentTenant","useEffect","span","data-selected-tenant-id","data-selected-tenant-title","useTenantSelection","use"],"mappings":"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"}

package/dist/providers/TenantSelectionProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/TenantSelectionProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAO1D,KAAK,IAAI,GAAG;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAMjC,IAAI,yCAkDN,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/TenantSelectionProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAO1D,KAAK,IAAI,GAAG;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAMjC,IAAI,yCAoDN,CAAA"}

package/dist/providers/TenantSelectionProvider/index.js

@@ -40,6 +40,8 @@ export const TenantSelectionProvider = async ({ children, payload, tenantsCollec
         initialValue: initialValue,
         tenantCookie: tenantCookie,
         tenantOptions: tenantOptions,
+        tenantsCollectionSlug: tenantsCollectionSlug,
+        useAsTitle: useAsTitle,
         children: children
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/TenantSelectionProvider/index.tsx"],"sourcesContent":["import type { OptionObject, Payload, User } from 'payload'\n\nimport { cookies as getCookies } from 'next/headers.js'\n\nimport { findTenantOptions } from '../../queries/findTenantOptions.js'\nimport { TenantSelectionProviderClient } from './index.client.js'\n\ntype Args = {\n  children: React.ReactNode\n  payload: Payload\n  tenantsCollectionSlug: string\n  useAsTitle: string\n  user: User\n}\n\nexport const TenantSelectionProvider = async ({\n  children,\n  payload,\n  tenantsCollectionSlug,\n  useAsTitle,\n  user,\n}: Args) => {\n  let tenantOptions: OptionObject[] = []\n\n  try {\n    const { docs } = await findTenantOptions({\n      limit: 0,\n      payload,\n      tenantsCollectionSlug,\n      useAsTitle,\n      user,\n    })\n    tenantOptions = docs.map((doc) => ({\n      label: String(doc[useAsTitle]),\n      value: doc.id,\n    }))\n  } catch (_) {\n    // user likely does not have access\n  }\n\n  const cookies = await getCookies()\n  let tenantCookie = cookies.get('payload-tenant')?.value\n  let initialValue = undefined\n\n  /**\n   * Ensure the cookie is a valid tenant\n   */\n  if (tenantCookie) {\n    const matchingOption = tenantOptions.find((option) => String(option.value) === tenantCookie)\n    if (matchingOption) {\n      initialValue = matchingOption.value\n    }\n  }\n\n  /**\n   * If the there was no cookie or the cookie was an invalid tenantID set intialValue\n   */\n  if (!initialValue) {\n    tenantCookie = undefined\n    initialValue = tenantOptions.length > 1 ? undefined : tenantOptions[0]?.value\n  }\n\n  return (\n    <TenantSelectionProviderClient\n      initialValue={initialValue}\n      tenantCookie={tenantCookie}\n      tenantOptions={tenantOptions}\n    >\n      {children}\n    </TenantSelectionProviderClient>\n  )\n}\n"],"names":["cookies","getCookies","findTenantOptions","TenantSelectionProviderClient","TenantSelectionProvider","children","payload","tenantsCollectionSlug","useAsTitle","user","tenantOptions","docs","limit","map","doc","label","String","value","id","_","tenantCookie","get","initialValue","undefined","matchingOption","find","option","length"],"mappings":";AAEA,SAASA,WAAWC,UAAU,QAAQ,kBAAiB;AAEvD,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,6BAA6B,QAAQ,oBAAmB;AAUjE,OAAO,MAAMC,0BAA0B,OAAO,EAC5CC,QAAQ,EACRC,OAAO,EACPC,qBAAqB,EACrBC,UAAU,EACVC,IAAI,EACC;IACL,IAAIC,gBAAgC,EAAE;IAEtC,IAAI;QACF,MAAM,EAAEC,IAAI,EAAE,GAAG,MAAMT,kBAAkB;YACvCU,OAAO;YACPN;YACAC;YACAC;YACAC;QACF;QACAC,gBAAgBC,KAAKE,GAAG,CAAC,CAACC,MAAS,CAAA;gBACjCC,OAAOC,OAAOF,GAAG,CAACN,WAAW;gBAC7BS,OAAOH,IAAII,EAAE;YACf,CAAA;IACF,EAAE,OAAOC,GAAG;IACV,mCAAmC;IACrC;IAEA,MAAMnB,UAAU,MAAMC;IACtB,IAAImB,eAAepB,QAAQqB,GAAG,CAAC,mBAAmBJ;IAClD,IAAIK,eAAeC;IAEnB;;GAEC,GACD,IAAIH,cAAc;QAChB,MAAMI,iBAAiBd,cAAce,IAAI,CAAC,CAACC,SAAWV,OAAOU,OAAOT,KAAK,MAAMG;QAC/E,IAAII,gBAAgB;YAClBF,eAAeE,eAAeP,KAAK;QACrC;IACF;IAEA;;GAEC,GACD,IAAI,CAACK,cAAc;QACjBF,eAAeG;QACfD,eAAeZ,cAAciB,MAAM,GAAG,IAAIJ,YAAYb,aAAa,CAAC,EAAE,EAAEO;IAC1E;IAEA,qBACE,KAACd;QACCmB,cAAcA;QACdF,cAAcA;QACdV,eAAeA;kBAEdL;;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/providers/TenantSelectionProvider/index.tsx"],"sourcesContent":["import type { OptionObject, Payload, User } from 'payload'\n\nimport { cookies as getCookies } from 'next/headers.js'\n\nimport { findTenantOptions } from '../../queries/findTenantOptions.js'\nimport { TenantSelectionProviderClient } from './index.client.js'\n\ntype Args = {\n  children: React.ReactNode\n  payload: Payload\n  tenantsCollectionSlug: string\n  useAsTitle: string\n  user: User\n}\n\nexport const TenantSelectionProvider = async ({\n  children,\n  payload,\n  tenantsCollectionSlug,\n  useAsTitle,\n  user,\n}: Args) => {\n  let tenantOptions: OptionObject[] = []\n\n  try {\n    const { docs } = await findTenantOptions({\n      limit: 0,\n      payload,\n      tenantsCollectionSlug,\n      useAsTitle,\n      user,\n    })\n    tenantOptions = docs.map((doc) => ({\n      label: String(doc[useAsTitle]),\n      value: doc.id,\n    }))\n  } catch (_) {\n    // user likely does not have access\n  }\n\n  const cookies = await getCookies()\n  let tenantCookie = cookies.get('payload-tenant')?.value\n  let initialValue = undefined\n\n  /**\n   * Ensure the cookie is a valid tenant\n   */\n  if (tenantCookie) {\n    const matchingOption = tenantOptions.find((option) => String(option.value) === tenantCookie)\n    if (matchingOption) {\n      initialValue = matchingOption.value\n    }\n  }\n\n  /**\n   * If the there was no cookie or the cookie was an invalid tenantID set intialValue\n   */\n  if (!initialValue) {\n    tenantCookie = undefined\n    initialValue = tenantOptions.length > 1 ? undefined : tenantOptions[0]?.value\n  }\n\n  return (\n    <TenantSelectionProviderClient\n      initialValue={initialValue}\n      tenantCookie={tenantCookie}\n      tenantOptions={tenantOptions}\n      tenantsCollectionSlug={tenantsCollectionSlug}\n      useAsTitle={useAsTitle}\n    >\n      {children}\n    </TenantSelectionProviderClient>\n  )\n}\n"],"names":["cookies","getCookies","findTenantOptions","TenantSelectionProviderClient","TenantSelectionProvider","children","payload","tenantsCollectionSlug","useAsTitle","user","tenantOptions","docs","limit","map","doc","label","String","value","id","_","tenantCookie","get","initialValue","undefined","matchingOption","find","option","length"],"mappings":";AAEA,SAASA,WAAWC,UAAU,QAAQ,kBAAiB;AAEvD,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,6BAA6B,QAAQ,oBAAmB;AAUjE,OAAO,MAAMC,0BAA0B,OAAO,EAC5CC,QAAQ,EACRC,OAAO,EACPC,qBAAqB,EACrBC,UAAU,EACVC,IAAI,EACC;IACL,IAAIC,gBAAgC,EAAE;IAEtC,IAAI;QACF,MAAM,EAAEC,IAAI,EAAE,GAAG,MAAMT,kBAAkB;YACvCU,OAAO;YACPN;YACAC;YACAC;YACAC;QACF;QACAC,gBAAgBC,KAAKE,GAAG,CAAC,CAACC,MAAS,CAAA;gBACjCC,OAAOC,OAAOF,GAAG,CAACN,WAAW;gBAC7BS,OAAOH,IAAII,EAAE;YACf,CAAA;IACF,EAAE,OAAOC,GAAG;IACV,mCAAmC;IACrC;IAEA,MAAMnB,UAAU,MAAMC;IACtB,IAAImB,eAAepB,QAAQqB,GAAG,CAAC,mBAAmBJ;IAClD,IAAIK,eAAeC;IAEnB;;GAEC,GACD,IAAIH,cAAc;QAChB,MAAMI,iBAAiBd,cAAce,IAAI,CAAC,CAACC,SAAWV,OAAOU,OAAOT,KAAK,MAAMG;QAC/E,IAAII,gBAAgB;YAClBF,eAAeE,eAAeP,KAAK;QACrC;IACF;IAEA;;GAEC,GACD,IAAI,CAACK,cAAc;QACjBF,eAAeG;QACfD,eAAeZ,cAAciB,MAAM,GAAG,IAAIJ,YAAYb,aAAa,CAAC,EAAE,EAAEO;IAC1E;IAEA,qBACE,KAACd;QACCmB,cAAcA;QACdF,cAAcA;QACdV,eAAeA;QACfH,uBAAuBA;QACvBC,YAAYA;kBAEXH;;AAGP,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-multi-tenant",
-  "version": "3.44.0",
+  "version": "3.45.0-canary.0",
   "description": "Multi Tenant plugin for Payload",
   "keywords": [
     "payload",
@@ -80,15 +80,15 @@
     "types.d.ts"
   ],
   "devDependencies": {
-    "@payloadcms/translations": "3.44.0",
-    "@payloadcms/ui": "3.44.0",
     "@payloadcms/eslint-config": "3.28.0",
-    "payload": "3.44.0"
+    "@payloadcms/translations": "3.45.0-canary.0",
+    "@payloadcms/ui": "3.45.0-canary.0",
+    "payload": "3.45.0-canary.0"
   },
   "peerDependencies": {
     "next": "^15.2.3",
-    "@payloadcms/ui": "3.44.0",
-    "payload": "3.44.0"
+    "@payloadcms/ui": "3.45.0-canary.0",
+    "payload": "3.45.0-canary.0"
   },
   "homepage:": "https://payloadcms.com",
   "scripts": {