https://app.hintoai.com/_next/static/chunks/pages/template-preview-test-2fe70964a664164a.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];if(null!=n)for(var s in n)n.hasOwnProperty(s)&&(e[s]=n[s])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:hinto-web-client":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="4e3b7e8d-85c0-4411-8501-761049913fc7",e._sentryDebugIdIdentifier="sentry-dbid-4e3b7e8d-85c0-4411-8501-761049913fc7")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1474],{6251:(e,t,n)=>{"use strict";n.r(t),n.d(t,{__N_SSP:()=>l,default:()=>d});var s=n(26514),i=n(75834),o=n(14684),r=n(46355),a=n(52162),c=n(78024),l=!0;let d=()=>{let{t:e}=(0,c.Bd)("common"),[t,n]=(0,i.useState)(null),[l,d]=(0,i.useState)(!1);return(0,s.jsxs)("div",{className:"min-h-screen bg-background p-8",children:[(0,s.jsxs)("div",{className:"max-w-4xl mx-auto",children:[(0,s.jsx)("h1",{className:"text-3xl font-bold text-foreground mb-8 text-center",children:e("templatePreviewTest.title","Template Structure Previews Test")}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:a.B.map(t=>(0,s.jsxs)("div",{className:"bg-card p-6 rounded-xl shadow-md border border-border",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,s.jsx)("span",{className:"text-2xl",children:t.emoji}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-lg font-semibold text-foreground",children:t.name}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:t.description})]})]}),(0,s.jsx)(o.$,{onClick:()=>{n(t),d(!0)},className:"w-full",children:e("templatePreviewTest.previewStructure","Preview Structure")})]},t.id))})]}),l&&t&&(0,s.jsx)(r.T,{currentStructure:t,onBack:()=>{d(!1),n(null)}})]})}},46355:(e,t,n)=>{"use strict";n.d(t,{T:()=>p});var s=n(26514);n(75834);var i=n(87473),o=n(78024),r=n(14684),a=n(70677),c=n(95956),l=n(42003);let d=e=>{let{content:t,type:n}=e;return"media"===n?(0,s.jsx)("div",{className:"text-center",children:(0,s.jsxs)("div",{className:"bg-muted border-2 border-dashed border-border rounded-lg p-8 flex flex-col items-center justify-center",children:[(0,s.jsx)("div",{className:"w-16 h-16 bg-muted-foreground/20 rounded-lg flex items-center justify-center mb-3",children:(0,s.jsx)(c.A,{className:"w-8 h-8 text-muted-foreground"})}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground font-medium",children:t})]})}):(0,s.jsx)("div",{className:"text-muted-foreground leading-relaxed text-sm",children:t.split("\n").map((e,t)=>["screenshot","video","gif","image","screenshots","videos"].some(t=>e.toLowerCase().includes(t.toLowerCase()))?(0,s.jsx)("div",{className:"my-3",children:(0,s.jsxs)("div",{className:"bg-muted border-2 border-dashed border-border rounded-lg p-6 flex flex-col items-center justify-center",children:[(0,s.jsx)("div",{className:"w-12 h-12 bg-muted-foreground/20 rounded-lg flex items-center justify-center mb-2",children:(0,s.jsx)(c.A,{className:"w-6 h-6 text-muted-foreground"})}),(0,s.jsx)("p",{className:"text-xs text-muted-foreground text-center",children:e})]})},t):(0,s.jsx)("div",{className:(0,l.cn)(e.startsWith("•")?"ml-4":"",""===e.trim()?"h-2":""),children:e},t))})},m=e=>{let{block:t}=e;return t.content.trim()?(0,s.jsxs)("div",{className:((e,t)=>{let n="border border-solid rounded-lg p-4 mb-3";return t?"".concat(n," border-border bg-muted/40"):"media"===e?"".concat(n," border-border bg-muted"):"".concat(n," border-border bg-muted/40")})(t.type,t.isCommon),children:[(0,s.jsx)(d,{content:t.content,type:t.type}),t.subBlocks&&(0,s.jsx)("div",{className:"mt-3 space-y-2",children:t.subBlocks.map(e=>(0,s.jsx)(m,{block:e},e.id))})]}):null},u=e=>{let{structure:t,className:n}=e;return(0,s.jsx)("div",{className:(0,l.cn)("w-full",n),children:(0,s.jsx)("div",{className:"bg-card rounded-xl p-5 shadow-sm border border-border",children:t.blocks.map(e=>(0,s.jsx)(m,{block:e},e.id))})})},p=e=>{let{currentStructure:t,onBack:n,onSelectTemplate:c,templateId:l}=e,{t:d}=(0,o.Bd)("templatesUi");return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(a.c7,{onGoBack:n,children:[(0,s.jsx)(a.L3,{className:"pt-3",children:d("preview.titlePrefix","Template: {{name}}",{name:t.name})}),(0,s.jsx)(a.rr,{className:"mb-4 md:mb-0",children:t.description})]}),(0,s.jsx)("div",{className:"flex-1 overflow-y-auto",children:(0,s.jsx)(u,{structure:t})}),c&&l&&(0,s.jsx)(a.Es,{children:(0,s.jsxs)(r.$,{onClick:()=>{c&&l&&c(l)},className:"flex items-center gap-2",children:[(0,s.jsx)(i.A,{className:"w-4 h-4"}),d("preview.selectButton","Select This Template")]})})]})}}

1,52162:(e,t,n)=>{"use strict";n.d(t,{B:()=>s});let s=[{id:"how-to-guide",name:"How-To Guide",description:"Step-by-step instructions with visual references",emoji:"\uD83D\uDCCB",blocks:[{id:"header",label:"",content:"Title + brief introduction",type:"intro",isCommon:!0},{id:"steps",label:"",content:"Step-by-Step Instructions\n1. Step one\nScreenshot or gif showing this step\n2. Step two\nScreenshot or gif showing this step\n3. Step three\nScreenshot or gif showing this step\n \n Troubleshooting and solutions for common issues",type:"steps"},{id:"conclusion",label:"",content:"Summary of accomplishments + related articles",type:"summary",isCommon:!0}]},{id:"getting-started",name:"Getting Started Guide",description:"Beginner-friendly onboarding with clear progression",emoji:"\uD83D\uDE80",blocks:[{id:"header",label:"",content:"Title + brief introduction",type:"intro",isCommon:!0},{id:"steps",label:"",content:"Step 1: Step one\nBrief explanation for this step\n\nStep 2: Step two\nBrief explanation for this step\n\nStep 3: Step three\nBrief explanation for this step",type:"steps"},{id:"conclusion",label:"",content:"Summary of accomplishments + related articles",type:"summary",isCommon:!0}]},{id:"conceptual-guide",name:"Conceptual Guide",description:"Explains concepts, features, and business value",emoji:"\uD83D\uDCA1",blocks:[{id:"header",label:"",content:"Title + brief introduction",type:"intro",isCommon:!0},{id:"what-it-is",label:"",content:"What It Is\nPlain language explanation:\n• First key characteristic\n• Second key characteristic\n• Third key characteristic\n\nWhy It Matters\nBenefits + how it helps workflow and decision-making",type:"section"},{id:"conclusion",label:"",content:"Summary of accomplishments + related articles",type:"summary",isCommon:!0}]},{id:"feature-overview",name:"Feature Overview",description:"Interface tours with visual elements and tips",emoji:"\uD83D\uDD27",blocks:[{id:"header",label:"",content:"Title + brief introduction",type:"intro",isCommon:!0},{id:"feature-areas",label:"",content:"First Feature\nShort description\n• Key actions you can take\n• Additional tools and options\nScreenshot or image\n\nSecond Feature\nShort description\n• Key actions you can take\n• Additional tools and options\nScreenshot or image",type:"section"},{id:"conclusion",label:"",content:"Summary of accomplishments + related articles",type:"summary",isCommon:!0}]},{id:"meeting-knowledge-context",name:"Context Article",description:'Strategic reasoning and motivation - the "Why"',emoji:"\uD83D\uDCA1",blocks:[{id:"header",label:"",content:"Title + Takeaway sentence",type:"intro",isCommon:!0},{id:"problem",label:"The Problem / Old Way",content:"What pain point are we solving?\nHow did things work before?\nWhy was the old approach insufficient?",type:"section"},{id:"vision",label:"Strategic Vision / New Way",content:"What is the new approach?\nWhy this direction was chosen?\nWhat principles guide this decision?",type:"section"},{id:"impact",label:"Business Impact",content:"Who benefits and how?\nExpected outcomes\nSuccess metrics",type:"section"},{id:"summary",label:"",content:"Summary of key strategic points",type:"summary",isCommon:!0}]},{id:"meeting-knowledge-logic",name:"Logic Article",description:'Technical rules, structure, and step-by-step instructions - the "How"',emoji:"⚙️",blocks:[{id:"header",label:"",content:"Title + Takeaway sentence",type:"intro",isCommon:!0},{id:"how-it-works",label:"How It Works",content:"Technical explanation of the feature/system\nData flow or process flow\nArchitecture or hierarchy",type:"section"},{id:"steps",label:"Step-by-Step Instructions",content:"1. First step with details\n2. Second step with details\n3. Third step with details\nInclude screenshots between steps",type:"steps"},{id:"structure",label:"Structure & Navigation",content:"UI components and their locations\nData relationships\nNavigation paths",type:"section"},{id:"rules",label:"Rules & Conventions",content:"Naming conventions\nRequired vs optional elements\nEdge cases and exceptions",type:"section"},{id:"summary",label:"",content:"Technical summary",type:"summary",isCommon:!0}]},{id:"meeting-knowledge-playbook",name:"Playbook Article",description:'Sales positioning and talk tracks - the "What to Say"',emoji:"\uD83C\uDFAF",blocks:[{id:"header",label:"",content:"Title + Takeaway sentence",type:"intro",isCommon:!0},{id:"key-message",label:"Key Message",content:"Core value proposition\nMain benefits to communicate\nThe elevator pitch version",type:"section"},{id:"talk-track",label:"Talk Track / Demo Script",content:"What to say, step by step\nKey points to emphasize\nDemo flow and talking points",type:"section"},{id:"key-phrases",label:"Key Phrases",content:"Copy-paste ready language\nMemorable phrases\nPhrases that resonate with customers",type:"section"},{id:"summary",label:"",content:"Summary of key positioning",type:"summary",isCommon:!0}]},{id:"meeting-knowledge-reality",name:"Reality Article",description:'Limitations and constraints - the "Watch Out"',emoji:"⚠️",blocks:[{id:"header",label:"",content:"Title + Takeaway sentence",type:"intro",isCommon:!0},{id:"known-issues",label:"Known Issues",content:"Current bugs or defects\nReproduction steps if known\nStatus of fixes",type:"section"},{id:"limitations",label:"Limitations",content:"What the feature does NOT do\nScope constraints\nTechnical and security limitations",type:"section"},{id:"workarounds",label:"Workarounds",content:"Temporary solutions\nAlternative approaches\nWhen to use each w

1orkaround",type:"section"},{id:"timeline",label:"Timeline & Dependencies",content:"Launch dates\nDependencies on other features/teams\nPhases of rollout",type:"section"},{id:"not-promise",label:"What NOT to Promise",content:"Features not included\nScope limitations\nCommon misconceptions to avoid",type:"section"},{id:"summary",label:"",content:"Summary of key constraints",type:"summary",isCommon:!0}]}]},82218:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/template-preview-test",function(){return n(6251)}])},95956:(e,t,n)=>{"use strict";n.d(t,{A:()=>s});let s=(0,n(80891).A)("image",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]])}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=82218)),_N_E=e.O()}]);