@botonic/webchat-lit 2.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,76 @@
1
+ import { html } from 'lit';
2
+ import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
3
+ const svgWrap = (viewBox, paths) => html `<svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ viewBox="${viewBox}"
6
+ fill="currentColor"
7
+ role="img"
8
+ aria-hidden="true"
9
+ >
10
+ ${unsafeSVG(paths)}
11
+ </svg>`;
12
+ export const aiSpecialistIcon = () => html `<svg
13
+ width="18"
14
+ height="18"
15
+ viewBox="0 0 18 18"
16
+ fill="none"
17
+ xmlns="http://www.w3.org/2000/svg"
18
+ role="img"
19
+ aria-hidden="true"
20
+ >
21
+ ${unsafeSVG(`
22
+ <defs>
23
+ <linearGradient id="ai-sp-g0" x1="12.6001" y1="6.48" x2="1.08008" y2="6.48" gradientUnits="userSpaceOnUse">
24
+ <stop stop-color="#6E49FF"/><stop offset="1" stop-color="#CC3559"/>
25
+ </linearGradient>
26
+ <linearGradient id="ai-sp-g1" x1="9.7207" y1="14.3998" x2="16.9207" y2="14.3998" gradientUnits="userSpaceOnUse">
27
+ <stop stop-color="#6E49FF"/><stop offset="1" stop-color="#CC3559"/>
28
+ </linearGradient>
29
+ <clipPath id="ai-sp-clip"><rect width="18" height="18" fill="white"/></clipPath>
30
+ </defs>
31
+ <g clip-path="url(#ai-sp-clip)">
32
+ <path d="M11.3375 5.16679C11.0855 2.9427 9.16719 1.21452 6.84008 1.21452C4.51294 1.21452 2.59465 2.9427 2.34265 5.16679C2.70008 4.96943 3.11151 4.8581 3.54865 4.8581H3.96008C4.64151 4.8581 5.19436 5.40211 5.19436 6.07263V8.50169C5.19436 9.17222 4.64151 9.71618 3.96008 9.71618H3.54865C3.09865 9.71618 2.67694 9.59731 2.31436 9.39233V9.92117C2.31436 10.9282 3.14494 11.7429 4.16579 11.7429H5.19436C5.19436 11.0724 5.74722 10.5284 6.42865 10.5284H7.25151C7.93294 10.5284 8.48578 11.0724 8.48578 11.7429C8.48578 12.4134 7.93294 12.9575 7.25151 12.9575C6.12008 12.9575 6.32579 12.9575 4.16837 12.96C2.46351 12.96 1.08008 11.6012 1.08008 9.92369V5.66778C1.08008 2.53786 3.65922 0 6.84008 0C10.021 0 12.6001 2.53786 12.6001 5.66778V7.28712C12.6001 8.62819 11.4944 9.71618 10.1315 9.71618H9.72008C9.03867 9.71618 8.48578 9.17222 8.48578 8.50169V6.07263C8.48578 5.40211 9.03867 4.8581 9.72008 4.8581H10.1315C10.5687 4.8581 10.9801 4.96943 11.3375 5.16679ZM3.54865 6.07263C2.86722 6.07263 2.31436 6.61663 2.31436 7.28712C2.31436 7.95766 2.86722 8.50169 3.54865 8.50169H3.96008V6.07263H3.54865ZM11.3658 7.28712C11.3658 6.61663 10.813 6.07263 10.1315 6.07263H9.72008V8.50169H10.1315C10.813 8.50169 11.3658 7.95766 11.3658 7.28712Z" fill="url(#ai-sp-g0)"/>
33
+ <path d="M13.5946 10.9743C13.5458 10.8673 13.4389 10.7998 13.3226 10.7998C13.2063 10.7998 13.0993 10.8673 13.0506 10.9743L12.0544 13.131L9.89703 14.1269C9.78824 14.1775 9.7207 14.2845 9.7207 14.4007C9.7207 14.517 9.78824 14.6239 9.89516 14.6727L12.0526 15.6686L13.0487 17.8253C13.0974 17.9323 13.2044 17.9998 13.3207 17.9998C13.437 17.9998 13.544 17.9323 13.5927 17.8253L14.5888 15.6686L16.7462 14.6727C16.8532 14.6239 16.9207 14.517 16.9207 14.4007C16.9207 14.2845 16.8532 14.1775 16.7462 14.1288L14.5888 13.1329L13.5927 10.9761L13.5946 10.9743Z" fill="url(#ai-sp-g1)"/>
34
+ </g>
35
+ `)}
36
+ </svg>`;
37
+ export const aiRouterIcon = () => html `<svg
38
+ width="18"
39
+ height="18"
40
+ viewBox="0 0 18 18"
41
+ fill="none"
42
+ xmlns="http://www.w3.org/2000/svg"
43
+ role="img"
44
+ aria-hidden="true"
45
+ >
46
+ ${unsafeSVG(`
47
+ <defs>
48
+ <linearGradient id="ai-rt-g0" x1="1.63635" y1="7.77282" x2="14.5227" y2="7.77282" gradientUnits="userSpaceOnUse">
49
+ <stop stop-color="#6E49FF"/><stop offset="1" stop-color="#CC3559"/>
50
+ </linearGradient>
51
+ <linearGradient id="ai-rt-g1" x1="8.18176" y1="13.909" x2="16.3636" y2="13.909" gradientUnits="userSpaceOnUse">
52
+ <stop stop-color="#6E49FF"/><stop offset="1" stop-color="#CC3559"/>
53
+ </linearGradient>
54
+ </defs>
55
+ <path d="M3.93749 3.63077C4.42648 3.63077 4.85794 3.22807 4.85794 2.71032C4.85794 2.22132 4.42648 1.78986 3.93749 1.78986C3.41974 1.78986 3.01703 2.22132 3.01703 2.71032C3.01703 3.22807 3.41974 3.63077 3.93749 3.63077ZM6.23863 2.71032C6.23863 3.74582 5.54828 4.63752 4.62783 4.92516V7.77282C5.20312 7.34136 5.92222 7.08248 6.69885 7.08248H9.46022C10.582 7.08248 11.5313 6.16202 11.5313 5.01145V4.92516C10.582 4.63752 9.92044 3.74582 9.92044 2.71032C9.92044 1.44469 10.9272 0.40918 12.2216 0.40918C13.4872 0.40918 14.5227 1.44469 14.5227 2.71032C14.5227 3.74582 13.8323 4.63752 12.9119 4.92516V5.01145C12.9119 6.93865 11.3586 8.4632 9.46022 8.4632H6.69885C5.54828 8.4632 4.62783 9.41237 4.62783 10.5342V10.6492C5.54828 10.9369 6.23863 11.8285 6.23863 12.8353C6.23863 14.1297 5.20312 15.1365 3.93749 15.1365C2.6431 15.1365 1.63635 14.1297 1.63635 12.8353C1.63635 11.8285 2.29793 10.9369 3.24715 10.6492V10.5342V4.92516C2.29793 4.63752 1.63635 3.74582 1.63635 2.71032C1.63635 1.44469 2.6431 0.40918 3.93749 0.40918C5.20312 0.40918 6.23863 1.44469 6.23863 2.71032ZM13.142 2.71032C13.142 2.22132 12.7106 1.78986 12.2216 1.78986C11.7038 1.78986 11.3011 2.22132 11.3011 2.71032C11.3011 3.22807 11.7038 3.63077 12.2216 3.63077C12.7106 3.63077 13.142 3.22807 13.142 2.71032ZM3.93749 13.7558C4.42648 13.7558 4.85794 13.3531 4.85794 12.8353C4.85794 12.3463 4.42648 11.9149 3.93749 11.9149C3.41974 11.9149 3.01703 12.3463 3.01703 12.8353C3.01703 13.3531 3.41974 13.7558 3.93749 13.7558Z" fill="url(#ai-rt-g0)"/>
56
+ <path d="M12.5839 10.0164C12.5285 9.89486 12.4069 9.81812 12.2748 9.81812C12.1427 9.81812 12.0211 9.89486 11.9657 10.0164L10.8337 12.4672L8.38215 13.5989C8.25851 13.6565 8.18176 13.778 8.18176 13.9101C8.18176 14.0422 8.25851 14.1637 8.38002 14.2191L10.8316 15.3508L11.9636 17.8017C12.019 17.9232 12.1405 17.9999 12.2727 17.9999C12.4048 17.9999 12.5264 17.9232 12.5818 17.8017L13.7137 15.3508L16.1653 14.2191C16.2868 14.1637 16.3636 14.0422 16.3636 13.9101C16.3636 13.778 16.2868 13.6565 16.1653 13.6011L13.7137 12.4694L12.5818 10.0185L12.5839 10.0164Z" fill="url(#ai-rt-g1)"/>
57
+ `)}
58
+ </svg>`;
59
+ export const wandIcon = () => svgWrap('0 0 576 512', '<path d="M234.7 42.7L197 56.8c-3 1.1-5 4-5 7.2s2 6.1 5 7.2l37.7 14.1L248.8 123c1.1 3 4 5 7.2 5s6.1-2 7.2-5l14.1-37.7L315 71.2c3-1.1 5-4 5-7.2s-2-6.1-5-7.2L277.3 42.7 263.2 5c-1.1-3-4-5-7.2-5s-6.1 2-7.2 5L234.7 42.7zM46.1 395.4c-18.7 18.7-18.7 49.1 0 67.9l34.6 34.6c18.7 18.7 49.1 18.7 67.9 0L529.9 116.5c18.7-18.7 18.7-49.1 0-67.9L495.3 14.1c-18.7-18.7-49.1-18.7-67.9 0L46.1 395.4zM484.6 82.6l-105 105-23.3-23.3 105-105 23.3 23.3zM7.5 117.2C3 118.9 0 123.2 0 128s3 9.1 7.5 10.8L64 160l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L128 160l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L128 96 106.8 39.5C105.1 35 100.8 32 96 32s-9.1 3-10.8 7.5L64 96 7.5 117.2zm352 256c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 416l21.2 56.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 416l56.5-21.2c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 352l-21.2-56.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 352l-56.5 21.2z"/>');
60
+ export const headSetIcon = () => svgWrap('0 0 640 640', '<path d="M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z"/>');
61
+ export const handIcon = () => svgWrap('0 0 512 512', '<path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V336c0 1.5 0 3.1 .1 4.6L67.6 283c-16-15.2-41.3-14.6-56.6 1.4s-14.6 41.3 1.4 56.6L124.8 448c43.1 41.1 100.4 64 160 64H304c97.2 0 176-78.8 176-176V128c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V32z"/>');
62
+ export const lifeRingIcon = () => svgWrap('0 0 640 640', '<path d="M431.2 476.5C399.9 498.9 361.5 512 320 512C278.5 512 240.1 498.9 208.8 476.5L266.8 418.5C282.6 427.1 300.8 432 320.1 432C339.4 432 357.5 427.1 373.4 418.5L431.4 476.5zM521.9 477.3C555.7 433.9 575.9 379.3 575.9 320C575.9 260.7 555.8 206.1 522 162.7C531 150.2 529.9 132.6 518.6 121.4C507.3 110.2 489.8 109 477.3 118C433.9 84.2 379.3 64 320 64C260.7 64 206.1 84.2 162.7 118C150.2 109 132.6 110.1 121.4 121.4C110.2 132.7 109 150.2 118 162.7C84.2 206.1 64 260.7 64 320C64 379.3 84.2 433.9 118 477.3C109 489.8 110.1 507.4 121.4 518.6C132.7 529.8 150.2 531 162.7 522C206.1 555.8 260.7 576 320 576C379.3 576 433.9 555.8 477.3 522C489.8 531 507.4 529.9 518.6 518.6C529.8 507.3 531 489.8 522 477.3zM476.4 431.2L418.4 373.2C427 357.4 431.9 339.2 431.9 319.9C431.9 300.6 427 282.5 418.4 266.6L476.4 208.6C498.9 240.1 512 278.5 512 320C512 361.5 498.9 399.9 476.5 431.2zM431.2 163.5L373.2 221.5C357.4 212.9 339.2 208 319.9 208C300.6 208 282.5 212.9 266.6 221.5L208.6 163.5C240.1 141.1 278.5 128 320 128C361.5 128 399.9 141.1 431.2 163.5zM221.5 373.3L163.5 431.3C141.1 399.9 128 361.5 128 320C128 278.5 141.1 240.1 163.5 208.8L221.5 266.8C212.9 282.6 208 300.8 208 320.1C208 339.4 212.9 357.5 221.5 373.4zM272 320C272 293.5 293.5 272 320 272C346.5 272 368 293.5 368 320C368 346.5 346.5 368 320 368C293.5 368 272 346.5 272 320z"/>');
63
+ export const quoteRightIcon = () => svgWrap('0 0 640 640', '<path d="M544 360C544 426.3 490.3 480 424 480L416 480C398.3 480 384 465.7 384 448C384 430.3 398.3 416 416 416L424 416C454.9 416 480 390.9 480 360L480 352L416 352C380.7 352 352 323.3 352 288L352 224C352 188.7 380.7 160 416 160L480 160C515.3 160 544 188.7 544 224L544 360zM288 360C288 426.3 234.3 480 168 480L160 480C142.3 480 128 465.7 128 448C128 430.3 142.3 416 160 416L168 416C198.9 416 224 390.9 224 360L224 352L160 352C124.7 352 96 323.3 96 288L96 224C96 188.7 124.7 160 160 160L224 160C259.3 160 288 188.7 288 224L288 360z"/>');
64
+ export const arrowProgressIcon = () => svgWrap('0 0 640 640', '<path d="M294.8 97.8C303.8 94.1 314.1 96.1 321 103L361 143C370.4 152.4 370.4 167.6 361 176.9L321 216.9C314.1 223.8 303.8 225.8 294.8 222.1C285.8 218.4 280 209.7 280 200L280 192L176 192C149.5 192 128 213.5 128 240C128 266.5 149.5 288 176 288L464 288C525.9 288 576 338.1 576 400C576 446.4 547.8 486.1 507.7 503.2C498.4 527.1 475.2 544 448 544C412.7 544 384 515.3 384 480C384 444.7 412.7 416 448 416C466.6 416 483.4 423.9 495 436.6C505.4 427.8 512 414.7 512 400C512 373.5 490.5 352 464 352L176 352C114.1 352 64 301.9 64 240C64 178.1 114.1 128 176 128L280 128L280 120C280 110.3 285.8 101.5 294.8 97.8zM480 96C515.3 96 544 124.7 544 160C544 195.3 515.3 224 480 224C444.7 224 416 195.3 416 160C416 124.7 444.7 96 480 96zM215.4 512C204.3 531.1 183.7 544 160 544C124.7 544 96 515.3 96 480C96 444.7 124.7 416 160 416C183.7 416 204.4 428.9 215.4 448L248 448L248 440C248 430.3 253.8 421.5 262.8 417.8C271.8 414.1 282.1 416.1 289 423L329 463C338.4 472.4 338.4 487.6 329 496.9L289 536.9C282.1 543.8 271.8 545.8 262.8 542.1C253.8 538.4 248 529.7 248 520L248 512L215.4 512z"/>');
65
+ export const splitIcon = () => svgWrap('0 0 640 640', '<path d="M467.8 66.4C479.8 61.4 493.5 64.2 502.7 73.3L566.7 137.3C572.7 143.3 576.1 151.4 576.1 159.9C576.1 168.4 572.7 176.5 566.7 182.5L502.7 246.5C493.5 255.7 479.8 258.4 467.8 253.4C455.8 248.4 448 236.9 448 224L448 192L410.5 192C402 192 393.9 195.4 387.9 201.4L269.3 320L387.9 438.6C393.9 444.6 402 448 410.5 448L448 448L448 416C448 403.1 455.8 391.4 467.8 386.4C479.8 381.4 493.5 384.2 502.7 393.3L566.7 457.3C572.7 463.3 576.1 471.4 576.1 479.9C576.1 488.4 572.7 496.5 566.7 502.5L502.7 566.5C493.5 575.7 479.8 578.4 467.8 573.4C455.8 568.4 448 556.9 448 544L448 512L410.5 512C385 512 360.6 501.9 342.6 483.9L210.7 352L96 352C78.3 352 64 337.7 64 320C64 302.3 78.3 288 96 288L210.7 288L342.6 156.1C360.6 138.1 385 128 410.5 128L448 128L448 96C448 83.1 455.8 71.4 467.8 66.4z"/>');
66
+ export const codeIcon = () => svgWrap('0 0 640 640', '<path d="M392.8 65.2C375.8 60.3 358.1 70.2 353.2 87.2L225.2 535.2C220.3 552.2 230.2 569.9 247.2 574.8C264.2 579.7 281.9 569.8 286.8 552.8L414.8 104.8C419.7 87.8 409.8 70.1 392.8 65.2zM457.4 201.3C444.9 213.8 444.9 234.1 457.4 246.6L530.8 320L457.4 393.4C444.9 405.9 444.9 426.2 457.4 438.7C469.9 451.2 490.2 451.2 502.7 438.7L598.7 342.7C611.2 330.2 611.2 309.9 598.7 297.4L502.7 201.4C490.2 188.9 469.9 188.9 457.4 201.4zM182.7 201.3C170.2 188.8 149.9 188.8 137.4 201.3L41.4 297.3C28.9 309.8 28.9 330.1 41.4 342.6L137.4 438.6C149.9 451.1 170.2 451.1 182.7 438.6C195.2 426.1 195.2 405.8 182.7 393.3L109.3 320L182.6 246.6C195.1 234.1 195.1 213.8 182.6 201.3z"/>');
67
+ export const windowRestoreIcon = () => svgWrap('0 0 640 640', '<path d="M544 160L192 160C192 124.7 220.7 96 256 96L544 96C579.3 96 608 124.7 608 160L608 352C608 387.3 579.3 416 544 416L496 416L496 352L544 352L544 160zM32 288C32 252.7 60.7 224 96 224L384 224C419.3 224 448 252.7 448 288L448 480C448 515.3 419.3 544 384 544L96 544C60.7 544 32 515.3 32 480L32 288zM96 328C96 341.3 106.7 352 120 352L360 352C373.3 352 384 341.3 384 328C384 314.7 373.3 304 360 304L120 304C106.7 304 96 314.7 96 328z"/>');
68
+ export const brainIcon = () => svgWrap('0 0 640 640', '<path d="M184 120C184 89.1 209.1 64 240 64L264 64C281.7 64 296 78.3 296 96L296 544C296 561.7 281.7 576 264 576L232 576C202.2 576 177.1 555.6 170 528C169.3 528 168.7 528 168 528C123.8 528 88 492.2 88 448C88 430 94 413.4 104 400C84.6 385.4 72 362.2 72 336C72 305.1 89.6 278.2 115.2 264.9C108.1 252.9 104 238.9 104 224C104 179.8 139.8 144 184 144L184 120zM456 120L456 144C500.2 144 536 179.8 536 224C536 239 531.9 253 524.8 264.9C550.5 278.2 568 305 568 336C568 362.2 555.4 385.4 536 400C546 413.4 552 430 552 448C552 492.2 516.2 528 472 528C471.3 528 470.7 528 470 528C462.9 555.6 437.8 576 408 576L376 576C358.3 576 344 561.7 344 544L344 96C344 78.3 358.3 64 376 64L400 64C430.9 64 456 89.1 456 120z"/>');
69
+ export const screwdriverWrenchIcon = () => svgWrap('0 0 640 640', '<path d="M102.8 57.3C108.2 51.9 116.6 51.1 123 55.3L241.9 134.5C250.8 140.4 256.1 150.4 256.1 161.1L256.1 210.7L346.9 301.5C380.2 286.5 420.8 292.6 448.1 320L574.2 446.1C592.9 464.8 592.9 495.2 574.2 514L514.1 574.1C495.4 592.8 465 592.8 446.2 574.1L320.1 448C292.7 420.6 286.6 380.1 301.6 346.8L210.8 256L161.2 256C150.5 256 140.5 250.7 134.6 241.8L55.4 122.9C51.2 116.6 52 108.1 57.4 102.7L102.8 57.3zM247.8 360.8C241.5 397.7 250.1 436.7 274 468L179.1 563C151 591.1 105.4 591.1 77.3 563C49.2 534.9 49.2 489.3 77.3 461.2L212.7 325.7L247.9 360.8zM416.1 64C436.2 64 455.5 67.7 473.2 74.5C483.2 78.3 485 91 477.5 98.6L420.8 155.3C417.8 158.3 416.1 162.4 416.1 166.6L416.1 208C416.1 216.8 423.3 224 432.1 224L473.5 224C477.7 224 481.8 222.3 484.8 219.3L541.5 162.6C549.1 155.1 561.8 156.9 565.6 166.9C572.4 184.6 576.1 203.9 576.1 224C576.1 267.2 558.9 306.3 531.1 335.1L482 286C448.9 253 403.5 240.3 360.9 247.6L304.1 190.8L304.1 161.1L303.9 156.1C303.1 143.7 299.5 131.8 293.4 121.2C322.8 86.2 366.8 64 416.1 63.9z"/>');
70
+ export const circleCheckIcon = () => svgWrap('0 0 640 640', '<path d="M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320C528 205.1 434.9 112 320 112zM390.7 233.9C398.5 223.2 413.5 220.8 424.2 228.6C434.9 236.4 437.3 251.4 429.5 262.1L307.4 430.1C303.3 435.8 296.9 439.4 289.9 439.9C282.9 440.4 276 437.9 271.1 433L215.2 377.1C205.8 367.7 205.8 352.5 215.2 343.2C224.6 333.9 239.8 333.8 249.1 343.2L285.1 379.2L390.7 234z"/>');
71
+ export const filePdfIcon = () => svgWrap('0 0 640 640', '<path d="M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L208 576L208 464C208 428.7 236.7 400 272 400L448 400L448 234.5C448 217.5 441.3 201.2 429.3 189.2L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM272 444C261 444 252 453 252 464L252 592C252 603 261 612 272 612C283 612 292 603 292 592L292 564L304 564C337.1 564 364 537.1 364 504C364 470.9 337.1 444 304 444L272 444zM304 524L292 524L292 484L304 484C315 484 324 493 324 504C324 515 315 524 304 524zM400 444C389 444 380 453 380 464L380 592C380 603 389 612 400 612L432 612C460.7 612 484 588.7 484 560L484 496C484 467.3 460.7 444 432 444L400 444zM420 572L420 484L432 484C438.6 484 444 489.4 444 496L444 560C444 566.6 438.6 572 432 572L420 572zM508 464L508 592C508 603 517 612 528 612C539 612 548 603 548 592L548 548L576 548C587 548 596 539 596 528C596 517 587 508 576 508L548 508L548 484L576 484C587 484 596 475 596 464C596 453 587 444 576 444L528 444C517 444 508 453 508 464z"/>');
72
+ export const fileWordIcon = () => svgWrap('0 0 640 640', '<path d="M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM263.4 338.8C260.5 325.9 247.7 317.7 234.8 320.6C221.9 323.5 213.7 336.3 216.6 349.2L248.6 493.2C250.9 503.7 260 511.4 270.8 512C281.6 512.6 291.4 505.9 294.8 495.6L320 419.9L345.2 495.6C348.6 505.8 358.4 512.5 369.2 512C380 511.5 389.1 503.8 391.4 493.2L423.4 349.2C426.3 336.3 418.1 323.4 405.2 320.6C392.3 317.8 379.4 325.9 376.6 338.8L363.4 398.2L342.8 336.4C339.5 326.6 330.4 320 320 320C309.6 320 300.5 326.6 297.2 336.4L276.6 398.2L263.4 338.8z"/>');
73
+ export const linkIcon = () => svgWrap('0 0 640 640', '<path d="M451.5 160C434.9 160 418.8 164.5 404.7 172.7C388.9 156.7 370.5 143.3 350.2 133.2C378.4 109.2 414.3 96 451.5 96C537.9 96 608 166 608 252.5C608 294 591.5 333.8 562.2 363.1L491.1 434.2C461.8 463.5 422 480 380.5 480C294.1 480 224 410 224 323.5C224 322 224 320.5 224.1 319C224.6 301.3 239.3 287.4 257 287.9C274.7 288.4 288.6 303.1 288.1 320.8C288.1 321.7 288.1 322.6 288.1 323.4C288.1 374.5 329.5 415.9 380.6 415.9C405.1 415.9 428.6 406.2 446 388.8L517.1 317.7C534.4 300.4 544.2 276.8 544.2 252.3C544.2 201.2 502.8 159.8 451.7 159.8zM307.2 237.3C305.3 236.5 303.4 235.4 301.7 234.2C289.1 227.7 274.7 224 259.6 224C235.1 224 211.6 233.7 194.2 251.1L123.1 322.2C105.8 339.5 96 363.1 96 387.6C96 438.7 137.4 480.1 188.5 480.1C205 480.1 221.1 475.7 235.2 467.5C251 483.5 269.4 496.9 289.8 507C261.6 530.9 225.8 544.2 188.5 544.2C102.1 544.2 32 474.2 32 387.7C32 346.2 48.5 306.4 77.8 277.1L148.9 206C178.2 176.7 218 160.2 259.5 160.2C346.1 160.2 416 230.8 416 317.1C416 318.4 416 319.7 416 321C415.6 338.7 400.9 352.6 383.2 352.2C365.5 351.8 351.6 337.1 352 319.4C352 318.6 352 317.9 352 317.1C352 283.4 334 253.8 307.2 237.5z"/>');
74
+ export const caretDownIcon = () => svgWrap('0 0 640 640', '<path d="M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z"/>');
75
+ export const caretUpIcon = () => svgWrap('0 0 640 640', '<path d="M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"/>');
76
+ //# sourceMappingURL=icons.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/debug-event/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,MAAM,OAAO,GAAG,CAAC,OAAe,EAAE,KAAa,EAAE,EAAE,CACjD,IAAI,CAAA;;eAES,OAAO;;;;;MAKhB,SAAS,CAAC,KAAK,CAAC;SACb,CAAA;AAET,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CACnC,IAAI,CAAA;;;;;;;;;MASA,SAAS,CAAC;;;;;;;;;;;;;;CAcf,CAAC;SACO,CAAA;AAET,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAC/B,IAAI,CAAA;;;;;;;;;MASA,SAAS,CAAC;;;;;;;;;;;CAWf,CAAC;SACO,CAAA;AAET,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC3B,OAAO,CACL,aAAa,EACb,44BAA44B,CAC74B,CAAA;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAC9B,OAAO,CACL,aAAa,EACb,0oBAA0oB,CAC3oB,CAAA;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC3B,OAAO,CACL,aAAa,EACb,kbAAkb,CACnb,CAAA;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAC/B,OAAO,CACL,aAAa,EACb,8yCAA8yC,CAC/yC,CAAA;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CACjC,OAAO,CACL,aAAa,EACb,ohBAAohB,CACrhB,CAAA;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CACpC,OAAO,CACL,aAAa,EACb,uiCAAuiC,CACxiC,CAAA;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAC5B,OAAO,CACL,aAAa,EACb,kxBAAkxB,CACnxB,CAAA;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC3B,OAAO,CACL,aAAa,EACb,spBAAspB,CACvpB,CAAA;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CACpC,OAAO,CACL,aAAa,EACb,obAAob,CACrb,CAAA;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAC5B,OAAO,CACL,aAAa,EACb,+rBAA+rB,CAChsB,CAAA;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE,CACxC,OAAO,CACL,aAAa,EACb,0/BAA0/B,CAC3/B,CAAA;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAClC,OAAO,CACL,aAAa,EACb,ygBAAygB,CAC1gB,CAAA;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAC9B,OAAO,CACL,aAAa,EACb,q/BAAq/B,CACt/B,CAAA;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAC/B,OAAO,CACL,aAAa,EACb,0tBAA0tB,CAC3tB,CAAA;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC3B,OAAO,CACL,aAAa,EACb,2mCAA2mC,CAC5mC,CAAA;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAChC,OAAO,CACL,aAAa,EACb,+OAA+O,CAChP,CAAA;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE,CAC9B,OAAO,CACL,aAAa,EACb,iPAAiP,CAClP,CAAA"}
@@ -0,0 +1,127 @@
1
+ import { EventAction } from '@botonic/shared';
2
+ export type DebugEventAction = EventAction.Keyword | EventAction.IntentSmart | EventAction.Fallback | EventAction.BotAction | EventAction.HandoffSuccess | EventAction.RedirectFlow | EventAction.WebviewActionTriggered | EventAction.ConditionalChannel | EventAction.ConditionalCountry | EventAction.ConditionalCustom | EventAction.ConditionalQueueStatus | EventAction.Knowledgebase | EventAction.AiAgent | EventAction.AiAgentRouter;
3
+ export interface KeywordDebugEvent {
4
+ action: EventAction.Keyword;
5
+ flow_id: string;
6
+ flow_node_id: string;
7
+ nlu_keyword_is_regex: boolean;
8
+ nlu_keyword_name: string;
9
+ }
10
+ export interface SmartIntentDebugEvent {
11
+ action: EventAction.IntentSmart;
12
+ nlu_intent_smart_title: string;
13
+ }
14
+ export interface FallbackDebugEvent {
15
+ action: EventAction.Fallback;
16
+ user_input: string;
17
+ fallback_out: number;
18
+ fallback_message_id: string;
19
+ }
20
+ export interface BotActionDebugEvent {
21
+ action: EventAction.BotAction;
22
+ payload: string;
23
+ }
24
+ export interface HandoffSuccessDebugEvent {
25
+ action: EventAction.HandoffSuccess;
26
+ handoff_queue_name: string;
27
+ handoff_is_queue_open: boolean;
28
+ handoff_has_auto_assign: boolean;
29
+ handoff_note_id: string;
30
+ }
31
+ export interface RedirectFlowDebugEvent {
32
+ action: EventAction.RedirectFlow;
33
+ flow_id: string;
34
+ flow_name: string;
35
+ flow_target_id: string;
36
+ flow_target_name: string;
37
+ }
38
+ export interface WebviewActionTriggeredDebugEvent {
39
+ action: EventAction.WebviewActionTriggered;
40
+ webview_target_id: string;
41
+ webview_name: string;
42
+ }
43
+ export interface ConditionalChannelDebugEvent {
44
+ action: EventAction.ConditionalChannel;
45
+ channel: string;
46
+ }
47
+ export interface ConditionalCountryDebugEvent {
48
+ action: EventAction.ConditionalCountry;
49
+ country: string;
50
+ }
51
+ export interface ConditionalCustomDebugEvent {
52
+ action: EventAction.ConditionalCustom;
53
+ conditional_variable: string;
54
+ variable_format: string;
55
+ operator: string;
56
+ }
57
+ export interface ConditionalQueueStatusDebugEvent {
58
+ action: EventAction.ConditionalQueueStatus;
59
+ queue_id: string;
60
+ queue_name: string;
61
+ is_queue_open: boolean;
62
+ is_available_agent: boolean;
63
+ }
64
+ export interface DebugEventSource {
65
+ id: string;
66
+ type: 'url' | 'file' | string;
67
+ activeExtractionJob?: {
68
+ url?: string;
69
+ fileName?: string;
70
+ mimeType?: string;
71
+ };
72
+ }
73
+ export interface DebugEventChunk {
74
+ id: string;
75
+ }
76
+ export interface DebugEventChunkWithSource {
77
+ source: DebugEventSource;
78
+ chunks: DebugEventChunk[];
79
+ }
80
+ export interface ToolExecuted {
81
+ tool_name: string;
82
+ tool_arguments: Record<string, unknown>;
83
+ tool_results?: string;
84
+ knowledgebase_sources_ids?: string[];
85
+ knowledgebase_chunks_ids?: string[];
86
+ }
87
+ export interface KnowledgeBaseDebugEvent {
88
+ action: EventAction.Knowledgebase;
89
+ flow_id: string;
90
+ flow_node_id: string;
91
+ knowledgebase_inference_id: string;
92
+ knowledgebase_fail_reason: string;
93
+ knowledgebase_sources_ids: string[];
94
+ knowledgebase_chunks_ids: string[];
95
+ user_input: string;
96
+ knowledge_base_chunks_with_sources?: DebugEventChunkWithSource[];
97
+ }
98
+ export interface AiAgentDebugEvent {
99
+ action: EventAction.AiAgent;
100
+ flow_node_content_id: string;
101
+ user_input?: string;
102
+ tools_executed: ToolExecuted[];
103
+ input_guardrails_triggered: string[];
104
+ output_guardrails_triggered: string[];
105
+ exit: boolean;
106
+ error: boolean;
107
+ knowledge_base_chunks_with_sources?: DebugEventChunkWithSource[];
108
+ }
109
+ export interface SpecialistDebugEvent {
110
+ name: string;
111
+ description: string;
112
+ }
113
+ export interface AiAgentRouterDebugEvent {
114
+ action: EventAction.AiAgentRouter;
115
+ flow_node_content_id: string;
116
+ tools_executed: ToolExecuted[];
117
+ memory_length: number;
118
+ input_guardrails_triggered: string[];
119
+ output_guardrails_triggered: string[];
120
+ exit: boolean;
121
+ starting_agent_name: string;
122
+ last_agent_name: string;
123
+ available_specialists: SpecialistDebugEvent[];
124
+ is_transferred_to_specialist: boolean;
125
+ knowledge_base_chunks_with_sources?: DebugEventChunkWithSource[];
126
+ }
127
+ export type DebugEvent = KeywordDebugEvent | SmartIntentDebugEvent | FallbackDebugEvent | BotActionDebugEvent | HandoffSuccessDebugEvent | RedirectFlowDebugEvent | WebviewActionTriggeredDebugEvent | ConditionalChannelDebugEvent | ConditionalCountryDebugEvent | ConditionalCustomDebugEvent | ConditionalQueueStatusDebugEvent | KnowledgeBaseDebugEvent | AiAgentDebugEvent | AiAgentRouterDebugEvent;
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/debug-event/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export declare const resetStyles: import("lit").CSSResult;
@@ -0,0 +1,61 @@
1
+ import { css } from 'lit';
2
+ export const resetStyles = css `
3
+ *,
4
+ *::before,
5
+ *::after {
6
+ box-sizing: border-box;
7
+ }
8
+
9
+ * {
10
+ margin: 0;
11
+ }
12
+
13
+ :host {
14
+ font-style: normal;
15
+ font-size: var(--font-size-s);
16
+ font-family: var(--font-family);
17
+ font-weight: var(--font-weight-regular);
18
+ word-break: normal;
19
+ line-height: 150%;
20
+ -webkit-font-smoothing: antialiased;
21
+ }
22
+
23
+ @media (prefers-color-scheme: dark) {
24
+ :host {
25
+ color: var(--color-neutral-900);
26
+ }
27
+ }
28
+
29
+ img,
30
+ picture,
31
+ video,
32
+ canvas,
33
+ svg {
34
+ display: block;
35
+ max-width: 100%;
36
+ }
37
+
38
+ input,
39
+ button,
40
+ textarea,
41
+ select {
42
+ font: inherit;
43
+ }
44
+
45
+ p,
46
+ h1,
47
+ h2,
48
+ h3,
49
+ h4,
50
+ h5,
51
+ h6 {
52
+ overflow-wrap: break-word;
53
+ }
54
+
55
+ ul,
56
+ ol {
57
+ list-style: none;
58
+ padding: 0;
59
+ }
60
+ `;
61
+ //# sourceMappingURL=base-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base-styles.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/webchat-lit/src/lib/shared/base-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D7B,CAAA"}