@payloadcms/plugin-search 3.24.0-canary.a62d86f → 3.24.0-canary.d22403c

package/dist/Search/ui/ReindexButton/ReindexConfirmModal/index.d.ts

@@ -0,0 +1,11 @@
+import './index.scss';
+type Props = {
+    description: string;
+    onCancel: () => void;
+    onConfirm: () => void;
+    slug: string;
+    title: string;
+};
+export declare const ReindexConfirmModal: ({ slug, description, onCancel, onConfirm, title }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/Search/ui/ReindexButton/ReindexConfirmModal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Search/ui/ReindexButton/ReindexConfirmModal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAID,eAAO,MAAM,mBAAmB,sDAAuD,KAAK,gCAsB3F,CAAA"}

package/dist/Search/ui/ReindexButton/ReindexConfirmModal/index.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Modal, useTranslation } from '@payloadcms/ui';
+import './index.scss';
+const baseClass = 'reindex-confirm-modal';
+export const ReindexConfirmModal = ({ slug, description, onCancel, onConfirm, title })=>{
+    const { i18n: { t } } = useTranslation();
+    return /*#__PURE__*/ _jsx(Modal, {
+        className: baseClass,
+        slug: slug,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: `${baseClass}__wrapper`,
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__content`,
+                    children: [
+                        /*#__PURE__*/ _jsx("h1", {
+                            children: title
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            children: description
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: `${baseClass}__controls`,
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            buttonStyle: "secondary",
+                            onClick: onCancel,
+                            size: "large",
+                            children: t('general:cancel')
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            onClick: onConfirm,
+                            size: "large",
+                            children: t('general:confirm')
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=index.js.map

package/dist/Search/ui/ReindexButton/ReindexConfirmModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Search/ui/ReindexButton/ReindexConfirmModal/index.tsx"],"sourcesContent":["import { Button, Modal, useTranslation } from '@payloadcms/ui'\n\nimport './index.scss'\n\ntype Props = {\n  description: string\n  onCancel: () => void\n  onConfirm: () => void\n  slug: string\n  title: string\n}\n\nconst baseClass = 'reindex-confirm-modal'\n\nexport const ReindexConfirmModal = ({ slug, description, onCancel, onConfirm, title }: Props) => {\n  const {\n    i18n: { t },\n  } = useTranslation()\n  return (\n    <Modal className={baseClass} slug={slug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{title}</h1>\n          <p>{description}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button buttonStyle=\"secondary\" onClick={onCancel} size=\"large\">\n            {t('general:cancel')}\n          </Button>\n          <Button onClick={onConfirm} size=\"large\">\n            {t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"names":["Button","Modal","useTranslation","baseClass","ReindexConfirmModal","slug","description","onCancel","onConfirm","title","i18n","t","className","div","h1","p","buttonStyle","onClick","size"],"mappings":";AAAA,SAASA,MAAM,EAAEC,KAAK,EAAEC,cAAc,QAAQ,iBAAgB;AAE9D,OAAO,eAAc;AAUrB,MAAMC,YAAY;AAElB,OAAO,MAAMC,sBAAsB,CAAC,EAAEC,IAAI,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,KAAK,EAAS;IAC1F,MAAM,EACJC,MAAM,EAAEC,CAAC,EAAE,EACZ,GAAGT;IACJ,qBACE,KAACD;QAAMW,WAAWT;QAAWE,MAAMA;kBACjC,cAAA,MAACQ;YAAID,WAAW,GAAGT,UAAU,SAAS,CAAC;;8BACrC,MAACU;oBAAID,WAAW,GAAGT,UAAU,SAAS,CAAC;;sCACrC,KAACW;sCAAIL;;sCACL,KAACM;sCAAGT;;;;8BAEN,MAACO;oBAAID,WAAW,GAAGT,UAAU,UAAU,CAAC;;sCACtC,KAACH;4BAAOgB,aAAY;4BAAYC,SAASV;4BAAUW,MAAK;sCACrDP,EAAE;;sCAEL,KAACX;4BAAOiB,SAAST;4BAAWU,MAAK;sCAC9BP,EAAE;;;;;;;AAMf,EAAC"}

package/dist/Search/ui/ReindexButton/ReindexConfirmModal/index.scss

@@ -0,0 +1,39 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .reindex-confirm-modal {
+    @include blur-bg;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(2);
+      padding: base(2);
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(1);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: base(0.4);
+
+      .btn {
+        margin: 0;
+      }
+    }
+  }
+}

package/dist/Search/ui/ReindexButton/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/Search/ui/ReindexButton/index.client.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAMpD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4I5D,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/Search/ui/ReindexButton/index.client.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAOpD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0I5D,CAAA"}

package/dist/Search/ui/ReindexButton/index.client.js

@@ -1,9 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ConfirmationModal, Popup, PopupList, toast, useConfig, useLocale, useModal, useTranslation } from '@payloadcms/ui';
+import { LoadingOverlay, Popup, PopupList, toast, useConfig, useLocale, useModal, useTranslation } from '@payloadcms/ui';
 import { useRouter } from 'next/navigation.js';
 import React, { useCallback, useMemo, useState } from 'react';
 import { ReindexButtonLabel } from './ReindexButtonLabel/index.js';
+import { ReindexConfirmModal } from './ReindexConfirmModal/index.js';
 const confirmReindexModalSlug = 'confirm-reindex-modal';
 export const ReindexButtonClient = ({ collectionLabels, searchCollections, searchSlug })=>{
     const { closeModal, openModal } = useModal();
@@ -12,26 +13,28 @@ export const ReindexButtonClient = ({ collectionLabels, searchCollections, searc
     const locale = useLocale();
     const router = useRouter();
     const [reindexCollections, setReindexCollections] = useState([]);
+    const [isLoading, setLoading] = useState(false);
     const openConfirmModal = useCallback(()=>openModal(confirmReindexModalSlug), [
         openModal
     ]);
-    const handleReindexSubmit = useCallback(async ({ closeConfirmationModal, setConfirming })=>{
-        if (!reindexCollections.length) {
-            setConfirming(false);
-            closeConfirmationModal();
+    const closeConfirmModal = useCallback(()=>closeModal(confirmReindexModalSlug), [
+        closeModal
+    ]);
+    const handleReindexSubmit = useCallback(async ()=>{
+        if (isLoading || !reindexCollections.length) {
             return;
         }
+        closeConfirmModal();
+        setLoading(true);
         try {
-            const res = await fetch(`${config.routes.api}/${searchSlug}/reindex?locale=${locale.code}`, {
+            const endpointRes = await fetch(`${config.routes.api}/${searchSlug}/reindex?locale=${locale.code}`, {
                 body: JSON.stringify({
                     collections: reindexCollections
                 }),
                 method: 'POST'
             });
-            setConfirming(false);
-            closeConfirmationModal();
-            const { message } = await res.json();
-            if (!res.ok) {
+            const { message } = await endpointRes.json();
+            if (!endpointRes.ok) {
                 toast.error(message);
             } else {
                 toast.success(message);
@@ -40,11 +43,12 @@ export const ReindexButtonClient = ({ collectionLabels, searchCollections, searc
         } catch (_err) {
         // swallow error, toast shown above
         } finally{
-            setConfirming(false);
-            closeConfirmationModal();
             setReindexCollections([]);
+            setLoading(false);
         }
     }, [
+        closeConfirmModal,
+        isLoading,
         reindexCollections,
         router,
         searchSlug,
@@ -119,11 +123,15 @@ export const ReindexButtonClient = ({ collectionLabels, searchCollections, searc
                 size: "large",
                 verticalAlign: "bottom"
             }),
-            /*#__PURE__*/ _jsx(ConfirmationModal, {
-                body: modalDescription,
-                heading: modalTitle,
-                modalSlug: confirmReindexModalSlug,
-                onConfirm: handleReindexSubmit
+            /*#__PURE__*/ _jsx(ReindexConfirmModal, {
+                description: modalDescription,
+                onCancel: closeConfirmModal,
+                onConfirm: handleReindexSubmit,
+                slug: confirmReindexModalSlug,
+                title: modalTitle
+            }),
+            isLoading && /*#__PURE__*/ _jsx(LoadingOverlay, {
+                loadingText: loadingText
             })
         ]
     });

package/dist/Search/ui/ReindexButton/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Search/ui/ReindexButton/index.client.tsx"],"sourcesContent":["'use client'\n\nimport type { OnConfirm } from '@payloadcms/ui'\n\nimport {\n  ConfirmationModal,\n  Popup,\n  PopupList,\n  toast,\n  useConfig,\n  useLocale,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport type { ReindexButtonProps } from './types.js'\n\nimport { ReindexButtonLabel } from './ReindexButtonLabel/index.js'\n\nconst confirmReindexModalSlug = 'confirm-reindex-modal'\n\nexport const ReindexButtonClient: React.FC<ReindexButtonProps> = ({\n  collectionLabels,\n  searchCollections,\n  searchSlug,\n}) => {\n  const { closeModal, openModal } = useModal()\n\n  const { config } = useConfig()\n\n  const {\n    i18n: { t },\n  } = useTranslation()\n\n  const locale = useLocale()\n  const router = useRouter()\n\n  const [reindexCollections, setReindexCollections] = useState<string[]>([])\n\n  const openConfirmModal = useCallback(() => openModal(confirmReindexModalSlug), [openModal])\n\n  const handleReindexSubmit: OnConfirm = useCallback(\n    async ({ closeConfirmationModal, setConfirming }) => {\n      if (!reindexCollections.length) {\n        setConfirming(false)\n        closeConfirmationModal()\n        return\n      }\n\n      try {\n        const res = await fetch(\n          `${config.routes.api}/${searchSlug}/reindex?locale=${locale.code}`,\n          {\n            body: JSON.stringify({\n              collections: reindexCollections,\n            }),\n            method: 'POST',\n          },\n        )\n\n        setConfirming(false)\n        closeConfirmationModal()\n\n        const { message } = (await res.json()) as { message: string }\n\n        if (!res.ok) {\n          toast.error(message)\n        } else {\n          toast.success(message)\n          router.refresh()\n        }\n      } catch (_err: unknown) {\n        // swallow error, toast shown above\n      } finally {\n        setConfirming(false)\n        closeConfirmationModal()\n        setReindexCollections([])\n      }\n    },\n    [reindexCollections, router, searchSlug, locale, config],\n  )\n\n  const handleShowConfirmModal = useCallback(\n    (collections: string | string[] = searchCollections) => {\n      setReindexCollections(typeof collections === 'string' ? [collections] : collections)\n      openConfirmModal()\n    },\n    [openConfirmModal, searchCollections],\n  )\n\n  const handlePopupButtonClick = useCallback(\n    (closePopup: () => void, slug?: string) => {\n      closePopup()\n      handleShowConfirmModal(slug)\n    },\n    [handleShowConfirmModal],\n  )\n\n  const getPluralizedLabel = useCallback(\n    (slug: string) => {\n      const label = collectionLabels[slug]\n      if (typeof label === 'string') {\n        return label\n      } else {\n        return Object.hasOwn(label, locale.code) ? label[locale.code] : slug\n      }\n    },\n    [collectionLabels, locale.code],\n  )\n\n  const pluralizedLabels = useMemo(() => {\n    return searchCollections.reduce<Record<string, string>>((acc, slug) => {\n      acc[slug] = getPluralizedLabel(slug)\n      return acc\n    }, {})\n  }, [searchCollections, getPluralizedLabel])\n\n  const selectedAll = reindexCollections.length === searchCollections.length\n  const selectedLabels = reindexCollections.map((slug) => pluralizedLabels[slug]).join(', ')\n\n  const modalTitle = selectedAll\n    ? t('general:confirmReindexAll')\n    : t('general:confirmReindex', { collections: selectedLabels })\n  const modalDescription = selectedAll\n    ? t('general:confirmReindexDescriptionAll')\n    : t('general:confirmReindexDescription', { collections: selectedLabels })\n  const loadingText = selectedAll\n    ? t('general:reindexingAll', { collections: t('general:collections') })\n    : t('general:reindexingAll', { collections: selectedLabels })\n\n  return (\n    <div>\n      <Popup\n        button={<ReindexButtonLabel />}\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {searchCollections.map((collectionSlug) => (\n              <PopupList.Button\n                key={collectionSlug}\n                onClick={() => handlePopupButtonClick(close, collectionSlug)}\n              >\n                {pluralizedLabels[collectionSlug]}\n              </PopupList.Button>\n            ))}\n            <PopupList.Button onClick={() => handlePopupButtonClick(close)}>\n              {t('general:allCollections')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n        showScrollbar\n        size=\"large\"\n        verticalAlign=\"bottom\"\n      />\n      <ConfirmationModal\n        body={modalDescription}\n        heading={modalTitle}\n        modalSlug={confirmReindexModalSlug}\n        onConfirm={handleReindexSubmit}\n      />\n    </div>\n  )\n}\n"],"names":["ConfirmationModal","Popup","PopupList","toast","useConfig","useLocale","useModal","useTranslation","useRouter","React","useCallback","useMemo","useState","ReindexButtonLabel","confirmReindexModalSlug","ReindexButtonClient","collectionLabels","searchCollections","searchSlug","closeModal","openModal","config","i18n","t","locale","router","reindexCollections","setReindexCollections","openConfirmModal","handleReindexSubmit","closeConfirmationModal","setConfirming","length","res","fetch","routes","api","code","body","JSON","stringify","collections","method","message","json","ok","error","success","refresh","_err","handleShowConfirmModal","handlePopupButtonClick","closePopup","slug","getPluralizedLabel","label","Object","hasOwn","pluralizedLabels","reduce","acc","selectedAll","selectedLabels","map","join","modalTitle","modalDescription","loadingText","div","button","render","close","ButtonGroup","collectionSlug","Button","onClick","showScrollbar","size","verticalAlign","heading","modalSlug","onConfirm"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/Search/ui/ReindexButton/index.client.tsx"],"sourcesContent":["'use client'\n\nimport {\n  LoadingOverlay,\n  Popup,\n  PopupList,\n  toast,\n  useConfig,\n  useLocale,\n  useModal,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useMemo, useState } from 'react'\n\nimport type { ReindexButtonProps } from './types.js'\n\nimport { ReindexButtonLabel } from './ReindexButtonLabel/index.js'\nimport { ReindexConfirmModal } from './ReindexConfirmModal/index.js'\n\nconst confirmReindexModalSlug = 'confirm-reindex-modal'\n\nexport const ReindexButtonClient: React.FC<ReindexButtonProps> = ({\n  collectionLabels,\n  searchCollections,\n  searchSlug,\n}) => {\n  const { closeModal, openModal } = useModal()\n\n  const { config } = useConfig()\n\n  const {\n    i18n: { t },\n  } = useTranslation()\n\n  const locale = useLocale()\n  const router = useRouter()\n\n  const [reindexCollections, setReindexCollections] = useState<string[]>([])\n  const [isLoading, setLoading] = useState<boolean>(false)\n\n  const openConfirmModal = useCallback(() => openModal(confirmReindexModalSlug), [openModal])\n  const closeConfirmModal = useCallback(() => closeModal(confirmReindexModalSlug), [closeModal])\n\n  const handleReindexSubmit = useCallback(async () => {\n    if (isLoading || !reindexCollections.length) {\n      return\n    }\n\n    closeConfirmModal()\n    setLoading(true)\n\n    try {\n      const endpointRes = await fetch(\n        `${config.routes.api}/${searchSlug}/reindex?locale=${locale.code}`,\n        {\n          body: JSON.stringify({\n            collections: reindexCollections,\n          }),\n          method: 'POST',\n        },\n      )\n\n      const { message } = (await endpointRes.json()) as { message: string }\n\n      if (!endpointRes.ok) {\n        toast.error(message)\n      } else {\n        toast.success(message)\n        router.refresh()\n      }\n    } catch (_err: unknown) {\n      // swallow error, toast shown above\n    } finally {\n      setReindexCollections([])\n      setLoading(false)\n    }\n  }, [closeConfirmModal, isLoading, reindexCollections, router, searchSlug, locale, config])\n\n  const handleShowConfirmModal = useCallback(\n    (collections: string | string[] = searchCollections) => {\n      setReindexCollections(typeof collections === 'string' ? [collections] : collections)\n      openConfirmModal()\n    },\n    [openConfirmModal, searchCollections],\n  )\n\n  const handlePopupButtonClick = useCallback(\n    (closePopup: () => void, slug?: string) => {\n      closePopup()\n      handleShowConfirmModal(slug)\n    },\n    [handleShowConfirmModal],\n  )\n\n  const getPluralizedLabel = useCallback(\n    (slug: string) => {\n      const label = collectionLabels[slug]\n      if (typeof label === 'string') {\n        return label\n      } else {\n        return Object.hasOwn(label, locale.code) ? label[locale.code] : slug\n      }\n    },\n    [collectionLabels, locale.code],\n  )\n\n  const pluralizedLabels = useMemo(() => {\n    return searchCollections.reduce<Record<string, string>>((acc, slug) => {\n      acc[slug] = getPluralizedLabel(slug)\n      return acc\n    }, {})\n  }, [searchCollections, getPluralizedLabel])\n\n  const selectedAll = reindexCollections.length === searchCollections.length\n  const selectedLabels = reindexCollections.map((slug) => pluralizedLabels[slug]).join(', ')\n\n  const modalTitle = selectedAll\n    ? t('general:confirmReindexAll')\n    : t('general:confirmReindex', { collections: selectedLabels })\n  const modalDescription = selectedAll\n    ? t('general:confirmReindexDescriptionAll')\n    : t('general:confirmReindexDescription', { collections: selectedLabels })\n  const loadingText = selectedAll\n    ? t('general:reindexingAll', { collections: t('general:collections') })\n    : t('general:reindexingAll', { collections: selectedLabels })\n\n  return (\n    <div>\n      <Popup\n        button={<ReindexButtonLabel />}\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {searchCollections.map((collectionSlug) => (\n              <PopupList.Button\n                key={collectionSlug}\n                onClick={() => handlePopupButtonClick(close, collectionSlug)}\n              >\n                {pluralizedLabels[collectionSlug]}\n              </PopupList.Button>\n            ))}\n            <PopupList.Button onClick={() => handlePopupButtonClick(close)}>\n              {t('general:allCollections')}\n            </PopupList.Button>\n          </PopupList.ButtonGroup>\n        )}\n        showScrollbar\n        size=\"large\"\n        verticalAlign=\"bottom\"\n      />\n      <ReindexConfirmModal\n        description={modalDescription}\n        onCancel={closeConfirmModal}\n        onConfirm={handleReindexSubmit}\n        slug={confirmReindexModalSlug}\n        title={modalTitle}\n      />\n      {isLoading && <LoadingOverlay loadingText={loadingText} />}\n    </div>\n  )\n}\n"],"names":["LoadingOverlay","Popup","PopupList","toast","useConfig","useLocale","useModal","useTranslation","useRouter","React","useCallback","useMemo","useState","ReindexButtonLabel","ReindexConfirmModal","confirmReindexModalSlug","ReindexButtonClient","collectionLabels","searchCollections","searchSlug","closeModal","openModal","config","i18n","t","locale","router","reindexCollections","setReindexCollections","isLoading","setLoading","openConfirmModal","closeConfirmModal","handleReindexSubmit","length","endpointRes","fetch","routes","api","code","body","JSON","stringify","collections","method","message","json","ok","error","success","refresh","_err","handleShowConfirmModal","handlePopupButtonClick","closePopup","slug","getPluralizedLabel","label","Object","hasOwn","pluralizedLabels","reduce","acc","selectedAll","selectedLabels","map","join","modalTitle","modalDescription","loadingText","div","button","render","close","ButtonGroup","collectionSlug","Button","onClick","showScrollbar","size","verticalAlign","description","onCancel","onConfirm","title"],"mappings":"AAAA;;AAEA,SACEA,cAAc,EACdC,KAAK,EACLC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,cAAc,QACT,iBAAgB;AACvB,SAASC,SAAS,QAAQ,qBAAoB;AAC9C,OAAOC,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAI7D,SAASC,kBAAkB,QAAQ,gCAA+B;AAClE,SAASC,mBAAmB,QAAQ,iCAAgC;AAEpE,MAAMC,0BAA0B;AAEhC,OAAO,MAAMC,sBAAoD,CAAC,EAChEC,gBAAgB,EAChBC,iBAAiB,EACjBC,UAAU,EACX;IACC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGf;IAElC,MAAM,EAAEgB,MAAM,EAAE,GAAGlB;IAEnB,MAAM,EACJmB,MAAM,EAAEC,CAAC,EAAE,EACZ,GAAGjB;IAEJ,MAAMkB,SAASpB;IACf,MAAMqB,SAASlB;IAEf,MAAM,CAACmB,oBAAoBC,sBAAsB,GAAGhB,SAAmB,EAAE;IACzE,MAAM,CAACiB,WAAWC,WAAW,GAAGlB,SAAkB;IAElD,MAAMmB,mBAAmBrB,YAAY,IAAMW,UAAUN,0BAA0B;QAACM;KAAU;IAC1F,MAAMW,oBAAoBtB,YAAY,IAAMU,WAAWL,0BAA0B;QAACK;KAAW;IAE7F,MAAMa,sBAAsBvB,YAAY;QACtC,IAAImB,aAAa,CAACF,mBAAmBO,MAAM,EAAE;YAC3C;QACF;QAEAF;QACAF,WAAW;QAEX,IAAI;YACF,MAAMK,cAAc,MAAMC,MACxB,GAAGd,OAAOe,MAAM,CAACC,GAAG,CAAC,CAAC,EAAEnB,WAAW,gBAAgB,EAAEM,OAAOc,IAAI,EAAE,EAClE;gBACEC,MAAMC,KAAKC,SAAS,CAAC;oBACnBC,aAAahB;gBACf;gBACAiB,QAAQ;YACV;YAGF,MAAM,EAAEC,OAAO,EAAE,GAAI,MAAMV,YAAYW,IAAI;YAE3C,IAAI,CAACX,YAAYY,EAAE,EAAE;gBACnB5C,MAAM6C,KAAK,CAACH;YACd,OAAO;gBACL1C,MAAM8C,OAAO,CAACJ;gBACdnB,OAAOwB,OAAO;YAChB;QACF,EAAE,OAAOC,MAAe;QACtB,mCAAmC;QACrC,SAAU;YACRvB,sBAAsB,EAAE;YACxBE,WAAW;QACb;IACF,GAAG;QAACE;QAAmBH;QAAWF;QAAoBD;QAAQP;QAAYM;QAAQH;KAAO;IAEzF,MAAM8B,yBAAyB1C,YAC7B,CAACiC,cAAiCzB,iBAAiB;QACjDU,sBAAsB,OAAOe,gBAAgB,WAAW;YAACA;SAAY,GAAGA;QACxEZ;IACF,GACA;QAACA;QAAkBb;KAAkB;IAGvC,MAAMmC,yBAAyB3C,YAC7B,CAAC4C,YAAwBC;QACvBD;QACAF,uBAAuBG;IACzB,GACA;QAACH;KAAuB;IAG1B,MAAMI,qBAAqB9C,YACzB,CAAC6C;QACC,MAAME,QAAQxC,gBAAgB,CAACsC,KAAK;QACpC,IAAI,OAAOE,UAAU,UAAU;YAC7B,OAAOA;QACT,OAAO;YACL,OAAOC,OAAOC,MAAM,CAACF,OAAOhC,OAAOc,IAAI,IAAIkB,KAAK,CAAChC,OAAOc,IAAI,CAAC,GAAGgB;QAClE;IACF,GACA;QAACtC;QAAkBQ,OAAOc,IAAI;KAAC;IAGjC,MAAMqB,mBAAmBjD,QAAQ;QAC/B,OAAOO,kBAAkB2C,MAAM,CAAyB,CAACC,KAAKP;YAC5DO,GAAG,CAACP,KAAK,GAAGC,mBAAmBD;YAC/B,OAAOO;QACT,GAAG,CAAC;IACN,GAAG;QAAC5C;QAAmBsC;KAAmB;IAE1C,MAAMO,cAAcpC,mBAAmBO,MAAM,KAAKhB,kBAAkBgB,MAAM;IAC1E,MAAM8B,iBAAiBrC,mBAAmBsC,GAAG,CAAC,CAACV,OAASK,gBAAgB,CAACL,KAAK,EAAEW,IAAI,CAAC;IAErF,MAAMC,aAAaJ,cACfvC,EAAE,+BACFA,EAAE,0BAA0B;QAAEmB,aAAaqB;IAAe;IAC9D,MAAMI,mBAAmBL,cACrBvC,EAAE,0CACFA,EAAE,qCAAqC;QAAEmB,aAAaqB;IAAe;IACzE,MAAMK,cAAcN,cAChBvC,EAAE,yBAAyB;QAAEmB,aAAanB,EAAE;IAAuB,KACnEA,EAAE,yBAAyB;QAAEmB,aAAaqB;IAAe;IAE7D,qBACE,MAACM;;0BACC,KAACrE;gBACCsE,sBAAQ,KAAC1D;gBACT2D,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,MAACvE,UAAUwE,WAAW;;4BACnBxD,kBAAkB+C,GAAG,CAAC,CAACU,+BACtB,KAACzE,UAAU0E,MAAM;oCAEfC,SAAS,IAAMxB,uBAAuBoB,OAAOE;8CAE5Cf,gBAAgB,CAACe,eAAe;mCAH5BA;0CAMT,KAACzE,UAAU0E,MAAM;gCAACC,SAAS,IAAMxB,uBAAuBoB;0CACrDjD,EAAE;;;;gBAITsD,aAAa;gBACbC,MAAK;gBACLC,eAAc;;0BAEhB,KAAClE;gBACCmE,aAAab;gBACbc,UAAUlD;gBACVmD,WAAWlD;gBACXsB,MAAMxC;gBACNqE,OAAOjB;;YAERtC,2BAAa,KAAC7B;gBAAeqE,aAAaA;;;;AAGjD,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/plugin-search",
-  "version": "3.24.0-canary.a62d86f",
+  "version": "3.24.0-canary.d22403c",
   "description": "Search plugin for Payload",
   "keywords": [
     "payload",
@@ -49,19 +49,19 @@
     "dist"
   ],
   "dependencies": {
-    "@payloadcms/next": "3.24.0-canary.a62d86f",
-    "@payloadcms/ui": "3.24.0-canary.a62d86f"
+    "@payloadcms/next": "3.24.0-canary.d22403c",
+    "@payloadcms/ui": "3.24.0-canary.d22403c"
   },
   "devDependencies": {
     "@types/react": "19.0.1",
     "@types/react-dom": "19.0.1",
-    "@payloadcms/eslint-config": "3.9.0",
-    "payload": "3.24.0-canary.a62d86f"
+    "payload": "3.24.0-canary.d22403c",
+    "@payloadcms/eslint-config": "3.9.0"
   },
   "peerDependencies": {
     "react": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
     "react-dom": "^19.0.0 || ^19.0.0-rc-65a56d0e-20241020",
-    "payload": "3.24.0-canary.a62d86f"
+    "payload": "3.24.0-canary.d22403c"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"