payload-subscribers-plugin 0.0.1

package/dist/components/app/VerifyMagicLink.d.ts

@@ -0,0 +1,23 @@
+import type { RequestMagicLinkResponse } from '../..//endpoints/requestMagicLink.js';
+import type { VerifyMagicLinkResponse } from '../../endpoints/verifyMagicLink.js';
+export { VerifyMagicLinkResponse };
+export interface IVerifyMagicLink {
+    classNames?: VerifyMagicLinkClasses;
+    handleMagicLinkRequested?: (result: RequestMagicLinkResponse) => void;
+    handleMagicLinkVerified?: (result: VerifyMagicLinkResponse) => void;
+    renderButton?: (props: {
+        forwardUrl?: string;
+        name?: string;
+        onClick?: () => any;
+        text?: string;
+    }) => React.ReactNode;
+}
+export type VerifyMagicLinkClasses = {
+    button?: string;
+    container?: string;
+    error?: string;
+    form?: string;
+    loading?: string;
+    message?: string;
+};
+export declare const VerifyMagicLink: ({ classNames, handleMagicLinkRequested, handleMagicLinkVerified, renderButton, }: IVerifyMagicLink) => import("react").JSX.Element;

package/dist/components/app/VerifyMagicLink.js

@@ -0,0 +1,169 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PayloadSDK } from '@payloadcms/sdk';
+import { useSearchParams } from 'next/navigation.js';
+import { useCallback, useEffect, useState } from 'react';
+import { useSubscriber } from '../../exports/ui.js';
+import { useServerUrl } from '../../react-hooks/useServerUrl.js';
+import { mergeClassNames } from './helpers.js';
+import styles from './shared.module.css';
+export const VerifyMagicLink = ({ classNames = {
+    button: '',
+    container: '',
+    error: '',
+    form: '',
+    loading: '',
+    message: ''
+}, handleMagicLinkRequested, handleMagicLinkVerified, renderButton = ({ name, forwardUrl, onClick, text })=>forwardUrl ? /*#__PURE__*/ _jsx("a", {
+        href: forwardUrl,
+        children: /*#__PURE__*/ _jsx("button", {
+            className: mergeClassNames([
+                styles.button,
+                classNames.button
+            ]),
+            name: name,
+            type: "button",
+            children: text
+        })
+    }) : /*#__PURE__*/ _jsx("button", {
+        className: mergeClassNames([
+            styles.button,
+            classNames.button
+        ]),
+        name: name,
+        onClick: onClick,
+        type: "button",
+        children: text
+    }) })=>{
+    const { serverURL } = useServerUrl();
+    const { // refreshSubscriber,
+    subscriber } = useSubscriber();
+    const searchParams = useSearchParams();
+    const email = searchParams.get('email');
+    const forwardUrl = searchParams.get('forwardUrl');
+    const token = searchParams.get('token');
+    const [result, setResult] = useState();
+    const [isError, setIsError] = useState(false);
+    // const [email, setEmail] = useState('')
+    const { refreshSubscriber } = useSubscriber();
+    const callVerify = useCallback(async ()=>{
+        const sdk = new PayloadSDK({
+            baseURL: serverURL || ''
+        });
+        const verifyResult = await sdk.request({
+            json: {
+                email,
+                token
+            },
+            method: 'POST',
+            path: '/api/verifyToken'
+        });
+        return verifyResult;
+    }, [
+        email,
+        serverURL,
+        token
+    ]);
+    useEffect(()=>{
+        async function verify() {
+            const verifyResult = await callVerify();
+            if (verifyResult.ok) {
+                const resultJson = await verifyResult.json();
+                setResult(resultJson.message || resultJson.error);
+                setIsError(resultJson.error && !resultJson.message);
+            // // This is causing out of control rendering. Not totally sure why, or of another way to do it.
+            // refreshSubscriber()
+            // // This is also causing out of control rendering. Not totally sure why, or of another way to do it.
+            // if (handleMagicLinkVerified) {
+            //   handleMagicLinkVerified(resultJson)
+            // }
+            } else {
+                // const resultText = await verifyResult.text()
+                setResult('An error occured. Please try again');
+                setIsError(true);
+            }
+        }
+        if (!subscriber) {
+            void verify();
+        }
+    }, [
+        callVerify,
+        serverURL,
+        email,
+        handleMagicLinkVerified,
+        refreshSubscriber,
+        subscriber,
+        token
+    ]);
+    const handleRequestMagicLink = async ()=>{
+        const sdk = new PayloadSDK({
+            baseURL: serverURL || ''
+        });
+        const emailResult = await sdk.request({
+            json: {
+                email,
+                forwardUrl
+            },
+            method: 'POST',
+            path: '/api/emailToken'
+        });
+        if (emailResult.ok) {
+            const resultJson = await emailResult.json();
+            setResult('An email has been sent containing your magic link.');
+            setIsError(false);
+            if (handleMagicLinkRequested) {
+                handleMagicLinkRequested(resultJson);
+            }
+        } else {
+            // const resultText = await emailResult.text()
+            setResult('An error occured. Please try again.');
+            setIsError(true);
+        }
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: mergeClassNames([
+            styles.container,
+            classNames.container
+        ]),
+        children: [
+            !result && /*#__PURE__*/ _jsx("p", {
+                className: mergeClassNames([
+                    styles.loading,
+                    classNames.loading
+                ]),
+                children: "verifying..."
+            }),
+            result && /*#__PURE__*/ _jsx("p", {
+                className: mergeClassNames([
+                    styles.message,
+                    classNames.message,
+                    isError ? [
+                        styles.error,
+                        classNames.error
+                    ] : []
+                ]),
+                children: result
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: mergeClassNames([
+                    styles.form,
+                    classNames.form
+                ]),
+                children: [
+                    result && isError && renderButton({
+                        name: 'request',
+                        onClick: handleRequestMagicLink,
+                        text: 'Request another magic link'
+                    }),
+                    result && forwardUrl && renderButton({
+                        name: 'continue',
+                        forwardUrl,
+                        text: 'Continue'
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=VerifyMagicLink.js.map

package/dist/components/app/VerifyMagicLink.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/app/VerifyMagicLink.tsx"],"sourcesContent":["'use client'\n\nimport { PayloadSDK } from '@payloadcms/sdk'\nimport { useSearchParams } from 'next/navigation.js'\nimport { useCallback, useEffect, useState } from 'react'\n\nimport type { RequestMagicLinkResponse } from '../..//endpoints/requestMagicLink.js'\nimport type { Config } from '../../copied/payload-types.js'\nimport type { VerifyMagicLinkResponse } from '../../endpoints/verifyMagicLink.js'\n\nexport { VerifyMagicLinkResponse }\nimport { useSubscriber } from '../../exports/ui.js'\nimport { useServerUrl } from '../../react-hooks/useServerUrl.js'\nimport { mergeClassNames } from './helpers.js'\nimport styles from './shared.module.css'\n\n// const payload = await getPayload({\n//   config: configPromise,\n// })\n\n// Pass your config from generated types as generic\n\nexport interface IVerifyMagicLink {\n  classNames?: VerifyMagicLinkClasses\n  handleMagicLinkRequested?: (result: RequestMagicLinkResponse) => void\n  handleMagicLinkVerified?: (result: VerifyMagicLinkResponse) => void\n  renderButton?: (props: {\n    forwardUrl?: string\n    name?: string\n    onClick?: () => any\n    text?: string\n  }) => React.ReactNode\n}\n\nexport type VerifyMagicLinkClasses = {\n  button?: string\n  container?: string\n  error?: string\n  form?: string\n  loading?: string\n  message?: string\n}\n\nexport const VerifyMagicLink = ({\n  classNames = {\n    button: '',\n    container: '',\n    error: '',\n    form: '',\n    loading: '',\n    message: '',\n  },\n  handleMagicLinkRequested,\n  handleMagicLinkVerified,\n  renderButton = ({ name, forwardUrl, onClick, text }) =>\n    forwardUrl ? (\n      <a href={forwardUrl}>\n        <button\n          className={mergeClassNames([styles.button, classNames.button])}\n          name={name}\n          type=\"button\"\n        >\n          {text}\n        </button>\n      </a>\n    ) : (\n      <button\n        className={mergeClassNames([styles.button, classNames.button])}\n        name={name}\n        onClick={onClick}\n        type=\"button\"\n      >\n        {text}\n      </button>\n    ),\n}: IVerifyMagicLink) => {\n  const { serverURL } = useServerUrl()\n  const {\n    // refreshSubscriber,\n    subscriber,\n  } = useSubscriber()\n\n  const searchParams = useSearchParams()\n  const email = searchParams.get('email')\n  const forwardUrl = searchParams.get('forwardUrl')\n  const token = searchParams.get('token')\n\n  const [result, setResult] = useState<string>()\n  const [isError, setIsError] = useState<boolean>(false)\n  // const [email, setEmail] = useState('')\n\n  const { refreshSubscriber } = useSubscriber()\n\n  const callVerify = useCallback(async () => {\n    const sdk = new PayloadSDK<Config>({\n      baseURL: serverURL || '',\n    })\n\n    const verifyResult = await sdk.request({\n      json: {\n        email,\n        token,\n      },\n      method: 'POST',\n      path: '/api/verifyToken',\n    })\n\n    return verifyResult\n  }, [email, serverURL, token])\n\n  useEffect(() => {\n    async function verify() {\n      const verifyResult = await callVerify()\n      if (verifyResult.ok) {\n        const resultJson = await verifyResult.json()\n        setResult(resultJson.message || resultJson.error)\n        setIsError(resultJson.error && !resultJson.message)\n\n        // // This is causing out of control rendering. Not totally sure why, or of another way to do it.\n        // refreshSubscriber()\n\n        // // This is also causing out of control rendering. Not totally sure why, or of another way to do it.\n        // if (handleMagicLinkVerified) {\n        //   handleMagicLinkVerified(resultJson)\n        // }\n      } else {\n        // const resultText = await verifyResult.text()\n        setResult('An error occured. Please try again')\n        setIsError(true)\n      }\n    }\n    if (!subscriber) {\n      void verify()\n    }\n  }, [callVerify, serverURL, email, handleMagicLinkVerified, refreshSubscriber, subscriber, token])\n\n  const handleRequestMagicLink = async () => {\n    const sdk = new PayloadSDK<Config>({\n      baseURL: serverURL || '',\n    })\n\n    const emailResult = await sdk.request({\n      json: {\n        email,\n        forwardUrl,\n      },\n      method: 'POST',\n      path: '/api/emailToken',\n    })\n    if (emailResult.ok) {\n      const resultJson = await emailResult.json()\n      setResult('An email has been sent containing your magic link.')\n      setIsError(false)\n      if (handleMagicLinkRequested) {\n        handleMagicLinkRequested(resultJson)\n      }\n    } else {\n      // const resultText = await emailResult.text()\n      setResult('An error occured. Please try again.')\n      setIsError(true)\n    }\n  }\n  return (\n    <div className={mergeClassNames([styles.container, classNames.container])}>\n      {!result && (\n        <p className={mergeClassNames([styles.loading, classNames.loading])}>verifying...</p>\n      )}\n      {result && (\n        <p\n          className={mergeClassNames([\n            styles.message,\n            classNames.message,\n            isError ? [styles.error, classNames.error] : [],\n          ])}\n        >\n          {result}\n        </p>\n      )}\n      <div className={mergeClassNames([styles.form, classNames.form])}>\n        {result &&\n          isError &&\n          renderButton({\n            name: 'request',\n            onClick: handleRequestMagicLink,\n            text: 'Request another magic link',\n          })}\n        {result &&\n          forwardUrl &&\n          renderButton({\n            name: 'continue',\n            forwardUrl,\n            text: 'Continue',\n          })}\n      </div>\n    </div>\n  )\n}\n"],"names":["PayloadSDK","useSearchParams","useCallback","useEffect","useState","useSubscriber","useServerUrl","mergeClassNames","styles","VerifyMagicLink","classNames","button","container","error","form","loading","message","handleMagicLinkRequested","handleMagicLinkVerified","renderButton","name","forwardUrl","onClick","text","a","href","className","type","serverURL","subscriber","searchParams","email","get","token","result","setResult","isError","setIsError","refreshSubscriber","callVerify","sdk","baseURL","verifyResult","request","json","method","path","verify","ok","resultJson","handleRequestMagicLink","emailResult","div","p"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAiB;AAC5C,SAASC,eAAe,QAAQ,qBAAoB;AACpD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAOxD,SAASC,aAAa,QAAQ,sBAAqB;AACnD,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,eAAe,QAAQ,eAAc;AAC9C,OAAOC,YAAY,sBAAqB;AA6BxC,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,aAAa;IACXC,QAAQ;IACRC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,SAAS;AACX,CAAC,EACDC,wBAAwB,EACxBC,uBAAuB,EACvBC,eAAe,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAEC,OAAO,EAAEC,IAAI,EAAE,GACjDF,2BACE,KAACG;QAAEC,MAAMJ;kBACP,cAAA,KAACV;YACCe,WAAWnB,gBAAgB;gBAACC,OAAOG,MAAM;gBAAED,WAAWC,MAAM;aAAC;YAC7DS,MAAMA;YACNO,MAAK;sBAEJJ;;uBAIL,KAACZ;QACCe,WAAWnB,gBAAgB;YAACC,OAAOG,MAAM;YAAED,WAAWC,MAAM;SAAC;QAC7DS,MAAMA;QACNE,SAASA;QACTK,MAAK;kBAEJJ;MAEJ,EACc;IACjB,MAAM,EAAEK,SAAS,EAAE,GAAGtB;IACtB,MAAM,EACJ,qBAAqB;IACrBuB,UAAU,EACX,GAAGxB;IAEJ,MAAMyB,eAAe7B;IACrB,MAAM8B,QAAQD,aAAaE,GAAG,CAAC;IAC/B,MAAMX,aAAaS,aAAaE,GAAG,CAAC;IACpC,MAAMC,QAAQH,aAAaE,GAAG,CAAC;IAE/B,MAAM,CAACE,QAAQC,UAAU,GAAG/B;IAC5B,MAAM,CAACgC,SAASC,WAAW,GAAGjC,SAAkB;IAChD,yCAAyC;IAEzC,MAAM,EAAEkC,iBAAiB,EAAE,GAAGjC;IAE9B,MAAMkC,aAAarC,YAAY;QAC7B,MAAMsC,MAAM,IAAIxC,WAAmB;YACjCyC,SAASb,aAAa;QACxB;QAEA,MAAMc,eAAe,MAAMF,IAAIG,OAAO,CAAC;YACrCC,MAAM;gBACJb;gBACAE;YACF;YACAY,QAAQ;YACRC,MAAM;QACR;QAEA,OAAOJ;IACT,GAAG;QAACX;QAAOH;QAAWK;KAAM;IAE5B9B,UAAU;QACR,eAAe4C;YACb,MAAML,eAAe,MAAMH;YAC3B,IAAIG,aAAaM,EAAE,EAAE;gBACnB,MAAMC,aAAa,MAAMP,aAAaE,IAAI;gBAC1CT,UAAUc,WAAWjC,OAAO,IAAIiC,WAAWpC,KAAK;gBAChDwB,WAAWY,WAAWpC,KAAK,IAAI,CAACoC,WAAWjC,OAAO;YAElD,iGAAiG;YACjG,sBAAsB;YAEtB,sGAAsG;YACtG,iCAAiC;YACjC,wCAAwC;YACxC,IAAI;YACN,OAAO;gBACL,+CAA+C;gBAC/CmB,UAAU;gBACVE,WAAW;YACb;QACF;QACA,IAAI,CAACR,YAAY;YACf,KAAKkB;QACP;IACF,GAAG;QAACR;QAAYX;QAAWG;QAAOb;QAAyBoB;QAAmBT;QAAYI;KAAM;IAEhG,MAAMiB,yBAAyB;QAC7B,MAAMV,MAAM,IAAIxC,WAAmB;YACjCyC,SAASb,aAAa;QACxB;QAEA,MAAMuB,cAAc,MAAMX,IAAIG,OAAO,CAAC;YACpCC,MAAM;gBACJb;gBACAV;YACF;YACAwB,QAAQ;YACRC,MAAM;QACR;QACA,IAAIK,YAAYH,EAAE,EAAE;YAClB,MAAMC,aAAa,MAAME,YAAYP,IAAI;YACzCT,UAAU;YACVE,WAAW;YACX,IAAIpB,0BAA0B;gBAC5BA,yBAAyBgC;YAC3B;QACF,OAAO;YACL,8CAA8C;YAC9Cd,UAAU;YACVE,WAAW;QACb;IACF;IACA,qBACE,MAACe;QAAI1B,WAAWnB,gBAAgB;YAACC,OAAOI,SAAS;YAAEF,WAAWE,SAAS;SAAC;;YACrE,CAACsB,wBACA,KAACmB;gBAAE3B,WAAWnB,gBAAgB;oBAACC,OAAOO,OAAO;oBAAEL,WAAWK,OAAO;iBAAC;0BAAG;;YAEtEmB,wBACC,KAACmB;gBACC3B,WAAWnB,gBAAgB;oBACzBC,OAAOQ,OAAO;oBACdN,WAAWM,OAAO;oBAClBoB,UAAU;wBAAC5B,OAAOK,KAAK;wBAAEH,WAAWG,KAAK;qBAAC,GAAG,EAAE;iBAChD;0BAEAqB;;0BAGL,MAACkB;gBAAI1B,WAAWnB,gBAAgB;oBAACC,OAAOM,IAAI;oBAAEJ,WAAWI,IAAI;iBAAC;;oBAC3DoB,UACCE,WACAjB,aAAa;wBACXC,MAAM;wBACNE,SAAS4B;wBACT3B,MAAM;oBACR;oBACDW,UACCb,cACAF,aAAa;wBACXC,MAAM;wBACNC;wBACAE,MAAM;oBACR;;;;;AAIV,EAAC"}

package/dist/components/app/VerifyMagicLink.module.css

@@ -0,0 +1,5 @@
+.wrapper {
+  display: flex;
+  gap: 5px;
+  flex-direction: column;
+}

package/dist/components/app/helpers.d.ts

@@ -0,0 +1 @@
+export declare const mergeClassNames: (classNames: ((string | undefined)[] | string | undefined)[]) => string;

package/dist/components/app/helpers.js

@@ -0,0 +1,5 @@
+export const mergeClassNames = (classNames)=>{
+    return classNames.flat(Infinity).filter((className)=>!!className).join(' ');
+};
+
+//# sourceMappingURL=helpers.js.map

package/dist/components/app/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/app/helpers.ts"],"sourcesContent":["export const mergeClassNames = (classNames: ((string | undefined)[] | string | undefined)[]) => {\n  return classNames\n    .flat(Infinity)\n    .filter((className) => !!className)\n    .join(' ')\n}\n"],"names":["mergeClassNames","classNames","flat","Infinity","filter","className","join"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,CAACC;IAC9B,OAAOA,WACJC,IAAI,CAACC,UACLC,MAAM,CAAC,CAACC,YAAc,CAAC,CAACA,WACxBC,IAAI,CAAC;AACV,EAAC"}

package/dist/components/app/shared.module.css

@@ -0,0 +1,14 @@
+.container {
+  display: flex;
+  gap: 5px;
+  flex-direction: column;
+}
+
+.section {
+  margin-bottom: 14px;
+  margin-top: 14px;
+}
+
+.error {
+  color: red;
+}

package/dist/contexts/SubscriberProvider.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import type { Subscriber } from '../copied/payload-types.js';
+export type SubscriberContextType = {
+    isLoaded: boolean;
+    logOut: () => void;
+    permissions: any;
+    refreshSubscriber: () => void;
+    subscriber: null | Subscriber;
+};
+interface ProviderProps {
+    children?: ReactNode;
+}
+export declare function SubscriberProvider({ children }: ProviderProps): import("react").JSX.Element;
+export declare function useSubscriber(): SubscriberContextType;
+export {};

package/dist/contexts/SubscriberProvider.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PayloadSDK } from '@payloadcms/sdk';
+import { useCallback, useEffect } from 'react';
+import { createContext, useContext, useMemo, useState } from 'react';
+import { useServerUrl } from '../react-hooks/useServerUrl.js';
+const SubscriberContext = /*#__PURE__*/ createContext(undefined);
+export function SubscriberProvider({ children }) {
+    // eslint-disable-next-line
+    const [subscriber, setSubscriber] = useState(null);
+    const { serverURL } = useServerUrl();
+    // Keep track of if the selection content is loaded yet
+    const [isLoaded, setIsLoaded] = useState(false);
+    const [permissions, setPermissions] = useState();
+    const refreshSubscriber = useCallback(async ()=>{
+        const initSubscriber = async ()=>{
+            setIsLoaded(false);
+            try {
+                const sdk = new PayloadSDK({
+                    baseURL: serverURL || ''
+                });
+                const authResponse = await sdk.request({
+                    json: {},
+                    method: 'POST',
+                    path: '/api/subscriberAuth'
+                });
+                if (authResponse.ok) {
+                    // Call the server function to get the user data
+                    const { permissions, subscriber } = await authResponse.json();
+                    // console.log(`subscriber = `, subscriber)
+                    // console.log(`permissions = `, permissions)
+                    setPermissions(permissions);
+                    setSubscriber(subscriber);
+                } else {
+                    setPermissions(null);
+                    setSubscriber(null);
+                }
+            } catch (error) {
+                console.log(`authResponse error`, error);
+            }
+            setIsLoaded(true);
+        };
+        await initSubscriber();
+    }, [
+        serverURL
+    ]);
+    const logOut = useCallback(async ()=>{
+        setIsLoaded(false);
+        try {
+            // const sdk = new PayloadSDK<Config>({
+            //   baseURL: serverURL || '',
+            // })
+            // const logoutResponse = await sdk.request({
+            //   json: {},
+            //   method: 'POST',
+            //   path: '/api/logout',
+            // })
+            // Unsure why sdk isn't working here
+            const logoutResponse = await fetch('/api/logout', {
+                method: 'POST'
+            });
+            // console.log(`logoutResponse`, logoutResponse)
+            if (logoutResponse.ok) {
+                setSubscriber(null);
+                setPermissions(null);
+            }
+        } catch (error) {
+            console.log(`logoutResponse error`, error);
+        }
+        setIsLoaded(true);
+    }, []);
+    useEffect(()=>{
+        void refreshSubscriber();
+    }, [
+        refreshSubscriber
+    ]); // Empty dependency array for mount/unmount
+    // Memoize the value to prevent unnecessary re-renders in consumers
+    const contextValue = useMemo(()=>({
+            isLoaded,
+            logOut,
+            permissions,
+            refreshSubscriber,
+            subscriber
+        }), [
+        isLoaded,
+        logOut,
+        permissions,
+        refreshSubscriber,
+        subscriber
+    ]);
+    return /*#__PURE__*/ _jsx(SubscriberContext.Provider, {
+        value: contextValue,
+        children: children
+    });
+}
+// Custom hook to easily consume the context and add error handling
+export function useSubscriber() {
+    const context = useContext(SubscriberContext);
+    if (context === undefined) {
+        throw new Error('useSubscriber must be used within a SubscriberProvider');
+    }
+    return context;
+}
+
+//# sourceMappingURL=SubscriberProvider.js.map

package/dist/contexts/SubscriberProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/SubscriberProvider.tsx"],"sourcesContent":["'use client'\n\nimport { PayloadSDK } from '@payloadcms/sdk'\nimport { type ReactNode, useCallback, useEffect } from 'react'\nimport { createContext, useContext, useMemo, useState } from 'react'\n\nimport type { Config, Subscriber } from '../copied/payload-types.js'\n\nimport { useServerUrl } from '../react-hooks/useServerUrl.js'\n\nexport type SubscriberContextType = {\n  isLoaded: boolean\n  logOut: () => void\n  permissions: any\n  refreshSubscriber: () => void\n  subscriber: null | Subscriber\n}\n\nconst SubscriberContext = createContext<SubscriberContextType | undefined>(undefined)\n\ninterface ProviderProps {\n  children?: ReactNode // Recommended type for children\n}\n\nexport function SubscriberProvider({ children }: ProviderProps) {\n  // eslint-disable-next-line\n  const [subscriber, setSubscriber] = useState<null | (Subscriber & { optIns: string[] })>(null)\n\n  const { serverURL } = useServerUrl()\n\n  // Keep track of if the selection content is loaded yet\n  const [isLoaded, setIsLoaded] = useState(false)\n\n  const [permissions, setPermissions] = useState<any>()\n\n  const refreshSubscriber = useCallback(async () => {\n    const initSubscriber = async () => {\n      setIsLoaded(false)\n      try {\n        const sdk = new PayloadSDK<Config>({\n          baseURL: serverURL || '',\n        })\n        const authResponse = await sdk.request({\n          json: {},\n          method: 'POST',\n          path: '/api/subscriberAuth',\n        })\n\n        if (authResponse.ok) {\n          // Call the server function to get the user data\n          const { permissions, subscriber } = await authResponse.json()\n          // console.log(`subscriber = `, subscriber)\n          // console.log(`permissions = `, permissions)\n          setPermissions(permissions)\n          setSubscriber(subscriber)\n        } else {\n          setPermissions(null)\n          setSubscriber(null)\n        }\n      } catch (error: unknown) {\n        console.log(`authResponse error`, error)\n      }\n      setIsLoaded(true)\n    }\n    await initSubscriber()\n  }, [serverURL])\n\n  const logOut = useCallback(async () => {\n    setIsLoaded(false)\n    try {\n      // const sdk = new PayloadSDK<Config>({\n      //   baseURL: serverURL || '',\n      // })\n      // const logoutResponse = await sdk.request({\n      //   json: {},\n      //   method: 'POST',\n      //   path: '/api/logout',\n      // })\n      // Unsure why sdk isn't working here\n      const logoutResponse = await fetch('/api/logout', {\n        method: 'POST',\n      })\n\n      // console.log(`logoutResponse`, logoutResponse)\n\n      if (logoutResponse.ok) {\n        setSubscriber(null)\n        setPermissions(null)\n      }\n    } catch (error: unknown) {\n      console.log(`logoutResponse error`, error)\n    }\n    setIsLoaded(true)\n  }, [])\n\n  useEffect(() => {\n    void refreshSubscriber()\n  }, [refreshSubscriber]) // Empty dependency array for mount/unmount\n\n  // Memoize the value to prevent unnecessary re-renders in consumers\n  const contextValue: SubscriberContextType = useMemo(\n    () => ({\n      isLoaded,\n      logOut,\n      permissions,\n      refreshSubscriber,\n      subscriber,\n    }),\n    [isLoaded, logOut, permissions, refreshSubscriber, subscriber],\n  )\n\n  return <SubscriberContext.Provider value={contextValue}>{children}</SubscriberContext.Provider>\n}\n\n// Custom hook to easily consume the context and add error handling\nexport function useSubscriber() {\n  const context = useContext(SubscriberContext)\n  if (context === undefined) {\n    throw new Error('useSubscriber must be used within a SubscriberProvider')\n  }\n  return context\n}\n"],"names":["PayloadSDK","useCallback","useEffect","createContext","useContext","useMemo","useState","useServerUrl","SubscriberContext","undefined","SubscriberProvider","children","subscriber","setSubscriber","serverURL","isLoaded","setIsLoaded","permissions","setPermissions","refreshSubscriber","initSubscriber","sdk","baseURL","authResponse","request","json","method","path","ok","error","console","log","logOut","logoutResponse","fetch","contextValue","Provider","value","useSubscriber","context","Error"],"mappings":"AAAA;;AAEA,SAASA,UAAU,QAAQ,kBAAiB;AAC5C,SAAyBC,WAAW,EAAEC,SAAS,QAAQ,QAAO;AAC9D,SAASC,aAAa,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAIpE,SAASC,YAAY,QAAQ,iCAAgC;AAU7D,MAAMC,kCAAoBL,cAAiDM;AAM3E,OAAO,SAASC,mBAAmB,EAAEC,QAAQ,EAAiB;IAC5D,2BAA2B;IAC3B,MAAM,CAACC,YAAYC,cAAc,GAAGP,SAAqD;IAEzF,MAAM,EAAEQ,SAAS,EAAE,GAAGP;IAEtB,uDAAuD;IACvD,MAAM,CAACQ,UAAUC,YAAY,GAAGV,SAAS;IAEzC,MAAM,CAACW,aAAaC,eAAe,GAAGZ;IAEtC,MAAMa,oBAAoBlB,YAAY;QACpC,MAAMmB,iBAAiB;YACrBJ,YAAY;YACZ,IAAI;gBACF,MAAMK,MAAM,IAAIrB,WAAmB;oBACjCsB,SAASR,aAAa;gBACxB;gBACA,MAAMS,eAAe,MAAMF,IAAIG,OAAO,CAAC;oBACrCC,MAAM,CAAC;oBACPC,QAAQ;oBACRC,MAAM;gBACR;gBAEA,IAAIJ,aAAaK,EAAE,EAAE;oBACnB,gDAAgD;oBAChD,MAAM,EAAEX,WAAW,EAAEL,UAAU,EAAE,GAAG,MAAMW,aAAaE,IAAI;oBAC3D,2CAA2C;oBAC3C,6CAA6C;oBAC7CP,eAAeD;oBACfJ,cAAcD;gBAChB,OAAO;oBACLM,eAAe;oBACfL,cAAc;gBAChB;YACF,EAAE,OAAOgB,OAAgB;gBACvBC,QAAQC,GAAG,CAAC,CAAC,kBAAkB,CAAC,EAAEF;YACpC;YACAb,YAAY;QACd;QACA,MAAMI;IACR,GAAG;QAACN;KAAU;IAEd,MAAMkB,SAAS/B,YAAY;QACzBe,YAAY;QACZ,IAAI;YACF,uCAAuC;YACvC,8BAA8B;YAC9B,KAAK;YACL,6CAA6C;YAC7C,cAAc;YACd,oBAAoB;YACpB,yBAAyB;YACzB,KAAK;YACL,oCAAoC;YACpC,MAAMiB,iBAAiB,MAAMC,MAAM,eAAe;gBAChDR,QAAQ;YACV;YAEA,gDAAgD;YAEhD,IAAIO,eAAeL,EAAE,EAAE;gBACrBf,cAAc;gBACdK,eAAe;YACjB;QACF,EAAE,OAAOW,OAAgB;YACvBC,QAAQC,GAAG,CAAC,CAAC,oBAAoB,CAAC,EAAEF;QACtC;QACAb,YAAY;IACd,GAAG,EAAE;IAELd,UAAU;QACR,KAAKiB;IACP,GAAG;QAACA;KAAkB,GAAE,2CAA2C;IAEnE,mEAAmE;IACnE,MAAMgB,eAAsC9B,QAC1C,IAAO,CAAA;YACLU;YACAiB;YACAf;YACAE;YACAP;QACF,CAAA,GACA;QAACG;QAAUiB;QAAQf;QAAaE;QAAmBP;KAAW;IAGhE,qBAAO,KAACJ,kBAAkB4B,QAAQ;QAACC,OAAOF;kBAAexB;;AAC3D;AAEA,mEAAmE;AACnE,OAAO,SAAS2B;IACd,MAAMC,UAAUnC,WAAWI;IAC3B,IAAI+B,YAAY9B,WAAW;QACzB,MAAM,IAAI+B,MAAM;IAClB;IACA,OAAOD;AACT"}