https://otentecnologia.com.br/assets/ExtensoesAjuda-Drm96Zkb.js

1import{r as e,j as t,m as s}from"./framer-DNXtdBgj.js";import{e as n,b as l,F as a,a as i,h as o,j as r,v as c,I as d,y as m,m as u,S as x,n as p,B as g,U as h,V as f,W as j,X as w,K as y,N as b,O as _,Q as v,k as N,A as k}from"./index-XTUkK5WH.js";import{C as H,c as $}from"./card-Bfb46Kgw.js";import{B as S}from"./badge-5FdbKFYY.js";import{A as q}from"./aspect-ratio-eRdgmbxH.js";import{S as C}from"./skeleton-Bt0hhFPb.js";import{S as I}from"./search-B3aOT83d.js";import{A as T}from"./arrow-left-C0gCHPMp.js";import{B as D}from"./book-open-BVLVX2es.js";import{P as F}from"./puzzle-ms8g5hLX.js";import{E as L}from"./external-link-CHm8ztBE.js";import"./supabase-CVkO6afG.js";const M="https://www.otentecnologia.com.br";function B(e,t){const s=e.replace(/\s+/g," ").trim();if(t>=s.length)return s;const n=s.slice(0,t-1),l=n.lastIndexOf(" ");return(l>.6*t?n.slice(0,l):n).trimEnd()+"…"}function O(...e){for(const t of e)if(null!=t&&""!==t)return t}function A(e,t,s,n,l){return O(t?.[e],s?.[e],n?.[e],l?.[e])}function E(){if("undefined"==typeof window)return"ssr";try{const e="oten_session_id";let t=window.sessionStorage.getItem(e);return t||(t=crypto?.randomUUID?.()||`s_${Date.now().toString(36)}_${Math.random().toString(36).slice(2,10)}`,window.sessionStorage.setItem(e,t)),t}catch{return`s_${Date.now()}`}}function R(e){try{const t="undefined"!=typeof window?window.location.pathname:"/extensoes/ajuda";n.from("page_events").insert({event_type:"help_cta_click",page_slug:t,session_id:E(),metadata:{...e,referrer:"undefined"!=typeof document?document.referrer:null,ts:(new Date).toISOString()}}).then(({error:e})=>{e&&console.warn("[trackHelpCtaClick] insert failed",e.message)})}catch(t){console.warn("[trackHelpCtaClick] threw",t)}}function z(e){const s=e.split("\n"),n=[];let l=[];const a=e=>{0!==l.length&&(n.push(t.jsx("ul",{className:"list-disc pl-6 space-y-1 my-3",children:l.map((e,s)=>t.jsx("li",{dangerouslySetInnerHTML:{__html:i(e)}},s))},e)),l=[])},i=e=>e.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>");return s.forEach((e,s)=>{e.startsWith("- ")?l.push(e.slice(2)):(a(`l-${s}`),""===e.trim()?n.push(t.jsx("div",{className:"h-2"},`b-${s}`)):n.push(t.jsx("p",{className:"leading-relaxed text-foreground/90",dangerouslySetInnerHTML:{__html:i(e)}},`p-${s}`)))}),a("end"),n}function P({steps:e,label:n}){return e?.length?t.jsx("div",{className:"space-y-6",children:e.map((e,l)=>t.jsxs(s.div,{initial:{opacity:0,y:12},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-50px"},transition:{duration:.3,delay:.03*l},className:"rounded-lg border border-border/60 bg-card p-4 md:p-6",children:[t.jsxs("div",{className:"flex items-start gap-3 mb-3",children:[t.jsxs(S,{variant:"outline",className:"border-primary/40 text-primary shrink-0",children:[n," ",e.n||String(l+1).padStart(2,"0")]}),t.jsx("p",{className:"text-base md:text-lg font-medium text-foreground leading-snug",children:e.title})]}),e.image_url&&t.jsx("div",{className:"mt-3 rounded-md overflow-hidden border border-border/40 bg-muted",children:t.jsx(q,{ratio:16/9,children:t.jsx("img",{src:e.image_url,alt:e.alt||e.title,loading:"lazy",decoding:"async",className:"w-full h-full object-contain bg-white"})})})]},l))}):null}function K(){const{t:s,locale:q}=l(),{slug:E}=a(),K=i(),[Q,U]=e.useState(""),{whatsapp:V}=o(),W=r({source:"extensions_help.support"}),{data:X}=c({queryKey:["help-settings-cascade",q],queryFn:async()=>{const{data:e}=await n.from("help_settings").select("*").in("locale",[q,"pt-BR"]);return e||[]}}),Y=e.useMemo(()=>{const e=new Map;for(const t of X||[])e.set(t.locale,t);return e},[X]),G=Y.get(q)||null,J=Y.get("pt-BR")||null,{data:Z,isLoading:ee}=c({queryKey:["help-extensions"],queryFn:async()=>{const{data:e,error:t}=await n.from("extensions").select("id, slug, name, image, hero_image, description").eq("status","published").order("sort_order");if(t)throw t;return e||[]}}),{data:te}=c({queryKey:["help-guides",q],queryFn:async()=>{const{data:e,error:t}=await n.from("extension_guides").select("*").in("locale",[q,"pt-BR"]);if(t)throw t;return e||[]}}),se=e.useMemo(()=>{const e=new Map;if(!te)return e;

1for(const t of te)e.get(t.extension_id)&&t.locale!==q||e.set(t.extension_id,t);return e},[te,q]),ne=e.useMemo(()=>Z?Z.filter(e=>se.has(e.id)):[],[Z,se]),le=e.useMemo(()=>{if(!Q.trim())return ne;const e=Q.toLowerCase();return ne.filter(t=>t.name.toLowerCase().includes(e)||(t.description||"").toLowerCase().includes(e))},[ne,Q]),ae=e.useMemo(()=>{if(!ne.length)return null;if(E){const e=ne.find(e=>e.slug===E);if(e)return e}return ne[0]},[E,ne]),ie=ae?se.get(ae.id):void 0,{data:oe}=c({queryKey:["help-extension-seo",ae?.id,q],queryFn:async()=>{if(!ae?.id)return[];const{data:e,error:t}=await n.from("extension_seo").select("*").eq("extension_id",ae.id).in("locale",[q,"pt-BR"]);if(t)throw t;return e||[]},enabled:!!ae?.id}),re=oe?.find(e=>e.locale===q)||null,ce=oe?.find(e=>"pt-BR"===e.locale)||null,de=e.useMemo(()=>ae&&te&&te.find(e=>e.extension_id===ae.id&&"pt-BR"===e.locale)||null,[ae,te]),me=function(e){const{locale:t,t:s,ext:n,guide:l,guideFallback:a,extSeo:i,extSeoFallback:o,helpSettings:r,helpSettingsFallback:c}=e,d=O(l?.overview,a?.overview),m=n?B(`${n.name} — ${s("extensionsHelp.seo.titleSuffix")}`,60):s("extensionsHelp.seo.indexTitle"),u=n?B(function(e){const t=e.match(/^[\s\S]*?[.!?](\s|$)/);return(t?t[0]:e).trim()}(d||n.description||s("extensionsHelp.seo.autoDescriptionFallback",{name:n.name})),160):s("extensionsHelp.seo.indexDescription"),x=n?.hero_image||n?.image||void 0,p=n?`${M}/extensoes/ajuda/${n.slug}`:`${M}/extensoes/ajuda`,g=A("meta_title",i??null,o??null,r??null,c??null)||m,h=A("meta_description",i??null,o??null,r??null,c??null)||u,f=A("keywords",i??null,o??null,r??null,c??null),j=A("canonical_url",i??null,o??null,r??null,c??null)||p,w=!0===A("noindex",i??null,o??null,r??null,c??null),y=A("og_title",i??null,o??null,r??null,c??null)||g,b=A("og_description",i??null,o??null,r??null,c??null)||h,_=A("og_image",i??null,o??null,r??null,c??null)||x,v=A("twitter_card",i??null,o??null,r??null,c??null),N=["summary","summary_large_image","app","player"].includes(v||"")?v:"summary_large_image",k=A("twitter_title",i??null,o??null,r??null,c??null)||y,H=A("twitter_description",i??null,o??null,r??null,c??null)||b,$=A("twitter_image",i??null,o??null,r??null,c??null)||_;let S=A("json_ld",i??null,o??null,r??null,c??null);if(!S&&n){const e={"@context":"https://schema.org","@type":"Article",headline:g,description:h,mainEntityOfPage:{"@type":"WebPage","@id":j},author:{"@type":"Organization",name:"OTEN Tecnologia"},publisher:{"@type":"Organization",name:"OTEN Tecnologia",logo:{"@type":"ImageObject",url:`${M}/og-image.png`}},inLanguage:t};_&&(e.image=_);const i=l?.faq?.length?l.faq:a?.faq,o=[e];i&&i.length>0&&o.push({"@context":"https://schema.org","@type":"FAQPage",mainEntity:i.map(e=>({"@type":"Question",name:e.q,acceptedAnswer:{"@type":"Answer",text:e.a}}))});const r=[{key:"installation",steps:l?.installation??a?.installation},{key:"configuration",steps:l?.configuration??a?.configuration},{key:"usage",steps:l?.usage??a?.usage}];for(const l of r){if(!l.steps||0===l.steps.length)continue;const e=s(`extensionsHelp.sections.${l.key}`)||l.key;o.push({"@context":"https://schema.org","@type":"HowTo",name:`${n.name} — ${e}`,description:`${e}: ${n.name}`,inLanguage:t,step:l.steps.map((e,t)=>({"@type":"HowToStep",position:t+1,name:e.title,...e.image_url||e.image?{image:e.image_url||e.image}:{},url:`${j}#${l.key}-${t+1}`}))})}S=1===o.length?o[0]:o}return{title:g,description:h,keywords:f,canonical:j,noindex:w,ogTitle:y,ogDescription:b,ogImage:_,twitterCard:N,twitterTitle:k,twitterDescription:H,twitterImage:$,jsonLd:S}}({locale:q,t:s,ext:ae?{id:ae.id,slug:ae.slug,name:ae.name,description:ae.description,image:ae.image,hero_image:ae.hero_image??null}:null,guide:ie?{locale:ie.locale,overview:ie.overview,faq:ie.faq,installation:ie.installation,configuration:ie.configuration,usage:ie.usage}:null,guideFallback:de?{locale:"pt-BR",overview:de.overview,faq:de.faq,installation:de.installation,configuration:de.configuration,usage:de.usage}:null,extSeo:re,extSeoFallback:ce,helpSettings:G,helpSettingsFallback:J});e.useEffect(()=>{!E&&ae&&K(`/extensoes/ajuda/${ae.slug}`,{replace:!0})},[E,ae,K]);const ue=t.jsxs("nav",{className:"space-y-1",children:[t.jsxs("div",{className:"relative mb-4",children:[t.jsx(I,{className:"h-4 w-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"}),t.jsx(d,{value:Q,onChange:e=>U(e.target.value),placeholder:s("extensionsHelp.searchPlaceholder"),className:"pl-9"})]}),ee&&t.jsx("div",{className:"space-y-2",children:Array.from({length:6}).map((e,s)=>t.jsx(C,{className:"h-9 w-full"},s))}),le.map(e=>t.jsx(m,{to:`/extensoes/ajuda/${e.slug}`,className:"block px-3 py-2 rounded-md text-sm transition-colors "+(ae?.id===e.id?"bg-primary text-primary-foreground font-medium":"hover:bg-muted text-foreground

1/80"),children:e.name},e.id)),!ee&&0===le.length&&t.jsx("p",{className:"text-sm text-muted-foreground px-3 py-4",children:"—"})]});return t.jsxs(u,{children:[t.jsx(x,{title:me.title,description:me.description,keywords:me.keywords,canonical:me.canonical,noindex:me.noindex,ogTitle:me.ogTitle,ogDescription:me.ogDescription,ogImage:me.ogImage,twitterCard:me.twitterCard,twitterTitle:me.twitterTitle,twitterDescription:me.twitterDescription,twitterImage:me.twitterImage,jsonLd:me.jsonLd,alternateLanguages:p("/extensoes/ajuda"+(ae?`/${ae.slug}`:""))}),t.jsx("section",{className:"bg-gradient-to-br from-primary to-primary/80 text-primary-foreground py-12 md:py-16",children:t.jsx("div",{className:"container mx-auto px-4",children:t.jsxs("div",{className:"max-w-3xl",children:[t.jsxs(g,{variant:"ghost",size:"sm",onClick:()=>window.history.length>1?K(-1):K("/extensoes"),className:"mb-4 text-white hover:bg-white/10 hover:text-white -ml-2",children:[t.jsx(T,{className:"h-4 w-4 mr-2"}),s("common.back")||"Voltar"]}),t.jsxs(S,{className:"mb-4 bg-white/15 text-white border-white/20 hover:bg-white/20",children:[t.jsx(D,{className:"h-3.5 w-3.5 mr-1.5"}),G?.hero_eyebrow||J?.hero_eyebrow||s("extensionsHelp.title")]}),t.jsx("h1",{className:"text-3xl md:text-5xl font-bold mb-4 leading-tight text-accent",children:G?.hero_title||J?.hero_title||s("extensionsHelp.title")}),t.jsx("p",{className:"text-lg md:text-xl text-white/90 leading-relaxed",children:G?.hero_subtitle||J?.hero_subtitle||s("extensionsHelp.subtitle")})]})})}),t.jsx("section",{className:"py-8 md:py-12",children:t.jsx("div",{className:"container mx-auto px-4",children:t.jsxs("div",{className:"grid lg:grid-cols-[280px_1fr] gap-8",children:[t.jsx("aside",{className:"hidden lg:block",children:t.jsx("div",{className:"sticky top-24",children:ue})}),t.jsx("div",{className:"lg:hidden mb-4",children:t.jsxs(h,{children:[t.jsx(f,{asChild:!0,children:t.jsxs(g,{variant:"outline",size:"sm",className:"w-full justify-start",children:[t.jsx(j,{className:"h-4 w-4 mr-2"}),ae?.name||s("extensionsHelp.title")]})}),t.jsx(w,{side:"left",className:"w-80 overflow-y-auto",children:t.jsx("div",{className:"mt-8",children:ue})})]})}),t.jsxs("article",{className:"min-w-0",children:[!ae&&!ee&&t.jsx(H,{children:t.jsxs($,{className:"py-12 text-center text-muted-foreground",children:[t.jsx(F,{className:"h-12 w-12 mx-auto mb-4 opacity-40"}),t.jsx("p",{children:s("extensionsHelp.selectPrompt")})]})}),ae&&t.jsxs("div",{className:"space-y-10",children:[t.jsx("header",{className:"border-b pb-6",children:t.jsxs("div",{className:"flex items-start gap-4",children:[ae.image&&t.jsx("img",{src:ae.image,alt:ae.name,className:"w-16 h-16 rounded-lg object-contain bg-primary/10 p-2 shrink-0"}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsx("h2",{className:"text-2xl md:text-3xl font-bold text-foreground mb-2",children:ae.name}),t.jsxs(m,{to:`/extensoes/${ae.slug}`,className:"inline-flex items-center text-sm text-primary hover:underline",onClick:()=>

1R({cta:"view_extension_page",extension_slug:ae.slug,extension_id:ae.id,extension_name:ae.name,locale:q,destination:`/extensoes/${ae.slug}`}),children:[s("extensionsHelp.viewExtensionPage"),t.jsx(L,{className:"h-3.5 w-3.5 ml-1"})]})]})]})}),!ie&&t.jsx(H,{children:t.jsx($,{className:"py-10 text-center text-muted-foreground",children:s("extensionsHelp.empty")})}),ie?.overview&&t.jsxs("section",{id:"overview",children:[t.jsx("h3",{className:"text-xl font-semibold text-foreground mb-4",children:s("extensionsHelp.sections.overview")}),t.jsx("div",{className:"prose prose-sm dark:prose-invert max-w-none",children:z(ie.overview)})]}),ie?.installation?.length>0&&t.jsxs("section",{id:"installation",children:[t.jsx("h3",{className:"text-xl font-semibold text-foreground mb-4",children:s("extensionsHelp.sections.installation")}),t.jsx(P,{steps:ie.installation,label:s("extensionsHelp.step")})]}),ie?.configuration?.length>0&&t.jsxs("section",{id:"configuration",children:[t.jsx("h3",{className:"text-xl font-semibold text-foreground mb-4",children:s("extensionsHelp.sections.configuration")}),t.jsx(P,{steps:ie.configuration,label:s("extensionsHelp.step")})]}),ie?.usage?.length>0&&t.jsxs("section",{id:"usage",children:[t.jsx("h3",{className:"text-xl font-semibold text-foreground mb-4",children:s("extensionsHelp.sections.usage")}),t.jsx(P,{steps:ie.usage,label:s("extensionsHelp.step")})]}),ie?.faq?.length>0&&t.jsxs("section",{id:"faq",children:[t.jsx("h3",{className:"text-xl font-semibold text-foreground mb-4",children:s("extensionsHelp.sections.faq")}),t.jsx(y,{type:"single",collapsible:!0,className:"border rounded-lg px-4",children:ie.faq.map((e,s)=>t.jsxs(b,{value:`faq-${s}`,children:[t.jsx(_,{className:"text-left",children:e.q}),t.jsx(v,{className:"text-muted-foreground",children:e.a})]},s))})]}),t.jsxs("section",{id:"support",className:"mt-10 rounded-xl bg-primary/5 border border-primary/20 p-6 md:p-8 flex flex-col md:flex-row items-start md:items-center justify-between gap-4",children:[t.jsxs("div",{children:[t.jsx("h3",{className:"text-lg font-semibold text-foreground mb-1",children:s("extensionsHelp.sections.support")}),t.jsx("p",{className:"text-sm text-muted-foreground",children:G?.footer_help_text||J?.footer_help_text||s("extensionDetail.cta.description")})]}),t.jsxs("div",{className:"flex flex-wrap gap-3",children:[V&&t.jsx("a",{href:N(V,void 0,`Olá, preciso de ajuda com a extensão ${ae.name}`),target:"_blank",rel:"noopener noreferrer",onClick:W({number:V,label:ae.name,chain:()=>

1R({cta:"whatsapp_support",extension_slug:ae.slug,extension_id:ae.id,extension_name:ae.name,locale:q,destination:"whatsapp"})}),children:t.jsx(g,{variant:"accent",children:G?.cta_whatsapp_label||J?.cta_whatsapp_label||s("extensionsHelp.contactSupport")})}),t.jsx(m,{to:"/contato",onClick:()=>R({cta:"contact_form",extension_slug:ae.slug,extension_id:ae.id,extension_name:ae.name,locale:q,destination:"/contato"}),children:t.jsxs(g,{variant:"outline",children:[s("extensionDetail.cta.title"),t.jsx(k,{className:"h-4 w-4 ml-2"})]})})]})]})]})]})]})})})]})}export{K as default};