https://mpreviews.ru/_next/static/chunks/253-da858684e5340e60.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[253],{9253:function(e,t,a){a.d(t,{default:function(){return x}});var r=a(7437),n=a(2265);let d={knowledge:{accent:"#2E6D4F",accentMuted:"#7BC49A",accentMid:"#5BA87E",accentDarkTab:"#3D8A62",mark:"#D8F0E2",markDark:"rgba(46, 109, 79, 0.45)",goodCardDark:"#1C2922",shadow:"rgba(46, 109, 79, 0.12)"},default:{accent:"#5A8BC0",accentMuted:"#7BA7D3",accentMid:"#7BA7D3",accentDarkTab:"#4A7BA8",mark:"#D6E8F5",markDark:"rgba(90, 139, 192, 0.45)",goodCardDark:"#1A262E",shadow:"rgba(90, 139, 192, 0.12)"}},s=[{id:"humidifier",kind:"question",tabLabel:"Вопрос",buyerName:"Анна",buyerInitial:"А",buyerMeta:"Вопрос по товару",kindLabel:"Вопрос",message:"Здравствуйте! Увлажнитель подойдёт для комнаты 25 м\xb2? И что с гарантией, если перестанет работать?",withoutReply:"Здравствуйте! Спасибо за ваш вопрос. Товар подойдёт большинству помещений. По гарантии уточните информацию в карточке товара или обратитесь в поддержку маркетплейса.",withoutTags:["Нет характеристик","Нет правил магазина","Покупатель уходит в поддержку"],withReplyParts:[{text:"Здравствуйте! Модель H3 рассчитана на площадь "},{text:"до 30 м\xb2",highlight:!0},{text:" — для вашей комнаты хватит с запасом. Бака "},{text:"4 л",highlight:!0},{text:" хватает на "},{text:"12 часов",highlight:!0},{text:" работы. Гарантия магазина — "},{text:"12 месяцев",highlight:!0},{text:"."}],knowledgeTags:[{label:"Знания по товару",detail:"площадь, бак, автономность"},{label:"Знания магазина",detail:"гарантия"}]},{id:"jacket-review",kind:"review",tabLabel:"Отзыв",buyerName:"Игорь",buyerInitial:"И",buyerMeta:"Отзыв \xb7 3 ★",kindLabel:"Отзыв",message:"Куртка выглядит хорошо, но на улице при −5\xb0C всё равно холодно. И непонятно, можно ли стирать в машинке — бирки нет.",withoutReply:"Спасибо за ваш отзыв! Нам очень жаль, что товар вас разочаровал. Мы всегда стараемся улучшать качество и учитываем замечания покупателей.",withoutTags:["Нет характеристик","Нет ухода","Общие извинения"],withReplyParts:[{text:"Спасибо за отзыв! NordLine — демисезонная модель с утеплителем "},{text:"120 г/м\xb2",highlight:!0},{text:", комфортный диапазон "},{text:"от 0 до +15 \xb0C",highlight:!0},{text:". Для −5 \xb0C лучше взять "},{text:"NordLine Winter",highlight:!0},{text:" (утеплитель 250 г/м\xb2). Стирка: "},{text:"машинная, 30 \xb0C",highlight:!0},{text:", без отжима на высоких оборотах; мембрану не гладить."}],knowledgeTags:[{label:"Знания по товару",detail:"утеплитель, температурный режим, уход"},{label:"Знания по категориям",detail:"сравнение линейки NordLine"}]},{id:"chat-compatibility",kind:"chat",tabLabel:"Чат",buyerName:"Мария",buyerInitial:"М",buyerMeta:"Чат по заказу",kindLabel:"Чат",message:"Купила робот-пылесос. Можно ли мыть контейнер в посудомойке? И подходит ли он для шерсти животных?",withoutReply:"Здравствуйте! Спасибо за покупку. Рекомендации по уходу обычно есть в инструкции. По поводу шерсти животных ориентируйтесь на описание в карточке товара.",withoutTags:["Нет правил ухода","Нет характеристик","Отсылает к инструкции"],withReplyParts:[{text:"Здравствуйте! Контейнер для пыли "},{text:"нельзя мыть в посудомойке",highlight:!0},{text:" — только вручную тёплой водой без абразивов. Фильтр HEPA снимается и "},{text:"моется раз в 2 недели",highlight:!0},{text:". Для шерсти животных модель подходит: режим "},{text:"Pet Care",highlight:!0},{text:" и щётка с антинамоткой — в комплекте идёт "},{text:"дополнительный фильтр",highlight:!0},{text:"."}],knowledgeTags:[{label:"Знания по товару",detail:"уход, фильтр, режим Pet Care"},{label:"Знания по категориям",detail:"правила для роботов-пылесосов"}]}];function l(e){let{tone:t}=e;return"bad"===t?(0,r.jsx)("span",{className:"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[#E8E4E1] text-[#8A817A] dark:bg-[#2A2A2A] dark:text-[#9A9A9A]",children:(0,r.jsx)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","aria-hidden":!0,

1children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}):(0,r.jsx)("span",{className:"inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[color-mix(in_srgb,var(--kb-accent)_15%,transparent)] text-[var(--kb-accent)] dark:bg-[color-mix(in_srgb,var(--kb-accent-muted)_20%,transparent)] dark:text-[var(--kb-accent-muted)]",children:(0,r.jsx)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","aria-hidden":!0,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4.5 12.75l6 6 9-13.5"})})})}function i(e){let{tone:t,title:a,subtitle:n,children:d,footer:s,className:i=""}=e,c="good"===t;return(0,r.jsxs)("article",{className:"kb-compare-card relative flex h-full flex-col overflow-hidden rounded-2xl border ".concat(c?"border-[color-mix(in_srgb,var(--kb-accent)_35%,transparent)] bg-white shadow-[0_16px_40px_var(--kb-shadow)] dark:border-[color-mix(in_srgb,var(--kb-accent-muted)_35%,transparent)] dark:bg-[var(--kb-good-card-dark)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.35)]":"border-[#E4DED9] bg-[#F3F0ED]/80 dark:border-[#333] dark:bg-[#222]"," ").concat(i),children:[c?(0,r.jsx)("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-[var(--kb-accent)] via-[var(--kb-accent-mid)] to-[var(--kb-accent)]","aria-hidden":!0}):null,(0,r.jsxs)("header",{className:"flex items-start gap-3 border-b border-black/[0.04] px-4 py-4 md:px-5 dark:border-white/[0.06]",children:[(0,r.jsx)(l,{tone:t}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("h3",{className:"font-semibold text-base md:text-lg leading-snug ".concat(c?"text-[#1F2A24] dark:text-[#E8F5EE]":"text-[#6B6560] dark:text-[#B0B0B0]"),children:a}),(0,r.jsx)("p",{className:"mt-0.5 text-xs md:text-sm leading-snug ".concat(c?"text-[#4F6B5C] dark:text-[#9BB5A6]":"text-[#8A817A] dark:text-[#888]"),children:n})]})]}),(0,r.jsxs)("div",{className:"flex flex-1 flex-col gap-3 px-4 py-4 md:px-5 md:py-5",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-[11px] uppercase tracking-wide text-[#8A817A] dark:text-[#888]",children:[(0,r.jsx)("span",{className:"inline-flex h-6 w-6 items-center justify-center rounded-full bg-[color-mix(in_srgb,var(--kb-accent)_10%,transparent)] text-[10px] font-bold text-[var(--kb-accent)] dark:bg-[color-mix(in_srgb,var(--kb-accent-muted)_15%,transparent)] dark:text-[var(--kb-accent-muted)]",children:"ИИ"}),"Ответ продавца"]}),(0,r.jsx)("div",{className:"text-sm md:text-[15px] leading-relaxed ".concat(c?"text-[#24312A] dark:text-[#E0E0E0]":"text-[#7A736C] dark:text-[#9A9A9A]"),children:d}),s]})]})}function c(e){let{parts:t,animKey:a}=e;return(0,r.jsx)(r.Fragment,{children:t.map((e,t)=>e.highlight?(0,r.jsx)("mark",{className:"kb-compare-mark rounded-[4px] px-1 text-inherit dark:text-[#E8F5EE]",children:e.text},"".concat(a,"-").concat(t)):(0,r.jsx)("span",{children:e.text},"".concat(a,"-").concat(t)))})}function x(e){var t;let{title:a="Без базы знаний и с ней — одна и та же ситуация",eyebrow:l="Примеры ответов",accent:x="knowledge"}=e,o=(0,n.useRef)(null),m=(0,n.useId)(),[b,k]=(0,n.useState)(!1),[h,p]=(0,n.useState)(s[0].id),[g,u]=(0,n.useState)(0),f=d[x],v={"--kb-accent":f.accent,"--kb-accent-muted":f.accentMuted,"--kb-accent-mid":f.accentMid,"--kb-accent-dark-tab":f.accentDarkTab,"--kb-mark":f.mark,"--kb-mark-dark":f.markDark,"--kb-good-card-dark":f.goodCardDark,"--kb-shadow":f.shadow},w=null!==(t=s.find(e=>e.id===h))&&void 0!==t?t:s[0];(0,n.useEffect)(()=>{let e=o.current;if(!e)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){k(!0);return}let t=new IntersectionObserver(e=>{let[a]=e;a.isIntersecting&&(k(!0),t.disconnect())},{threshold:.25});return t.observe(e),()=>t.disconnect()},[]);let j=e=>{e!==h&&(p(e),u(e=>e+1))};return(0,r.jsx)("section",{ref:o,className:"kb-compare py-10 md:py-14 lg:py-16 ".concat(b?"is-active":""),style:v,children:(0,r.jsx)("div",{className:"layout-container",children:(0,r.jsxs)("div",{className:"max-w-[1248px] mx-auto",children:[(0,r.jsxs)("div",{className:"mx-auto max-w-4xl text-center mb-8 md:mb-10",children:[l?(0,r.jsx)("p",{className:"kb-compare-anim text-sm font-semibold tracking-wide uppercase text-[var(--kb-accent)] dark:text-[var(--kb-accent-muted)] mb-3",children:l}):null,(0,r.jsx)("h2",{className:"kb-compare-anim kb-compare-delay-1 font-medium text-[#7F7E7D] dark:text-[#A0A0A0] text-3xl sm:text-4xl md:text-5xl lg:text-[64px]",style:{letterSpacing:-1.92,lineHeight:1.15},children:a})]}),(0,r.jsx)("div",{className:"kb-compare-anim kb-compare-delay-3 mb-6 md:mb-8 flex justify-center",role:"tablist","aria-label":"Примеры сценариев",children:(0,r.jsx)("div",{className:"inline-flex max-w-full flex-wrap justify-center gap-1.5 rounded-2xl border border-[#

1E4DED9] bg-white p-1.5 shadow-[0_8px_28px_rgba(0,0,0,0.04)] dark:border-[#333] dark:bg-[#222] dark:shadow-none",children:s.map(e=>{let t=e.id===h;return(0,r.jsx)("button",{type:"button",role:"tab",id:"".concat(m,"-").concat(e.id),"aria-selected":t,"aria-controls":"".concat(m,"-panel"),onClick:()=>j(e.id),className:"rounded-xl px-3.5 py-2 text-sm font-medium transition-colors ".concat(t?"bg-[var(--kb-accent)] text-white shadow-sm dark:bg-[var(--kb-accent-dark-tab)]":"text-[#6B6560] hover:bg-[#F3F0ED] hover:text-[#1F2A24] dark:text-[#A0A0A0] dark:hover:bg-[#2A2A2A] dark:hover:text-[#E0E0E0]"),children:e.tabLabel},e.id)})})}),(0,r.jsxs)("div",{id:"".concat(m,"-panel"),role:"tabpanel","aria-labelledby":"".concat(m,"-").concat(w.id),className:g>0?"kb-compare-panel is-swapping":"kb-compare-panel",children:[(0,r.jsx)("div",{className:"mb-6 md:mb-8 w-full rounded-2xl border border-[#E4DED9] bg-white px-4 py-3.5 md:px-5 md:py-4 shadow-[0_8px_28px_rgba(0,0,0,0.04)] dark:border-[#333] dark:bg-[#222] dark:shadow-none",children:(0,r.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:gap-5",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2.5 shrink-0 md:min-w-[200px]",children:[(0,r.jsx)("span",{className:"inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#EEEAE7] text-sm font-semibold text-[#6B6560] dark:bg-[#333] dark:text-[#C0C0C0]",children:w.buyerInitial}),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,r.jsx)("span",{className:"text-sm font-semibold text-dark dark:text-[#E0E0E0]",children:w.buyerName}),(0,r.jsx)("span",{className:"rounded-full bg-[color-mix(in_srgb,var(--kb-accent)_10%,transparent)] px-2 py-0.5 text-[11px] font-medium text-[var(--kb-accent)] dark:bg-[color-mix(in_srgb,var(--kb-accent-muted)_15%,transparent)] dark:text-[var(--kb-accent-muted)]",children:w.kindLabel})]}),(0,r.jsx)("div",{className:"text-xs text-[#8A817A] dark:text-[#888]",children:w.buyerMeta})]})]}),(0,r.jsxs)("p",{className:"text-sm md:text-[15px] leading-relaxed text-[#3A3A3A] dark:text-[#D0D0D0] md:border-l md:border-[#E4DED9] md:pl-5 dark:md:border-[#333]",children:["\xab",w.message,"\xbb"]})]})}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 md:gap-5 items-stretch",children:[(0,r.jsx)(i,{tone:"bad",title:"Без базы знаний",subtitle:"Общие фразы без фактов о товаре",className:"kb-compare-anim kb-compare-delay-4",footer:(0,r.jsx)("ul",{className:"flex flex-wrap gap-2",children:w.withoutTags.map(e=>(0,r.jsx)("li",{className:"rounded-full border border-[#DED8D3] bg-white/70 px-2.5 py-1 text-[11px] md:text-xs text-[#8A817A] dark:border-[#444] dark:bg-[#2A2A2A] dark:text-[#999]",children:e},e))}),children:w.withoutReply}

1),(0,r.jsx)(i,{tone:"good",title:"С базой знаний",subtitle:"Точные данные из ваших знаний",className:"kb-compare-anim kb-compare-delay-5",footer:(0,r.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,r.jsx)("p",{className:"text-[11px] uppercase tracking-wide text-[color-mix(in_srgb,var(--kb-accent)_70%,#5A7A68)] dark:text-[var(--kb-accent-muted)]",children:"Откуда взяты факты"}),(0,r.jsx)("ul",{className:"flex flex-col gap-2",children:w.knowledgeTags.map(e=>(0,r.jsxs)("li",{className:"flex items-start gap-2.5 rounded-xl bg-[color-mix(in_srgb,var(--kb-accent)_7%,transparent)] px-3 py-2.5 dark:bg-[color-mix(in_srgb,var(--kb-accent-muted)_10%,transparent)]",children:[(0,r.jsx)("span",{className:"mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-[var(--kb-accent)] text-white dark:bg-[var(--kb-accent-muted)] dark:text-[#163528]",children:(0,r.jsx)("svg",{className:"h-3 w-3",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","aria-hidden":!0,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.5,d:"M4.5 12.75l6 6 9-13.5"})})}),(0,r.jsxs)("span",{className:"min-w-0",children:[(0,r.jsx)("span",{className:"block text-sm font-medium text-[#1F2A24] dark:text-[#E8F5EE]",children:e.label}),(0,r.jsx)("span",{className:"block text-xs text-[color-mix(in_srgb,var(--kb-accent)_70%,#5A7A68)] dark:text-[var(--kb-accent-muted)]",children:e.detail})]})]},e.label))})]}),children:(0,r.jsx)(c,{parts:w.withReplyParts,animKey:"".concat(w.id,"-").concat(g)})})]})]},g)]})})})}}}]);