@meetelise/chat 1.20.63 → 1.20.65
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.
- package/package.json +1 -1
- package/public/demo/index.html +1 -0
- package/public/dist/index.js +620 -714
- package/public/dist/index.js.LICENSE.txt +0 -6
- package/src/MEChat.ts +11 -1
- package/src/WebComponent/Scheduler/tour-scheduler.ts +22 -20
- package/src/WebComponent/actions/minimize-expand-button.ts +92 -0
- package/src/WebComponent/index.ts +1 -1
- package/src/WebComponent/launcher/Launcher.ts +586 -0
- package/src/WebComponent/{launcherStyles.ts → launcher/launcherStyles.ts} +4 -329
- package/src/WebComponent/launcher/mobile-launcher.ts +95 -0
- package/src/WebComponent/launcher/typeEmojiStyles.ts +161 -0
- package/src/WebComponent/launcher/typeMiniStyles.ts +60 -0
- package/src/WebComponent/launcher/typeMobileStyles.ts +50 -0
- package/src/WebComponent/me-chat.ts +99 -93
- package/src/WebComponent/me-select.ts +4 -0
- package/src/fetchBuildingABTestType.ts +2 -2
- package/src/fetchWebchatPreferences.ts +28 -0
- package/src/svgIcons.ts +26 -146
- package/src/themes.ts +24 -7
- package/src/utils.ts +53 -0
- package/src/WebComponent/Launcher.ts +0 -641
package/src/svgIcons.ts
CHANGED
|
@@ -1,162 +1,42 @@
|
|
|
1
1
|
import { svg } from "lit";
|
|
2
|
-
export const
|
|
3
|
-
<
|
|
4
|
-
<path d="
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
<
|
|
9
|
-
<path d="
|
|
10
|
-
<
|
|
11
|
-
<
|
|
12
|
-
<
|
|
13
|
-
<
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.3539 20.5H31.1462C32.6004 20.5 33.7405 20.5 34.6513 20.5866C35.5796 20.6749 36.3397 20.8579 37.0098 21.2685C37.7116 21.6985 38.3016 22.2885 38.7316 22.9902C39.1422 23.6603 39.3252 24.4205 39.4135 25.3488C39.5001 26.2596 39.5001 27.3996 39.5001 28.8539V29.8218C39.5001 30.8569 39.5001 31.6685 39.4553 32.3241C39.4098 32.9912 39.3158 33.5464 39.1031 34.0597C38.5738 35.3376 37.5585 36.3529 36.2807 36.8822C35.5506 37.1846 34.719 37.2517 33.5805 37.2713C33.1822 37.2781 32.93 37.2832 32.7377 37.3045C32.558 37.3244 32.4884 37.3535 32.4476 37.3772C32.4046 37.4022 32.346 37.4478 32.2443 37.5874C32.1343 37.7384 32.0099 37.9471 31.8127 38.2803L31.321 39.111C30.6194 40.2963 28.8807 40.2963 28.179 39.111L27.6874 38.2803C27.4902 37.9471 27.3658 37.7384 27.2557 37.5874C27.154 37.4478 27.0954 37.4022 27.0524 37.3772C27.0117 37.3535 26.942 37.3244 26.7623 37.3045C26.57 37.2832 26.3178 37.2781 25.9195 37.2713C24.781 37.2517 23.9495 37.1846 23.2194 36.8822C21.9415 36.3529 20.9263 35.3376 20.397 34.0597C20.1843 33.5464 20.0902 32.9912 20.0447 32.3241C20 31.6685 20 30.8569 20 29.8218L20 28.8539C20 27.3996 20 26.2596 20.0866 25.3488C20.1749 24.4205 20.3579 23.6603 20.7685 22.9902C21.1985 22.2885 21.7885 21.6985 22.4902 21.2685C23.1603 20.8579 23.9205 20.6749 24.8488 20.5866C25.7596 20.5 26.8996 20.5 28.3539 20.5ZM24.9776 21.9409C24.1488 22.0197 23.6215 22.1709 23.2011 22.4285C22.6824 22.7463 22.2463 23.1824 21.9285 23.7011C21.6709 24.1215 21.5197 24.6488 21.4409 25.4776C21.3612 26.3165 21.3605 27.3919 21.3605 28.8896V29.7965C21.3605 30.8624 21.3608 31.6276 21.402 32.2315C21.4428 32.8293 21.5213 33.2191 21.6539 33.5391C22.0451 34.4836 22.7955 35.234 23.74 35.6252C24.2077 35.819 24.8043 35.8914 25.943 35.911L25.9718 35.9115C26.3328 35.9177 26.6492 35.9232 26.9121 35.9523C27.1946 35.9835 27.4709 36.0468 27.7364 36.2012C27.9997 36.3543 28.1896 36.5589 28.3552 36.7861C28.5081 36.9959 28.6653 37.2616 28.8434 37.5624L29.3498 38.418C29.5246 38.7134 29.9754 38.7134 30.1502 38.418L30.6566 37.5624C30.8347 37.2616 30.9919 36.9959 31.1449 36.7861C31.3104 36.5589 31.5003 36.3543 31.7636 36.2012C32.0291 36.0468 32.3055 35.9835 32.588 35.9523C32.8509 35.9232 33.1672 35.9177 33.5282 35.9115L33.557 35.911C34.6957 35.8914 35.2924 35.819 35.7601 35.6252C36.7046 35.234 37.455 34.4836 37.8462 33.5391C37.9787 33.2191 38.0572 32.8293 38.098 32.2315C38.1392 31.6276 38.1396 30.8624 38.1396 29.7965V28.8896C38.1396 27.3919 38.1389 26.3165 38.0591 25.4776C37.9803 24.6488 37.8292 24.1215 37.5716 23.7011C37.2537 23.1824 36.8177 22.7463 36.299 22.4285C35.8786 22.1709 35.3512 22.0197 34.5225 21.9409C33.6836 21.8612 32.6081 21.8605 31.1105 21.8605H28.3896C26.8919 21.8605 25.8165 21.8612 24.9776 21.9409ZM29.75 25.0349C30.1257 25.0349 30.4303 25.3395 30.4303 25.7151V32.971C30.4303 33.3467 30.1257 33.6512 29.75 33.6512C29.3744 33.6512 29.0698 33.3467 29.0698 32.971V25.7151C29.0698 25.3395 29.3744 25.0349 29.75 25.0349ZM26.1221 26.8489C26.4978 26.8489 26.8024 27.1534 26.8024 27.5291V31.157C26.8024 31.5327 26.4978 31.8373 26.1221 31.8373C25.7464 31.8373 25.4419 31.5327 25.4419 31.157V27.5291C25.4419 27.1534 25.7464 26.8489 26.1221 26.8489ZM33.378 26.8489C33.7536 26.8489 34.0582 27.1534 34.0582 27.5291V31.157C34.0582 31.5327 33.7536 31.8373 33.378 31.8373C33.0023 31.8373 32.6977 31.5327 32.6977 31.157V27.5291C32.6977 27.1534 33.0023 26.8489 33.378 26.8489Z" fill="white"/>
|
|
17
|
-
</g>
|
|
18
|
-
<defs>
|
|
19
|
-
<filter id="filter0_dd_1012_1691" x="-0.454529" y="0.0454102" width="60.9091" height="60.9091" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
20
|
-
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
21
|
-
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
22
|
-
<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_1012_1691"/>
|
|
23
|
-
<feOffset dx="2" dy="2"/>
|
|
24
|
-
<feGaussianBlur stdDeviation="2"/>
|
|
25
|
-
<feComposite in2="hardAlpha" operator="out"/>
|
|
26
|
-
<feColorMatrix type="matrix" values="0 0 0 0 0.221902 0 0 0 0 0.324237 0 0 0 0 0.583487 0 0 0 0.2 0"/>
|
|
27
|
-
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1012_1691"/>
|
|
28
|
-
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
29
|
-
<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect2_dropShadow_1012_1691"/>
|
|
30
|
-
<feOffset dx="-2" dy="-2"/>
|
|
31
|
-
<feGaussianBlur stdDeviation="2"/>
|
|
32
|
-
<feComposite in2="hardAlpha" operator="out"/>
|
|
33
|
-
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
|
|
34
|
-
<feBlend mode="normal" in2="effect1_dropShadow_1012_1691" result="effect2_dropShadow_1012_1691"/>
|
|
35
|
-
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1012_1691" result="shape"/>
|
|
36
|
-
</filter>
|
|
37
|
-
<linearGradient id="paint0_linear_1012_1691" x1="64.5001" y1="66" x2="6.61692" y2="-8.47681" gradientUnits="userSpaceOnUse">
|
|
38
|
-
<stop stop-color="#5770F5"/>
|
|
39
|
-
<stop offset="1" stop-color="white"/>
|
|
40
|
-
</linearGradient>
|
|
41
|
-
<clipPath id="clip0_1012_1691">
|
|
42
|
-
<rect width="60" height="60" rx="30" fill="white"/>
|
|
43
|
-
</clipPath>
|
|
44
|
-
</defs>
|
|
45
|
-
</svg>`;
|
|
46
|
-
export const ChatWhiteStrokeIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
|
47
|
-
<path d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 12.5997 1.37562 14.1116 2.04346 15.4525C2.22094 15.8088 2.28001 16.2161 2.17712 16.6006L1.58151 18.8267C1.32295 19.793 2.20701 20.677 3.17335 20.4185L5.39939 19.8229C5.78393 19.72 6.19121 19.7791 6.54753 19.9565C7.88837 20.6244 9.40032 21 11 21Z" stroke="white" stroke-width="1.5"/>
|
|
48
|
-
<path d="M7 9.5H15" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
49
|
-
<path d="M7 13H12.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
50
|
-
</svg>`;
|
|
51
|
-
export const EmailBlackStrokeIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
|
|
52
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.46964 0.488404H9.53036C10.898 0.488392 11.9813 0.488382 12.829 0.602365C13.7015 0.71967 14.4077 0.966828 14.9647 1.52375C15.5216 2.08068 15.7687 2.78687 15.886 3.65938C16 4.50717 16 5.59044 16 6.95808V7.04204C16 8.40968 16 9.49295 15.886 10.3407C15.7687 11.2132 15.5216 11.9194 14.9647 12.4764C14.4077 13.0333 13.7015 13.2804 12.829 13.3978C11.9813 13.5117 10.898 13.5117 9.53035 13.5117H6.46965C5.10201 13.5117 4.01875 13.5117 3.17096 13.3978C2.29846 13.2804 1.59227 13.0333 1.03534 12.4764C0.478423 11.9194 0.231266 11.2132 0.113961 10.3407C-2.09587e-05 9.49295 -1.15596e-05 8.40968 2.39342e-07 7.04204V6.95807C-1.15596e-05 5.59043 -2.09587e-05 4.50717 0.113961 3.65938C0.231266 2.78687 0.478423 2.08068 1.03534 1.52375C1.59227 0.966828 2.29846 0.71967 3.17096 0.602365C4.01875 0.488382 5.10201 0.488392 6.46964 0.488404ZM3.3197 1.70869C2.57098 1.80936 2.13962 1.99814 1.82467 2.31308C1.50973 2.62803 1.32095 3.0594 1.22029 3.80812C1.11746 4.5729 1.11628 5.58102 1.11628 7.00006C1.11628 8.41909 1.11746 9.42722 1.22029 10.192C1.32095 10.9407 1.50973 11.3721 1.82467 11.687C2.13962 12.002 2.57098 12.1908 3.3197 12.2914C4.08447 12.3942 5.0926 12.3954 6.51163 12.3954H9.48837C10.9074 12.3954 11.9155 12.3942 12.6803 12.2914C13.429 12.1908 13.8604 12.002 14.1753 11.687C14.4903 11.3721 14.6791 10.9407 14.7797 10.192C14.8825 9.42722 14.8837 8.41909 14.8837 7.00006C14.8837 5.58102 14.8825 4.5729 14.7797 3.80812C14.6791 3.0594 14.4903 2.62803 14.1753 2.31308C13.8604 1.99814 13.429 1.80936 12.6803 1.70869C11.9155 1.60587 10.9074 1.60469 9.48837 1.60469H6.51163C5.0926 1.60469 4.08448 1.60587 3.3197 1.70869ZM3.10611 3.66599C3.30345 3.42918 3.65539 3.39719 3.8922 3.59453L5.49882 4.93338C6.19311 5.51196 6.67515 5.91236 7.08211 6.1741C7.47605 6.42747 7.7432 6.51252 8 6.51252C8.2568 6.51252 8.52395 6.42747 8.91789 6.1741C9.32485 5.91236 9.80689 5.51196 10.5012 4.93338L12.1078 3.59453C12.3446 3.39719 12.6966 3.42918 12.8939 3.66599C13.0912 3.9028 13.0592 4.25474 12.8224 4.45208L11.1878 5.81425C10.5282 6.36395 9.99359 6.80949 9.52173 7.11297C9.0302 7.4291 8.5515 7.62881 8 7.62881C7.4485 7.62881 6.9698 7.4291 6.47827 7.11297C6.00641 6.80949 5.47179 6.36395 4.81218 5.81425L3.17757 4.45208C2.94077 4.25474 2.90877 3.9028 3.10611 3.66599Z" fill="black"/>
|
|
53
|
-
</svg>`;
|
|
54
|
-
export const EmailWhiteStrokeIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
|
|
55
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.46964 0.488404H9.53036C10.898 0.488392 11.9813 0.488382 12.829 0.602365C13.7015 0.71967 14.4077 0.966828 14.9647 1.52375C15.5216 2.08068 15.7687 2.78687 15.886 3.65938C16 4.50717 16 5.59044 16 6.95808V7.04204C16 8.40968 16 9.49295 15.886 10.3407C15.7687 11.2132 15.5216 11.9194 14.9647 12.4764C14.4077 13.0333 13.7015 13.2804 12.829 13.3978C11.9813 13.5117 10.898 13.5117 9.53035 13.5117H6.46965C5.10201 13.5117 4.01875 13.5117 3.17096 13.3978C2.29846 13.2804 1.59227 13.0333 1.03534 12.4764C0.478423 11.9194 0.231266 11.2132 0.113961 10.3407C-2.09587e-05 9.49295 -1.15596e-05 8.40968 2.39342e-07 7.04204V6.95807C-1.15596e-05 5.59043 -2.09587e-05 4.50717 0.113961 3.65938C0.231266 2.78687 0.478423 2.08068 1.03534 1.52375C1.59227 0.966828 2.29846 0.71967 3.17096 0.602365C4.01875 0.488382 5.10201 0.488392 6.46964 0.488404ZM3.3197 1.70869C2.57098 1.80936 2.13962 1.99814 1.82467 2.31308C1.50973 2.62803 1.32095 3.0594 1.22029 3.80812C1.11746 4.5729 1.11628 5.58102 1.11628 7.00006C1.11628 8.41909 1.11746 9.42722 1.22029 10.192C1.32095 10.9407 1.50973 11.3721 1.82467 11.687C2.13962 12.002 2.57098 12.1908 3.3197 12.2914C4.08447 12.3942 5.0926 12.3954 6.51163 12.3954H9.48837C10.9074 12.3954 11.9155 12.3942 12.6803 12.2914C13.429 12.1908 13.8604 12.002 14.1753 11.687C14.4903 11.3721 14.6791 10.9407 14.7797 10.192C14.8825 9.42722 14.8837 8.41909 14.8837 7.00006C14.8837 5.58102 14.8825 4.5729 14.7797 3.80812C14.6791 3.0594 14.4903 2.62803 14.1753 2.31308C13.8604 1.99814 13.429 1.80936 12.6803 1.70869C11.9155 1.60587 10.9074 1.60469 9.48837 1.60469H6.51163C5.0926 1.60469 4.08448 1.60587 3.3197 1.70869ZM3.10611 3.66599C3.30345 3.42918 3.65539 3.39719 3.8922 3.59453L5.49882 4.93338C6.19311 5.51196 6.67515 5.91236 7.08211 6.1741C7.47605 6.42747 7.7432 6.51252 8 6.51252C8.2568 6.51252 8.52395 6.42747 8.91789 6.1741C9.32485 5.91236 9.80689 5.51196 10.5012 4.93338L12.1078 3.59453C12.3446 3.39719 12.6966 3.42918 12.8939 3.66599C13.0912 3.9028 13.0592 4.25474 12.8224 4.45208L11.1878 5.81425C10.5282 6.36395 9.99359 6.80949 9.52173 7.11297C9.0302 7.4291 8.5515 7.62881 8 7.62881C7.4485 7.62881 6.9698 7.4291 6.47827 7.11297C6.00641 6.80949 5.47179 6.36395 4.81218 5.81425L3.17757 4.45208C2.94077 4.25474 2.90877 3.9028 3.10611 3.66599Z" fill="white"/>
|
|
56
|
-
</svg>`;
|
|
57
|
-
export const TabletWhiteStrokeIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 16 20" fill="none">
|
|
58
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.88488 2.91698e-07H7.98722C9.65402 -1.40883e-05 10.9742 -2.55434e-05 12.0075 0.13889C13.0708 0.281855 13.9315 0.583077 14.6103 1.26183C15.289 1.94057 15.5902 2.80125 15.7332 3.86461C15.8721 4.89785 15.8721 6.21808 15.8721 7.88488V11.6151C15.8721 13.2819 15.8721 14.6021 15.7332 15.6354C15.5902 16.6987 15.289 17.5594 14.6103 18.2382C13.9315 18.9169 13.0708 19.2181 12.0075 19.3611C10.9742 19.5 9.65402 19.5 7.98721 19.5H7.88488C6.21808 19.5 4.89785 19.5 3.86461 19.3611C2.80125 19.2181 1.94057 18.9169 1.26183 18.2382C0.583077 17.5594 0.281855 16.6987 0.13889 15.6354C-2.55434e-05 14.6021 -1.40883e-05 13.2819 2.91698e-07 11.6151V7.88488C-1.40883e-05 6.21807 -2.55434e-05 4.89785 0.13889 3.86461C0.281855 2.80125 0.583077 1.94057 1.26183 1.26183C1.94057 0.583077 2.80125 0.281855 3.86461 0.13889C4.89785 -2.55434e-05 6.21807 -1.40883e-05 7.88488 2.91698e-07ZM3.23244 1.65357C2.78891 1.78614 2.47579 1.97185 2.22382 2.22382C1.83998 2.60766 1.60991 3.13339 1.48722 4.04589C1.36191 4.97795 1.36047 6.2066 1.36047 7.93605V11.564C1.36047 13.2934 1.36191 14.522 1.48722 15.4541C1.60991 16.3666 1.83998 16.8923 2.22382 17.2762C2.60766 17.66 3.13339 17.8901 4.04589 18.0128C4.97795 18.1381 6.2066 18.1395 7.93605 18.1395C9.66549 18.1395 10.8941 18.1381 11.8262 18.0128C12.7387 17.8901 13.2644 17.66 13.6483 17.2762C14.0321 16.8923 14.2622 16.3666 14.3849 15.4541C14.5102 14.522 14.5116 13.2934 14.5116 11.564V7.93605C14.5116 6.2066 14.5102 4.97795 14.3849 4.04589C14.2622 3.13339 14.0321 2.60766 13.6483 2.22382C13.3963 1.97185 13.0832 1.78614 12.6397 1.65357C12.0395 2.55482 11.6199 3.18136 10.9959 3.56908C10.8714 3.64643 10.7421 3.71565 10.6087 3.77631C9.93555 4.08241 9.17592 4.08202 8.08155 4.08145C8.0337 4.08142 7.9852 4.0814 7.93605 4.0814C7.88689 4.0814 7.8384 4.08142 7.79054 4.08145C6.69617 4.08202 5.93654 4.08241 5.26341 3.77631C5.13 3.71565 5.00066 3.64643 4.87618 3.56908C4.25224 3.18136 3.83262 2.55483 3.23244 1.65357ZM4.71745 1.4204C5.12021 2.00409 5.33112 2.25004 5.59423 2.41354C5.66892 2.45995 5.74653 2.50148 5.82657 2.53788C6.19744 2.70653 6.63687 2.72093 7.93605 2.72093C9.23522 2.72093 9.67465 2.70653 10.0455 2.53788C10.1256 2.50148 10.2032 2.45995 10.2779 2.41354C10.541 2.25004 10.7519 2.00408 11.1546 1.4204C10.32 1.36134 9.27902 1.36047 7.93605 1.36047C6.59307 1.36047 5.55208 1.36134 4.71745 1.4204ZM4.53488 16.0988C4.53488 15.7232 4.83943 15.4186 5.21512 15.4186H10.657C11.0327 15.4186 11.3372 15.7232 11.3372 16.0988C11.3372 16.4745 11.0327 16.7791 10.657 16.7791H5.21512C4.83943 16.7791 4.53488 16.4745 4.53488 16.0988Z" fill="white"/>
|
|
59
|
-
</svg>`;
|
|
60
|
-
export const PhoneBlackStrokeIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17" fill="none">
|
|
2
|
+
export const XWhiteOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
|
|
3
|
+
<line x1="1.70782" y1="13.2254" x2="13.2376" y2="1.69554" stroke="white" stroke-width="2.13401"/>
|
|
4
|
+
<path d="M2.00929 1.99996L13.3328 13.3421" stroke="white" stroke-width="2.13401"/>
|
|
5
|
+
</svg>`;
|
|
6
|
+
export const BookTourBlackOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="none">
|
|
7
|
+
<path d="M15.6825 6.11855H0.00653076C0.0588276 4.00052 1.79117 2.30087 3.92226 2.30087H4.41255V3.6083C4.41255 3.88285 4.63481 4.09858 4.90283 4.09858C5.17085 4.09858 5.39311 3.88285 5.39311 3.6083V2.30087H10.2959V3.6083C10.2959 3.88285 10.5182 4.09858 10.7862 4.09858C11.0542 4.09858 11.2765 3.88285 11.2765 3.6083V2.30087H11.7668C13.8979 2.30087 15.6302 4.00052 15.6825 6.11855Z" fill="black"/>
|
|
8
|
+
<path d="M15.0641 7.39731V14.0677C15.0641 15.8922 13.5861 17.365 11.7668 17.365H3.92227C2.10298 17.365 0.625 15.8922 0.625 14.0677V7.39731H15.0641Z" fill="white" stroke="black" stroke-width="1.25"/>
|
|
9
|
+
<path d="M4.90283 1V2.30742" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
10
|
+
<path d="M10.7863 1V2.30742" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
11
|
+
<path d="M0 6.11862H0.00653352C-3.5908e-06 6.15131 0 6.19053 0 6.22322V6.11862Z" fill="white"/>
|
|
12
|
+
<path d="M15.689 6.11862V6.22322C15.689 6.19053 15.689 6.15131 15.6825 6.11862H15.689Z" fill="white"/>
|
|
13
|
+
<path d="M4.74594 11.9562L6.56326 13.7735C6.8182 14.0285 7.23004 14.0285 7.48499 13.7735L10.9366 10.3219" stroke="black" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
14
|
+
</svg>`;
|
|
15
|
+
export const PhoneBlackOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17" fill="none">
|
|
61
16
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.95487 2.54301e-07H7.04513C8.51534 -1.22821e-05 9.67985 -2.22686e-05 10.5912 0.121084C11.5292 0.24572 12.2883 0.508324 12.887 1.10005C13.4857 1.69178 13.7514 2.44211 13.8775 3.36914C14 4.26992 14 5.42089 14 6.874V10.126C14 11.5791 14 12.7301 13.8775 13.6309C13.7514 14.5579 13.4857 15.3082 12.887 15.8999C12.2883 16.4917 11.5292 16.7543 10.5912 16.8789C9.67985 17 8.51534 17 7.04513 17H6.95487C5.48466 17 4.32015 17 3.40878 16.8789C2.47084 16.7543 1.71169 16.4917 1.11299 15.8999C0.514304 15.3082 0.248611 14.5579 0.122508 13.6309C-2.25306e-05 12.7301 -1.24266e-05 11.5791 2.57292e-07 10.126V6.87399C-1.24266e-05 5.42088 -2.25306e-05 4.26992 0.122508 3.36914C0.248611 2.44211 0.514304 1.69178 1.11299 1.10005C1.71169 0.508324 2.47084 0.24572 3.40878 0.121084C4.32015 -2.22686e-05 5.48466 -1.22821e-05 6.95487 2.54301e-07ZM2.85118 1.44157C2.45996 1.55714 2.18378 1.71904 1.96152 1.93871C1.62295 2.27335 1.42002 2.73167 1.31181 3.52718C1.20127 4.33975 1.2 5.41089 1.2 6.9186V10.0814C1.2 11.5891 1.20127 12.6602 1.31181 13.4728C1.42002 14.2683 1.62295 14.7267 1.96152 15.0613C2.30009 15.3959 2.76381 15.5965 3.56868 15.7034C4.39081 15.8127 5.47454 15.814 7 15.814C8.52546 15.814 9.60919 15.8127 10.4313 15.7034C11.2362 15.5965 11.6999 15.3959 12.0385 15.0613C12.377 14.7267 12.58 14.2683 12.6882 13.4728C12.7987 12.6602 12.8 11.5891 12.8 10.0814V6.9186C12.8 5.41089 12.7987 4.33975 12.6882 3.52718C12.58 2.73167 12.377 2.27335 12.0385 1.93871C11.8162 1.71905 11.54 1.55714 11.1488 1.44157C10.6194 2.22728 10.2493 2.77349 9.69896 3.1115C9.58916 3.17894 9.47507 3.23928 9.3574 3.29217C8.76366 3.55903 8.09363 3.55868 7.12834 3.55818C7.08613 3.55816 7.04336 3.55814 7 3.55814C6.95664 3.55814 6.91387 3.55816 6.87166 3.55818C5.90637 3.55868 5.23634 3.55903 4.6426 3.29217C4.52493 3.23928 4.41084 3.17894 4.30104 3.1115C3.75069 2.77349 3.38057 2.22729 2.85118 1.44157ZM4.16103 1.2383C4.51629 1.74715 4.70232 1.96157 4.9344 2.10411C5.00028 2.14457 5.06873 2.18078 5.13933 2.21251C5.46646 2.35954 5.85406 2.37209 7 2.37209C8.14594 2.37209 8.53354 2.35954 8.86066 2.21251C8.93127 2.18078 8.99972 2.14457 9.0656 2.10411C9.29768 1.96157 9.48371 1.74715 9.83897 1.2383C9.10278 1.18681 8.18457 1.18605 7 1.18605C5.81543 1.18605 4.89722 1.18681 4.16103 1.2383ZM4 14.0349C4 13.7074 4.26863 13.4419 4.6 13.4419H9.4C9.73137 13.4419 10 13.7074 10 14.0349C10 14.3624 9.73137 14.6279 9.4 14.6279H4.6C4.26863 14.6279 4 14.3624 4 14.0349Z" fill="black"/>
|
|
62
17
|
</svg>`;
|
|
63
|
-
export const
|
|
64
|
-
<path d="
|
|
65
|
-
<path d="M17.5359 7.45181V15.606C17.5359 18.0318 15.5704 19.99 13.1519 19.99H4.38398C1.96548 19.99 0 18.0318 0 15.606V7.45181H17.5359Z" fill="white"/>
|
|
66
|
-
<path d="M5.47998 1V2.46133" stroke="#B6C2FE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
67
|
-
<path d="M12.0559 1V2.46133" stroke="#B6C2FE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
68
|
-
<path d="M0 6.72115H0.00730262C-4.01349e-06 6.75768 0 6.80152 0 6.83805V6.72115Z" fill="white"/>
|
|
69
|
-
<path d="M17.5359 6.72115V6.83805C17.5359 6.80152 17.5359 6.75768 17.5286 6.72115H17.5359Z" fill="white"/>
|
|
70
|
-
<path d="M5.30463 13.2459L7.33587 15.2772C7.62083 15.5621 8.08115 15.5621 8.36611 15.2772L12.224 11.4193" stroke="#404040" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
71
|
-
</svg>
|
|
72
|
-
`;
|
|
73
|
-
|
|
74
|
-
export const FilledEmailIcon = svg`<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
75
|
-
<path d="M14.4 0H4.8C2.14903 0 0 2.14903 0 4.8V11.2C0 13.851 2.14903 16 4.8 16H14.4C17.051 16 19.2 13.851 19.2 11.2V4.8C19.2 2.14903 17.051 0 14.4 0Z" fill="white"/>
|
|
76
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.79997 0H14.4C16.006 0 17.4278 0.788745 18.2991 2H0.900805C1.77215 0.788745 3.19395 0 4.79997 0Z" fill="#B6C2FE"/>
|
|
77
|
-
<path d="M5.33594 5.08789L8.78398 7.9999C9.27198 8.4159 9.91992 8.4159 10.4159 7.9999L13.864 5.08789" stroke="#404040" stroke-miterlimit="10" stroke-linecap="round"/>
|
|
78
|
-
</svg>
|
|
79
|
-
`;
|
|
80
|
-
|
|
81
|
-
export const FilledChatIcon = svg`<svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
82
|
-
<path d="M7.32634 4.79272H19.2517C20.5911 4.79272 21.6723 5.87391 21.6723 7.2133V16.71H7.32634C5.98695 16.71 4.90576 15.6288 4.90576 14.2895V7.2133C4.90576 5.87391 5.98695 4.79272 7.32634 4.79272Z" fill="#404040" stroke="#B6C2FE" stroke-miterlimit="10"/>
|
|
83
|
-
<path d="M0.403442 11.9657V3.22745C0.403442 1.67021 1.67021 0.403442 3.22745 0.403442H14.5235C16.0807 0.403442 17.3475 1.67021 17.3475 3.22745V9.14172C17.3475 10.699 16.0807 11.9657 14.5235 11.9657H0.403442Z" fill="white"/>
|
|
84
|
-
<path d="M14.5235 0.806859C15.8628 0.806859 16.944 1.88805 16.944 3.22744V9.14171C16.944 10.4811 15.8628 11.5623 14.5235 11.5623H0.806859V3.22744C0.806859 1.88805 1.88805 0.806859 3.22744 0.806859H14.5235ZM14.5235 0H3.22744C1.44428 0 0 1.44428 0 3.22744V12.3691H14.5235C16.3066 12.3691 17.7509 10.9249 17.7509 9.14171V3.22744C17.7509 1.44428 16.3066 0 14.5235 0Z" fill="white"/>
|
|
85
|
-
<path d="M4.84116 6.98737C5.28678 6.98737 5.64802 6.62613 5.64802 6.18052C5.64802 5.7349 5.28678 5.37366 4.84116 5.37366C4.39554 5.37366 4.0343 5.7349 4.0343 6.18052C4.0343 6.62613 4.39554 6.98737 4.84116 6.98737Z" fill="#404040"/>
|
|
86
|
-
<path d="M8.87546 6.98737C9.32108 6.98737 9.68232 6.62613 9.68232 6.18052C9.68232 5.7349 9.32108 5.37366 8.87546 5.37366C8.42985 5.37366 8.0686 5.7349 8.0686 6.18052C8.0686 6.62613 8.42985 6.98737 8.87546 6.98737Z" fill="#404040"/>
|
|
87
|
-
<path d="M12.9098 6.98737C13.3554 6.98737 13.7166 6.62613 13.7166 6.18052C13.7166 5.7349 13.3554 5.37366 12.9098 5.37366C12.4641 5.37366 12.1029 5.7349 12.1029 6.18052C12.1029 6.62613 12.4641 6.98737 12.9098 6.98737Z" fill="#404040"/>
|
|
88
|
-
</svg>
|
|
89
|
-
`;
|
|
90
|
-
|
|
91
|
-
export const FilledPhoneIcon = svg`<svg width="16" height="24" viewBox="0 0 16 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
92
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 0H2C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.895431 24 2 24H14C15.1046 24 16 23.1046 16 22V2C16 0.895431 15.1046 0 14 0H11C11 0.552285 10.5523 1 10 1H6C5.44772 1 5 0.552285 5 0Z" fill="white"/>
|
|
93
|
-
<rect x="2" y="3" width="12" height="16" rx="1" fill="#B6C2FE"/>
|
|
94
|
-
<rect x="3" y="13" width="7" height="3" rx="1" fill="#353535"/>
|
|
95
|
-
<rect x="7" y="22" width="2" height="1" rx="0.5" fill="#353535"/>
|
|
96
|
-
</svg>
|
|
97
|
-
|
|
98
|
-
`;
|
|
99
|
-
|
|
100
|
-
export const ChevronIconWhite = svg`<svg
|
|
101
|
-
width="5"
|
|
102
|
-
height="8"
|
|
103
|
-
viewBox="0 0 5 8"
|
|
104
|
-
fill="none"
|
|
105
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
106
|
-
>
|
|
107
|
-
<path
|
|
108
|
-
d="M1 7L4 4L1 1"
|
|
109
|
-
stroke="white"
|
|
110
|
-
stroke-linecap="round"
|
|
111
|
-
stroke-linejoin="round"
|
|
112
|
-
/>
|
|
113
|
-
</svg> `;
|
|
114
|
-
|
|
115
|
-
export const ChevronIconBlack = svg`<svg
|
|
116
|
-
width="5"
|
|
117
|
-
height="8"
|
|
118
|
-
viewBox="0 0 5 8"
|
|
119
|
-
fill="none"
|
|
120
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
121
|
-
>
|
|
122
|
-
<path
|
|
123
|
-
d="M1 7L4 4L1 1"
|
|
124
|
-
stroke="black"
|
|
125
|
-
stroke-linecap="round"
|
|
126
|
-
stroke-linejoin="round"
|
|
127
|
-
/>
|
|
128
|
-
</svg> `;
|
|
129
|
-
|
|
130
|
-
export const OutlinedChatIcon = svg`<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform: translate(2px, -1px);">
|
|
131
|
-
<path d="M21.0385 9.79957H7.03915C6.66786 9.79957 6.31178 9.94706 6.04924 10.2096C5.7867 10.4721 5.63921 10.8282 5.63921 11.1995C5.63921 11.5708 5.7867 11.9269 6.04924 12.1894C6.31178 12.4519 6.66786 12.5994 7.03915 12.5994H21.0385C21.4098 12.5994 21.7659 12.4519 22.0284 12.1894C22.291 11.9269 22.4385 11.5708 22.4385 11.1995C22.4385 10.8282 22.291 10.4721 22.0284 10.2096C21.7659 9.94706 21.4098 9.79957 21.0385 9.79957ZM15.4388 15.3993H7.03915C6.66786 15.3993 6.31178 15.5468 6.04924 15.8094C5.7867 16.0719 5.63921 16.428 5.63921 16.7993C5.63921 17.1705 5.7867 17.5266 6.04924 17.7892C6.31178 18.0517 6.66786 18.1992 7.03915 18.1992H15.4388C15.8101 18.1992 16.1661 18.0517 16.4287 17.7892C16.6912 17.5266 16.8387 17.1705 16.8387 16.7993C16.8387 16.428 16.6912 16.0719 16.4287 15.8094C16.1661 15.5468 15.8101 15.3993 15.4388 15.3993ZM14.0388 0C12.2004 0 10.38 0.362105 8.68151 1.06564C6.98302 1.76917 5.43975 2.80036 4.13978 4.10032C1.51439 6.72572 0.0394592 10.2865 0.0394592 13.9994C0.0272207 17.232 1.14652 20.3671 3.20332 22.861L0.403443 25.6609C0.209191 25.8577 0.077602 26.1077 0.0252806 26.3793C-0.0270409 26.6509 0.00224956 26.9319 0.109456 27.1868C0.225732 27.4387 0.414228 27.6503 0.651018 27.7949C0.887807 27.9395 1.16221 28.0104 1.4394 27.9988H14.0388C17.7517 27.9988 21.3125 26.5238 23.9379 23.8984C26.5633 21.273 28.0382 17.7122 28.0382 13.9994C28.0382 10.2865 26.5633 6.72572 23.9379 4.10032C21.3125 1.47493 17.7517 0 14.0388 0V0ZM14.0388 25.1989H4.81325L6.11519 23.8969C6.37593 23.6346 6.52228 23.2798 6.52228 22.91C6.52228 22.5401 6.37593 22.1853 6.11519 21.923C4.28209 20.092 3.14057 17.682 2.8851 15.1036C2.62964 12.5253 3.27604 9.93817 4.71417 7.78299C6.1523 5.6278 8.2932 4.03792 10.7721 3.28422C13.251 2.53051 15.9146 2.65961 18.309 3.64952C20.7033 4.63943 22.6805 6.4289 23.9034 8.71306C25.1264 10.9972 25.5195 13.6348 25.0159 16.1763C24.5123 18.7178 23.1431 21.0061 21.1415 22.6513C19.1399 24.2965 16.6298 25.1968 14.0388 25.1989V25.1989Z" fill="#1E1E1E" />
|
|
18
|
+
export const EmailBlackOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none">
|
|
19
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.46964 0.488343H9.53036C10.898 0.488331 11.9813 0.488321 12.829 0.602304C13.7015 0.719609 14.4077 0.966767 14.9647 1.52369C15.5216 2.08061 15.7687 2.78681 15.886 3.65932C16 4.50711 16 5.59038 16 6.95802V7.04198C16 8.40962 16 9.49289 15.886 10.3407C15.7687 11.2132 15.5216 11.9194 14.9647 12.4763C14.4077 13.0332 13.7015 13.2804 12.829 13.3977C11.9813 13.5117 10.898 13.5117 9.53035 13.5117H6.46965C5.10201 13.5117 4.01875 13.5117 3.17096 13.3977C2.29846 13.2804 1.59227 13.0332 1.03534 12.4763C0.478423 11.9194 0.231266 11.2132 0.113961 10.3407C-2.09587e-05 9.49289 -1.15596e-05 8.40962 2.39342e-07 7.04198V6.95801C-1.15596e-05 5.59037 -2.09587e-05 4.50711 0.113961 3.65932C0.231266 2.78681 0.478423 2.08061 1.03534 1.52369C1.59227 0.966767 2.29846 0.719609 3.17096 0.602304C4.01875 0.488321 5.10201 0.488331 6.46964 0.488343ZM3.3197 1.70863C2.57098 1.8093 2.13962 1.99807 1.82467 2.31302C1.50973 2.62797 1.32095 3.05934 1.22029 3.80806C1.11746 4.57283 1.11628 5.58096 1.11628 7C1.11628 8.41903 1.11746 9.42716 1.22029 10.1919C1.32095 10.9407 1.50973 11.372 1.82467 11.687C2.13962 12.0019 2.57098 12.1907 3.3197 12.2914C4.08447 12.3942 5.0926 12.3954 6.51163 12.3954H9.48837C10.9074 12.3954 11.9155 12.3942 12.6803 12.2914C13.429 12.1907 13.8604 12.0019 14.1753 11.687C14.4903 11.372 14.6791 10.9407 14.7797 10.1919C14.8825 9.42716 14.8837 8.41903 14.8837 7C14.8837 5.58096 14.8825 4.57283 14.7797 3.80806C14.6791 3.05934 14.4903 2.62797 14.1753 2.31302C13.8604 1.99807 13.429 1.8093 12.6803 1.70863C11.9155 1.60581 10.9074 1.60463 9.48837 1.60463H6.51163C5.0926 1.60463 4.08448 1.60581 3.3197 1.70863ZM3.10611 3.66593C3.30345 3.42912 3.65539 3.39713 3.8922 3.59446L5.49882 4.93332C6.19311 5.5119 6.67515 5.9123 7.08211 6.17404C7.47605 6.42741 7.7432 6.51246 8 6.51246C8.2568 6.51246 8.52395 6.42741 8.91789 6.17404C9.32485 5.9123 9.80689 5.5119 10.5012 4.93332L12.1078 3.59446C12.3446 3.39713 12.6966 3.42912 12.8939 3.66593C13.0912 3.90273 13.0592 4.25468 12.8224 4.45202L11.1878 5.81419C10.5282 6.36389 9.99359 6.80943 9.52173 7.11291C9.0302 7.42904 8.5515 7.62875 8 7.62875C7.4485 7.62875 6.9698 7.42904 6.47827 7.11291C6.00641 6.80943 5.47179 6.36389 4.81218 5.81419L3.17757 4.45202C2.94077 4.25468 2.90877 3.90273 3.10611 3.66593Z" fill="black"/>
|
|
132
20
|
</svg>`;
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
<path d="M15.9375 0H2.8125C2.06658 0 1.35121 0.296316 0.823762 0.823762C0.296316 1.35121 0 2.06658 0 2.8125V12.1875C0 12.9334 0.296316 13.6488 0.823762 14.1762C1.35121 14.7037 2.06658 15 2.8125 15H15.9375C16.6834 15 17.3988 14.7037 17.9262 14.1762C18.4537 13.6488 18.75 12.9334 18.75 12.1875V2.8125C18.75 2.06658 18.4537 1.35121 17.9262 0.823762C17.3988 0.296316 16.6834 0 15.9375 0ZM15.5531 1.875L10.0406 7.3875C9.95347 7.47537 9.84978 7.54511 9.73554 7.59271C9.6213 7.64031 9.49876 7.66481 9.375 7.66481C9.25124 7.66481 9.1287 7.64031 9.01446 7.59271C8.90022 7.54511 8.79653 7.47537 8.70938 7.3875L3.19687 1.875H15.5531ZM16.875 12.1875C16.875 12.4361 16.7762 12.6746 16.6004 12.8504C16.4246 13.0262 16.1861 13.125 15.9375 13.125H2.8125C2.56386 13.125 2.3254 13.0262 2.14959 12.8504C1.97377 12.6746 1.875 12.4361 1.875 12.1875V3.19687L7.3875 8.70938C7.91484 9.23606 8.62969 9.5319 9.375 9.5319C10.1203 9.5319 10.8352 9.23606 11.3625 8.70938L16.875 3.19687V12.1875Z" fill="#1E1E1E" />
|
|
21
|
+
export const ChatWhiteOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.64026 0.25H8.8598C10.0157 0.249995 10.9219 0.249992 11.6459 0.318826C12.3838 0.388987 12.988 0.534458 13.5206 0.860861C14.0784 1.20267 14.5474 1.67164 14.8892 2.22942C15.2156 2.76206 15.3611 3.36627 15.4312 4.10419C15.5001 4.82813 15.5001 5.73432 15.5001 6.89025V7.65964C15.5001 8.48243 15.5001 9.12755 15.4645 9.64868C15.4283 10.1789 15.3535 10.6202 15.1845 11.0283C14.7638 12.044 13.9568 12.851 12.9411 13.2717C12.3607 13.5121 11.6997 13.5654 10.7947 13.581C10.4782 13.5865 10.2777 13.5905 10.1248 13.6074C9.98202 13.6232 9.92665 13.6464 9.89426 13.6652C9.86008 13.6851 9.81351 13.7213 9.73267 13.8323C9.64518 13.9523 9.54632 14.1182 9.38955 14.3831L8.99874 15.0433C8.44104 15.9856 7.05899 15.9856 6.5013 15.0433L6.11048 14.3831C5.95371 14.1182 5.85485 13.9523 5.76736 13.8323C5.68652 13.7213 5.63995 13.6851 5.60577 13.6652C5.57338 13.6464 5.51801 13.6232 5.37519 13.6074C5.22235 13.5905 5.02184 13.5865 4.70528 13.581C3.80031 13.5654 3.13933 13.5121 2.559 13.2717C1.54327 12.851 0.736277 12.044 0.315547 11.0283C0.146515 10.6202 0.0717299 10.1789 0.0355529 9.64868C-4.05001e-06 9.12754 -2.20251e-06 8.48243 1.60891e-07 7.65963L7.4949e-08 6.89026C-4.52294e-06 5.73432 -8.08928e-06 4.82814 0.0688256 4.10419C0.138987 3.36627 0.284458 2.76206 0.610861 2.22942C0.95267 1.67164 1.42164 1.20267 1.97942 0.860861C2.51206 0.534458 3.11627 0.388987 3.85419 0.318826C4.57814 0.249992 5.48432 0.249995 6.64026 0.25ZM3.95654 1.39537C3.29779 1.458 2.87862 1.57812 2.54445 1.78291C2.13217 2.03555 1.78555 2.38217 1.53291 2.79445C1.32812 3.12862 1.208 3.54779 1.14537 4.20654C1.08197 4.87334 1.0814 5.7282 1.0814 6.91863V7.63956C1.0814 8.48674 1.08169 9.09505 1.11444 9.57507C1.14686 10.0502 1.20927 10.3601 1.31463 10.6144C1.6256 11.3652 2.22208 11.9617 2.97284 12.2726C3.34458 12.4266 3.81883 12.4842 4.72391 12.4998L4.74685 12.5002C5.03378 12.5051 5.28522 12.5094 5.49421 12.5326C5.71878 12.5574 5.9384 12.6077 6.14946 12.7304C6.35874 12.8522 6.50969 13.0148 6.64128 13.1953C6.76287 13.3622 6.88783 13.5733 7.02936 13.8124L7.4319 14.4925C7.57086 14.7273 7.92917 14.7273 8.06813 14.4925L8.47067 13.8124C8.6122 13.5733 8.73716 13.3622 8.85875 13.1953C8.99034 13.0148 9.14129 12.8522 9.35057 12.7304C9.56163 12.6077 9.78126 12.5574 10.0058 12.5326C10.2148 12.5094 10.4662 12.5051 10.7532 12.5002L10.7761 12.4998C11.6812 12.4842 12.1555 12.4266 12.5272 12.2726C13.278 11.9617 13.8745 11.3652 14.1854 10.6144C14.2908 10.3601 14.3532 10.0502 14.3856 9.57507C14.4184 9.09505 14.4187 8.48674 14.4187 7.63956V6.91863C14.4187 5.7282 14.4181 4.87334 14.3547 4.20654C14.2921 3.54779 14.1719 3.12862 13.9672 2.79445C13.7145 2.38217 13.3679 2.03555 12.9556 1.78291C12.6214 1.57812 12.2023 1.458 11.5435 1.39537C10.8767 1.33197 10.0219 1.3314 8.83143 1.3314H6.66863C5.4782 1.3314 4.62334 1.33197 3.95654 1.39537ZM7.75003 3.85467C8.04865 3.85467 8.29073 4.09674 8.29073 4.39536V10.1628C8.29073 10.4614 8.04865 10.7035 7.75003 10.7035C7.45141 10.7035 7.20933 10.4614 7.20933 10.1628V4.39536C7.20933 4.09674 7.45141 3.85467 7.75003 3.85467ZM4.8663 5.29653C5.16492 5.29653 5.407 5.53861 5.407 5.83723V8.72096C5.407 9.01958 5.16492 9.26166 4.8663 9.26166C4.56768 9.26166 4.3256 9.01958 4.3256 8.72096V5.83723C4.3256 5.53861 4.56768 5.29653 4.8663 5.29653ZM10.6338 5.29653C10.9324 5.29653 11.1745 5.53861 11.1745 5.83723V8.72096C11.1745 9.01958 10.9324 9.26166 10.6338 9.26166C10.3351 9.26166 10.0931 9.01958 10.0931 8.72096V5.83723C10.0931 5.53861 10.3351 5.29653 10.6338 5.29653Z" fill="white"/>
|
|
136
23
|
</svg>`;
|
|
137
24
|
|
|
138
|
-
export const
|
|
139
|
-
<path d="
|
|
25
|
+
export const ChatBlackOutlineIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
26
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.64026 0.25H8.8598C10.0157 0.249995 10.9219 0.249992 11.6459 0.318826C12.3838 0.388987 12.988 0.534458 13.5206 0.860861C14.0784 1.20267 14.5474 1.67164 14.8892 2.22942C15.2156 2.76206 15.3611 3.36627 15.4312 4.10419C15.5001 4.82813 15.5001 5.73432 15.5001 6.89025V7.65964C15.5001 8.48243 15.5001 9.12755 15.4645 9.64868C15.4283 10.1789 15.3535 10.6202 15.1845 11.0283C14.7638 12.044 13.9568 12.851 12.9411 13.2717C12.3607 13.5121 11.6997 13.5654 10.7947 13.581C10.4782 13.5865 10.2777 13.5905 10.1248 13.6074C9.98202 13.6232 9.92665 13.6464 9.89426 13.6652C9.86008 13.6851 9.81351 13.7213 9.73267 13.8323C9.64518 13.9523 9.54632 14.1182 9.38955 14.3831L8.99874 15.0433C8.44104 15.9856 7.05899 15.9856 6.5013 15.0433L6.11048 14.3831C5.95371 14.1182 5.85485 13.9523 5.76736 13.8323C5.68652 13.7213 5.63995 13.6851 5.60577 13.6652C5.57338 13.6464 5.51801 13.6232 5.37519 13.6074C5.22235 13.5905 5.02184 13.5865 4.70528 13.581C3.80031 13.5654 3.13933 13.5121 2.559 13.2717C1.54327 12.851 0.736277 12.044 0.315547 11.0283C0.146515 10.6202 0.0717299 10.1789 0.0355529 9.64868C-4.05001e-06 9.12754 -2.20251e-06 8.48243 1.60891e-07 7.65963L7.4949e-08 6.89026C-4.52294e-06 5.73432 -8.08928e-06 4.82814 0.0688256 4.10419C0.138987 3.36627 0.284458 2.76206 0.610861 2.22942C0.95267 1.67164 1.42164 1.20267 1.97942 0.860861C2.51206 0.534458 3.11627 0.388987 3.85419 0.318826C4.57814 0.249992 5.48432 0.249995 6.64026 0.25ZM3.95654 1.39537C3.29779 1.458 2.87862 1.57812 2.54445 1.78291C2.13217 2.03555 1.78555 2.38217 1.53291 2.79445C1.32812 3.12862 1.208 3.54779 1.14537 4.20654C1.08197 4.87334 1.0814 5.7282 1.0814 6.91863V7.63956C1.0814 8.48674 1.08169 9.09505 1.11444 9.57507C1.14686 10.0502 1.20927 10.3601 1.31463 10.6144C1.6256 11.3652 2.22208 11.9617 2.97284 12.2726C3.34458 12.4266 3.81883 12.4842 4.72391 12.4998L4.74685 12.5002C5.03378 12.5051 5.28522 12.5094 5.49421 12.5326C5.71878 12.5574 5.9384 12.6077 6.14946 12.7304C6.35874 12.8522 6.50969 13.0148 6.64128 13.1953C6.76287 13.3622 6.88783 13.5733 7.02936 13.8124L7.4319 14.4925C7.57086 14.7273 7.92917 14.7273 8.06813 14.4925L8.47067 13.8124C8.6122 13.5733 8.73716 13.3622 8.85875 13.1953C8.99034 13.0148 9.14129 12.8522 9.35057 12.7304C9.56163 12.6077 9.78126 12.5574 10.0058 12.5326C10.2148 12.5094 10.4662 12.5051 10.7532 12.5002L10.7761 12.4998C11.6812 12.4842 12.1555 12.4266 12.5272 12.2726C13.278 11.9617 13.8745 11.3652 14.1854 10.6144C14.2908 10.3601 14.3532 10.0502 14.3856 9.57507C14.4184 9.09505 14.4187 8.48674 14.4187 7.63956V6.91863C14.4187 5.7282 14.4181 4.87334 14.3547 4.20654C14.2921 3.54779 14.1719 3.12862 13.9672 2.79445C13.7145 2.38217 13.3679 2.03555 12.9556 1.78291C12.6214 1.57812 12.2023 1.458 11.5435 1.39537C10.8767 1.33197 10.0219 1.3314 8.83143 1.3314H6.66863C5.4782 1.3314 4.62334 1.33197 3.95654 1.39537ZM7.75003 3.85467C8.04865 3.85467 8.29073 4.09674 8.29073 4.39536V10.1628C8.29073 10.4614 8.04865 10.7035 7.75003 10.7035C7.45141 10.7035 7.20933 10.4614 7.20933 10.1628V4.39536C7.20933 4.09674 7.45141 3.85467 7.75003 3.85467ZM4.8663 5.29653C5.16492 5.29653 5.407 5.53861 5.407 5.83723V8.72096C5.407 9.01958 5.16492 9.26166 4.8663 9.26166C4.56768 9.26166 4.3256 9.01958 4.3256 8.72096V5.83723C4.3256 5.53861 4.56768 5.29653 4.8663 5.29653ZM10.6338 5.29653C10.9324 5.29653 11.1745 5.53861 11.1745 5.83723V8.72096C11.1745 9.01958 10.9324 9.26166 10.6338 9.26166C10.3351 9.26166 10.0931 9.01958 10.0931 8.72096V5.83723C10.0931 5.53861 10.3351 5.29653 10.6338 5.29653Z" fill="black"/>
|
|
140
27
|
</svg>`;
|
|
141
|
-
export const
|
|
142
|
-
<path d="
|
|
143
|
-
<path d="M11.6 11.475L9.9 11.475M9.9 11.475L8.2 11.475M9.9 11.475L9.9 9.77501M9.9 11.475L9.9 13.175" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
144
|
-
<path d="M5.25 2.275V1" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
145
|
-
<path d="M13.75 2.275V1" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
146
|
-
<path d="M1.425 6.52501H17.575" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
|
|
28
|
+
export const PhoneBlackStrokeIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17" fill="none">
|
|
29
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.95487 2.54301e-07H7.04513C8.51534 -1.22821e-05 9.67985 -2.22686e-05 10.5912 0.121084C11.5292 0.24572 12.2883 0.508324 12.887 1.10005C13.4857 1.69178 13.7514 2.44211 13.8775 3.36914C14 4.26992 14 5.42089 14 6.874V10.126C14 11.5791 14 12.7301 13.8775 13.6309C13.7514 14.5579 13.4857 15.3082 12.887 15.8999C12.2883 16.4917 11.5292 16.7543 10.5912 16.8789C9.67985 17 8.51534 17 7.04513 17H6.95487C5.48466 17 4.32015 17 3.40878 16.8789C2.47084 16.7543 1.71169 16.4917 1.11299 15.8999C0.514304 15.3082 0.248611 14.5579 0.122508 13.6309C-2.25306e-05 12.7301 -1.24266e-05 11.5791 2.57292e-07 10.126V6.87399C-1.24266e-05 5.42088 -2.25306e-05 4.26992 0.122508 3.36914C0.248611 2.44211 0.514304 1.69178 1.11299 1.10005C1.71169 0.508324 2.47084 0.24572 3.40878 0.121084C4.32015 -2.22686e-05 5.48466 -1.22821e-05 6.95487 2.54301e-07ZM2.85118 1.44157C2.45996 1.55714 2.18378 1.71904 1.96152 1.93871C1.62295 2.27335 1.42002 2.73167 1.31181 3.52718C1.20127 4.33975 1.2 5.41089 1.2 6.9186V10.0814C1.2 11.5891 1.20127 12.6602 1.31181 13.4728C1.42002 14.2683 1.62295 14.7267 1.96152 15.0613C2.30009 15.3959 2.76381 15.5965 3.56868 15.7034C4.39081 15.8127 5.47454 15.814 7 15.814C8.52546 15.814 9.60919 15.8127 10.4313 15.7034C11.2362 15.5965 11.6999 15.3959 12.0385 15.0613C12.377 14.7267 12.58 14.2683 12.6882 13.4728C12.7987 12.6602 12.8 11.5891 12.8 10.0814V6.9186C12.8 5.41089 12.7987 4.33975 12.6882 3.52718C12.58 2.73167 12.377 2.27335 12.0385 1.93871C11.8162 1.71905 11.54 1.55714 11.1488 1.44157C10.6194 2.22728 10.2493 2.77349 9.69896 3.1115C9.58916 3.17894 9.47507 3.23928 9.3574 3.29217C8.76366 3.55903 8.09363 3.55868 7.12834 3.55818C7.08613 3.55816 7.04336 3.55814 7 3.55814C6.95664 3.55814 6.91387 3.55816 6.87166 3.55818C5.90637 3.55868 5.23634 3.55903 4.6426 3.29217C4.52493 3.23928 4.41084 3.17894 4.30104 3.1115C3.75069 2.77349 3.38057 2.22729 2.85118 1.44157ZM4.16103 1.2383C4.51629 1.74715 4.70232 1.96157 4.9344 2.10411C5.00028 2.14457 5.06873 2.18078 5.13933 2.21251C5.46646 2.35954 5.85406 2.37209 7 2.37209C8.14594 2.37209 8.53354 2.35954 8.86066 2.21251C8.93127 2.18078 8.99972 2.14457 9.0656 2.10411C9.29768 1.96157 9.48371 1.74715 9.83897 1.2383C9.10278 1.18681 8.18457 1.18605 7 1.18605C5.81543 1.18605 4.89722 1.18681 4.16103 1.2383ZM4 14.0349C4 13.7074 4.26863 13.4419 4.6 13.4419H9.4C9.73137 13.4419 10 13.7074 10 14.0349C10 14.3624 9.73137 14.6279 9.4 14.6279H4.6C4.26863 14.6279 4 14.3624 4 14.0349Z" fill="black"/>
|
|
147
30
|
</svg>`;
|
|
148
31
|
|
|
149
|
-
export const
|
|
150
|
-
<path d="
|
|
32
|
+
export const ChevronIconWhite = svg`<svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8" fill="none">
|
|
33
|
+
<path d="M1.31812 7L4.31812 4L1.31811 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
|
|
151
34
|
</svg>`;
|
|
152
35
|
|
|
153
|
-
export const
|
|
154
|
-
<path d="
|
|
36
|
+
export const ChevronIconBlack = svg`<svg xmlns="http://www.w3.org/2000/svg" width="5" height="8" viewBox="0 0 5 8" fill="none">
|
|
37
|
+
<path d="M1.31812 7L4.31812 4L1.31811 1" stroke="black" stroke-linecap="round" stroke-linejoin="round"/>
|
|
155
38
|
</svg>`;
|
|
156
39
|
|
|
157
|
-
export const SimplePhoneIcon = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16">
|
|
158
|
-
<path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
|
|
159
|
-
</svg>`;
|
|
160
40
|
export const HeyThereEmoji = svg`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 25 25" fill="none">
|
|
161
41
|
<rect x="0.5" y="0.5" width="24" height="24" fill="url(#pattern0)"/>
|
|
162
42
|
<defs>
|
package/src/themes.ts
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
import { hexToAlmostWhite } from "./utils";
|
|
2
|
+
|
|
1
3
|
const white = "#FFFFFF";
|
|
2
4
|
const darkGray = "#202020";
|
|
3
5
|
const lightGray = "#83818E";
|
|
4
6
|
const lightBlue = "#1990FF";
|
|
5
7
|
const offBlack = "#1E1E1E";
|
|
6
8
|
|
|
9
|
+
export const defaultBrandColor = "#636889";
|
|
10
|
+
|
|
7
11
|
export const enum ThemeId {
|
|
8
12
|
Light = "Light",
|
|
9
13
|
Dark = "Dark",
|
|
@@ -124,7 +128,7 @@ const themesById = {
|
|
|
124
128
|
backgroundColor: white,
|
|
125
129
|
textColor: darkGray,
|
|
126
130
|
},
|
|
127
|
-
chatPaneBackgroundColor: "rgba(193, 193, 193, 0.
|
|
131
|
+
chatPaneBackgroundColor: "rgba(193, 193, 193, 0.5)",
|
|
128
132
|
message: {
|
|
129
133
|
user: {
|
|
130
134
|
textColor: "#FFFFFF",
|
|
@@ -139,9 +143,22 @@ const themesById = {
|
|
|
139
143
|
};
|
|
140
144
|
|
|
141
145
|
/** If `themeId` is a valid `ThemeId`, returns the corresponding theme. Otherwise returns the default theme. */
|
|
142
|
-
export const getTheme = (
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
146
|
+
export const getTheme = ({
|
|
147
|
+
themeId,
|
|
148
|
+
brandColor,
|
|
149
|
+
}: {
|
|
150
|
+
themeId?: ThemeId | string;
|
|
151
|
+
brandColor?: string | null;
|
|
152
|
+
}): Theme => {
|
|
153
|
+
const theme =
|
|
154
|
+
themesById[
|
|
155
|
+
themeId && Object.keys(themesById).includes(themeId)
|
|
156
|
+
? (themeId as ThemeIdString)
|
|
157
|
+
: defaultThemeId
|
|
158
|
+
];
|
|
159
|
+
if (brandColor && brandColor !== defaultBrandColor) {
|
|
160
|
+
theme.message.user.backgroundColor = brandColor;
|
|
161
|
+
theme.chatHeader.backgroundColor = hexToAlmostWhite(brandColor, 0.6);
|
|
162
|
+
}
|
|
163
|
+
return theme;
|
|
164
|
+
};
|
package/src/utils.ts
CHANGED
|
@@ -25,3 +25,56 @@ export function useInterval(callback: () => void, delay: number | null): void {
|
|
|
25
25
|
|
|
26
26
|
export const isMobile = (): boolean =>
|
|
27
27
|
window.matchMedia("(max-width: 767px)").matches;
|
|
28
|
+
|
|
29
|
+
export const tintColor = (
|
|
30
|
+
originalColor: string,
|
|
31
|
+
tintOpacity: number
|
|
32
|
+
): string => {
|
|
33
|
+
const originalRgb = hexToRgb(originalColor);
|
|
34
|
+
const tintRgb = { r: 0, g: 0, b: 0 };
|
|
35
|
+
|
|
36
|
+
const newRgb = {
|
|
37
|
+
r: originalRgb.r + Math.round((tintRgb.r - originalRgb.r) * tintOpacity),
|
|
38
|
+
g: originalRgb.g + Math.round((tintRgb.g - originalRgb.g) * tintOpacity),
|
|
39
|
+
b: originalRgb.b + Math.round((tintRgb.b - originalRgb.b) * tintOpacity),
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
return rgbToHex(newRgb.r, newRgb.g, newRgb.b);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
const hexToRgb = (hex: string): { r: number; g: number; b: number } => {
|
|
46
|
+
const r = parseInt(hex.substring(1, 3), 16);
|
|
47
|
+
const g = parseInt(hex.substring(3, 5), 16);
|
|
48
|
+
const b = parseInt(hex.substring(5, 7), 16);
|
|
49
|
+
return { r, g, b };
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
const rgbToHex = (r: number, g: number, b: number): string => {
|
|
53
|
+
return (
|
|
54
|
+
"#" +
|
|
55
|
+
[r, g, b]
|
|
56
|
+
.map((c) => {
|
|
57
|
+
const hex = c.toString(16);
|
|
58
|
+
return hex.length === 1 ? "0" + hex : hex;
|
|
59
|
+
})
|
|
60
|
+
.join("")
|
|
61
|
+
);
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
export const hexToAlmostWhite = (hexColor: string, ratio: number): string => {
|
|
65
|
+
let r = parseInt(hexColor.substr(1, 2), 16);
|
|
66
|
+
let g = parseInt(hexColor.substr(3, 2), 16);
|
|
67
|
+
let b = parseInt(hexColor.substr(5, 2), 16);
|
|
68
|
+
|
|
69
|
+
// the ratio of white to add (1 = white, 0 = no change)
|
|
70
|
+
r = Math.round(r * (1 - ratio) + 255 * ratio);
|
|
71
|
+
g = Math.round(g * (1 - ratio) + 255 * ratio);
|
|
72
|
+
b = Math.round(b * (1 - ratio) + 255 * ratio);
|
|
73
|
+
|
|
74
|
+
return (
|
|
75
|
+
"#" +
|
|
76
|
+
r.toString(16).padStart(2, "0") +
|
|
77
|
+
g.toString(16).padStart(2, "0") +
|
|
78
|
+
b.toString(16).padStart(2, "0")
|
|
79
|
+
);
|
|
80
|
+
};
|