50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.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:T71e,import { getSafeFormAction } from './safeUrls' export const contactChannelTypeOptions = ['email', 'phone', 'url'] as const export type ContactChannelType = (typeof contactChannelTypeOptions)[number] type ContactValidationContext = { siblingData?: Record | null } const contactErrors: Record = { email: 'Enter a valid email address.', phone: 'Enter a valid phone number with 7 to 15 digits.', url: 'Enter an HTTPS URL or a same-origin path such as /support.', } export const getSafeContactHref = (type: unknown, value: unknown) => { if ( !contactChannelTypeOptions.includes(type as ContactChannelType) || typeof value !== 'string' ) { return undefined } const trimmed = value.trim() if (!trimmed || /[\r\n]/.test(trimmed)) return undefined if (type === 'email') { return /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i.test(trimmed) ? `mailto:${trimmed}` : undefined } if (type === 'phone') { const normalized = trimmed.replace(/[\s().-]/g, '') return /^\+?\d{7,15}$/.test(normalized) ? `tel:${normalized}` : undefined } const sameOriginPath = getSafeFormAction(trimmed) if (sameOriginPath) return sameOriginPath try { const parsed = new URL(trimmed) if (parsed.protocol !== 'https:' || parsed.username || parsed.password) return undefined return parsed.toString() } catch { return undefined } } export const validateContactValue = ( value: unknown, { siblingData }: ContactValidationContext, ) => { const type = siblingData?.type if (!contactChannelTypeOptions.includes(type as ContactChannelType)) { return 'Choose a contact channel type before entering its value.' } return getSafeContactHref(type, value) ? true : contactErrors[type as ContactChannelType] } 54:T8f4,import type { Field } from 'payload' import { contactChannelTypeOptions, validateContactValue } from './contactUrls' /** * Shared field core for the Contact component family. * * Every contact variant (contact-routing-form, contact-channels, …) spreads * `contactFields` first for the shared heading, then appends its own * variant-specific shape — the inquiry form for the routing layout, or the * footnote for the channels-only layout. Editing the shared * eyebrow/title/description here updates every installed contact block at once, * so the family never drifts field-by-field across a repo. * * `contactChannelFields` is the one-channel shape (label, type, value, optional * description) reused by every variant, so a channel looks and validates the * same everywhere it appears. The `value` validator lives in * `@/blocks/shared/contactUrls` and rejects anything that would not resolve to a * safe `mailto:` / `tel:` / HTTPS href, so an editor cannot publish a channel * that renders as a dead or unsafe link. * * Installed once per repo at `src/blocks/shared/contactFields.ts`; re-running * `payload-components add contact-*` never overwrites a copy you have already edited. */ export const contactFields: Field[] = [ { name: 'eyebrow', type: 'text', custom: { payloadComponents: { localization: 'localized' } }, }, { name: 'title', type: 'text', custom: { payloadComponents: { localization: 'localized' } }, required: true, }, { name: 'description', type: 'textarea', custom: { payloadComponents: { localization: 'localized' } }, }, ] export const contactChannelFields: Field[] = [ { name: 'label', type: 'text', custom: { payloadComponents: { localization: 'localized' } }, required: true, }, { name: 'type', type: 'select', options: contactChannelTypeOptions.map((value) => ({ label: value.charAt(0).toUpperCase() + value.slice(1), value, })), required: true, }, { name: 'value', type: 'text', custom: { payloadComponents: { localization: 'global' } }, required: true, validate: validateContactValue, }, { name: 'description', type: 'text', custom: { payloadComponents: { localization: 'localized' } }, }, ] 55:T4c4,import type { Block } from 'payload' import { contactChannelFields, contactFields } from '@/blocks/shared/contactFields' export const ContactChannels: Block = { slug: 'contactChannels', // Existing apps must migrate stored data before adopting this identifier: // https://www.payload-components.xyz/docs/registry#installed-source-and-migrations dbName: 'pc_contact_chan', interfaceName: 'ContactChannelsBlock', fields: [ // Shared contact core (eyebrow, title, description). Variant-specific fields // follow; edit the shared shape in @/blocks/shared/contactFields. ...contactFields, { name: 'channels', type: 'array', required: true, minRows: 2, maxRows: 6, admin: { initCollapsed: true, }, // Shared channel shape — see @/blocks/shared/contactFields. fields: contactChannelFields, }, { name: 'footnote', type: 'text', custom: { payloadComponents: { localization: 'localized' } }, admin: { description: 'Optional response-time or hours note rendered under the channels.', }, }, ], labels: { plural: 'Contact Channels Blocks', singular: 'Contact Channels', }, } 56:Tcf8,import React from 'react' import type { ContactChannelsBlock as ContactChannelsBlockData } from '@/payload-types' import { getSafeContactHref } from '@/blocks/shared/contactUrls' import { Badge } from '@/components/ui/badge' import { cn } from '@/utilities/ui' type Props = ContactChannelsBlockData & { id?: string className?: string disableInnerContainer?: boolean } export const ContactChannelsBlock: React.FC = ({ channels, className, description, disableInnerContainer, eyebrow, footnote, id, title, }) => { return (

{eyebrow ? ( {eyebrow} ) : null}

{title}

{description ? (

{description}

) : null}

{channels && channels.length > 0 ? (

{channels.map((channel, index) => { /* Rejects anything that would not resolve to a safe mailto:, tel:, same-origin path, or HTTPS URL; an unsafe value falls back to plain text rather than rendering a dead link. */ const href = getSafeContactHref(channel.type, channel.value) return (

{channel.label}

{href ? ( {channel.value} ) : ( {channel.value} )} {channel.description ? (

{channel.description}

) : null}

) })}

) : null} {footnote ?

{footnote}

: null}

) } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L50",null,{"namespace":"@payload-components","registryDependencies":["badge"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"payload-components/source/blocks/shared/safeUrls.ts","content":"$52","type":"registry:file","target":"~/src/blocks/shared/safeUrls.ts"},{"path":"payload-components/source/blocks/shared/contactUrls.ts","content":"$53","type":"registry:file","target":"~/src/blocks/shared/contactUrls.ts"},{"path":"payload-components/source/blocks/shared/contactFields.ts","content":"$54","type":"registry:file","target":"~/src/blocks/shared/contactFields.ts"},{"path":"payload-components/source/blocks/ContactChannels/config.ts","content":"$55","type":"registry:file","target":"~/src/blocks/ContactChannels/config.ts"},{"path":"payload-components/source/blocks/ContactChannels/Component.tsx","content":"$56","type":"registry:file","target":"~/src/blocks/ContactChannels/Component.tsx"}],"className":"h-[70svh] min-h-80"}]]}]