payload-subscribers-plugin 0.0.1 → 0.0.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 C C C
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -23,8 +23,7 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist",
-    "src"
+    "dist/"
   ],
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.3",
@@ -70,7 +69,7 @@
   },
   "registry": "https://registry.npmjs.org/",
   "dependencies": {},
-  "version": "0.0.1",
+  "version": "0.0.4",
   "scripts": {
     "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc",
     "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",

package/dist/components/BeforeDashboardClient.d.ts

@@ -1 +0,0 @@
-export declare const BeforeDashboardClient: () => import("react").JSX.Element;

package/dist/components/BeforeDashboardClient.js

@@ -1,40 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useConfig } from '@payloadcms/ui';
-import { formatAdminURL } from 'payload/shared';
-import { useEffect, useState } from 'react';
-export const BeforeDashboardClient = ()=>{
-    const { config } = useConfig();
-    const [message, setMessage] = useState('');
-    useEffect(()=>{
-        const fetchMessage = async ()=>{
-            const response = await fetch(formatAdminURL({
-                adminRoute: config.routes.api,
-                path: '/my-plugin-endpoint'
-            }));
-            const result = await response.json();
-            setMessage(result.message);
-        };
-        void fetchMessage();
-    }, [
-        config.serverURL,
-        config.routes.api
-    ]);
-    return /*#__PURE__*/ _jsxs("div", {
-        children: [
-            /*#__PURE__*/ _jsx("h1", {
-                children: "Added by the plugin: Before Dashboard Client"
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                children: [
-                    "Message from the endpoint:",
-                    /*#__PURE__*/ _jsx("div", {
-                        children: message || 'Loading...'
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=BeforeDashboardClient.js.map

package/dist/components/BeforeDashboardClient.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/BeforeDashboardClient.tsx"],"sourcesContent":["'use client'\nimport { useConfig } from '@payloadcms/ui'\nimport { formatAdminURL } from 'payload/shared'\nimport { useEffect, useState } from 'react'\n\nexport const BeforeDashboardClient = () => {\n  const { config } = useConfig()\n\n  const [message, setMessage] = useState('')\n\n  useEffect(() => {\n    const fetchMessage = async () => {\n      const response = await fetch(\n        formatAdminURL({\n          adminRoute: config.routes.api,\n          path: '/my-plugin-endpoint',\n        }),\n      )\n      const result = await response.json()\n      setMessage(result.message)\n    }\n\n    void fetchMessage()\n  }, [config.serverURL, config.routes.api])\n\n  return (\n    <div>\n      <h1>Added by the plugin: Before Dashboard Client</h1>\n      <div>\n        Message from the endpoint:\n        <div>{message || 'Loading...'}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["useConfig","formatAdminURL","useEffect","useState","BeforeDashboardClient","config","message","setMessage","fetchMessage","response","fetch","adminRoute","routes","api","path","result","json","serverURL","div","h1"],"mappings":"AAAA;;AACA,SAASA,SAAS,QAAQ,iBAAgB;AAC1C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,OAAO,MAAMC,wBAAwB;IACnC,MAAM,EAAEC,MAAM,EAAE,GAAGL;IAEnB,MAAM,CAACM,SAASC,WAAW,GAAGJ,SAAS;IAEvCD,UAAU;QACR,MAAMM,eAAe;YACnB,MAAMC,WAAW,MAAMC,MACrBT,eAAe;gBACbU,YAAYN,OAAOO,MAAM,CAACC,GAAG;gBAC7BC,MAAM;YACR;YAEF,MAAMC,SAAS,MAAMN,SAASO,IAAI;YAClCT,WAAWQ,OAAOT,OAAO;QAC3B;QAEA,KAAKE;IACP,GAAG;QAACH,OAAOY,SAAS;QAAEZ,OAAOO,MAAM,CAACC,GAAG;KAAC;IAExC,qBACE,MAACK;;0BACC,KAACC;0BAAG;;0BACJ,MAACD;;oBAAI;kCAEH,KAACA;kCAAKZ,WAAW;;;;;;AAIzB,EAAC"}

package/dist/components/BeforeDashboardServer.d.ts

@@ -1,2 +0,0 @@
-import type { ServerComponentProps } from 'payload';
-export declare const BeforeDashboardServer: (props: ServerComponentProps) => Promise<import("react").JSX.Element>;

package/dist/components/BeforeDashboardServer.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './BeforeDashboardServer.module.css';
-export const BeforeDashboardServer = async (props)=>{
-    const { payload } = props;
-    const { docs } = await payload.find({
-        collection: 'subscribers'
-    });
-    return /*#__PURE__*/ _jsxs("div", {
-        className: styles.wrapper,
-        children: [
-            /*#__PURE__*/ _jsx("h1", {
-                children: "Added by the plugin: Before Dashboard Server"
-            }),
-            "Docs from Local API:",
-            docs.map((doc)=>/*#__PURE__*/ _jsx("div", {
-                    children: doc.id
-                }, doc.id))
-        ]
-    });
-};
-
-//# sourceMappingURL=BeforeDashboardServer.js.map

package/dist/components/BeforeDashboardServer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/BeforeDashboardServer.tsx"],"sourcesContent":["import type { ServerComponentProps } from 'payload'\n\nimport styles from './BeforeDashboardServer.module.css'\n\nexport const BeforeDashboardServer = async (props: ServerComponentProps) => {\n  const { payload } = props\n\n  const { docs } = await payload.find({ collection: 'subscribers' })\n\n  return (\n    <div className={styles.wrapper}>\n      <h1>Added by the plugin: Before Dashboard Server</h1>\n      Docs from Local API:\n      {docs.map((doc) => (\n        <div key={doc.id}>{doc.id}</div>\n      ))}\n    </div>\n  )\n}\n"],"names":["styles","BeforeDashboardServer","props","payload","docs","find","collection","div","className","wrapper","h1","map","doc","id"],"mappings":";AAEA,OAAOA,YAAY,qCAAoC;AAEvD,OAAO,MAAMC,wBAAwB,OAAOC;IAC1C,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,MAAM,EAAEE,IAAI,EAAE,GAAG,MAAMD,QAAQE,IAAI,CAAC;QAAEC,YAAY;IAAc;IAEhE,qBACE,MAACC;QAAIC,WAAWR,OAAOS,OAAO;;0BAC5B,KAACC;0BAAG;;YAAiD;YAEpDN,KAAKO,GAAG,CAAC,CAACC,oBACT,KAACL;8BAAkBK,IAAIC,EAAE;mBAAfD,IAAIC,EAAE;;;AAIxB,EAAC"}

package/dist/components/BeforeDashboardServer.module.css

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

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

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

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

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

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

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

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

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

package/dist/copied/payload.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: Promise<import("payload").SanitizedConfig>;
-export default _default;

package/dist/endpoints/customEndpointHandler.d.ts

@@ -1,2 +0,0 @@
-import type { PayloadHandler } from 'payload';
-export declare const customEndpointHandler: PayloadHandler;

package/dist/endpoints/customEndpointHandler.js

@@ -1,7 +0,0 @@
-export const customEndpointHandler = ()=>{
-    return Response.json({
-        message: 'Hello from custom endpoint'
-    });
-};
-
-//# sourceMappingURL=customEndpointHandler.js.map

package/dist/endpoints/customEndpointHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/endpoints/customEndpointHandler.ts"],"sourcesContent":["import type { PayloadHandler } from 'payload'\n\nexport const customEndpointHandler: PayloadHandler = () => {\n  return Response.json({ message: 'Hello from custom endpoint' })\n}\n"],"names":["customEndpointHandler","Response","json","message"],"mappings":"AAEA,OAAO,MAAMA,wBAAwC;IACnD,OAAOC,SAASC,IAAI,CAAC;QAAEC,SAAS;IAA6B;AAC/D,EAAC"}

package/dist/exports/client.d.ts

@@ -1 +0,0 @@
-export { BeforeDashboardClient } from '../components/BeforeDashboardClient.js';

package/dist/exports/client.js

@@ -1,3 +0,0 @@
-export { BeforeDashboardClient } from '../components/BeforeDashboardClient.js';
-
-//# sourceMappingURL=client.js.map

package/dist/exports/client.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["export { BeforeDashboardClient } from '../components/BeforeDashboardClient.js'\n"],"names":["BeforeDashboardClient"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,yCAAwC"}

package/dist/exports/rsc.d.ts

@@ -1 +0,0 @@
-export { BeforeDashboardServer } from '../components/BeforeDashboardServer.js';

package/dist/exports/rsc.js

@@ -1,3 +0,0 @@
-export { BeforeDashboardServer } from '../components/BeforeDashboardServer.js';
-
-//# sourceMappingURL=rsc.js.map

package/dist/exports/rsc.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/exports/rsc.ts"],"sourcesContent":["export { BeforeDashboardServer } from '../components/BeforeDashboardServer.js'\n"],"names":["BeforeDashboardServer"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,yCAAwC"}

package/dist/helpers/serverConfig.d.ts

@@ -1,4 +0,0 @@
-export declare const canUseDOM: boolean;
-export declare const getServerSideURL: () => string;
-export declare const getClientSideURL: () => string;
-export declare const serverURL: string;

package/dist/helpers/serverConfig.js

@@ -1,22 +0,0 @@
-export const canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-export const getServerSideURL = ()=>{
-    const serverSideURL = process.env.NEXT_PUBLIC_VERCEL_URL ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}` : process.env.VERCEL_PROJECT_PRODUCTION_URL ? `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}` : process.env.NEXT_PUBLIC_DEV_URL ? `http://${process.env.NEXT_PUBLIC_DEV_URL}` : 'http://localhost:3000';
-    // console.log(`process.env.NEXT_PUBLIC_DEV_URL: ${process.env.NEXT_PUBLIC_DEV_URL}`)
-    // console.log(`serverSideURL: ${serverSideURL}`)
-    return serverSideURL;
-};
-export const getClientSideURL = ()=>{
-    if (canUseDOM) {
-        const protocol = window.location.protocol;
-        const domain = window.location.hostname;
-        const port = window.location.port;
-        // `${window.location.protocol}//${window.location.host}
-        const clientSideURL = `${protocol}//${domain}${port ? `:${port}` : ''}`;
-        // console.log(`clientSideURL: ${clientSideURL}`)
-        return clientSideURL;
-    }
-    return getServerSideURL();
-};
-export const serverURL = getClientSideURL();
-
-//# sourceMappingURL=serverConfig.js.map

package/dist/helpers/serverConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/helpers/serverConfig.ts"],"sourcesContent":["export const canUseDOM = !!(\n  typeof window !== 'undefined' &&\n  window.document &&\n  window.document.createElement\n)\n\nexport const getServerSideURL = () => {\n  const serverSideURL = process.env.NEXT_PUBLIC_VERCEL_URL\n    ? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`\n    : process.env.VERCEL_PROJECT_PRODUCTION_URL\n      ? `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`\n      : process.env.NEXT_PUBLIC_DEV_URL\n        ? `http://${process.env.NEXT_PUBLIC_DEV_URL}`\n        : 'http://localhost:3000'\n  // console.log(`process.env.NEXT_PUBLIC_DEV_URL: ${process.env.NEXT_PUBLIC_DEV_URL}`)\n  // console.log(`serverSideURL: ${serverSideURL}`)\n  return serverSideURL\n}\n\nexport const getClientSideURL = () => {\n  if (canUseDOM) {\n    const protocol = window.location.protocol\n    const domain = window.location.hostname\n    const port = window.location.port\n    // `${window.location.protocol}//${window.location.host}\n    const clientSideURL = `${protocol}//${domain}${port ? `:${port}` : ''}`\n    // console.log(`clientSideURL: ${clientSideURL}`)\n    return clientSideURL\n  }\n\n  return getServerSideURL()\n}\n\nexport const serverURL = getClientSideURL()\n"],"names":["canUseDOM","window","document","createElement","getServerSideURL","serverSideURL","process","env","NEXT_PUBLIC_VERCEL_URL","VERCEL_PROJECT_PRODUCTION_URL","NEXT_PUBLIC_DEV_URL","getClientSideURL","protocol","location","domain","hostname","port","clientSideURL","serverURL"],"mappings":"AAAA,OAAO,MAAMA,YAAY,CAAC,CACxB,CAAA,OAAOC,WAAW,eAClBA,OAAOC,QAAQ,IACfD,OAAOC,QAAQ,CAACC,aAAa,AAAD,EAC7B;AAED,OAAO,MAAMC,mBAAmB;IAC9B,MAAMC,gBAAgBC,QAAQC,GAAG,CAACC,sBAAsB,GACpD,CAAC,QAAQ,EAAEF,QAAQC,GAAG,CAACC,sBAAsB,EAAE,GAC/CF,QAAQC,GAAG,CAACE,6BAA6B,GACvC,CAAC,QAAQ,EAAEH,QAAQC,GAAG,CAACE,6BAA6B,EAAE,GACtDH,QAAQC,GAAG,CAACG,mBAAmB,GAC7B,CAAC,OAAO,EAAEJ,QAAQC,GAAG,CAACG,mBAAmB,EAAE,GAC3C;IACR,qFAAqF;IACrF,iDAAiD;IACjD,OAAOL;AACT,EAAC;AAED,OAAO,MAAMM,mBAAmB;IAC9B,IAAIX,WAAW;QACb,MAAMY,WAAWX,OAAOY,QAAQ,CAACD,QAAQ;QACzC,MAAME,SAASb,OAAOY,QAAQ,CAACE,QAAQ;QACvC,MAAMC,OAAOf,OAAOY,QAAQ,CAACG,IAAI;QACjC,wDAAwD;QACxD,MAAMC,gBAAgB,GAAGL,SAAS,EAAE,EAAEE,SAASE,OAAO,CAAC,CAAC,EAAEA,MAAM,GAAG,IAAI;QACvE,iDAAiD;QACjD,OAAOC;IACT;IAEA,OAAOb;AACT,EAAC;AAED,OAAO,MAAMc,YAAYP,mBAAkB"}

package/dist/server-functions/subscriberAuth.d.ts

@@ -1,11 +0,0 @@
-export type SubscriberAuthReturn = {
-    error: any;
-} | {
-    permissions: any;
-    subscriber: any;
-};
-export declare const subscriberAuth: () => Promise<SubscriberAuthReturn>;
-export declare function logoutAction(): Promise<{
-    message: string;
-    success: boolean;
-}>;

package/src/collections/OptInChannels.ts

@@ -1,45 +0,0 @@
-import type { CollectionConfig } from 'payload'
-
-export const OptInChannels: CollectionConfig = {
-  slug: 'opt-in-channels',
-  access: {
-    // Public access for creation (signup form)
-    create: () => true,
-    // Admin-only access for reading, updating, and deleting
-    delete: ({ req }) => (req.user ? true : false),
-    // read: ({ req }) => (req.user ? true : false),
-    read: () => true,
-    update: ({ req }) => (req.user ? true : false),
-  },
-  admin: {
-    useAsTitle: 'title', // Specify the field to use as the title
-  },
-  fields: [
-    {
-      name: 'title',
-      type: 'text', // Enforces valid email format
-      label: 'Title',
-      required: true,
-      unique: true, // Ensures no duplicate titles
-    },
-    {
-      name: 'description',
-      type: 'text',
-      label: 'Description',
-    },
-    {
-      name: 'active',
-      type: 'checkbox',
-      defaultValue: true, // Default to pending until verified
-      label: 'Active',
-      required: true,
-    },
-    {
-      name: 'slug',
-      type: 'text',
-      label: 'slug',
-    },
-  ],
-}
-
-export default OptInChannels

package/src/collections/Subscribers.ts

@@ -1,99 +0,0 @@
-import type { CollectionConfig, CollectionSlug, Field } from 'payload'
-
-import { OptedInChannels } from './fields/OptedInChannels.js'
-
-export const defaultTokenExpiration = 30 * 60 // 30 minutes
-
-export const defaultCollectionSlug = 'subscribers'
-
-export const SubscribersCollectionFactory = ({
-  slug,
-  tokenExpiration = defaultTokenExpiration,
-}: {
-  slug?: CollectionSlug
-  tokenExpiration?: number
-}) => {
-  const Subscribers: CollectionConfig = {
-    slug: slug ? slug : defaultCollectionSlug,
-    access: {
-      // Public access for creation (signup form)
-      create: () => true,
-      // Admin-only access for reading, updating, and deleting
-      delete: ({ req }) => (req.user ? true : false),
-      read: ({ req }) => (req.user ? true : false),
-      update: ({ req }) => (req.user ? true : false),
-    },
-    admin: { useAsTitle: 'email' },
-    auth: {
-      tokenExpiration,
-      // verify: true, // Require email verification before being allowed to authenticate
-      // maxLoginAttempts: 5, // Automatically lock a user out after X amount of failed logins
-      // lockTime: 600 * 1000, // Time period to allow the max login attempts
-    },
-    fields: [...subscribersCollectionFields],
-  }
-
-  return Subscribers
-}
-
-export const subscribersCollectionFields: Field[] = [
-  {
-    name: 'email',
-    type: 'email', // Enforces valid email format
-    label: 'Email Address',
-    required: true,
-    unique: true, // Ensures no duplicate emails
-  },
-  {
-    name: 'firstName',
-    type: 'text',
-    label: 'First Name',
-  },
-  {
-    name: 'status',
-    type: 'select',
-    defaultValue: 'pending', // Default to pending until verified
-    label: 'Subscription Status',
-    options: [
-      {
-        label: 'Subscribed',
-        value: 'subscribed',
-      },
-      {
-        label: 'Unsubscribed',
-        value: 'unsubscribed',
-      },
-      {
-        label: 'Pending Verification',
-        value: 'pending',
-      },
-    ],
-    required: true,
-  },
-  {
-    name: 'source',
-    type: 'text', // e.g., 'Homepage form', 'Blog post A', etc.
-    label: 'Signup Source',
-  },
-  {
-    name: 'verificationToken',
-    type: 'text',
-    admin: {
-      hidden: true, // Hide this field in the admin panel for security/cleanliness
-    },
-    label: 'Verification Token',
-  },
-  {
-    name: 'verificationTokenExpires',
-    type: 'date',
-    admin: {
-      hidden: true, // Hide this field in the admin panel for security/cleanliness
-    },
-    label: 'Verification Token Expiration',
-  },
-
-  /**
-   * Plugin field relationship to optinchannels
-   */
-  OptedInChannels,
-]

package/src/collections/fields/OptedInChannels.ts

@@ -1,12 +0,0 @@
-import type { Field } from 'payload'
-
-export const OptedInChannels: Field = {
-  name: 'optIns',
-  type: 'relationship',
-  admin: {
-    position: 'sidebar',
-  },
-  hasMany: true,
-  label: 'Opted-in channels',
-  relationTo: 'opt-in-channels',
-}

package/src/components/app/RequestMagicLink.tsx

@@ -1,129 +0,0 @@
-'use client'
-
-import { PayloadSDK } from '@payloadcms/sdk'
-import { type ChangeEvent, type SubmitEvent, useEffect, useState } from 'react'
-
-import type { Config } from '../../copied/payload-types.js'
-import type { RequestMagicLinkResponse } from '../../endpoints/requestMagicLink.js'
-
-import { useSubscriber } from '../../contexts/SubscriberProvider.js'
-import { useServerUrl } from '../../react-hooks/useServerUrl.js'
-import { mergeClassNames } from './helpers.js'
-import styles from './shared.module.css'
-
-export { RequestMagicLinkResponse }
-
-export interface IRequestMagicLink {
-  classNames?: RequestMagicLinkClasses
-  handleMagicLinkRequested?: (result: RequestMagicLinkResponse) => void
-  props?: any
-}
-
-export type RequestMagicLinkClasses = {
-  button?: string
-  container?: string
-  emailInput?: string
-  error?: string
-  form?: string
-  message?: string
-}
-
-type statusValues = 'default' | 'error' | 'sent'
-
-export const RequestMagicLink = ({
-  classNames = {
-    button: '',
-    container: '',
-    emailInput: '',
-    error: '',
-    form: '',
-    message: '',
-  },
-  handleMagicLinkRequested,
-}: IRequestMagicLink) => {
-  const { subscriber } = useSubscriber()
-  const { serverURL } = useServerUrl()
-
-  const [status, setStatus] = useState<statusValues>('default')
-
-  const sdk = new PayloadSDK<Config>({
-    baseURL: serverURL || '',
-  })
-
-  const [result, setResult] = useState<string>()
-  const [email, setEmail] = useState(subscriber?.email || '')
-
-  useEffect(() => {
-    setEmail(subscriber?.email || '')
-  }, [subscriber])
-
-  const handleSubmit = async (e: SubmitEvent<HTMLFormElement>) => {
-    e.preventDefault()
-    const forwardUrl = window.location.pathname + '?now=' + new Date().toISOString()
-    const emailTokenResponse = await sdk.request({
-      json: {
-        email,
-        forwardUrl,
-      },
-      method: 'POST',
-      path: '/api/emailToken',
-    })
-    if (emailTokenResponse.ok) {
-      const emailTokenResponseJson: RequestMagicLinkResponse = await emailTokenResponse.json()
-      if (handleMagicLinkRequested) {
-        handleMagicLinkRequested(emailTokenResponseJson)
-      }
-      // @ts-expect-error One or the other exists
-      const { emailResult, error } = emailTokenResponseJson
-      if (error) {
-        setStatus('error')
-        setResult(`An error occured. Please try again. \n ${error}`)
-      } else if (emailResult) {
-        setStatus('sent')
-        setResult('An email has been sent containing your magic link.')
-      } else {
-        setStatus('error')
-        setResult(`An error occured. Please try again. \nResult unknown`)
-      }
-    } else {
-      const emailTokenResponseText = await emailTokenResponse.text()
-      setStatus('error')
-      setResult(`An error occured. Please try again. \n${emailTokenResponseText}`)
-    }
-  }
-
-  return (
-    <div className={mergeClassNames([styles.container, classNames.container])}>
-      {result ? (
-        <p
-          className={mergeClassNames([
-            styles.message,
-            classNames.message,
-            status == 'error' ? [styles.error, classNames.error] : [],
-          ])}
-        >
-          {result}
-        </p>
-      ) : (
-        <></>
-      )}
-      <form
-        className={mergeClassNames([styles.form, classNames.form])}
-        method="POST"
-        onSubmit={handleSubmit}
-      >
-        <input
-          aria-label="enter your email"
-          className={mergeClassNames([styles.emailInput, classNames.emailInput])}
-          onChange={(e: ChangeEvent<HTMLInputElement>) => setEmail(e.target.value)}
-          placeholder="enter your email"
-          type="email"
-          value={email}
-        />
-        <button className={mergeClassNames([styles.button, classNames.button])} type="submit">
-          Request magic link
-        </button>
-      </form>
-    </div>
-  )
-}

package/src/components/app/RequestOrSubscribe.tsx

@@ -1,58 +0,0 @@
-'use client'
-
-import { useSubscriber } from '../../contexts/SubscriberProvider.js'
-import {
-  RequestMagicLink,
-  type RequestMagicLinkResponse,
-  Subscribe,
-  type SubscribeResponse,
-} from '../../exports/ui.js'
-
-export type { RequestMagicLinkResponse, SubscribeResponse }
-
-export type RequestOrSubscribeClasses = {
-  button?: string
-  container?: string
-  emailInput?: string
-  error?: string
-  form?: string
-  loading?: string
-  message?: string
-  section?: string
-}
-
-export function RequestOrSubscribe({
-  classNames = {
-    button: '',
-    container: '',
-    emailInput: '',
-    error: '',
-    form: '',
-    loading: '',
-    message: '',
-    section: '',
-  },
-  handleMagicLinkRequested,
-  handleSubscribe,
-}: {
-  classNames?: RequestOrSubscribeClasses
-  handleMagicLinkRequested?: (result: RequestMagicLinkResponse) => void
-  handleSubscribe?: (result: SubscribeResponse) => void
-}) {
-  const { subscriber } = useSubscriber()
-
-  // Example: Conditionally render something or pass the state to children
-  return (
-    <>
-      {subscriber ? (
-        <Subscribe classNames={classNames} handleSubscribe={handleSubscribe} />
-      ) : (
-        <RequestMagicLink
-          classNames={classNames}
-          handleMagicLinkRequested={handleMagicLinkRequested}
-        />
-      )}
-      {/* <div>subscriber = {JSON.stringify(subscriber)}</div> */}
-    </>
-  )
-}