2d:I[522016,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/0vm4r_y51lca-.js","/_next/static/immutable/chunks/1_05dnk5nlv68.js","/_next/static/immutable/chunks/22eey7bx99yf1.js","/_next/static/immutable/chunks/26w7nc1n_z-ef.js","/_next/static/immutable/chunks/0rg7f484r7pvs.js","/_next/static/immutable/chunks/08zzaq7mzunr6.js","/_next/static/immutable/chunks/2r4xab7oviwp5.js","/_next/static/immutable/chunks/3xlvx278x1e_n.js","/_next/static/immutable/chunks/2ndy6i4i4-y6n.js","/_next/static/immutable/chunks/06y00c7m-_7je.js","/_next/static/immutable/chunks/263-ujry15jpq.js","/_next/static/immutable/chunks/3p6b9_d0h8s6a.js","/_next/static/immutable/chunks/3s_tixnfkzgei.js","/_next/static/immutable/chunks/1vzkb09w9y5u9.js","/_next/static/immutable/chunks/0q5gv4ffdk-lk.js","/_next/static/immutable/chunks/37e7ynyc-_cqk.js","/_next/static/immutable/chunks/2m-qc00i-nvf7.js","/_next/static/immutable/chunks/2x3a5j5_bt12w.js","/_next/static/immutable/chunks/18rtnwgqpot3p.js","/_next/static/immutable/chunks/3kcvqkz425zel.js","/_next/static/immutable/chunks/0191lw-km_l_x.js","/_next/static/immutable/chunks/3-2tm_28na9tk.js","/_next/static/immutable/chunks/14yszr5gqr22_.js","/_next/static/immutable/chunks/29m25k6c5-ipo.js","/_next/static/immutable/chunks/2a77rt5-k4ju_.js","/_next/static/immutable/chunks/3fw7v0e9fz244.js","/_next/static/immutable/chunks/39oieppwminn9.js","/_next/static/immutable/chunks/2i0vfc8ynux_t.js","/_next/static/immutable/chunks/31pqjpqnverqb.js","/_next/static/immutable/chunks/43tk0scc5ia6a.js","/_next/static/immutable/chunks/2t0_o72h2hqpj.js","/_next/static/immutable/chunks/0hgm421bwn02n.js","/_next/static/immutable/chunks/3j6wvt_gtks8k.js","/_next/static/immutable/chunks/0xciaf081ehlj.js"],""] 2e:I[406394,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/0vm4r_y51lca-.js","/_next/static/immutable/chunks/1_05dnk5nlv68.js","/_next/static/immutable/chunks/22eey7bx99yf1.js","/_next/static/immutable/chunks/26w7nc1n_z-ef.js","/_next/static/immutable/chunks/0rg7f484r7pvs.js","/_next/static/immutable/chunks/08zzaq7mzunr6.js","/_next/static/immutable/chunks/2r4xab7oviwp5.js","/_next/static/immutable/chunks/3xlvx278x1e_n.js","/_next/static/immutable/chunks/2ndy6i4i4-y6n.js","/_next/static/immutable/chunks/06y00c7m-_7je.js","/_next/static/immutable/chunks/263-ujry15jpq.js","/_next/static/immutable/chunks/3p6b9_d0h8s6a.js","/_next/static/immutable/chunks/3s_tixnfkzgei.js","/_next/static/immutable/chunks/1vzkb09w9y5u9.js","/_next/static/immutable/chunks/0q5gv4ffdk-lk.js","/_next/static/immutable/chunks/37e7ynyc-_cqk.js","/_next/static/immutable/chunks/2m-qc00i-nvf7.js","/_next/static/immutable/chunks/2x3a5j5_bt12w.js","/_next/static/immutable/chunks/18rtnwgqpot3p.js","/_next/static/immutable/chunks/3kcvqkz425zel.js","/_next/static/immutable/chunks/0191lw-km_l_x.js","/_next/static/immutable/chunks/3-2tm_28na9tk.js","/_next/static/immutable/chunks/14yszr5gqr22_.js","/_next/static/immutable/chunks/29m25k6c5-ipo.js","/_next/static/immutable/chunks/2a77rt5-k4ju_.js","/_next/static/immutable/chunks/3fw7v0e9fz244.js","/_next/static/immutable/chunks/39oieppwminn9.js","/_next/static/immutable/chunks/2i0vfc8ynux_t.js","/_next/static/immutable/chunks/31pqjpqnverqb.js","/_next/static/immutable/chunks/43tk0scc5ia6a.js","/_next/static/immutable/chunks/2t0_o72h2hqpj.js","/_next/static/immutable/chunks/0hgm421bwn02n.js","/_next/static/immutable/chunks/3j6wvt_gtks8k.js","/_next/static/immutable/chunks/0xciaf081ehlj.js"],"BlockTabs"] 2f:I[966139,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/0vm4r_y51lca-.js","/_next/static/immutable/chunks/1_05dnk5nlv68.js","/_next/static/immutable/chunks/22eey7bx99yf1.js","/_next/static/immutable/chunks/26w7nc1n_z-ef.js","/_next/static/immutable/chunks/0rg7f484r7pvs.js","/_next/static/immutable/chunks/08zzaq7mzunr6.js","/_next/static/immutable/chunks/2r4xab7oviwp5.js","/_next/static/immutable/chunks/3xlvx278x1e_n.js","/_next/static/immutable/chunks/2ndy6i4i4-y6n.js","/_next/static/immutable/chunks/06y00c7m-_7je.js","/_next/static/immutable/chunks/263-ujry15jpq.js","/_next/static/immutable/chunks/3p6b9_d0h8s6a.js","/_next/static/immutable/chunks/3s_tixnfkzgei.js","/_next/static/immutable/chunks/1vzkb09w9y5u9.js","/_next/static/immutable/chunks/0q5gv4ffdk-lk.js","/_next/static/immutable/chunks/37e7ynyc-_cqk.js","/_next/static/immutable/chunks/2m-qc00i-nvf7.js","/_next/static/immutable/chunks/2x3a5j5_bt12w.js","/_next/static/immutable/chunks/18rtnwgqpot3p.js","/_next/static/immutable/chunks/3kcvqkz425zel.js","/_next/static/immutable/chunks/0191lw-km_l_x.js","/_next/static/immutable/chunks/3-2tm_28na9tk.js","/_next/static/immutable/chunks/14yszr5gqr22_.js","/_next/static/immutable/chunks/29m25k6c5-ipo.js","/_next/static/immutable/chunks/2a77rt5-k4ju_.js","/_next/static/immutable/chunks/3fw7v0e9fz244.js","/_next/static/immutable/chunks/39oieppwminn9.js","/_next/static/immutable/chunks/2i0vfc8ynux_t.js","/_next/static/immutable/chunks/31pqjpqnverqb.js","/_next/static/immutable/chunks/43tk0scc5ia6a.js","/_next/static/immutable/chunks/2t0_o72h2hqpj.js","/_next/static/immutable/chunks/0hgm421bwn02n.js","/_next/static/immutable/chunks/3j6wvt_gtks8k.js","/_next/static/immutable/chunks/0xciaf081ehlj.js"],"PreviewFrame"] 30:I[967833,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/0vm4r_y51lca-.js","/_next/static/immutable/chunks/1_05dnk5nlv68.js","/_next/static/immutable/chunks/22eey7bx99yf1.js","/_next/static/immutable/chunks/26w7nc1n_z-ef.js","/_next/static/immutable/chunks/0rg7f484r7pvs.js","/_next/static/immutable/chunks/08zzaq7mzunr6.js","/_next/static/immutable/chunks/2r4xab7oviwp5.js","/_next/static/immutable/chunks/3xlvx278x1e_n.js","/_next/static/immutable/chunks/2ndy6i4i4-y6n.js","/_next/static/immutable/chunks/06y00c7m-_7je.js","/_next/static/immutable/chunks/263-ujry15jpq.js","/_next/static/immutable/chunks/3p6b9_d0h8s6a.js","/_next/static/immutable/chunks/3s_tixnfkzgei.js","/_next/static/immutable/chunks/1vzkb09w9y5u9.js","/_next/static/immutable/chunks/0q5gv4ffdk-lk.js","/_next/static/immutable/chunks/37e7ynyc-_cqk.js","/_next/static/immutable/chunks/2m-qc00i-nvf7.js","/_next/static/immutable/chunks/2x3a5j5_bt12w.js","/_next/static/immutable/chunks/18rtnwgqpot3p.js","/_next/static/immutable/chunks/3kcvqkz425zel.js","/_next/static/immutable/chunks/0191lw-km_l_x.js","/_next/static/immutable/chunks/3-2tm_28na9tk.js","/_next/static/immutable/chunks/14yszr5gqr22_.js","/_next/static/immutable/chunks/29m25k6c5-ipo.js","/_next/static/immutable/chunks/2a77rt5-k4ju_.js","/_next/static/immutable/chunks/3fw7v0e9fz244.js","/_next/static/immutable/chunks/39oieppwminn9.js","/_next/static/immutable/chunks/2i0vfc8ynux_t.js","/_next/static/immutable/chunks/31pqjpqnverqb.js","/_next/static/immutable/chunks/43tk0scc5ia6a.js","/_next/static/immutable/chunks/2t0_o72h2hqpj.js","/_next/static/immutable/chunks/0hgm421bwn02n.js","/_next/static/immutable/chunks/3j6wvt_gtks8k.js","/_next/static/immutable/chunks/0xciaf081ehlj.js"],"CodeView"] 31:Tb94,"use client"; import { IconArrowUpRight } from "@tabler/icons-react"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; import { makeYourOwnUrl } from "../../../lib/commerce/adapters/mrch"; import { useCustomizer } from "../_shared/customizer-context"; /** * "Make your own with MRCH": the sellmerch.ai make-your-own intake, seeded with the design in * play (`makeYourOwnUrl`: base64url {v:1, p, t}, p trimmed to 600, utm_medium = placement). * The link is external, rel noopener, and carries the analytics data attributes the brand kit reads. */ export function MakeYourOwnCta({ variant = "card", placement = "make-your-own-card", title, className, }: { variant?: "card" | "link"; placement?: string; /** Design title for the prompt; defaults to the design on the stage. */ title?: string; className?: string; }) { const { options, derived } = useCustomizer(); const design = title ?? derived.art?.title ?? options.designTitle; const slug = derived.art?.id ?? "custom"; const href = makeYourOwnUrl({ slug: options.brand.slug, medium: placement, title: `Customize ${design}`, prompt: `I want a custom ${derived.garment.label.toLowerCase()} based on the "${design}" design from ${options.brand.name}.`, content: `customize-${slug}`, }); const anchor = { href, target: "_blank", rel: "noopener", "data-mp-placement": placement, "data-design-slug": slug, "data-garment": derived.garment.id, "data-color": derived.colorway.name.toLowerCase(), } as const; if (variant === "link") { return ( Make your own with MRCH ); } return ( ); } export default MakeYourOwnCta; 32:T10b7,// Faithful port of mrch-agent/brand-kit/lib/network.ts (UTM scheme intact). import networkJson from "../../../../../data/network.json" with { type: "json" }; export type BrandKind = "premade" | "custom" | "hybrid"; export type BrandStatus = "live" | "preview" | "staging"; export interface NetworkBrand { slug: string; name: string; url: string | null; tagline: string; kind: BrandKind; status: BrandStatus; } export interface Network { schema: string; platform: { mrch: { name: string; url: string; tagline: string }; sellmerch: { name: string; url: string; tagline: string; startUrl: string }; }; brands: NetworkBrand[]; } export const network = networkJson as Network; export function siblingBrands( currentSlug: string, net: Network = network, ): (NetworkBrand & { url: string })[] { return net.brands.filter( (b): b is NetworkBrand & { url: string } => b.status === "live" && !!b.url && b.slug !== currentSlug, ); } export function findBrand(slug: string, net: Network = network): NetworkBrand | undefined { return net.brands.find((b) => b.slug === slug); } export interface Utm { source: string; medium: string; campaign?: string; content?: string; } export function withUtm(url: string, utm: Utm): string { const u = new URL(url); u.searchParams.set("utm_source", utm.source); u.searchParams.set("utm_medium", utm.medium); if (utm.campaign) u.searchParams.set("utm_campaign", utm.campaign); if (utm.content) u.searchParams.set("utm_content", utm.content); return u.toString(); } function b64url(s: string): string { const b64 = typeof Buffer !== "undefined" ? Buffer.from(s, "utf8").toString("base64") : btoa(String.fromCharCode(...new TextEncoder().encode(s))); return b64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, ""); } export interface MakeYourOwnOptions { slug: string; medium: string; prompt?: string; title?: string; campaign?: string; content?: string; } /** sellmerch.ai build URL (utm_source=, utm_medium=, utm_campaign=make-your-own-merch). */ export function makeYourOwnUrl(o: MakeYourOwnOptions, net: Network = network): string { const brand = findBrand(o.slug, net); const p = ( o.prompt || `I want to make my own shirt in the style of ${brand?.name ?? o.slug}.` ).slice(0, 600); const seed: Record = { v: 1, p }; if (o.title) seed.t = o.title; const u = new URL(net.platform.sellmerch.startUrl); u.searchParams.set("r", b64url(JSON.stringify(seed))); u.searchParams.set("dest", "organic"); u.searchParams.set("utm_source", o.slug); u.searchParams.set("utm_medium", o.medium); u.searchParams.set("utm_campaign", o.campaign || "make-your-own-merch"); if (o.content) u.searchParams.set("utm_content", o.content); return u.toString(); } export const BRAND_NETWORK_CART = "nofun-brand-factory"; export interface MrchShopUrlOptions { designSlug?: string | null; } /** * mrch.shop URL with UTM plus Shopify cart note attributes so purchase * attribution survives checkout. Existing query on product URLs is preserved. */ export function mrchShopUrl( slug: string, medium: string, target?: string | null, netOrOpts: Network | MrchShopUrlOptions = network, maybeOpts?: MrchShopUrlOptions, ): string { const net: Network = netOrOpts && typeof netOrOpts === "object" && "brands" in (netOrOpts as Network) ? (netOrOpts as Network) : network; const opts: MrchShopUrlOptions = maybeOpts || (netOrOpts && typeof netOrOpts === "object" && !("brands" in (netOrOpts as Network)) ? (netOrOpts as MrchShopUrlOptions) : {}); const base = target && /^https?:\/\//.test(target) ? target : net.platform.mrch.url + (target ?? ""); const withCampaign = withUtm(base, { source: slug, medium, campaign: "network" }); const u = new URL(withCampaign); u.searchParams.set("dest", "organic"); u.searchParams.set("attributes[dest]", "organic"); u.searchParams.set("attributes[brand]", slug); u.searchParams.set("attributes[brand_network]", BRAND_NETWORK_CART); if (opts.designSlug) { u.searchParams.set("attributes[design_slug]", opts.designSlug); } return u.toString(); } export const OUTBOUND_REL = "noopener"; 24:["$","article",null,{"className":"grid gap-6","children":[["$","header",null,{"className":"grid gap-3","children":[["$","nav",null,{"aria-label":"breadcrumb","data-slot":"breadcrumb","className":"","children":["$","ol",null,{"data-slot":"breadcrumb-list","className":"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground","children":[["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1","children":["$","$L2d",null,{"href":"/","data-slot":"breadcrumb-link","className":"transition-colors hover:text-foreground","children":"Kobra Commerce"}]}],["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-3.5","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"tabler-icon tabler-icon-chevron-right rtl:-scale-x-100","children":["$undefined",["$","path","svg-0",{"d":"M9 6l6 6l-6 6"}],"$undefined"]}]}],["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1","children":["$","$L2d",null,{"href":"/#customizer","data-slot":"breadcrumb-link","className":"transition-colors hover:text-foreground","children":"Customizer"}]}],["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-3.5","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"tabler-icon tabler-icon-chevron-right rtl:-scale-x-100","children":["$undefined",["$","path","svg-0",{"d":"M9 6l6 6l-6 6"}],"$undefined"]}]}],["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1","children":["$","span",null,{"data-slot":"breadcrumb-page","role":"link","aria-disabled":"true","aria-current":"page","className":"font-normal text-foreground","children":"Make your own CTA"}]}]]}]}],["$","div",null,{"className":"flex flex-wrap items-center gap-3","children":[["$","h1",null,{"className":"text-2xl font-bold","children":"Make your own CTA"}],["$","span",null,{"data-slot":"badge","data-variant":"green","className":"group/badge t-label relative isolate inline-flex w-fit shrink-0 items-center justify-center gap-1 rounded-full border border-transparent py-0.5 font-medium [--surface-calm:0.5] whitespace-nowrap transition-ring before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:border before:border-transparent before:transition-[scale,background-color,border-color] before:duration-150 before:ease-out focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 motion-reduce:before:transition-none has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [a,button]:active:before:scale-[0.97] motion-reduce:[a,button]:active:before:scale-100 [&>svg]:pointer-events-none [&>svg]:size-3! t-surface t-surface-success text-[var(--badge-green-fg)] h-5 px-1.5 text-xs","children":"Ready"}]]}],["$","p",null,{"className":"max-w-[65ch] text-sm text-muted-foreground","children":"External 'Make your own with MRCH' call to action. Opens the sellmerch.ai intake seeded with the design in play and the garment, with the network UTM scheme and analytics data attributes."}]]}],["$","$L2e",null,{"preview":["$","$L2f",null,{"slug":"make-your-own-cta","group":"customizer","minHeight":480,"fixedHeight":"$undefined"}],"code":["$","$L30",null,{"files":[{"path":"blocks/customizer/make-your-own-cta/make-your-own-cta.tsx","code":"$31"},{"path":"lib/commerce/adapters/mrch.ts","code":"$32"},{"path":"blocks/customizer/make-your-own-cta/demo.tsx","code":"\"use client\";\n\nimport { DemoFrame } from \"../_shared/demo-frame\";\nimport { MakeYourOwnCta } from \"./make-your-own-cta\";\n\nexport function MakeYourOwnCtaDemo({ brand }: { brand?: string }) {\n return (\n \n

\n \n \n

\n \n );\n}\n\nexport default MakeYourOwnCtaDemo;\n"},{"path":"blocks/customizer/make-your-own-cta/meta.ts","code":"import type { BlockMeta } from \"../../../lib/block-meta\";\n\nexport const makeYourOwnCtaMeta: BlockMeta = {\n slug: \"make-your-own-cta\",\n title: \"Make your own CTA\",\n description:\n \"External 'Make your own with MRCH' call to action. Opens the sellmerch.ai intake seeded with the design in play and the garment, with the network UTM scheme and analytics data attributes.\",\n group: \"customizer\",\n kobraDeps: [\"button\"],\n files: [\"blocks/customizer/make-your-own-cta/make-your-own-cta.tsx\", \"lib/commerce/adapters/mrch.ts\"],\n props: [\n { name: \"variant\", type: \"'card' | 'link'\", default: \"'card'\", description: \"Panel with button, or inline link.\" },\n { name: \"placement\", type: \"string\", default: \"'make-your-own-card'\", description: \"utm_medium / data-mp-placement.\" },\n { name: \"title\", type: \"string\", description: \"Design title for the prompt; defaults to the design on the stage.\" },\n ],\n tags: [\"customizer\", \"mrch\", \"cta\", \"sellmerch\"],\n status: \"ready\",\n};\n"}]}],"props":"$L33"}],"$L34"]}]