https://boombam.app/assets/pinterest-mockup-Dd1KKEiy.js

1import{j as e,aE as F,bZ as G,cV as ee,dD as $,dE as H,dF as I,C as B,e as R,B as o,a4 as v,S as b,s as f,aF as W,ap as q,$ as w,a0 as k,a1 as C,a2 as T,a3 as c,E as se,z as te}from"./index-CuSEeJFb.js";import{I as z}from"./image-fQC3p4ps.js";import{U as ae}from"./upload-rep3KVPL.js";import{E as re}from"./ellipsis-DL2QQYI6.js";import{G as le}from"./grid-3x3-CB6J-yDX.js";import{P as ie}from"./play-oR40AlEL.js";function ye({register:p,setValue:j,watch:l,businessProfile:x,isGeneratingField:t,onGenerateField:i,creativeFormat:ce,temperature:d,awarenessLevel:de,getValidationStatus:E}){var V,Y;const h=l("platformContent.pinTitle")||"",g=l("platformContent.pinDescription")||"";l("destinationUrl");const Z=l("platformContent.boardSelection")||"",m=l("platformContent.pinFormat")||"standard",P=l("platformContent.richPinType")||"none",S=l("platformContent.adFormat")||"promoted_pin",D=l("platformContent.altText")||"",N=l("platformContent.imageUrl")||"",r={pinTitle:100,pinDescription:500,altText:500},U=(s,a,n)=>{if(E){const A=E(s,n);return{colorClass:A.status==="error"?"text-red-500":A.status==="warning"?"text-orange-500":"text-gray-500 dark:text-gray-400",message:A.message}}const O=a/n;return{colorClass:O>.9?"text-red-500":O>.7?"text-orange-500":"text-gray-500 dark:text-gray-400",message:`${a}/${n}`}},y=(x==null?void 0:x.businessName)||"Your Business",u=(x==null?void 0:x.logo)||"",L=y.split(" ").map(s=>s[0]).join("").toUpperCase().slice(0,2),_={standard:{name:"Standard Pin",aspectRatio:"2:3",icon:e.jsx(le,{className:"w-4 h-4"})},story:{name:"Story Pin",aspectRatio:"9:16",icon:e.jsx(te,{className:"w-4 h-4"})},video:{name:"Video Pin",aspectRatio:"2:3",icon:e.jsx(ie,{className:"w-4 h-4"})}},M={none:{name:"Standard Pin",icon:"📌"},product:{name:"Product Pin",icon:"🛍️"},article:{name:"Article Pin",icon:"📰"},recipe:{name:"Recipe Pin",icon:"👨‍🍳"},app:{name:"App Pin",icon:"📱"}},J=[{name:"Marketing Tips",pins:127,followers:"2.1k"},{name:"Business Growth",pins:89,followers:"1.5k"},{name:"Design Inspiration",pins:234,followers:"3.2k"},{name:"Industry Insights",pins:156,followers:"1.8k"}],K=!1,Q=()=>{},X=(()=>{const s=[300,400,350,450,380,320,500,280];return Array.from({length:8},(a,n)=>({id:n,height:s[n%s.length],title:`Inspiration Pin ${n+1}`,saves:Math.floor(Math.random()*1e3)+50}))})();return e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsxs("div",{className:"bg-white dark:bg-gray-900 rounded-lg shadow-xl overflow-hidden mb-6",children:[e.jsx("div",{className:"bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 px-4 py-3",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("div",{className:"w-8 h-8 bg-red-600 rounded-full flex items-center justify-center",children:e.jsx(z,{className:"w-4 h-4 text-white"})}),e.jsx("span",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:"Pinterest"})]}),e.jsxs("div",{className:"hidden md:flex items-center bg-gray-100 dark:bg-gray-800 rounded-full px-4 py-2 flex-1 max-w-md",children:[e.jsx(F,{className:"w-4 h-4 text-gray-500 mr-2"}),e.jsx("input",{type:"text",placeholder:"Search for ideas",className:"bg-transparent text-sm outline-none flex-1","data-testid":"input-search"})]})]}),e.jsxs("div",{className:"flex items-center space-x-3",children:[e.jsx(G,{className:"w-5 h-5 text-gray-600 dark:text-gray-300","data-testid":"button-notifications"}),e.jsx(ee,{className:"w-5 h-5 text-gray-600 dark:text-gray-300","data-testid":"button-messages"}),e.jsx($,{className:"w-8 h-8","data-testid":"avatar-profile",children:u?e.jsx(H,{src:u,alt:y}):e.jsx(I,{className:"bg-gray-600 text-white text-sm",children:L})})]})]})}),e.jsxs("div",{className:"flex",children:[e.jsxs("div",{className:"w-80 bg-gray-50 dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 p-4 space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(z,{className:"w-5 h-5 text-red-600"}),e.jsx("h3",{className:"font-semibold text-lg text-gray-900 dark:text-white",children:"Create Pin"})]}),e.jsx(B,{className:"overflow-hidden",children:e.jsx(R,{className:"p-0",children:e.jsxs("div",{className:`relative bg-gray-200 dark:bg-gray-700 flex items-center justify-center ${m==="story"?"aspect-[9/16]":"aspect-[2/3]"}`,children:[N?e.jsx("img",{src:N,alt:"Pin preview",className:"w-full h-full object-cover"}):e.jsxs("div",{className:"text-center text-gray-500",children:[e.jsx("div",{className:"w-16 h-16 bg-gray-300 dark:bg-gray-600 rounded-lg mx-auto mb-3 flex items-center justify-center text-2xl",children:"📌"}),e.jsx("div",{className:"text-sm",children:"Add your pin image"}),e.jsx("div",{className:"text-xs text-gray-400 mt-1",children:m==="video"?"Video content":m==="story"?"9:16 aspect ratio":"2:3 aspect ratio"})]}),e.jsxs("div",{className:"absolute top-2 right-2 flex gap-1 flex-col",children:[e.jsx(o,{type:"button",variant:"default",size:"sm",className:"bg-green-600 hover:bg-green-700 text-white text-xs px-2 py-1",onClick:Q,disabled:K,"data-testid":"button-upload-image",children:e.jsx(ae,{className:"w-3 h-3"})}),i&&e.jsx(o,{type:"button",variant:"default",size:"sm",className:"bg-purple-600 hover:bg-purple-700 text-white text-xs px-2 py-1",onClick:()=>i("imageUrl"),disabled:t==null?void 0:t("imageUrl"),"data-testid":"button-generate-image",children:t!=null&&t("imageUrl")?e.

1jsx(v,{className:"w-3 h-3 animate-spin"}):e.jsx(b,{className:"w-3 h-3"})})]}),e.jsx("div",{className:"absolute bottom-2 left-2",children:e.jsx(f,{className:"bg-black/70 text-white text-xs",children:((V=_[m])==null?void 0:V.name)||"Standard"})}),P!=="none"&&e.jsx("div",{className:"absolute bottom-2 right-2",children:e.jsxs(f,{className:"bg-red-600 text-white text-xs",children:[(Y=M[P])==null?void 0:Y.icon," Rich"]})})]})})}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:["Pin Title ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:`text-xs ${U("pinTitle",h.length,r.pinTitle).colorClass}`,children:[h.length,"/",r.pinTitle]}),i&&e.jsx(o,{type:"button",variant:"ghost",size:"sm",className:"h-6 w-6 p-0",onClick:()=>i("pinTitle"),disabled:t==null?void 0:t("pinTitle"),"data-testid":"button-generate-title",children:t!=null&&t("pinTitle")?e.jsx(v,{className:"h-3 w-3 animate-spin"}):e.jsx(b,{className:"h-3 w-3"})})]})]}),e.jsx(W,{...p("platformContent.pinTitle"),placeholder:"Add a catchy title for your pin",maxLength:r.pinTitle,className:h.length>r.pinTitle?"border-red-500":"","data-testid":"input-pin-title"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:"Pin Description"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:`text-xs ${U("pinDescription",g.length,r.pinDescription).colorClass}`,children:[g.length,"/",r.pinDescription]}),i&&e.jsx(o,{type:"button",variant:"ghost",size:"sm",className:"h-6 w-6 p-0",onClick:()=>i("pinDescription"),disabled:t==null?void 0:t("pinDescription"),"data-testid":"button-generate-description",children:t!=null&&t("pinDescription")?e.jsx(v,{className:"h-3 w-3 animate-spin"}):e.jsx(b,{className:"h-3 w-3"})})]})]}),e.jsx(q,{...p("platformContent.pinDescription"),placeholder:"Tell people more about your pin...",maxLength:r.pinDescription,rows:3,className:g.length>r.pinDescription?"border-red-500":"","data-testid":"textarea-pin-description"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:"Destination URL"}),e.jsx(W,{...p("destinationUrl"),placeholder:"https://your-website.com",type:"url","data-testid":"input-destination-url"}),e.jsx("p",{className:"text-xs text-gray-500",children:"Where should people go when they click your pin?"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:["Choose Board ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsxs(w,{value:Z,onValueChange:s=>j("platformContent.boardSelection",s),children:[e.jsx(k,{"data-testid":"select-board",children:e.jsx(C,{placeholder:"Select a board"})}),e.jsxs(T,{children:[J.map((s,a)=>e.jsx(c,{value:s.name,"data-testid":`select-board-${a}`,children:e.jsxs("div",{className:"flex items-center justify-between w-full",children:[e.jsx("span",{children:s.name}),e.jsxs("span",{className:"text-xs text-gray-500 ml-2",children:[s.pins," pins"]})]})},a)),e.jsx(c,{value:"new","data-testid":"select-board-new",children:"+ Create new board"})]})]})]})]}),e.jsxs("div",{className:"flex-1 p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:"Your Pin Feed"}),e.jsx(f,{variant:"outline",className:"text-sm",children:S==="promoted_pin"?"Promoted":"Organic"})]}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsx(se,{className:"w-4 h-4"}),"Preview Mode"]})]}),e.jsxs("div",{className:"columns-2 md:columns-3 lg:columns-4 xl:columns-5 gap-4 space-y-4",children:[e.jsx("div",{className:"break-inside-avoid mb-4",children:e.jsx(B,{className:"overflow-hidden group hover:shadow-lg transition-shadow border-2 border-red-200",children:e.jsxs(R,{className:"p-0",children:[e.jsxs("div",{className:`relative bg-gradient-to-br from-red-500 via-pink-500 to-purple-600 flex items-center justify-center text-white font-semibold ${m==="story"?"aspect-[9/16]":"aspect-[2/3]"}`,style:{minHeight:"200px"},children:[N?e.jsx("img",{src:N,alt:h||"Your pin",className:"w-full h-full object-cover"}):e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-6xl mb-2",children:"📌"}),e.jsx("div",{className:"text-sm",children:"Your Pin Preview"})]}),e.jsx("div",{className:"absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",children:e.jsx(o,{size:"sm",className:"bg-red-600 hover:bg-red-700 text-white rounded-full w-8 h-8 p-0","data-testid":"button-save-pin-featured",children:"📌"})}),S!=="standard"&&e.jsx("div",{className:"absolute bottom-2 left-2",children:e.jsx(f,{className:"bg-yellow-500 text-black text-xs font-medium",children:"Promoted"})})]}),e.jsxs("div",{className:"p-3",children:[e.jsx("h3",{className:"font-medium text-sm text-gray-900 dark:text-white line-clamp-2 mb-1",children:h||"Your Amazing Pin Title"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400 line-clamp-2",children:g||"Add a description to help people understand what your pin is about..."}),e.jsxs("div",{className:"flex items-center justify-between mt-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx($,{className:"w-5 h-5",children:u?e.jsx(H,{src:u,alt:y}):e.jsx(I,{className:"bg-red-600 text-white text-xs",children:L})}),e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:y})]}),e.jsx(re,{className:"w-4 h-4 text-gray-400"})]})]})]})})}),X.map((s,a)=>e.jsx("div",{className:"break-inside-avoid mb-4 opacity-60","data-testid":`card-pin-${s.id}`,children:e.jsx(B,{className:"overflow-hidden group hover:shadow-lg transition-shadow",children:e.jsxs(R,{className:"p-0",children:[e.jsxs("div",{className:"relative bg-gray-200 dark:bg-gray-700 flex items-center justify-center",style:{height:`${s.height}px`},children:[e.jsxs("div",{className:"text-center text-gray-500",children:[e.jsx("div",{className:"text-4xl mb-2",children:a%4===0?"🎨":a%4===1?"📸":a%4===2?"🏠":"🍽️"}),e.jsx("div",{className:"text-xs",children:s.title})]}),e.jsx("div",{className:"absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",children:e.jsx(o,{size:"sm",variant:"secondary",className:"rounded-full w-8 h-8 p-0","data-testid":`button-save-pin-${s.id}`,children:"📌"})})]}),e.jsxs("div",{className:"p-3",children:[e.jsx("h3",{className:"font-medium text-sm text-gray-900 dark:text-white line-clamp-2 mb-1",children:s.title}),e.jsxs("div",{className:"flex items-center justify-between mt-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx($,{className:"w-5 h-5",children:e.jsx(I,{className:"bg-gray-500 text-white text-xs",children:"U"})}),e.jsxs("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:["User ",a+1]})]}),e.jsxs("span",{className:"text-xs text-gray-500",children:[s.saves," saves"]})]})]})]})})},s.id))]})]})]})]}),e.jsxs("div",{className:"bg-white dark:bg-gray-900 border rounded-lg p-6 space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx(z,{className:"w-6 h-6 text-red-600"}),e.jsx("h3",{className:"font-semibold text-lg text-gray-900 dark:text-white",children:"Pinterest Pin Configuration"})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:"Pin Format"}),e.jsxs(w,{value:m,onValueChange:s=>j("platformContent.pinFormat",s),children:[e.jsx(k,{"data-testid":"select-pin-format",children:e.jsx(C,{placeholder:"Choose pin format"})}),e.jsx(T,{children:Object.entries(_).map(([s,a])=>e.jsx(c,{value:s,"data-testid":`select-format-${s}`,children:e.jsxs("div",{className:"flex items-center gap-2",children:[a.icon,e.jsx("span",{children:a.name}),e.jsxs("span",{className:"text-xs text-gray-500",children:["(",a.aspectRatio,")"]})]})},s))})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:"Rich Pin Type"}),e.jsxs(w,{value:P,onValueChange:s=>j("platformContent.richPinType",s),children:[e.jsx(k,{"data-testid":"select-rich-pin-type",children:e.jsx(C,{placeholder:"Choose rich pin type"})}),e.jsx(T,{children:Object.entries(M).map(([s,a])=>e.jsx(c,{value:s,"data-testid":`select-rich-${s}`,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{children:a.icon}),e.jsx("span",{children:a.name})]})},s))})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:"Ad Format"}),e.jsxs(w,{value:S,onValueChange:s=>j("platformContent.adFormat",s),children:[e.jsx(k,{"data-testid":"select-ad-format",children:e.jsx(C,{placeholder:"Choose ad format"})}),e.jsxs(T,{children:[e.jsx(c,{value:"promoted_pin","data-testid":"select-ad-promoted-pin",children:"Promoted Pin"}),e.jsx(c,{value:"promoted_video","data-testid":"select-ad-promoted-video",children:"Promoted Video Pin"}),e.jsx(c,{value:"promoted_carousel","data-testid":"select-ad-promoted-carousel",children:"Promoted Carousel"}),e.jsx(c,{value:"shopping_ad","data-testid":"select-ad-shopping",children:"Shopping Ad"})]})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("label",{className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:"Alt Text"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:`text-xs ${U("altText",D.length,r.altText).colorClass}`,children:[D.length,"/",r.altText]}),i&&e.jsx(o,{type:"button",variant:"ghost",size:"sm",className:"h-6 w-6 p-0",onClick:()=>i("altText"),disabled:t==null?void 0:t("altText"),"data-testid":"button-generate-alt-text",children:t!=null&&t("altText")?e.

1jsx(v,{className:"h-3 w-3 animate-spin"}):e.jsx(b,{className:"h-3 w-3"})})]})]}),e.jsx(q,{...p("platformContent.altText"),placeholder:"Describe your image for accessibility...",maxLength:r.altText,rows:2,className:D.length>r.altText?"border-red-500":"","data-testid":"input-alt-text"}),e.jsx("p",{className:"text-xs text-gray-500",children:"Help visually impaired users understand your pin"})]})]}),e.jsx("div",{className:"bg-red-50 dark:bg-red-950 border border-red-200 dark:border-red-800 rounded-lg p-4",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx(AlertCircle,{className:"h-5 w-5 text-red-600 mt-0.5"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h5",{className:"font-medium text-red-900 dark:text-red-100",children:"Pinterest Best Practices"}),e.jsxs("ul",{className:"text-sm text-red-800 dark:text-red-200 space-y-1",children:[e.jsx("li",{children:"• Use vertical images with 2:3 aspect ratio for optimal display"}),e.jsx("li",{children:"• Include text overlay on images to provide context"}),e.jsx("li",{children:"• Write descriptive titles with relevant keywords"}),e.jsx("li",{children:"• Add hashtags in descriptions to improve discoverability"}),e.jsx("li",{children:"• Choose boards that align with your pin's theme"}),e.jsx("li",{children:"• Use high-quality, bright images that stand out"}),e.jsx("li",{children:"• Include a clear call-to-action in your description"})]})]})]})}),d&&e.jsx("div",{className:"bg-gradient-to-r from-red-50 to-pink-50 dark:from-red-950 dark:to-pink-950 border border-red-200 dark:border-red-800 rounded-lg p-4",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-5 h-5 bg-red-600 rounded-full flex items-center justify-center mt-0.5",children:e.jsx("span",{className:"text-white text-xs",children:"🌡️"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("h5",{className:"font-medium text-red-900 dark:text-red-100",children:[d.charAt(0).toUpperCase()+d.slice(1)," Audience Strategy"]}),e.jsxs("p",{className:"text-sm text-red-800 dark:text-red-200",children:[d==="cold"&&"Focus on inspirational, lifestyle-oriented pins that introduce problems subtly through beautiful imagery.",d==="warm"&&"Create educational pins with how-to content and problem-solving visuals that provide clear value.",d==="hot"&&"Use action-oriented pins with strong calls-to-action and conversion-focused messaging.",d==="existing"&&"Share exclusive content and customer appreciation pins that strengthen community bonds."]})]})]})}),e.jsx("div",{className:"bg-gray-50 dark:bg-gray-800 border rounded-lg p-4",children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("div",{className:"w-5 h-5 bg-red-600 rounded-full flex items-center justify-center mt-0.5",children:e.jsx("span",{className:"text-white text-xs",children:"📊"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h5",{className:"font-medium text-gray-900 dark:text-gray-100",children:"Expected Performance"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 text-sm",children:[e.jsxs("div",{className:"bg-white dark:bg-gray-700 rounded p-3 text-center",children:[e.jsx("div",{className:"font-semibold text-lg text-red-600",children:"2.3k"}),e.jsx("div",{className:"text-gray-600 dark:text-gray-400",children:"Impressions"})]}),e.jsxs("div",{className:"bg-white dark:bg-gray-700 rounded p-3 text-center",children:[e.jsx("div",{className:"font-semibold text-lg text-red-600",children:"156"}),e.jsx("div",{className:"text-gray-600 dark:text-gray-400",children:"Saves"})]}),e.jsxs("div",{className:"bg-white dark:bg-gray-700 rounded p-3 text-center",children:[e.jsx("div",{className:"font-semibold text-lg text-red-600",children:"43"}),e.jsx("div",{className:"text-gray-600 dark:text-gray-400",children:"Clicks"})]}),e.jsxs("div",{className:"bg-white dark:bg-gray-700 rounded p-3 text-center",children:[e.jsx("div",{className:"font-semibold text-lg text-red-600",children:"1.9%"}),e.jsx("div",{className:"text-gray-600 dark:text-gray-400",children:"CTR"})]})]})]})]})})]})]})}export{ye as PinterestMockup};