https://boombam.app/assets/push-notifications-mockup-DW3DPxCU.js

1import{K as le,r as Z,j as e,C as N,b as y,d as w,e as C,ab as l,s as J,T as K,B as h,Q as q,a4 as M,S as R,aF as g,ap as Q,$ as k,a0 as T,a1 as S,a2 as B,a3 as o,ar as fe,bJ as F,bj as ve,w as G,q as be,bZ as Ne,X as ye,b7 as we,V as Ce}from"./index-CuSEeJFb.js";import{T as ee,a as te,b as z}from"./tabs-CcPOXtvT.js";import{S as ke}from"./slider-1BwPyzha.js";import{I as se}from"./image-fQC3p4ps.js";import{S as Te}from"./share-B5BYf7qZ.js";import{S as ae}from"./signal-CxJxYvBo.js";import{W as ie}from"./wifi-BO0SxV3H.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const ne=le("Battery",[["rect",{width:"16",height:"10",x:"2",y:"7",rx:"2",ry:"2",key:"1w10f2"}],["line",{x1:"22",x2:"22",y1:"11",y2:"13",key:"4dh1rd"}]]);/**
7 * @license lucide-react v0.453.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const Se=le("BellRing",[["path",{d:"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9",key:"1qo2s2"}],["path",{d:"M10.3 21a1.94 1.94 0 0 0 3.4 0",key:"qgo35s"}],["path",{d:"M4 2C2.8 3.7 2 5.7 2 8",key:"tap9e0"}],["path",{d:"M22 8c0-2.3-.8-4.3-2-6",key:"5bb3ad"}]]);function ze({register:p,control:Be,setValue:d,watch:n,businessProfile:f,isGeneratingField:a,onGenerateField:j,creativeFormat:$e,temperature:_e,awarenessLevel:Ue,getValidationStatus:H}){const[x,ce]=Z.useState("ios"),[s,de]=Z.useState("light"),U=n("platformContent.notificationTitle")||"",A=n("platformContent.notificationBody")||"";n("platformContent.actionButtonText"),n("platformContent.deepLinkUrl");const P=n("platformContent.badgeCount")||1,re=n("platformContent.notificationSound")||"default",W=n("platformContent.deliveryTiming")||"immediate",oe=n("platformContent.targetingOptions")||"all_users",c=n("platformContent.notificationFormat")||"basic_text";n("platformContent.scheduledTime"),n("platformContent.userSegment");const E=n("platformContent.abTestEnabled")||!1,$=n("platformContent.abTestVariant")||"a",L=n("platformContent.imageUrl")||"",u=n("platformContent.actionButtons")||[{text:"View",action:"open_app"},{text:"Dismiss",action:"dismiss"}];n("platformContent.richMediaType");const O=n("platformContent.expandableContent")||"",v=n("platformContent.progressValue")||50;n("platformContent.inboxCategory");const b={ios:{title:65,body:178},android:{title:50,body:240}},D=(t,i)=>{const m=t==="notificationTitle"?b[x].title:b[x].body;if(H){const Y=H(t,m);return{colorClass:Y.status==="error"?"text-red-500":Y.status==="warning"?"text-orange-500":"text-gray-500 dark:text-gray-400",message:Y.message}}const r=i/m;return{colorClass:r>1?"text-red-500":r>.9?"text-orange-500":r>.7?"text-yellow-500":"text-gray-500 dark:text-gray-400",message:`${i}/${m}`}},_=(f==null?void 0:f.businessName)||"Your App",V=(f==null?void 0:f.logo)||"",I=_.split(" ").map(t=>t[0]).join("").toUpperCase().slice(0,2),xe={basic_text:{name:"Basic Text",icon:e.jsx(q,{className:"w-4 h-4"}),description:"Simple title and body text"},rich_media:{name:"Rich Media",icon:e.jsx(se,{className:"w-4 h-4"}),description:"Include images or videos"},action_buttons:{name:"Action Buttons",icon:e.jsx(Te,{className:"w-4 h-4"}),description:"Add interactive buttons"},expandable:{name:"Expandable",icon:e.jsx(G,{className:"w-4 h-4"}),description:"Expandable content area"},progress:{name:"Progress",icon:e.jsx(be,{className:"w-4 h-4"}),description:"Progress bar notification"},inbox_style:{name:"Inbox Style",icon:e.jsx(q,{className:"w-4 h-4"}),description:"Multiple message style"},big_picture:{name:"Big Picture",icon:e.jsx(se,{className:"w-4 h-4"}),description:"Large image display"}},me=[{value:"default",label:"Default"},{value:"chime",label:"Chime"},{value:"bell",label:"Bell"},{value:"ding",label:"Ding"},{value:"alert",label:"Alert"},{value:"custom",label:"Custom Sound"},{value:"silent",label:"Silent"}],he=[{value:"all_users",label:"All Users",description:"Send to entire user base"},{value:"new_users",label:"New Users",description:"Users who installed within 7 days"},{value:"active_users",label:"Active Users",description:"Users active within 30 days"},{value:"inactive_users",label:"Inactive Users",description:"Users inactive for 30+ days"},{value:"high_value_users",label:"High Value Users",description:"Users with high engagement or spending"},{value:"location_based",label:"Location Based",description:"Users in specific geographic locations"},{value:"behavior_based",label:"Behavior Based",description:"Users who completed specific actions"},{value:"custom_segment",label:"Custom Segment",description:"Custom user segment criteria"}],pe=[{value:"immediate",label:"Send Immediately"},{value:"optimal_time",label:"Optimal Time (AI-powered)"},{value:"scheduled",label:"Scheduled Time"},{value:"time_zone",label:"User's Time Zone"},{value:"after_action",label:"After User Action"}],je=()=>e.jsxs("div",{className:`w-80 mx-auto bg-black rounded-t-[28px] rounded-b-md shadow-2xl overflow-hidden ${s==="dark"?"bg-black":"bg-white"}`,"data-testid":"ios-notification-preview",children:[e.jsxs("div",{className:"bg-black text-white text-xs px-6 py-2 flex justify-between items-center","data-testid":"ios-status-bar",children:[e.jsx("span",{className:"font-medium",children:"9:41"}),e.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsx(ae,{className:"w-3 h-3"}),e.jsx(ie,{className:"w-3 h-3"}),e.jsx(ne,{className:"w-4 h-2"})]})]}),e.jsxs("div",{className:`${s==="dark"?"bg-black":"bg-gray-50"} min-h-[500px] p-4`,children:[e.jsxs("div",{className:"text-center mb-8","data-testid":"ios-datetime",children:[e.jsx("div",{className:`text-6xl font-light ${s==="dark"?"text-white":"text-black"}`,children:new Date().toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1})}),e.jsx("div",{className:`text-lg ${s==="dark"?"text-gray-300":"text-gray-600"}`,children:new Date().toLocaleDateString("en-US",{weekday:"long",month:"long",day:"numeric"})})]}),e.jsx("div",{className:`${s==="dark"?"bg-gray-800 border-gray-700":"bg-white border-gray-200"} rounded-2xl p-4 shadow-lg border backdrop-blur-md`,"data-testid":"ios-notification-card",children:e.jsxs("div",{className:"flex items-start space-x-3",children:[e.jsx("div",{className:"flex-shrink-0","data-testid":"notification-app-icon",children:V?e.jsx("img",{src:V,alt:_,className:"w-8 h-8 rounded-lg"}):e.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded-lg flex items-center justify-center",children:e.jsx("span",{className:"text-white text-xs font-semibold",children:I})})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:`text-sm font-medium ${s==="dark"?"text-gray-200":"text-gray-900"}`,"data-testid":"notification-app-name",children:_}),e.jsx("span",{className:`text-xs ${s==="dark"?"text-gray-400":"text-gray-500"}`,"data-testid":"notification-time",children:"now"})]}),e.jsx("div",{className:`text-sm font-semibold mb-1 ${s==="dark"?"text-white":"text-black"}`,"data-testid":"notification-title",children:U||"Your notification title here"}),e.jsx("div",{className:`text-sm ${s==="dark"?"text-gray-300":"text-gray-700"} leading-relaxed`,"data-testid":"notification-body",children:A||"Your notification message will appear here with all the details..."}),(c==="rich_media"||c==="big_picture")&&L&&e.jsx("div",{className:"mt-3 rounded-lg overflow-hidden","data-testid":"notification-rich-media",children:e.jsx("img",{src:L,alt:"Notification media",className:"w-full h-32 object-cover"})}),c==="action_buttons"&&e.jsx("div",{className:"flex mt-3 space-x-2","data-testid":"notification-action-buttons",children:u.slice(0,2).map((t,i)=>e.jsx(h,{variant:"outline",size:"sm",className:"text-xs bg-blue-500 text-white border-blue-500 hover:bg-blue-600","data-testid":`notification-action-button-${i}`,children:t.text||"Action"},i))}),c==="expandable"&&O&&e.jsx("div",{className:`mt-2 text-xs ${s==="dark"?"text-gray-400":"text-gray-600"} border-t pt-2`,"data-testid":"notification-expandable-content",children:O}),c==="progress"&&e.jsxs("div",{className:"mt-3","data-testid":"notification-progress",children:[e.jsxs("div",{className:"flex justify-between text-xs mb-1",children:[e.jsx("span",{className:s==="dark"?"text-gray-400":"text-gray-600",children:"Progress"}),e.jsxs("span",{className:s==="dark"?"text-gray-400":"text-gray-600",children:[v,"%"]})]}),e.jsx("div",{className:`w-full ${s==="dark"?"bg-gray-700":"bg-gray-200"} rounded-full h-2`,children:e.jsx("div",{className:"bg-blue-500 h-2 rounded-full transition-all duration-300",style:{width:`${v}%`}})})]})]}),P>0&&e.jsx("div",{className:"bg-red-500 text-white text-xs font-bold rounded-full w-5 h-5 flex items-center justify-center","data-testid":"notification-badge",children:P>99?"99+":P})]})}),c==="inbox_style"&&e.jsx("div",{className:"mt-2 space-y-2","data-testid":"notification-inbox-style",children:[1,2].map(t=>e.jsx("div",{className:`${s==="dark"?"bg-gray-800 border-gray-700":"bg-white border-gray-200"} rounded-2xl p-3 shadow-sm border backdrop-blur-md opacity-75`,children:e.jsxs("div",{className:"flex items-start space-x-3",children:[e.jsx("div",{className:"w-6 h-6 bg-gray-400 rounded-md flex items-center justify-center",children:e.jsx("span",{className:"text-white text-xs",children:I})}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs("div",{className:`text-xs ${s==="dark"?"text-gray-300":"text-gray-700"}`,children:["Previous notification ",t,"..."]}

11)})]})},t))})]})]}),ue=()=>e.jsxs("div",{className:`w-80 mx-auto ${s==="dark"?"bg-gray-900":"bg-gray-100"} rounded-lg shadow-2xl overflow-hidden`,"data-testid":"android-notification-preview",children:[e.jsxs("div",{className:"bg-black text-white text-xs px-4 py-2 flex justify-between items-center","data-testid":"android-status-bar",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("span",{className:"font-medium",children:"10:30"}),e.jsx(Ne,{className:"w-3 h-3"})]}),e.jsxs("div",{className:"flex items-center space-x-1",children:[e.jsx(ae,{className:"w-3 h-3"}),e.jsx(ie,{className:"w-3 h-3"}),e.jsx(ne,{className:"w-4 h-2"}),e.jsx("span",{className:"text-xs",children:"85%"})]})]}),e.jsxs("div",{className:`${s==="dark"?"bg-gray-900":"bg-gray-100"} min-h-[500px] p-1`,children:[e.jsx("div",{className:`${s==="dark"?"bg-gray-800":"bg-white"} rounded-lg p-4 mb-2 shadow-sm`,"data-testid":"android-quick-settings",children:e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:`text-sm font-medium ${s==="dark"?"text-white":"text-gray-900"}`,children:new Date().toLocaleDateString("en-US",{weekday:"long",month:"short",day:"numeric"})}),e.jsx("div",{className:"flex space-x-2",children:e.jsx(F,{className:`w-4 h-4 ${s==="dark"?"text-gray-400":"text-gray-600"}`})})]})}),e.jsx("div",{className:`${s==="dark"?"bg-gray-800":"bg-white"} rounded-lg p-4 shadow-sm mb-2`,"data-testid":"android-notification-card",children:e.jsxs("div",{className:"flex items-start space-x-3",children:[e.jsx("div",{className:"flex-shrink-0","data-testid":"notification-app-icon",children:V?e.jsx("img",{src:V,alt:_,className:"w-6 h-6 rounded"}):e.jsx("div",{className:"w-6 h-6 bg-green-500 rounded flex items-center justify-center",children:e.jsx("span",{className:"text-white text-xs font-semibold",children:I})})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("span",{className:`text-xs font-medium ${s==="dark"?"text-gray-300":"text-gray-700"}`,"data-testid":"notification-app-name",children:_}),e.jsx("span",{className:"text-xs text-gray-500","data-testid":"notification-time",children:"now"})]}),e.jsxs("div",{className:"mb-2",children:[e.jsx("div",{className:`text-sm font-medium mb-1 ${s==="dark"?"text-white":"text-gray-900"}`,"data-testid":"notification-title",children:U||"Your notification title here"}),e.jsx("div",{className:`text-sm ${s==="dark"?"text-gray-300":"text-gray-700"} leading-relaxed`,"data-testid":"notification-body",children:A||"Your notification message will appear here with all the details..."})]}),(c==="rich_media"||c==="big_picture")&&L&&e.jsx("div",{className:"mb-3 rounded overflow-hidden","data-testid":"notification-rich-media",children:e.jsx("img",{src:L,alt:"Notification media",className:"w-full h-40 object-cover"})}),c==="action_buttons"&&e.jsx("div",{className:"flex mt-3 space-x-2","data-testid":"notification-action-buttons",children:u.slice(0,3).map((t,i)=>e.jsx(h,{variant:"ghost",size:"sm",className:`text-xs ${s==="dark"?"text-blue-400 hover:bg-gray-700":"text-blue-600 hover:bg-gray-100"} uppercase font-medium`,"data-testid":`notification-action-button-${i}`,children:t.text||"ACTION"},i))}),c==="expandable"&&O&&e.jsx("div",{className:`mt-2 text-xs ${s==="dark"?"text-gray-400":"text-gray-600"} border-t pt-2`,"data-testid":"notification-expandable-content",children:O}),c==="progress"&&e.jsxs("div",{className:"mt-3","data-testid":"notification-progress",children:[e.jsxs("div",{className:"flex justify-between text-xs mb-1",children:[e.jsx("span",{className:s==="dark"?"text-gray-400":"text-gray-600",children:"Progress"}),e.jsxs("span",{className:s==="dark"?"text-gray-400":"text-gray-600",children:[v,"%"]})]}),e.jsx("div",{className:`w-full ${s==="dark"?"bg-gray-700":"bg-gray-300"} rounded h-2`,children:e.jsx("div",{className:"bg-green-500 h-2 rounded transition-all duration-300",style:{width:`${v}%`}})})]})]}),e.jsx("div",{className:`${s==="dark"?"text-gray-500":"text-gray-400"}`,"data-testid":"notification-expand-icon",children:e.jsx(G,{className:"w-4 h-4"})})]})}),c==="inbox_style"&&e.jsx("div",{className:"space-y-1","data-testid":"notification-inbox-style",children:[1,2,3].map(t=>e.jsx("div",{className:`${s==="dark"?"bg-gray-800":"bg-white"} rounded-lg p-3 shadow-sm opacity-60`,children:e.jsxs("div",{className:"flex items-start space-x-3",children:[e.jsx("div",{className:"w-5 h-5 bg-gray-400 rounded flex items-center justify-center",children:e.jsx("span",{className:"text-white text-xs",children:I})}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs("div",{className:`text-xs ${s==="dark"?"text-gray-400":"text-gray-600"}`,children:["Message ",t," in conversation..."]})})]})},t))})]})]}),ge=()=>e.jsxs(N,{className:"mt-6","data-testid":"notification-analytics-preview",children:[e.jsx(y,{children:e.jsxs(w,{className:"flex items-center gap-2",children:[e.jsx(ye,{className:"w-5 h-5"}),"Delivery Analytics Preview"]})}),e.jsxs(C,{children:[e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[e.jsxs("div",{className:"text-center","data-testid":"analytics-delivered",children:[e.jsx("div",{className:"text-2xl font-bold text-green-600",children:"1,247"}),e.jsx("div",{className:"text-sm text-gray-600",children:"Delivered"})]}),e.jsxs("div",{className:"text-center","data-testid":"analytics-opened",children:[e.jsx("div",{className:"text-2xl font-bold text-blue-600",children:"389"}),e.jsx("div",{className:"text-sm text-gray-600",children:"Opened"})]}),e.jsxs("div",{className:"text-center","data-testid":"analytics-clicked",children:[e.jsx("div",{className:"text-2xl font-bold text-purple-600",children:"127"}),e.jsx("div",{className:"text-sm text-gray-600",children:"Clicked"})]}),e.jsxs("div",{className:"text-center","data-testid":"analytics-conversion",children:[e.jsx("div",{className:"text-2xl font-bold text-orange-600",children:"31.2%"}),e.jsx("div",{className:"text-sm text-gray-600",children:"Open Rate"})]})]}),e.jsx(we,{className:"my-4"}),e.jsxs("div",{className:"space-y-2","data-testid":"analytics-delivery-status",children:[e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Delivery Status"}),e.jsx(J,{variant:"success",className:"bg-green-100 text-green-800",children:"Active"})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Platform Reach"}),e.jsx("span",{className:"text-sm font-medium",children:"iOS: 68% | Android: 32%"})]}),e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsx("span",{className:"text-sm",children:"Engagement Score"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(Ce,{className:"w-4 h-4 text-green-500"}),e.jsx("span",{className:"text-sm font-medium text-green-600",children:"8.7/10"})]})]})]})]})]});return e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsx("div",{className:"mb-6",children:e.jsxs(N,{children:[e.jsx(y,{children:e.jsxs(w,{className:"flex items-center gap-2",children:[e.jsx(Se,{className:"w-5 h-5"}),"Push Notification Preview"]})}),e.jsx(C,{children:e.jsxs("div",{className:"flex flex-wrap items-center gap-4 mb-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(l,{children:"Platform:"}),e.jsx(ee,{value:x,onValueChange:t=>ce(t),"data-testid":"platform-selector",children:e.jsxs(te,{children:[e.jsx(z,{value:"ios","data-testid":"platform-ios",children:"iOS"}),e.jsx(z,{value:"android","data-testid":"platform-android",children:"Android"})]})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(l,{children:"Theme:"}),e.jsx(ee,{value:s,onValueChange:t=>de(t),"data-testid":"theme-selector",children:e.jsxs(te,{children:[e.jsx(z,{value:"light","data-testid":"theme-light",children:"Light"}),e.jsx(z,{value:"dark","data-testid":"theme-dark",children:"Dark"})]})})]}),e.jsx("div",{className:"flex items-center gap-4 ml-auto",children:e.jsxs(J,{variant:"outline","data-testid":"character-limits",children:[x.toUpperCase()," Limits: Title ",b[x].title," | Body ",b[x].body]})})]})})]})}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsx("div",{className:"flex justify-center",children:x==="ios"?je():ue()}),E&&e.jsxs(N,{"data-testid":"ab-test-preview",children:[e.jsx(y,{children:e.jsxs(w,{className:"flex items-center gap-2",children:[e.jsx(K,{className:"w-5 h-5"}),"A/B Test Variant ",$.toUpperCase()]})}),e.jsx(C,{children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{children:["Currently previewing variant ",$.toUpperCase()]}),e.jsxs(h,{variant:"outline",size:"sm",onClick:()=>d("platformContent.abTestVariant",$==="a"?"b":"a"),"data-testid":"switch-ab-variant",children:["Switch to Variant ",$==="a"?"B":"A"]})]})})]}),e.jsx(ge,{})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs(N,{"data-testid":"core-notification-content",children:[e.jsx(y,{children:e.jsxs(w,{className:"flex items-center gap-2",children:[e.jsx(q,{className:"w-5 h-5"}),"Core Notification Content"]})}),e.jsxs(C,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l,{htmlFor:"notificationTitle",children:"Notification Title *"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:`text-xs ${D("notificationTitle",U.length).colorClass}`,"data-testid":"title-character-count",children:D("notificationTitle",U.length).message}),j&&e.jsx(h,{type:"button",variant:"ghost",size:"sm",onClick:()=>j("notificationTitle"),disabled:a==null?void 0:a("notificationTitle"),className:"h-6 px-2","data-testid":"generate-title",children:a!=null&&a("notificationTitle")?e.

11jsx(M,{className:"w-3 h-3 animate-spin"}):e.jsx(R,{className:"w-3 h-3"})})]})]}),e.jsx(g,{...p("platformContent.notificationTitle"),placeholder:"Your notification title...",className:"w-full",maxLength:b[x].title,"data-testid":"input-notification-title"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l,{htmlFor:"notificationBody",children:"Notification Body *"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:`text-xs ${D("notificationBody",A.length).colorClass}`,"data-testid":"body-character-count",children:D("notificationBody",A.length).message}),j&&e.jsx(h,{type:"button",variant:"ghost",size:"sm",onClick:()=>j("notificationBody"),disabled:a==null?void 0:a("notificationBody"),className:"h-6 px-2","data-testid":"generate-body",children:a!=null&&a("notificationBody")?e.jsx(M,{className:"w-3 h-3 animate-spin"}):e.jsx(R,{className:"w-3 h-3"})})]})]}),e.jsx(Q,{...p("platformContent.notificationBody"),placeholder:"Your notification message...",className:"w-full min-h-[80px]",maxLength:b[x].body,"data-testid":"textarea-notification-body"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l,{children:"Action Buttons"}),j&&e.jsx(h,{type:"button",variant:"ghost",size:"sm",onClick:()=>j("actionButtonText"),disabled:a==null?void 0:a("actionButtonText"),className:"h-6 px-2","data-testid":"generate-action-text",children:a!=null&&a("actionButtonText")?e.jsx(M,{className:"w-3 h-3 animate-spin"}):e.jsx(R,{className:"w-3 h-3"})})]}),e.jsxs("div",{className:"space-y-2","data-testid":"list-action-buttons",children:[u.map((t,i)=>e.jsxs("div",{className:"flex items-center gap-2 p-3 border rounded-lg",children:[e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(g,{value:t.text||"",onChange:m=>{const r=[...u];r[i]={...r[i],text:m.target.value},d("platformContent.actionButtons",r)},placeholder:`Button ${i+1} text...`,className:"w-full","data-testid":`input-action-button-${i}-text`}),e.jsxs(k,{value:t.action||"open_app",onValueChange:m=>{const r=[...u];r[i]={...r[i],action:m},d("platformContent.actionButtons",r)},"data-testid":`select-action-button-${i}-action`,children:[e.jsx(T,{children:e.jsx(S,{placeholder:"Select action"})}),e.jsxs(B,{children:[e.jsx(o,{value:"open_app",children:"Open App"}),e.jsx(o,{value:"open_url",children:"Open URL"}),e.jsx(o,{value:"dismiss",children:"Dismiss"}),e.jsx(o,{value:"share",children:"Share"}),e.jsx(o,{value:"reply",children:"Reply"})]})]})]}),e.jsx(h,{type:"button",variant:"ghost",size:"sm",onClick:()=>{const m=u.filter((r,X)=>X!==i);d("platformContent.actionButtons",m)},className:"text-red-500 hover:text-red-700","data-testid":`button-remove-action-${i}`,children:e.jsx(fe,{className:"w-4 h-4"})})]},i)),e.jsx(h,{type:"button",variant:"outline",size:"sm",onClick:()=>{const t=[...u,{text:"",action:"open_app"}];d("platformContent.actionButtons",t)},className:"w-full","data-testid":"button-add-action",children:e.jsx("span",{className:"text-sm",children:"+ Add Action Button"})})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"deepLinkUrl",children:"Deep Link URL"}),e.jsx(g,{...p("platformContent.deepLinkUrl"),placeholder:"https://yourapp.com/page or myapp://screen",className:"w-full","data-testid":"input-deep-link"})]})]})]}),e.jsxs(N,{"data-testid":"notification-format-settings",children:[e.jsx(y,{children:e.jsxs(w,{className:"flex items-center gap-2",children:[e.jsx(F,{className:"w-5 h-5"}),"Format & Settings"]})}),e.jsxs(C,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Notification Format"}),e.jsxs(k,{value:c,onValueChange:t=>d("platformContent.notificationFormat",t),"data-testid":"select-notification-format",children:[e.jsx(T,{children:e.jsx(S,{placeholder:"Select notification format"})}),e.jsx(B,{children:Object.entries(xe).map(([t,i])=>e.jsx(o,{value:t,"data-testid":`format-option-${t}`,children:e.jsxs("div",{className:"flex items-center gap-2",children:[i.icon,e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:i.name}),e.jsx("div",{className:"text-xs text-gray-500",children:i.description})]})]})},t))})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"badgeCount",children:"Badge Count"}),e.jsx(g,{type:"number",min:"0",max:"999",...p("platformContent.badgeCount"),className:"w-full","data-testid":"input-badge-count"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Notification Sound"}),e.jsxs(k,{value:re,onValueChange:t=>d("platformContent.notificationSound",t),"data-testid":"select-sound",children:[e.jsx(T,{children:e.jsx(S,{})}),e.jsx(B,{children:me.map(t=>e.jsx(o,{value:t.value,"data-testid":`sound-option-${t.value}`,children:t.label},t.value))})]})]})]}),c==="rich_media"&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"imageUrl",children:"Image URL"}),e.jsx(g,{...p("platformContent.imageUrl"),placeholder:"https://example.com/image.jpg",className:"w-full","data-testid":"input-image-url"})]}),c==="expandable"&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"expandableContent",children:"Expandable Content"}),e.jsx(Q,{...p("platformContent.expandableContent"),placeholder:"Additional content shown when notification is expanded...",className:"w-full min-h-[60

11px]","data-testid":"input-expandable-content"})]}),c==="progress"&&e.jsxs("div",{className:"space-y-3",children:[e.jsxs(l,{htmlFor:"progressValue",children:["Progress Value (",v,"%)"]}),e.jsx("div",{className:"px-2",children:e.jsx(ke,{value:[v],onValueChange:t=>d("platformContent.progressValue",t[0]),max:100,min:0,step:1,className:"w-full","data-testid":"slider-progress"})}),e.jsx(g,{type:"number",min:"0",max:"100",...p("platformContent.progressValue"),className:"w-full","data-testid":"input-progress-value"})]})]})]}),e.jsxs(N,{"data-testid":"delivery-targeting-settings",children:[e.jsx(y,{children:e.jsxs(w,{className:"flex items-center gap-2",children:[e.jsx(K,{className:"w-5 h-5"}),"Delivery & Targeting"]})}),e.jsxs(C,{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{children:"Delivery Timing"}),e.jsxs(k,{value:W,onValueChange:t=>d("platformContent.deliveryTiming",t),"data-testid":"select-delivery",children:[e.jsx(T,{children:e.jsx(S,{})}),e.jsx(B,{children:pe.map(t=>e.jsx(o,{value:t.value,"data-testid":`timing-option-${t.value}`,children:t.label},t.value))})]})]}),W==="scheduled"&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(l,{htmlFor:"scheduledTime",children:"Scheduled Time"}),e.jsx(g,{type:"datetime-local",...p("platformContent.scheduledTime"),className:"w-full","data-testid":"input-scheduled-time"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l,{children:"User Targeting"}),j&&e.jsx(h,{type:"button",variant:"ghost",size:"sm",onClick:()=>j("targetingOptions"),disabled:a==null?void 0:a("targetingOptions"),className:"h-6 px-2","data-testid":"generate-targeting",children:a!=null&&a("targetingOptions")?e.jsx(M,{className:"w-3 h-3 animate-spin"}):e.jsx(R,{className:"w-3 h-3"})})]}),e.jsxs(k,{value:oe,onValueChange:t=>d("platformContent.targetingOptions",t),"data-testid":"select-targeting",children:[e.jsx(T,{children:e.jsx(S,{})}),e.jsx(B,{children:he.map(t=>e.jsx(o,{value:t.value,"data-testid":`targeting-option-${t.value}`,children:e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:t.label}),e.jsx("div",{className:"text-xs text-gray-500",children:t.description})]})},t.value))})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l,{children:"A/B Testing"}),e.jsx(ve,{checked:E,onCheckedChange:t=>d("platformContent.abTestEnabled",t),"data-testid":"switch-ab-testing"})]}),E&&e.jsxs("div",{className:"pl-4 space-y-2 border-l-2 border-gray-200",children:[e.jsx(l,{children:"Current Variant"}),e.jsxs(k,{value:$,onValueChange:t=>d("platformContent.abTestVariant",t),"data-testid":"select-ab-variant",children:[e.jsx(T,{children:e.jsx(S,{})}),e.jsxs(B,{children:[e.jsx(o,{value:"a","data-testid":"variant-a",children:"Variant A"}),e.jsx(o,{value:"b","data-testid":"variant-b",children:"Variant B"})]})]}),e.jsx("div",{className:"text-xs text-gray-500",children:"Split test your notification content with different variants"})]})]})]})]})]})]})]})}export{ze as PushNotificationsMockup};