4f:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 50:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 51:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 52:T8bd,const approvedEmbedHosts = new Set([ 'airtable.com', 'docs.google.com', 'form.typeform.com', 'lookerstudio.google.com', 'maps.google.com', 'player.vimeo.com', 'vimeo.com', 'www.airtable.com', 'www.google.com', 'www.youtube-nocookie.com', 'www.youtube.com', 'youtube-nocookie.com', 'youtube.com', ]) const approvedEmbedHostSuffixes = [ '.airtable.com', '.google.com', '.typeform.com', '.vimeo.com', '.youtube-nocookie.com', '.youtube.com', ] const embedUrlError = 'Use an approved HTTPS embed URL.' const formActionError = 'Use a same-origin path, such as /api/newsletter.' const sameOriginBase = 'https://payload-components.local' const isApprovedEmbedHost = (hostname: string) => { const normalizedHost = hostname.toLowerCase() return ( approvedEmbedHosts.has(normalizedHost) || approvedEmbedHostSuffixes.some((suffix) => normalizedHost.endsWith(suffix)) ) } export const getSafeEmbedUrl = (value: unknown) => { if (typeof value !== 'string') return undefined const trimmed = value.trim() if (!trimmed) return undefined try { const parsed = new URL(trimmed) if (parsed.protocol !== 'https:' || parsed.username || parsed.password) { return undefined } if (!isApprovedEmbedHost(parsed.hostname)) { return undefined } return parsed.toString() } catch { return undefined } } export const validateEmbedUrl = (value: unknown) => getSafeEmbedUrl(value) ? true : embedUrlError export const getSafeFormAction = (value: unknown) => { if (typeof value !== 'string') return undefined const trimmed = value.trim() if (!trimmed || !trimmed.startsWith('/') || trimmed.startsWith('//') || trimmed.includes('\\')) { return undefined } try { const parsed = new URL(trimmed, sameOriginBase) if (parsed.origin !== sameOriginBase) { return undefined } return `${parsed.pathname}${parsed.search}${parsed.hash}` } catch { return undefined } } export const validateSameOriginFormAction = (value: unknown) => { if (value === null || value === undefined || (typeof value === 'string' && value.trim() === '')) { return true } return getSafeFormAction(value) ? true : formActionError } 53:T474,import type { Block } from 'payload' import { callToActionFields } from '@/blocks/shared/callToActionFields' import { validateSameOriginFormAction } from '@/blocks/shared/safeUrls' export const CallToActionSignup: Block = { slug: 'callToActionSignup', // Existing apps must migrate stored data before adopting this identifier: // https://www.payload-components.xyz/docs/registry#installed-source-and-migrations dbName: 'pc_cal_to_act_sig', interfaceName: 'CallToActionSignupBlock', fields: [ // Shared call-to-action core (title, description). Variant-specific fields // follow; edit the shared shape in @/blocks/shared/callToActionFields. ...callToActionFields, { name: 'emailPlaceholder', type: 'text', }, { name: 'submitLabel', type: 'text', }, { name: 'action', type: 'text', validate: validateSameOriginFormAction, admin: { description: 'Same-origin path where the email form posts, such as /api/newsletter.', }, }, ], labels: { plural: 'Call To Action Signup Blocks', singular: 'Call To Action Signup', }, } 54:T948,import React from 'react' import type { CallToActionSignupBlock as CallToActionSignupBlockData } from '@/payload-types' import { Mail, SendHorizonal } from 'lucide-react' import { getSafeFormAction } from '@/blocks/shared/safeUrls' import { Button } from '@/components/ui/button' import { cn } from '@/utilities/ui' type Props = CallToActionSignupBlockData & { id?: string className?: string disableInnerContainer?: boolean } export const CallToActionSignupBlock: React.FC = ({ action, className, description, disableInnerContainer, emailPlaceholder, id, submitLabel, title, }) => { const formAction = getSafeFormAction(action) ?? '#' return (

{title}

{description ? (

{description}

) : null}

) } 4b:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[["$","li","lucide-react",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4f",null,{"registryDependencies":["button"]}]]}],["$","$L50",null,{"sourceUrl":"https://www.payload-components.xyz/r/call-to-action-signup.json","proxyUrl":"https://shadcnregistry.com/r/payload-components/call-to-action-signup","itemId":"@payload-components/call-to-action-signup"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L51",null,{"files":[{"path":"payload-components/source/blocks/shared/callToActionFields.ts","content":"import type { Field } from 'payload'\n\n/**\n * Shared field core for the Call To Action component family.\n *\n * Every call-to-action variant (call-to-action-centered, call-to-action-boxed,\n * call-to-action-signup, …) spreads these heading fields first and then appends\n * its own variant-specific shape — the CTA link group for the centered and boxed\n * layouts, or the email-capture fields for the signup layout. Editing the shared\n * title/description here updates every installed call-to-action block at once, so\n * the family never drifts field-by-field across a repo.\n *\n * Installed once per repo at `src/blocks/shared/callToActionFields.ts`; re-running\n * `payload-components add call-to-action-*` never overwrites a copy you have already edited.\n */\nexport const callToActionFields: Field[] = [\n {\n name: 'title',\n type: 'text',\n required: true,\n },\n {\n name: 'description',\n type: 'textarea',\n },\n]\n","type":"registry:file","target":"~/src/blocks/shared/callToActionFields.ts"},{"path":"payload-components/source/blocks/shared/safeUrls.ts","content":"$52","type":"registry:file","target":"~/src/blocks/shared/safeUrls.ts"},{"path":"payload-components/source/blocks/CallToActionSignup/config.ts","content":"$53","type":"registry:file","target":"~/src/blocks/CallToActionSignup/config.ts"},{"path":"payload-components/source/blocks/CallToActionSignup/Component.tsx","content":"$54","type":"registry:file","target":"~/src/blocks/CallToActionSignup/Component.tsx"}]}]]}],"$L55"]}]

Call To Action Signup

Installation

Files

~

Styles