@wexio/messenger-widget-react 1.0.19 → 1.0.20

package/dist/{widget-react-t3CWNww2.js → widget-react-BYrOtI3f.js}

@@ -175,16 +175,16 @@ function D({ authors: e, max: t = 3, className: n }) {
 //#region components/widget/sticky-search-header.tsx
 function O({ value: t, onChange: n, placeholder: r, className: i }) {
 	return /* @__PURE__ */ b("div", {
-		className: u("sticky top-0 z-10 border-wx-border border-b bg-wx-bg", i),
-		children: [/* @__PURE__ */ y("span", {
-			className: "-translate-y-1/2 pointer-events-none absolute top-1/2 left-4 text-wx-fg-muted",
-			children: /* @__PURE__ */ y(e, { size: 16 })
+		className: u("sticky top-0 z-10 flex items-center gap-2.5 border-wx-border border-b bg-wx-bg px-4", i),
+		children: [/* @__PURE__ */ y(e, {
+			size: 16,
+			className: "shrink-0 text-wx-fg-muted"
 		}), /* @__PURE__ */ y("input", {
 			type: "search",
 			value: t,
 			onChange: (e) => n(e.target.value),
 			placeholder: r,
-			className: u("block w-full border-0 bg-transparent px-4 py-3 pl-10 text-sm text-wx-fg", "placeholder:text-wx-fg-muted focus:outline-none focus:ring-0", "[&::-webkit-search-cancel-button]:appearance-none")
+			className: u("block w-full min-w-0 flex-1 border-0 bg-transparent py-3 text-sm text-wx-fg", "placeholder:text-wx-fg-muted focus:outline-none focus:ring-0", "[&::-webkit-search-cancel-button]:appearance-none")
 		})]
 	});
 }
@@ -652,4 +652,4 @@ function Y({ item: e, locale: n, delay: r, onClick: o }) {
 //#endregion
 export { F as a, A as c, E as d, T as f, S as h, V as i, O as l, C as m, U as n, L as o, w as p, H as r, z as s, K as t, D as u };
 
-//# sourceMappingURL=widget-react-t3CWNww2.js.map
+//# sourceMappingURL=widget-react-BYrOtI3f.js.map

package/dist/{widget-react-BLwmvey4.js → widget-react-BzzQPFS4.js}

@@ -105,8 +105,8 @@ function oe(e, t) {
 var se = ["en", "uk"];
 async function ce(e) {
 	switch (e) {
-		case "uk": return (await import("./widget-react-2C9mqM922.js")).default;
-		default: return (await import("./widget-react-mrFdArna2.js")).default;
+		case "uk": return (await import("./widget-react-CeQaem4N2.js")).default;
+		default: return (await import("./widget-react-TB2Eoyvi2.js")).default;
 	}
 }
 function le(e) {
@@ -11681,4 +11681,4 @@ function Vu({ surface: e, itemId: t, reactionCounts: n, viewerReaction: i, group
 //#endregion
 export { ue as a, ae as c, se as i, re as l, Mu as n, oe as o, ju as r, ie as s, Vu as t };
 
-//# sourceMappingURL=widget-react-BLwmvey4.js.map
+//# sourceMappingURL=widget-react-BzzQPFS4.js.map

package/dist/{widget-react-2C9mqM922.js → widget-react-CeQaem4N2.js}

@@ -16,7 +16,7 @@ var e = {
 	sender: "Gaia",
 	preview: "Вітаємо 👋 Дякуємо, що звернулися. Незабаром повернуся з відповіддю…",
 	ageLabel: "4 год"
-}, t = /* @__PURE__ */ JSON.parse("{\"demo-news-1\":{\"title\":\"Pioneer 2026: збережіть дату\",\"excerpt\":\"Ми знову в Сан-Франциско 8 жовтня. Двері о 9:00, кейноут о 10:00.\",\"body\":\"## Що на вас чекає\\n\\nЦьогорічний кейноут - про те, що ми випустили відкрито, і про те, що буде далі. Живі демо, а не слайди.\\n\\n- **Дорожня карта Gaia** - куди рухається наш ШІ найближчі два квартали.\\n- **Історії клієнтів** - три команди розкажуть, як удвічі скоротили час першої відповіді.\\n- **Практичні воркшопи** - беріть ноутбук і збудуйте флоу разом з нашими інженерами.\\n\\n## Як дістатися\\n\\nМайданчик - круїзний термінал Pier 27 просто на набережній Ембаркадеро. Найближча станція BART - Embarcadero, 12 хвилин пішки вздовж води.\\n\\n## Квитки\\n\\nКількість квитків за раннім бронюванням обмежена, продаж стартує наступного тижня. Чинні клієнти мають перевагу, тож стежте за поштою.\\n\\n> Не виходить бути особисто? Кейноут транслюватимемо наживо, а записи з'являться тут того ж вечора.\"},\"demo-news-2\":{\"title\":\"Що ми випустили у квітні\",\"excerpt\":\"Три нові тригери автоматизації та значно швидший пошук у скриньці.\",\"body\":\"<p>Квітень був насиченим. Ось усе, що вийшло, коротко:</p>\\n<table>\\n<thead><tr><th>Напрям</th><th>Що змінилось</th><th>Чому це важливо</th></tr></thead>\\n<tbody>\\n<tr><td>Пошук у скриньці</td><td>Миттєві результати під час набору</td><td>50 тис. розмов, менш ніж 100 мс</td></tr>\\n<tr><td>Автоматизація</td><td>Три нові тригери</td><td>Покинутий кошик, повторний візит, тихий відвідувач</td></tr>\\n<tr><td>Редактор</td><td>Чернетка переживає перемикання вкладки</td><td>Жодних загублених недописаних відповідей</td></tr>\\n<tr><td>Темна тема</td><td>Без білого спалаху під час відкриття</td><td>Чистіше завантаження на темних сайтах</td></tr>\\n</tbody>\\n</table>\\n<p>Ось новий пошук у дії - результати з'являються ще до того, як ви завершите набір:</p>\\n<img src=\\\"https://picsum.photos/seed/wexio-search/1024/576\\\" alt=\\\"Пошук у скриньці з миттєвими результатами\\\" />\\n<p>Торкніться зображення, щоб роздивитись ближче. Є побажання? Напишіть тут - ми читаємо кожне.</p>\"},\"demo-news-3\":{\"title\":\"Gaia тепер говорить 28 мовами\",\"excerpt\":\"Автовизначення мови відвідувача або фіксація однієї. Без зайвих налаштувань.\",\"body\":\"<p>Gaia тепер відповідає 28 мовами, які визначаються автоматично з першого повідомлення відвідувача. Питання, які ми чуємо найчастіше:</p>\\n<details><summary>Як працює визначення мови?</summary><p>Gaia читає перше повідомлення й відповідає тією ж мовою. Якщо ваші статті довідки є цією мовою - цитує їх; інакше відповідає за найближчим відповідником і позначає прогалину для вас.</p></details>\\n<details><summary>Чи можна зафіксувати одну мову?</summary><p>Так. Виберіть її в <strong>Налаштування → ШІ → Мова</strong>, і Gaia дотримуватиметься її, хай би що писав відвідувач.</p></details>\\n<details><summary>Що бачать оператори?</summary><p>Транскрипти лишаються мовою вашої команди, з оригінальним повідомленням поруч із перекладом.</p></details>\\n<p>Короткий погляд на те, як Gaia змінює мову посеред розмови:</p>\\n<img src=\\\"https://picsum.photos/seed/wexio-lang/1024/576\\\" alt=\\\"Gaia відповідає кількома мовами\\\" />\"},\"demo-news-4\":{\"title\":\"Надсилайте розмови прямо в Slack\",\"excerpt\":\"Підключіть будь-який вебхук до каналу Slack. Без жодного коду.\",\"body\":\"## Підключення у два кліки\\n\\nЗайдіть у **Інтеграції → Slack**, натисніть *Підключити* й підтвердьте дозволи. Виберіть канал, куди потраплятимуть нові розмови - більшість команд використовують `#support`.\\n\\n## Що ви отримуєте\\n\\n- Повідомлення в Slack щойно починається чат, з посиланням назад у скриньку.\\n- Відповіді операторів у гілці під вихідним повідомленням.\\n- Відповідайте прямо зі Slack - ми передамо це відвідувачу в реальному часі.\\n\\n## Вебхуки теж\\n\\nУже надсилаєте події зі своїх систем? Спрямуйте будь-який вебхук у канал Slack і обійдіться без власної інтеграції.\"},\"demo-news-5\":{\"title\":\"Скринька 2.0: сортуйте без миші\",\"excerpt\":\"Нові скорочення для призначення, відкладання й закриття - усе з клавіатури.\",\"body\":\"<p>Скринька 2.0 побудована навколо клавіатури. Ось шпаргалка, згрупована за дією:</p>\\n<div data-type=\\\"tabs\\\">\\n<div data-type=\\\"tab\\\"><div data-tab-label>Навігація</div><ul><li><code>j</code> / <code>k</code> - наступна / попередня розмова</li><li><code>g</code> потім <code>i</code> - перейти до скриньки</li></ul></div>\\n<div data-type=\\\"tab\\\"><div data-tab-label>Дії</div><ul><li><code>e</code> - закрити</li><li><code>a</code> - призначити собі</li><li><code>s</code> - відкласти</li></ul></div>\\n<div data-type=\\\"tab\\\"><div data-tab-label>Написання</div><ul><li><code>Cmd+Enter</code> - надіслати</li><li><code>/</code> - збережені відповіді</li><li><code>Cmd+K</code> - палітра команд</li></ul></div>\\n</div>\\n<p>Оновлена скринька - усе на відстані однієї клавіші:</p>\\n<img src=\\\"https://picsum.photos/seed/wexio-inbox/1024/576\\\" alt=\\\"Оновлена скринька, побудована навколо клавіатури\\\" />\"},\"demo-news-6\":{\"title\":\"Самостійний експорт і видалення даних\",\"excerpt\":\"Обробляйте запити щодо даних у клік. Готово до GDPR з коробки.\",\"body\":\"## Експорт\\n\\nУ профілі будь-якого відвідувача натисніть **Експортувати дані**, щоб згенерувати JSON-набір з усіма повідомленнями, подіями й атрибутами, які ми про нього зберігаємо. Завантаження миттєве, а запит фіксується для ваших записів.\\n\\n## Видалення\\n\\n**Видалити дані** прибирає відвідувача й вичищає його повідомлення зі скриньки, пошуку та будь-якої підключеної CRM через той самий вебхук-міст. Дію зафіксовано, і вона незворотна.\\n\\n## Для вашого DPO\\n\\n- Кожен експорт і видалення має позначку часу й автора.\\n- Терміни зберігання налаштовуються для кожного робочого простору.\\n- Угода про обробку даних - на запит.\"},\"demo-news-7\":{\"title\":\"Бета мобільного SDK: iOS та Android\",\"excerpt\":\"Та сама розмова у вашому застосунку. Місця в беті вже відкриті.\",\"body\":\"## Одна розмова на будь-якому екрані\\n\\nВідвідувач, що почав чат на сайті, може продовжити його у застосунку - авторизованим і з повною історією. Та сама Gaia, ті самі оператори, та сама скринька.\\n\\n## Що в беті\\n\\n- Нативний лаунчер для SwiftUI і Jetpack Compose.\\n- Пуш-сповіщення про нові відповіді.\\n- Офлайн-черга, тож повідомлення надсилаються, щойно з'явиться зв'язок.\\n\\n## Приєднатися\\n\\nЩотижня ми підключаємо кілька команд. Напишіть тут свою платформу й приблизну місячну аудиторію - і ми надішлемо ключ.\\n\\n> Бета означає гострі кути. Ми випускаємо виправлення щотижня й читаємо кожен звіт про помилку.\"},\"demo-news-8\":{\"title\":\"Дивіться, які відповіді ШІ справді спрацювали\",\"excerpt\":\"Відстежуйте, чи привела відповідь Gaia до вирішення, передавання чи виходу.\",\"body\":\"## Новий розділ\\n\\n**Аналітика → Результати ШІ** розкладає кожну відповідь Gaia за тим, що сталося далі:\\n\\n- **Вирішено** - відвідувач отримав потрібне й пішов задоволений.\\n- **Передано** - Gaia передала розмову людині.\\n- **Вихід** - відвідувач закрив віджет, нічого не вирішивши.\\n\\n## Деталі по статтях\\n\\nЗайдіть у будь-яку статтю довідки, щоб побачити, як часто Gaia цитує її і чи приводять ці цитування до вирішення. Низький показник на популярній статті зазвичай означає, що переписати треба контент, а не ШІ.\\n\\n## Дійте за цим\\n\\nВідсортуйте за часткою виходів, щоб знайти питання, з якими Gaia плутається найбільше, і закрийте прогалину флоу або кращою статтею.\"},\"tags\":{\"events\":\"Події\",\"product\":\"Продукт\",\"release\":\"Реліз\",\"ai\":\"ШІ\",\"languages\":\"Мови\",\"integrations\":\"Інтеграції\",\"slack\":\"Slack\",\"inbox\":\"Скринька\",\"privacy\":\"Приватність\",\"security\":\"Безпека\",\"mobile\":\"Мобільний\",\"beta\":\"Бета\",\"analytics\":\"Аналітика\"},\"categories\":{\"company\":\"Компанія\",\"product\":\"Продукт\",\"engineering\":\"Інженерія\"}}"), n = /* @__PURE__ */ JSON.parse("{\"categories\":{\"demo-cat-getting-started\":{\"title\":\"Початок роботи\",\"description\":\"Встановіть віджет і налаштуйте свою першу розмову.\"},\"demo-cat-automation\":{\"title\":\"Автоматизація\",\"description\":\"Сценарії, тригери та ШІ-автовідповідь.\"},\"demo-cat-integrations\":{\"title\":\"Інтеграції\",\"description\":\"Підключіть свою CRM, Slack і CMS.\"},\"demo-cat-billing\":{\"title\":\"Оплата та тарифи\",\"description\":\"Тарифні плани, рахунки та керування місцями.\"}},\"articles\":{\"demo-article-install\":{\"title\":\"Встановіть віджет Wexio на свій сайт\",\"excerpt\":\"30-секундний фрагмент, який ви вставляєте перед закривальним тегом </body>.\",\"body\":\"## Додайте скрипт завантажувача\\n\\nВставте цей фрагмент на кожну сторінку, де має з'являтися віджет:\\n\\n```html\\n<script\\n  src=\\\"https://cdn.wexio.io/loader.js\\\"\\n  data-public-key=\\\"pk_live_YOUR_KEY\\\"\\n><\/script>\\n```\\n\\nЗавантажувач додає плаваючу кнопку в нижньому правому куті. Натисніть її, щоб відкрити панель чату.\\n\\n## Перевірте встановлення\\n\\n- Відкрийте сторінку, що містить фрагмент.\\n- Відкрийте консоль браузера.\\n- Ви маєте побачити `[wexio] widget mounted`.\\n\\n## Налаштуйте вигляд\\n\\nВіджет зчитує кольори бренду з вашої панелі керування. Змініть їх у розділі **Налаштування → Бренд**.\\n\\n> Потрібна допомога? Натисніть «Досі потрібна допомога? Напишіть нам» нижче, і ми вас проведемо.\"},\"demo-article-flows\":{\"title\":\"Створіть свій перший сценарій автоматизації\",\"excerpt\":\"Перетягуйте, відпускайте та запустіть вітального бота менш ніж за п'ять хвилин.\",\"body\":\"## Що таке сценарій?\\n\\nСценарій - це невелике дерево кроків розмови (запитання, відповіді й умови), яке запускається, щойно відвідувач відповідає тригеру.\\n\\n## Три типи тригерів\\n\\n1. **Відвідувач відкрив віджет** - привітайте новачків.\\n2. **Відвідувач поставив запитання** - Gaia (ШІ) намагається відповісти; якщо не може, керування бере сценарій.\\n3. **Отримано вебхук** - ваша CMS чи платформа електронної комерції надсилає подію; сценарій запускається в потрібному чаті.\\n\\n## Найкращі практики\\n\\n- Тримайте перші відповіді коротшими за 80 символів.\\n- Пропонуйте 2-3 чипи швидких відповідей, а не запитання з вільним текстом.\\n- Завжди залишайте запасний вихід - *«Поговорити з людиною»*.\"},\"demo-article-slack\":{\"title\":\"Пересилайте чати у Slack\",\"excerpt\":\"Дублюйте кожну нову розмову в обраний канал Slack.\",\"body\":\"## Підключіть свій робочий простір\\n\\nУ розділі **Інтеграції → Slack** натисніть *Підключити*. Вас перенаправить на екран OAuth Slack - підтвердьте запитані дозволи (`chat:write`, `channels:read`).\\n\\n## Виберіть канал\\n\\nПісля авторизації виберіть цільовий канал (або створіть новий, як-от `#support`).\\n\\n## Що пересилається\\n\\n- Перше повідомлення з прямим посиланням назад до вхідних wexio.\\n- Відповіді операторів як повідомлення у гілці.\\n- Відповіді відвідувачів у реальному часі через міст SSE.\\n\\n## Зворотний напрямок\\n\\nОператори можуть відповідати *зі* Slack - wexio слухає відповіді в гілках Slack і публікує їх назад у віджет.\"},\"demo-article-billing\":{\"title\":\"Оновіть свій тариф і платіжні дані\",\"excerpt\":\"Змінюйте тарифи, картку або завантажуйте рахунки.\",\"body\":\"## Тарифи\\n\\n- **Безкоштовний** - 1 віджет, базові функції, бейдж «Powered by Wexio».\\n- **Стандартний** - необмежено віджетів, автоматизацій, інтеграцій.\\n- **Корпоративний** - white-label, SLA, виділена підтримка.\\n\\n## Зміна тарифу\\n\\n**Налаштування → Оплата → Змінити тариф**. Підвищення набуває чинності одразу; пониження застосовується наприкінці поточного циклу.\\n\\n## Рахунки\\n\\nЗавантажте будь-який рахунок у PDF з розділу **Оплата → Історія**. Ми також надсилаємо копію електронною поштою під час кожного поновлення.\"},\"demo-article-theme\":{\"title\":\"Налаштуйте тему віджета\",\"excerpt\":\"Узгодьте віджет зі своїм брендом - кольори, заокруглення, темний режим.\",\"body\":\"## Кольори бренду\\n\\nУ розділі **Налаштування → Бренд** задайте:\\n\\n- **Основний** - керує кнопкою запуску, кнопкою надсилання, рамками фокуса.\\n- **Тло** - поверхня панелі (світла) і пара для темного режиму.\\n\\n## Заокруглення\\n\\nВиберіть із `sm`, `md`, `lg` для щільнішого або м'якшого вигляду. Зміна застосовується наживо до кожного віджета на кожній сторінці.\\n\\n## Темний режим\\n\\nЗа замовчуванням = слідувати системним налаштуванням відвідувача. Закріпіть **завжди світлий** або **завжди темний**, якщо ваш сайт сам не підтримує темний режим.\"},\"demo-article-handoff\":{\"title\":\"Передавання від Gaia до оператора-людини\",\"excerpt\":\"Коли ШІ недостатньо - спрямуйте відвідувача до колеги.\",\"body\":\"## Тригери\\n\\nGaia передає розмову автоматично, коли:\\n\\n- Відвідувач пише *«поговорити з людиною»* (або будь-який локалізований варіант).\\n- Те саме запитання поставлено двічі без вирішення.\\n- Намір відвідувача відповідає правилу маршрутизації (напр., оплата → фінансова команда).\\n\\n## Маршрутизація\\n\\nНалаштуйте **Маршрутизація → Правила**, щоб спрямовувати певні наміри до конкретних команд чи операторів. Підтримуються і кругова черга, і найменш завантажений.\\n\\n## Поза робочим часом\\n\\nЯкщо жоден оператор не онлайн, Gaia пропонує зворотний дзвінок або форму передавання на пошту, замість того щоб вдавати, ніби хтось доступний.\"},\"demo-article-crm\":{\"title\":\"Синхронізуйте розмови зі своєю CRM\",\"excerpt\":\"Надсилайте кожен чат у HubSpot, Salesforce або Pipedrive.\",\"body\":\"## Підтримувані CRM\\n\\n- HubSpot (OAuth)\\n- Salesforce (OAuth)\\n- Pipedrive (API-токен)\\n- Власні через вебхуки\\n\\n## Що синхронізується\\n\\n- Нові розмови створюють контакт (якщо його ще немає) і нотатку.\\n- Відповіді операторів додаються до стрічки контакту.\\n- Теги, застосовані у wexio, дублюються в CRM.\\n\\n## Двосторонньо\\n\\nНотатки операторів, додані в CRM, можуть публікуватися назад у wexio через приймач вебхуків - див. *Інтеграції → Вебхуки → Вхідні*.\"},\"demo-article-shortcuts\":{\"title\":\"Клавіатурні скорочення для операторів\",\"excerpt\":\"Сортуйте вдвічі швидше - без миші.\",\"body\":\"## Навігація вхідними\\n\\n- `j` / `k` - наступна / попередня розмова\\n- `e` - вирішити\\n- `a` - призначити мені\\n- `s` - відкласти\\n\\n## Редактор\\n\\n- `Cmd+Enter` - надіслати\\n- `/` - відкрити вибір збережених відповідей\\n- `Cmd+K` - командна палітра (усе)\\n\\n## Порада\\n\\nНаведіть курсор на будь-яку кнопку на панелі керування - підказка покаже її скорочення.\"}},\"tags\":{\"setup\":\"Налаштування\",\"install\":\"Встановлення\",\"automation\":\"Автоматизація\",\"flows\":\"Флоу\",\"integrations\":\"Інтеграції\",\"slack\":\"Slack\",\"billing\":\"Оплата\",\"plans\":\"Тарифи\",\"design\":\"Дизайн\",\"ai\":\"ШІ\",\"crm\":\"CRM\",\"productivity\":\"Продуктивність\",\"inbox\":\"Скринька\"}}"), r = {
+}, t = /* @__PURE__ */ JSON.parse("{\"demo-news-1\":{\"title\":\"Pioneer 2026: збережіть дату\",\"excerpt\":\"Ми знову в Сан-Франциско 8 жовтня. Двері о 9:00, кейноут о 10:00.\",\"body\":\"## Що на вас чекає\\n\\nЦьогорічний кейноут - про те, що ми випустили відкрито, і про те, що буде далі. Живі демо, а не слайди.\\n\\n- **Дорожня карта Gaia** - куди рухається наш ШІ найближчі два квартали.\\n- **Історії клієнтів** - три команди розкажуть, як удвічі скоротили час першої відповіді.\\n- **Практичні воркшопи** - беріть ноутбук і збудуйте флоу разом з нашими інженерами.\\n\\n## Як дістатися\\n\\nМайданчик - круїзний термінал Pier 27 просто на набережній Ембаркадеро. Найближча станція BART - Embarcadero, 12 хвилин пішки вздовж води.\\n\\n## Квитки\\n\\nКількість квитків за раннім бронюванням обмежена, продаж стартує наступного тижня. Чинні клієнти мають перевагу, тож стежте за поштою.\\n\\n> Не виходить бути особисто? Кейноут транслюватимемо наживо, а записи з'являться тут того ж вечора.\"},\"demo-news-2\":{\"title\":\"Що ми випустили у квітні\",\"excerpt\":\"Три нові тригери автоматизації та значно швидший пошук у скриньці.\",\"body\":\"<p>Квітень був насиченим. Ось усе, що вийшло, коротко:</p>\\n<table>\\n<thead><tr><th>Напрям</th><th>Що змінилось</th><th>Чому це важливо</th></tr></thead>\\n<tbody>\\n<tr><td>Пошук у скриньці</td><td>Миттєві результати під час набору</td><td>50 тис. розмов, менш ніж 100 мс</td></tr>\\n<tr><td>Автоматизація</td><td>Три нові тригери</td><td>Покинутий кошик, повторний візит, тихий відвідувач</td></tr>\\n<tr><td>Редактор</td><td>Чернетка переживає перемикання вкладки</td><td>Жодних загублених недописаних відповідей</td></tr>\\n<tr><td>Темна тема</td><td>Без білого спалаху під час відкриття</td><td>Чистіше завантаження на темних сайтах</td></tr>\\n</tbody>\\n</table>\\n<p>Ось новий пошук у дії - результати з'являються ще до того, як ви завершите набір:</p>\\n<img src=\\\"https://picsum.photos/seed/wexio-search/1024/576\\\" alt=\\\"Пошук у скриньці з миттєвими результатами\\\" />\\n<p>Торкніться зображення, щоб роздивитись ближче. Є побажання? Напишіть тут - ми читаємо кожне.</p>\"},\"demo-news-3\":{\"title\":\"Gaia тепер говорить 28 мовами\",\"excerpt\":\"Автовизначення мови відвідувача або фіксація однієї. Без зайвих налаштувань.\",\"body\":\"<p>Gaia тепер відповідає 28 мовами, які визначаються автоматично з першого повідомлення відвідувача. Питання, які ми чуємо найчастіше:</p>\\n<details><summary>Як працює визначення мови?</summary><p>Gaia читає перше повідомлення й відповідає тією ж мовою. Якщо ваші статті довідки є цією мовою - цитує їх; інакше відповідає за найближчим відповідником і позначає прогалину для вас.</p></details>\\n<details><summary>Чи можна зафіксувати одну мову?</summary><p>Так. Виберіть її в <strong>Налаштування → ШІ → Мова</strong>, і Gaia дотримуватиметься її, хай би що писав відвідувач.</p></details>\\n<details><summary>Що бачать оператори?</summary><p>Транскрипти лишаються мовою вашої команди, з оригінальним повідомленням поруч із перекладом.</p></details>\\n<p>Короткий погляд на те, як Gaia змінює мову посеред розмови:</p>\\n<img src=\\\"https://picsum.photos/seed/wexio-lang/1024/576\\\" alt=\\\"Gaia відповідає кількома мовами\\\" />\"},\"demo-news-4\":{\"title\":\"Надсилайте розмови прямо в Slack\",\"excerpt\":\"Підключіть будь-який вебхук до каналу Slack. Без жодного коду.\",\"body\":\"## Підключення у два кліки\\n\\nЗайдіть у **Інтеграції → Slack**, натисніть *Підключити* й підтвердьте дозволи. Виберіть канал, куди потраплятимуть нові розмови - більшість команд використовують `#support`.\\n\\n## Що ви отримуєте\\n\\n- Повідомлення в Slack щойно починається чат, з посиланням назад у скриньку.\\n- Відповіді операторів у гілці під вихідним повідомленням.\\n- Відповідайте прямо зі Slack - ми передамо це відвідувачу в реальному часі.\\n\\n## Вебхуки теж\\n\\nУже надсилаєте події зі своїх систем? Спрямуйте будь-який вебхук у канал Slack і обійдіться без власної інтеграції.\"},\"demo-news-5\":{\"title\":\"Скринька 2.0: сортуйте без миші\",\"excerpt\":\"Нові скорочення для призначення, відкладання й закриття - усе з клавіатури.\",\"body\":\"<p>Скринька 2.0 побудована навколо клавіатури. Ось шпаргалка, згрупована за дією:</p>\\n<div data-type=\\\"tabs\\\">\\n<div data-type=\\\"tab\\\"><div data-tab-label>Навігація</div><ul><li><code>j</code> / <code>k</code> - наступна / попередня розмова</li><li><code>g</code> потім <code>i</code> - перейти до скриньки</li></ul></div>\\n<div data-type=\\\"tab\\\"><div data-tab-label>Дії</div><ul><li><code>e</code> - закрити</li><li><code>a</code> - призначити собі</li><li><code>s</code> - відкласти</li></ul></div>\\n<div data-type=\\\"tab\\\"><div data-tab-label>Написання</div><ul><li><code>Cmd+Enter</code> - надіслати</li><li><code>/</code> - збережені відповіді</li><li><code>Cmd+K</code> - палітра команд</li></ul></div>\\n</div>\\n<p>Оновлена скринька - усе на відстані однієї клавіші:</p>\\n<img src=\\\"https://picsum.photos/seed/wexio-inbox/1024/576\\\" alt=\\\"Оновлена скринька, побудована навколо клавіатури\\\" />\"},\"demo-news-6\":{\"title\":\"Самостійний експорт і видалення даних\",\"excerpt\":\"Обробляйте запити щодо даних у клік. Готово до GDPR з коробки.\",\"body\":\"## Експорт\\n\\nУ профілі будь-якого відвідувача натисніть **Експортувати дані**, щоб згенерувати JSON-набір з усіма повідомленнями, подіями й атрибутами, які ми про нього зберігаємо. Завантаження миттєве, а запит фіксується для ваших записів.\\n\\n## Видалення\\n\\n**Видалити дані** прибирає відвідувача й вичищає його повідомлення зі скриньки, пошуку та будь-якої підключеної CRM через той самий вебхук-міст. Дію зафіксовано, і вона незворотна.\\n\\n## Для вашого DPO\\n\\n- Кожен експорт і видалення має позначку часу й автора.\\n- Терміни зберігання налаштовуються для кожного робочого простору.\\n- Угода про обробку даних - на запит.\"},\"demo-news-7\":{\"title\":\"Бета мобільного SDK: iOS та Android\",\"excerpt\":\"Та сама розмова у вашому застосунку. Місця в беті вже відкриті.\",\"body\":\"## Одна розмова на будь-якому екрані\\n\\nВідвідувач, що почав чат на сайті, може продовжити його у застосунку - авторизованим і з повною історією. Та сама Gaia, ті самі оператори, та сама скринька.\\n\\n## Що в беті\\n\\n- Нативний лаунчер для SwiftUI і Jetpack Compose.\\n- Пуш-сповіщення про нові відповіді.\\n- Офлайн-черга, тож повідомлення надсилаються, щойно з'явиться зв'язок.\\n\\n## Приєднатися\\n\\nЩотижня ми підключаємо кілька команд. Напишіть тут свою платформу й приблизну місячну аудиторію - і ми надішлемо ключ.\\n\\n> Бета означає гострі кути. Ми випускаємо виправлення щотижня й читаємо кожен звіт про помилку.\"},\"demo-news-8\":{\"title\":\"Дивіться, які відповіді ШІ справді спрацювали\",\"excerpt\":\"Відстежуйте, чи привела відповідь Gaia до вирішення, передавання чи виходу.\",\"body\":\"## Новий розділ\\n\\n**Аналітика → Результати ШІ** розкладає кожну відповідь Gaia за тим, що сталося далі:\\n\\n- **Вирішено** - відвідувач отримав потрібне й пішов задоволений.\\n- **Передано** - Gaia передала розмову людині.\\n- **Вихід** - відвідувач закрив віджет, нічого не вирішивши.\\n\\n## Деталі по статтях\\n\\nЗайдіть у будь-яку статтю довідки, щоб побачити, як часто Gaia цитує її і чи приводять ці цитування до вирішення. Низький показник на популярній статті зазвичай означає, що переписати треба контент, а не ШІ.\\n\\n## Дійте за цим\\n\\nВідсортуйте за часткою виходів, щоб знайти питання, з якими Gaia плутається найбільше, і закрийте прогалину флоу або кращою статтею.\"},\"tags\":{\"events\":\"Події\",\"product\":\"Продукт\",\"release\":\"Реліз\",\"ai\":\"ШІ\",\"languages\":\"Мови\",\"integrations\":\"Інтеграції\",\"slack\":\"Slack\",\"inbox\":\"Скринька\",\"privacy\":\"Приватність\",\"security\":\"Безпека\",\"mobile\":\"Мобільний\",\"beta\":\"Бета\",\"analytics\":\"Аналітика\"},\"categories\":{\"company\":\"Компанія\",\"product\":\"Продукт\",\"engineering\":\"Інженерія\"}}"), n = /* @__PURE__ */ JSON.parse("{\"categories\":{\"demo-cat-getting-started\":{\"title\":\"Початок роботи\",\"description\":\"Встановіть віджет і налаштуйте свою першу розмову.\"},\"demo-cat-automation\":{\"title\":\"Автоматизація\",\"description\":\"Сценарії, тригери та ШІ-автовідповідь.\"},\"demo-cat-integrations\":{\"title\":\"Інтеграції\",\"description\":\"Підключіть свою CRM, Slack і CMS.\"},\"demo-cat-billing\":{\"title\":\"Оплата та тарифи\",\"description\":\"Тарифні плани, рахунки та керування місцями.\"}},\"articles\":{\"demo-article-install\":{\"title\":\"Встановіть віджет Wexio на свій сайт\",\"excerpt\":\"30-секундний фрагмент, який ви вставляєте перед закривальним тегом </body>.\",\"body\":\"## Додайте скрипт завантажувача\\n\\nВставте цей фрагмент на кожну сторінку, де має з'являтися віджет:\\n\\n```html\\n<script\\n  src=\\\"https://cdn.wexio.io/widget/loader.js\\\"\\n  data-public-key=\\\"pk_live_YOUR_KEY\\\"\\n><\/script>\\n```\\n\\nЗавантажувач додає плаваючу кнопку в нижньому правому куті. Натисніть її, щоб відкрити панель чату.\\n\\n## Перевірте встановлення\\n\\n- Відкрийте сторінку, що містить фрагмент.\\n- Відкрийте консоль браузера.\\n- Ви маєте побачити `[wexio] widget mounted`.\\n\\n## Налаштуйте вигляд\\n\\nВіджет зчитує кольори бренду з вашої панелі керування. Змініть їх у розділі **Налаштування → Бренд**.\\n\\n> Потрібна допомога? Натисніть «Досі потрібна допомога? Напишіть нам» нижче, і ми вас проведемо.\"},\"demo-article-flows\":{\"title\":\"Створіть свій перший сценарій автоматизації\",\"excerpt\":\"Перетягуйте, відпускайте та запустіть вітального бота менш ніж за п'ять хвилин.\",\"body\":\"## Що таке сценарій?\\n\\nСценарій - це невелике дерево кроків розмови (запитання, відповіді й умови), яке запускається, щойно відвідувач відповідає тригеру.\\n\\n## Три типи тригерів\\n\\n1. **Відвідувач відкрив віджет** - привітайте новачків.\\n2. **Відвідувач поставив запитання** - Gaia (ШІ) намагається відповісти; якщо не може, керування бере сценарій.\\n3. **Отримано вебхук** - ваша CMS чи платформа електронної комерції надсилає подію; сценарій запускається в потрібному чаті.\\n\\n## Найкращі практики\\n\\n- Тримайте перші відповіді коротшими за 80 символів.\\n- Пропонуйте 2-3 чипи швидких відповідей, а не запитання з вільним текстом.\\n- Завжди залишайте запасний вихід - *«Поговорити з людиною»*.\"},\"demo-article-slack\":{\"title\":\"Пересилайте чати у Slack\",\"excerpt\":\"Дублюйте кожну нову розмову в обраний канал Slack.\",\"body\":\"## Підключіть свій робочий простір\\n\\nУ розділі **Інтеграції → Slack** натисніть *Підключити*. Вас перенаправить на екран OAuth Slack - підтвердьте запитані дозволи (`chat:write`, `channels:read`).\\n\\n## Виберіть канал\\n\\nПісля авторизації виберіть цільовий канал (або створіть новий, як-от `#support`).\\n\\n## Що пересилається\\n\\n- Перше повідомлення з прямим посиланням назад до вхідних wexio.\\n- Відповіді операторів як повідомлення у гілці.\\n- Відповіді відвідувачів у реальному часі через міст SSE.\\n\\n## Зворотний напрямок\\n\\nОператори можуть відповідати *зі* Slack - wexio слухає відповіді в гілках Slack і публікує їх назад у віджет.\"},\"demo-article-billing\":{\"title\":\"Оновіть свій тариф і платіжні дані\",\"excerpt\":\"Змінюйте тарифи, картку або завантажуйте рахунки.\",\"body\":\"## Тарифи\\n\\n- **Безкоштовний** - 1 віджет, базові функції, бейдж «Powered by Wexio».\\n- **Стандартний** - необмежено віджетів, автоматизацій, інтеграцій.\\n- **Корпоративний** - white-label, SLA, виділена підтримка.\\n\\n## Зміна тарифу\\n\\n**Налаштування → Оплата → Змінити тариф**. Підвищення набуває чинності одразу; пониження застосовується наприкінці поточного циклу.\\n\\n## Рахунки\\n\\nЗавантажте будь-який рахунок у PDF з розділу **Оплата → Історія**. Ми також надсилаємо копію електронною поштою під час кожного поновлення.\"},\"demo-article-theme\":{\"title\":\"Налаштуйте тему віджета\",\"excerpt\":\"Узгодьте віджет зі своїм брендом - кольори, заокруглення, темний режим.\",\"body\":\"## Кольори бренду\\n\\nУ розділі **Налаштування → Бренд** задайте:\\n\\n- **Основний** - керує кнопкою запуску, кнопкою надсилання, рамками фокуса.\\n- **Тло** - поверхня панелі (світла) і пара для темного режиму.\\n\\n## Заокруглення\\n\\nВиберіть із `sm`, `md`, `lg` для щільнішого або м'якшого вигляду. Зміна застосовується наживо до кожного віджета на кожній сторінці.\\n\\n## Темний режим\\n\\nЗа замовчуванням = слідувати системним налаштуванням відвідувача. Закріпіть **завжди світлий** або **завжди темний**, якщо ваш сайт сам не підтримує темний режим.\"},\"demo-article-handoff\":{\"title\":\"Передавання від Gaia до оператора-людини\",\"excerpt\":\"Коли ШІ недостатньо - спрямуйте відвідувача до колеги.\",\"body\":\"## Тригери\\n\\nGaia передає розмову автоматично, коли:\\n\\n- Відвідувач пише *«поговорити з людиною»* (або будь-який локалізований варіант).\\n- Те саме запитання поставлено двічі без вирішення.\\n- Намір відвідувача відповідає правилу маршрутизації (напр., оплата → фінансова команда).\\n\\n## Маршрутизація\\n\\nНалаштуйте **Маршрутизація → Правила**, щоб спрямовувати певні наміри до конкретних команд чи операторів. Підтримуються і кругова черга, і найменш завантажений.\\n\\n## Поза робочим часом\\n\\nЯкщо жоден оператор не онлайн, Gaia пропонує зворотний дзвінок або форму передавання на пошту, замість того щоб вдавати, ніби хтось доступний.\"},\"demo-article-crm\":{\"title\":\"Синхронізуйте розмови зі своєю CRM\",\"excerpt\":\"Надсилайте кожен чат у HubSpot, Salesforce або Pipedrive.\",\"body\":\"## Підтримувані CRM\\n\\n- HubSpot (OAuth)\\n- Salesforce (OAuth)\\n- Pipedrive (API-токен)\\n- Власні через вебхуки\\n\\n## Що синхронізується\\n\\n- Нові розмови створюють контакт (якщо його ще немає) і нотатку.\\n- Відповіді операторів додаються до стрічки контакту.\\n- Теги, застосовані у wexio, дублюються в CRM.\\n\\n## Двосторонньо\\n\\nНотатки операторів, додані в CRM, можуть публікуватися назад у wexio через приймач вебхуків - див. *Інтеграції → Вебхуки → Вхідні*.\"},\"demo-article-shortcuts\":{\"title\":\"Клавіатурні скорочення для операторів\",\"excerpt\":\"Сортуйте вдвічі швидше - без миші.\",\"body\":\"## Навігація вхідними\\n\\n- `j` / `k` - наступна / попередня розмова\\n- `e` - вирішити\\n- `a` - призначити мені\\n- `s` - відкласти\\n\\n## Редактор\\n\\n- `Cmd+Enter` - надіслати\\n- `/` - відкрити вибір збережених відповідей\\n- `Cmd+K` - командна палітра (усе)\\n\\n## Порада\\n\\nНаведіть курсор на будь-яку кнопку на панелі керування - підказка покаже її скорочення.\"}},\"tags\":{\"setup\":\"Налаштування\",\"install\":\"Встановлення\",\"automation\":\"Автоматизація\",\"flows\":\"Флоу\",\"integrations\":\"Інтеграції\",\"slack\":\"Slack\",\"billing\":\"Оплата\",\"plans\":\"Тарифи\",\"design\":\"Дизайн\",\"ai\":\"ШІ\",\"crm\":\"CRM\",\"productivity\":\"Продуктивність\",\"inbox\":\"Скринька\"}}"), r = {
 	visitorName: "Ви",
 	messages: {
 		"m-demo-1": {
@@ -123,4 +123,4 @@ var e = {
 //#endregion
 export { r as conversation, a as default, n as help, i as messenger, t as news, e as recentMessage };
 
-//# sourceMappingURL=widget-react-2C9mqM922.js.map
+//# sourceMappingURL=widget-react-CeQaem4N2.js.map

package/dist/{widget-react-MtCEhSSO2.js → widget-react-CnPQO1vi2.js}

@@ -12,9 +12,9 @@ import "react-dom";
 import "react/jsx-runtime";
 import "react-dom/client";
 import { D as e, S as t, r as n } from "./widget-react-CxCHz0ip.js";
-import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, t as u } from "./widget-react-BLwmvey4.js";
+import { a as r, c as i, i as a, l as o, n as s, o as c, r as l, t as u } from "./widget-react-BzzQPFS4.js";
 import { i as d, n as f, o as p } from "./widget-react-CQ0DMi7b.js";
-import { h as m, n as h, o as g, r as _, s as v } from "./widget-react-t3CWNww2.js";
+import { h as m, n as h, o as g, r as _, s as v } from "./widget-react-BYrOtI3f.js";
 import { t as y } from "./widget-react-DP-dfZKt.js";
 import { useState as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
@@ -340,4 +340,4 @@ function E() {
 //#endregion
 export { T as NewsArticleView };
 
-//# sourceMappingURL=widget-react-MtCEhSSO2.js.map
+//# sourceMappingURL=widget-react-CnPQO1vi2.js.map

package/dist/{widget-react-_3PBiXn-2.js → widget-react-FYcGtBEE2.js}

@@ -13,7 +13,7 @@ import "react/jsx-runtime";
 import "react-dom/client";
 import { i as e } from "./widget-react-B9XrHKqv.js";
 import { D as t, S as n, f as r, p as i, r as a } from "./widget-react-CxCHz0ip.js";
-import { a as o, c as ee, i as s, l as c, n as l, o as u, r as te, s as d, t as f } from "./widget-react-BLwmvey4.js";
+import { a as o, c as ee, i as s, l as c, n as l, o as u, r as te, s as d, t as f } from "./widget-react-BzzQPFS4.js";
 import { f as p, g as m, l as h, n as g, r as _, u as v } from "./widget-react-DyCyhde3.js";
 import { i as y, n as b } from "./widget-react-CQ0DMi7b.js";
 import { t as x } from "./widget-react-GkCAcRz0.js";
@@ -291,4 +291,4 @@ function O() {
 //#endregion
 export { D as HelpArticleView };
 
-//# sourceMappingURL=widget-react-_3PBiXn-2.js.map
+//# sourceMappingURL=widget-react-FYcGtBEE2.js.map

package/dist/{widget-react-mrFdArna2.js → widget-react-TB2Eoyvi2.js}

@@ -100,7 +100,7 @@ var e = {
 		"demo-article-install": {
 			title: "Install the Wexio widget on your site",
 			excerpt: "A 30-second snippet you paste before the closing </body> tag.",
-			body: "## Add the loader script\n\nPaste this snippet into every page where you want the widget to appear:\n\n```html\n<script\n  src=\"https://cdn.wexio.io/loader.js\"\n  data-public-key=\"pk_live_YOUR_KEY\"\n><\/script>\n```\n\nThe loader injects a floating launcher in the bottom-right corner. Click it to open the chat panel.\n\n## Verify the install\n\n- Visit a page that includes the snippet.\n- Open the browser console.\n- You should see `[wexio] widget mounted`.\n\n## Customise the look\n\nThe widget reads brand colours from your dashboard. Update them in **Settings → Brand**.\n\n> Need a hand? Tap \"Still need help? Message us\" below and we'll walk you through it."
+			body: "## Add the loader script\n\nPaste this snippet into every page where you want the widget to appear:\n\n```html\n<script\n  src=\"https://cdn.wexio.io/widget/loader.js\"\n  data-public-key=\"pk_live_YOUR_KEY\"\n><\/script>\n```\n\nThe loader injects a floating launcher in the bottom-right corner. Click it to open the chat panel.\n\n## Verify the install\n\n- Visit a page that includes the snippet.\n- Open the browser console.\n- You should see `[wexio] widget mounted`.\n\n## Customise the look\n\nThe widget reads brand colours from your dashboard. Update them in **Settings → Brand**.\n\n> Need a hand? Tap \"Still need help? Message us\" below and we'll walk you through it."
 		},
 		"demo-article-flows": {
 			title: "Build your first automation flow",
@@ -260,4 +260,4 @@ var e = {
 //#endregion
 export { r as conversation, a as default, n as help, i as messenger, t as news, e as recentMessage };
 
-//# sourceMappingURL=widget-react-mrFdArna2.js.map
+//# sourceMappingURL=widget-react-TB2Eoyvi2.js.map