@askly/widget 1.0.1 → 1.1.1
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/README.md +28 -55
- package/dist/index.d.ts +4 -3
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.umd.js +2 -2
- package/dist/index.umd.js.map +1 -1
- package/dist/widget.d.ts +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -22,74 +22,62 @@ Include the UMD build directly in your HTML:
|
|
|
22
22
|
|
|
23
23
|
## Quick Start
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
All you need is your `widgetId` — copy it from the **Widget setup** screen in your Askly tenant portal. Everything else (name, theme, logo, welcome message, voice, etc.) is configured there and loaded automatically; the init props below are optional overrides.
|
|
26
26
|
|
|
27
27
|
```javascript
|
|
28
28
|
import Askly from '@askly/widget';
|
|
29
29
|
|
|
30
|
-
Askly.init({
|
|
31
|
-
orgId: "your-org-id",
|
|
32
|
-
orgServerRoute: "https://your-backend.com/api/chat",
|
|
33
|
-
organizationName: "Support",
|
|
34
|
-
themeColor: "#0f172a"
|
|
35
|
-
});
|
|
30
|
+
Askly.init({ widgetId: "your-widget-id" });
|
|
36
31
|
```
|
|
37
32
|
|
|
38
33
|
For CDN initialization:
|
|
39
34
|
```html
|
|
40
35
|
<script>
|
|
41
|
-
Askly.init({
|
|
42
|
-
orgId: "your-org-id",
|
|
43
|
-
orgServerRoute: "https://your-backend.com/api/chat",
|
|
44
|
-
organizationName: "Support"
|
|
45
|
-
});
|
|
36
|
+
Askly.init({ widgetId: "your-widget-id" });
|
|
46
37
|
</script>
|
|
47
38
|
```
|
|
48
39
|
|
|
49
|
-
Alternatively, initialize automatically via script
|
|
40
|
+
Alternatively, initialize automatically via a single script tag:
|
|
50
41
|
```html
|
|
51
|
-
<script
|
|
42
|
+
<script
|
|
52
43
|
src="https://unpkg.com/@askly/widget@latest/dist/index.umd.js"
|
|
53
|
-
data-
|
|
54
|
-
data-org-server-route="https://your-backend.com/api/chat"
|
|
55
|
-
data-org-name="Support"
|
|
44
|
+
data-widget-id="your-widget-id"
|
|
56
45
|
></script>
|
|
57
46
|
```
|
|
58
47
|
|
|
48
|
+
> The widget talks to Askly's hosted backend (`https://api.askly.co.in`) automatically. You only need to set `orgServerRoute` if you self-host the backend or are developing locally.
|
|
49
|
+
|
|
59
50
|
## Configuration
|
|
60
51
|
|
|
61
52
|
The `Askly.init()` method accepts an object with the following configuration options:
|
|
62
53
|
|
|
63
54
|
| Option | Type | Required | Default | Description |
|
|
64
55
|
| :--- | :--- | :--- | :--- | :--- |
|
|
65
|
-
| `
|
|
66
|
-
| `orgServerRoute` | `string` |
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
|
77
|
-
|
|
|
78
|
-
| `
|
|
79
|
-
| `
|
|
80
|
-
| `
|
|
81
|
-
| `
|
|
82
|
-
| `turnstileSiteKey` | `string` | No | - | Cloudflare Turnstile key. |
|
|
83
|
-
| `excludePaths` | `string[]` | No | `[]` | URL path prefixes to exclude widget. |
|
|
56
|
+
| `widgetId` | `string` | **Yes** | - | Your widget ID, from the tenant portal's Widget setup screen. |
|
|
57
|
+
| `orgServerRoute` | `string` | No | `https://api.askly.co.in/api/messages/widget` | Backend override — only for self-hosted / local dev. |
|
|
58
|
+
|
|
59
|
+
### Configured in the portal
|
|
60
|
+
|
|
61
|
+
The widget's appearance and behaviour — display name, logo, theme color, welcome message, position, voice, sounds, timestamps, "powered by" text, and so on — are set on the **Widget setup** screen in your Askly portal and loaded automatically by `widgetId`. **You do not pass these in code.** (They remain accepted as optional `init()` overrides for advanced cases, but the portal is the source of truth.)
|
|
62
|
+
|
|
63
|
+
### Identifying an authenticated user
|
|
64
|
+
|
|
65
|
+
Pass these only when you want to tie a conversation to a logged-in user on your site. `timestamp` and `signature` are an HMAC generated **on your backend** using your Widget Secret Key — never in browser JS.
|
|
66
|
+
|
|
67
|
+
| Option | Type | Description |
|
|
68
|
+
| :--- | :--- | :--- |
|
|
69
|
+
| `userId` | `string` | Authenticated user ID. |
|
|
70
|
+
| `timestamp` | `number` | Signature timestamp. |
|
|
71
|
+
| `signature` | `string` | HMAC request signature. |
|
|
72
|
+
| `excludePaths` | `string[]` | URL path prefixes where the widget should not render. |
|
|
84
73
|
|
|
85
74
|
## Lifecycle Callbacks
|
|
86
75
|
|
|
87
|
-
|
|
76
|
+
Callbacks are functions, so they can only be attached in code (not from the portal):
|
|
88
77
|
|
|
89
78
|
```javascript
|
|
90
79
|
Askly.init({
|
|
91
|
-
|
|
92
|
-
orgServerRoute: "https://your-backend.com/api/chat",
|
|
80
|
+
widgetId: "your-widget-id",
|
|
93
81
|
onMessageSent: (message) => console.log("Sent:", message),
|
|
94
82
|
onMessageReceived: (reply) => console.log("Received:", reply),
|
|
95
83
|
onChatOpened: () => console.log("Opened"),
|
|
@@ -100,22 +88,7 @@ Askly.init({
|
|
|
100
88
|
|
|
101
89
|
## Backend Integration
|
|
102
90
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
```json
|
|
106
|
-
{
|
|
107
|
-
"message": "User's message",
|
|
108
|
-
"orgId": "your-org-id"
|
|
109
|
-
}
|
|
110
|
-
```
|
|
111
|
-
|
|
112
|
-
The response must return the reply:
|
|
113
|
-
|
|
114
|
-
```json
|
|
115
|
-
{
|
|
116
|
-
"reply": "Agent response text"
|
|
117
|
-
}
|
|
118
|
-
```
|
|
91
|
+
None required. The widget talks to Askly's hosted backend automatically — you only provide a `widgetId`. Set `orgServerRoute` only if you run your own Askly backend.
|
|
119
92
|
|
|
120
93
|
## Development
|
|
121
94
|
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export interface AsklyConfig {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
widgetId?: string;
|
|
3
|
+
orgId?: string;
|
|
4
|
+
orgServerRoute?: string;
|
|
4
5
|
organizationName?: string;
|
|
5
6
|
position?: "left" | "right";
|
|
6
7
|
themeColor?: string;
|
|
@@ -26,6 +27,6 @@ export interface AsklyConfig {
|
|
|
26
27
|
onEscalation?: (data: any) => void;
|
|
27
28
|
}
|
|
28
29
|
declare const Askly: {
|
|
29
|
-
init: (config
|
|
30
|
+
init: (config?: AsklyConfig) => void;
|
|
30
31
|
};
|
|
31
32
|
export default Askly;
|
package/dist/index.esm.js
CHANGED
|
@@ -143,5 +143,5 @@ const E=s("user",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"97
|
|
|
143
143
|
* This source code is licensed under the ISC license.
|
|
144
144
|
* See the LICENSE file in the root directory of this source tree.
|
|
145
145
|
*/
|
|
146
|
-
const N=s("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);s("youtube",[["path",{d:"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17",key:"1q2vi4"}],["path",{d:"m10 15 5-3-5-3z",key:"1jp15x"}]]);s("zap-off",[["path",{d:"M10.513 4.856 13.12 2.17a.5.5 0 0 1 .86.46l-1.377 4.317",key:"193nxd"}],["path",{d:"M15.656 10H20a1 1 0 0 1 .78 1.63l-1.72 1.773",key:"27a7lr"}],["path",{d:"M16.273 16.273 10.88 21.83a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14H4a1 1 0 0 1-.78-1.63l4.507-4.643",key:"1e0qe9"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);s("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]);s("zoom-in",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"11",x2:"11",y1:"8",y2:"14",key:"1vmskp"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]);s("zoom-out",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]);!function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var h=document.head||document.getElementsByTagName("head")[0],y=document.createElement("style");y.type="text/css","top"===t&&h.firstChild?h.insertBefore(y,h.firstChild):h.appendChild(y),y.styleSheet?y.styleSheet.cssText=e:y.appendChild(document.createTextNode(e))}}('.askly-chat-button{align-items:center;background:#0f172a;border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 24px rgba(15,23,42,.3);color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:99999}.askly-chat-button:hover{box-shadow:0 12px 28px rgba(15,23,42,.4);transform:scale(1.08) translateY(-2px)}.askly-chat-button:active{transform:scale(.95)}.askly-chat-button.open{transform:rotate(90deg)}.askly-chat-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;bottom:100px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:620px;max-height:calc(100vh - 124px);max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;width:380px;z-index:99998}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes asklyShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.askly-chat-modal.askly-shake{animation:asklyShake .45s cubic-bezier(.36,.07,.19,.97)}.chat-header{background:#0f172a;box-shadow:0 2px 10px rgba(0,0,0,.08);color:#fff;justify-content:space-between;padding:16px 20px}.chat-header,.header-content{align-items:center;display:flex}.header-content{gap:12px}.header-avatar{box-shadow:0 0 10px hsla(0,0%,100%,.2);object-fit:cover}.header-avatar,.header-avatar-placeholder{border:2px solid hsla(0,0%,100%,.3);border-radius:50%;height:36px;width:36px}.header-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.header-text{display:flex;flex-direction:column}.header-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.header-status{align-items:center;display:flex;font-size:11px;gap:6px;opacity:.9}.header-status:before{animation:pulse 2s ease-in-out infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;content:"";display:inline-block;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.minimize-btn{align-items:center;background:hsla(0,0%,100%,.15);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:all .2s;width:30px}.minimize-btn:hover{background:hsla(0,0%,100%,.25);transform:scale(1.05)}.chat-body{background:#f8fafc;display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px}.chat-body::-webkit-scrollbar{width:5px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chat-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.msg-wrapper{align-items:flex-end;animation:fadeIn .3s cubic-bezier(.16,1,.3,1);display:flex;gap:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-wrapper.user{flex-direction:row-reverse}.msg-avatar{border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.08);flex-shrink:0;height:30px;object-fit:cover;width:30px}.msg-avatar-placeholder{box-shadow:0 2px 6px rgba(0,0,0,.08);color:#fff;font-size:13px;font-weight:600}.msg-avatar-placeholder,.msg-avatar-user{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.msg-avatar-user{background:#e2e8f0;box-shadow:0 2px 6px rgba(0,0,0,.05);color:#64748b}.msg{word-wrap:break-word;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,.04);max-width:75%;padding:11px 15px;position:relative}.msg-content{font-size:13.5px;line-height:1.5}.msg-content ol,.msg-content ul{margin:6px 0 0;padding-left:20px}.msg-content li{margin-top:3px}.msg.user{background:#0f172a;border-bottom-right-radius:4px;color:#fff}.msg.agent{background:#fff;border:1px solid rgba(0,0,0,.06);border-bottom-left-radius:4px;color:#1e293b}.msg-time{font-size:10px;margin-top:5px;opacity:.6;text-align:right}.typing-indicator{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;display:flex;gap:4px;padding:12px 16px;width:fit-content}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite both;background:#94a3b8;border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.chat-footer{align-items:center;background:#fff;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:8px;padding:16px 20px}.chat-footer input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:24px;flex:1;font-family:inherit;font-size:13.5px;outline:none;padding:10px 16px;transition:all .2s ease}.chat-footer input:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px rgba(15,23,42,.15)}.chat-footer input:disabled{background:#f1f5f9;cursor:not-allowed}.voice-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-btn:hover{border-color:#0f172a;color:#0f172a;transform:scale(1.05)}.voice-btn.listening{animation:pulseRed 1.5s ease-in-out infinite;background:#fee2e2;border-color:#ef4444;color:#ef4444}@keyframes pulseRed{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}.send-btn{align-items:center;background:#0f172a;border:none;border-radius:50%;box-shadow:0 4px 10px rgba(99,102,241,.3);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.send-btn:hover:not(:disabled){box-shadow:0 6px 14px rgba(99,102,241,.45);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.chat-powered-by{background:#f8fafc;border-top:1px solid rgba(0,0,0,.05);color:#94a3b8;font-size:11px;padding:8px 16px;text-align:center}.chat-powered-by strong{color:#475569;font-weight:600}.askly-turnstile-wrapper{background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:center;margin:10px 0;padding:12px 16px}@media (min-width:768px){.askly-chat-modal.expanded{height:750px;max-height:calc(100vh - 124px);max-width:calc(100vw - 48px);width:680px}}.home-layout{background:#f8fafc;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.home-greeting-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.02);padding:20px}.greeting-text{color:#0f172a;font-size:17px;font-weight:600;margin-bottom:4px}.greeting-subtext{color:#64748b;font-size:12.5px}.overlap-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.08);display:flex;font-size:13px;height:28px;justify-content:center;width:28px}.home-action-card{all:unset;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.02);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.home-action-card:hover{border-color:rgba(0,0,0,.1);box-shadow:0 6px 16px rgba(0,0,0,.05);transform:translateY(-2px)}.card-title{color:#0f172a;font-size:14px;font-weight:600;margin-bottom:2px}.card-desc{color:#64748b;font-size:12px;line-height:1.4}.card-right-icon{color:#0f172a}.home-search-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.02);padding:16px 20px}.home-search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.home-search-input-wrapper input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;font-size:13px;height:38px;outline:none;padding:0 12px 0 34px;transition:all .2s ease;width:100%}.home-search-input-wrapper input:focus{background:#fff;border-color:#0f172a}.search-icon-svg{color:#94a3b8;left:12px;pointer-events:none;position:absolute}.search-loader{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0f172a;height:14px;position:absolute;right:12px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.home-search-results{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;margin-top:10px;max-height:200px;overflow-y:auto;padding-top:10px}.search-result-item{all:unset;align-items:flex-start;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;text-align:left;transition:background .15s;width:100%}.search-result-item:hover{background:#f1f5f9;color:#0f172a}.search-result-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-search-results{color:#94a3b8;font-size:12.5px;padding:12px;text-align:center}.chat-nav-tabs{background:#fff;border-top:1px solid rgba(0,0,0,.05);box-shadow:0 -2px 10px rgba(0,0,0,.01);display:flex;justify-content:space-around;padding:6px 12px}.nav-tab-btn{all:unset;align-items:center;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:3px;padding:4px 12px;transition:all .2s}.nav-tab-btn:hover{color:#475569}.nav-tab-btn.active{color:#0f172a}.askly-emoji-picker{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;bottom:76px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);display:grid;gap:4px;grid-template-columns:repeat(6,1fr);height:180px;overflow-y:auto;padding:10px;position:absolute;right:20px;width:240px;z-index:10}.emoji-item{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:background .15s}.emoji-item:hover{background:#f1f5f9}.footer-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s;width:34px}.footer-action-btn.active,.footer-action-btn:hover{background:#f1f5f9;color:#0f172a}.header-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.header-action-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.chat-terms-notice{align-items:center;background:#f8fafc;border-top:1px solid rgba(0,0,0,.03);color:#94a3b8;display:flex;font-size:10.5px;gap:5px;justify-content:center;padding:6px 12px;text-align:center}.help-layout{background:#f8fafc;overflow-y:auto;padding:20px}.help-catalog-intro{color:#94a3b8;padding:40px 20px;text-align:center}.help-articles-list{display:flex;flex-direction:column;gap:10px}.help-article-row{all:unset;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.01);box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.help-article-row:hover{border-color:rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.03)}.article-row-title{color:#0f172a;font-size:13.5px;font-weight:600}.article-row-preview{color:#64748b;font-size:12px;line-height:1.4}.article-row-chevron{color:#cbd5e1;transition:color .15s}.help-article-row:hover .article-row-chevron{color:#0f172a}.help-article-reader{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.01);padding:20px}.help-back-btn{all:unset;align-items:center;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-bottom:16px;transition:color .15s}.help-back-btn:hover{color:#0f172a}.help-article-heading{color:#0f172a;font-size:20px;font-weight:700;line-height:1.3;margin-bottom:8px}.help-article-type{margin-bottom:18px}.help-article-body{border-top:1px solid #f1f5f9;color:#334155;font-size:13.5px;line-height:1.6;padding-top:16px}.help-article-body h1,.help-article-body h2,.help-article-body h3{color:#0f172a;font-weight:600;margin:18px 0 8px}.help-article-body p{margin:0 0 12px}.help-article-body code.inline-code{background:#f1f5f9;border-radius:4px;font-family:monospace;font-size:12px;padding:2px 6px}.message-inline-image{border:1px solid rgba(0,0,0,.08);border-radius:8px;margin-top:6px;max-width:100%}.message-inline-link{color:inherit;font-weight:500;text-decoration:underline}.msg.agent .message-inline-link{color:#2563eb}.header-back-arrow-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:8px;outline:none;padding:4px;transition:background .2s}.header-back-arrow-btn:hover{background:hsla(0,0%,100%,.15)}.conversations-list-container{background:#f8fafc;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:20px}.list-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.list-header-title{color:#0f172a;font-size:14px;font-weight:600}.conversations-scrollable{display:flex;flex:1;flex-direction:column;gap:8px;margin-bottom:16px;overflow-y:auto;padding-right:2px}.conversation-list-item{all:unset;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease;width:100%}.conversation-list-item:hover{border-color:rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.02);transform:translateY(-1px)}.conversation-item-left{align-items:center;display:flex;gap:12px;overflow:hidden;text-align:left}.conversation-item-icon{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;object-fit:cover;width:36px}.conversation-item-details{align-items:flex-start;display:flex;flex-direction:column;gap:2px;overflow:hidden}.conversation-item-title{color:#0f172a;font-size:13px;font-weight:600}.conversation-item-preview{color:#64748b;font-size:11.5px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-right{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;gap:6px}.conversation-item-time{font-size:10px}.start-new-chat-btn{all:unset;background:#0f172a;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:600;height:40px;text-align:center;transition:opacity .2s;width:100%}.start-new-chat-btn:hover{opacity:.9}@media (max-width:600px){.askly-chat-modal,.askly-chat-modal.expanded{border:none!important;border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;max-height:100vh!important;max-width:100vw!important;right:0!important;width:100vw!important}.chat-header{border-radius:0!important}.askly-chat-button{bottom:16px;right:16px}}');var S=["😀","😃","😄","😁","😆","😅","😂","🤣","😊","😇","🙂","🙃","😉","😌","😍","🥰","😘","😗","😙","😚","😋","😛","😝","😜","🤪","🤠","🥳","😎","🤓","🧐","👍","👎","👌","✌️","🤞","🤟","🤘","🤙","👋","👏"],T=function(a){var t=a.orgId,p=a.organizationName,l=void 0===p?"Askly":p,M=a.themeColor,n=void 0===M?"#0f172a":M,o=a.position,v=void 0===o?"right":o,s=a.orgServerRoute,T=a.enableVoiceChat,_=void 0!==T&&T,D=a.welcomeMessage,R=void 0===D?"Hi! How can I help you today?":D,U=a.placeholderText,W=void 0===U?"Type your message...":U,$=a.organizationLogo,P=a.buttonIcon,F=void 0===P?"💬":P,Y=a.autoOpen,J=void 0!==Y&&Y,X=a.showTimestamp,K=void 0!==X&&X,G=a.soundEnabled,Q=void 0!==G&&G,ee=a.soundVolume,ae=void 0===ee?.4:ee;a.poweredBy;var te=a.userId,he=a.timestamp,ye=a.signature,de=a.turnstileSiteKey,pe=a.excludePaths,ke=void 0===pe?[]:pe,re=a.onMessageSent,ce=a.onMessageReceived,ie=a.onChatOpened,le=a.onChatClosed,Me=a.onEscalation,ne=h("undefined"!=typeof window?window.location.pathname:""),oe=ne[0],ve=ne[1];y(function(){if("undefined"!=typeof window){var e=function(){ve(window.location.pathname)},a=window.history.pushState,t=window.history.replaceState;return window.history.pushState=function(){for(var t=[],h=0;h<arguments.length;h++)t[h]=arguments[h];a.apply(this,t),e()},window.history.replaceState=function(){for(var a=[],h=0;h<arguments.length;h++)a[h]=arguments[h];t.apply(this,a),e()},window.addEventListener("popstate",e),function(){window.removeEventListener("popstate",e),window.history.pushState=a,window.history.replaceState=t}}},[]);var se=h(J),me=se[0],xe=se[1],ge=h("home"),ue=ge[0],fe=ge[1],we=h(!1),be=we[0],ze=we[1];if(ke.some(function(e){return oe.startsWith(e)}))return null;var qe="askly_conversations_".concat(t,"_").concat(te||"guest"),je=h(function(){if("undefined"!=typeof window){var e=localStorage.getItem(qe);return e?JSON.parse(e):[]}return[]}),He=je[0],Ve=je[1],Ae=h(null),Le=Ae[0],Ze=Ae[1],Ce=h([]),Ee=Ce[0],Ne=Ce[1],Se=h(""),Te=Se[0],Ie=Se[1],Oe=h(!1),Be=Oe[0],_e=Oe[1],De=h(!1),Re=De[0],Ue=De[1],We=h(!1),$e=We[0],Pe=We[1],Fe=h(null),Ye=Fe[0],Je=Fe[1],Xe=h(""),Ke=Xe[0],Ge=Xe[1],Qe=h([]),ea=Qe[0],aa=Qe[1],ta=h(!1),ha=ta[0],ya=ta[1],da=h(null),pa=da[0],ka=da[1],ra=h([]),ca=ra[0],ia=ra[1];y(function(){r(void 0,void 0,void 0,function(){var e,a,h,y;return c(this,function(d){switch(d.label){case 0:return d.trys.push([0,4,,5]),e=s.replace(/\/messages\/widget$/,"")+"/knowledge/widget/list",[4,fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({organization_id:t,limit:20})})];case 1:return(a=d.sent()).ok?[4,a.json()]:[3,3];case 2:h=d.sent(),ia(h.results||[]),d.label=3;case 3:return[3,5];case 4:return y=d.sent(),console.error("Failed to load article catalog:",y),[3,5];case 5:return[2]}})})},[t,s]);var la=h(!1),Ma=la[0],na=la[1],oa=h(!1),va=oa[0],sa=oa[1],ma=d(null),xa=d(null),ga=d(null),ua=d(null),fa=d(null);y(function(){"undefined"!=typeof window&&localStorage.setItem(qe,JSON.stringify(He))},[He,qe]),y(function(){if(Le){var e=He.find(function(e){return e.id===Le});Ne(e?e.messages:[])}else Ne([])},[Le]),y(function(){Le&&Ee.length>0&&Ve(function(e){var a=e.find(function(e){return e.id===Le});return a&&JSON.stringify(a.messages)===JSON.stringify(Ee)?e:e.map(function(e){return e.id===Le?k(k({},e),{messages:Ee,lastUpdated:(new Date).toISOString()}):e})})},[Ee,Le]);var wa=function(){var e="chat_"+Date.now(),a={id:e,messages:R?[{role:"agent",content:R,timestamp:new Date}]:[],lastUpdated:(new Date).toISOString()};Ve(function(e){return i([a],e,!0)}),Ze(e)};y(function(){"messages"!==ue||0!==He.length||Le||wa()},[ue,He.length,Le]),y(function(){var e;null===(e=ma.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[Ee]),y(function(){if(de&&"undefined"!=typeof window&&!document.getElementById("cloudflare-turnstile-script")){var e=document.createElement("script");e.id="cloudflare-turnstile-script",e.src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit",e.async=!0,e.defer=!0,document.head.appendChild(e)}},[de]),y(function(){var e=document.getElementById("askly-turnstile-container");if(me&&de&&e&&"undefined"!=typeof window){var a=function(){if(window.turnstile)try{ga.current=window.turnstile.render("#askly-turnstile-container",{sitekey:de,callback:function(e){Je(e)},"expired-callback":function(){Je(null)},"error-callback":function(){Je(null)}})}catch(e){console.error("Turnstile render error:",e)}else setTimeout(a,300)};setTimeout(a,150)}},[me,ue,de]),y(function(){if(_&&"webkitSpeechRecognition"in window){var e=window.webkitSpeechRecognition;xa.current=new e,xa.current.continuous=!1,xa.current.interimResults=!1,xa.current.onresult=function(e){var a=e.results[0][0].transcript;Ie(a),Pe(!1)},xa.current.onerror=function(){Pe(!1)},xa.current.onend=function(){Pe(!1)}}},[_]);var ba=d(null),za=function(){if("undefined"==typeof window)return null;if(!ba.current){var e=window.AudioContext||window.webkitAudioContext;if(!e)return null;try{ba.current=new e}catch(e){return null}}return ba.current},qa=function(){var e=za();e&&"suspended"===e.state&&e.resume().catch(function(){})},ja={sent:[{freq:392,start:0,duration:.08}],received:[{freq:587.33,start:0,duration:.09},{freq:783.99,start:.09,duration:.14}],error:[{freq:311.13,start:0,duration:.14,type:"sawtooth"},{freq:233.08,start:.12,duration:.18,type:"sawtooth"}],escalation:[{freq:880,start:0,duration:.12},{freq:1174.66,start:.11,duration:.2,type:"triangle"}]},Ha=function(e){if(Q){var a=za();if(a){"suspended"===a.state&&a.resume().catch(function(){});for(var t=ja[e]||ja.received,h=a.currentTime,y=.35*Math.max(0,Math.min(1,ae)),d=0,p=t;d<p.length;d++){var k=p[d],r=a.createOscillator(),c=a.createGain();r.type=k.type||"sine",r.frequency.value=k.freq;var i=h+k.start;c.gain.setValueAtTime(1e-4,i),c.gain.exponentialRampToValueAtTime(y,i+.012),c.gain.exponentialRampToValueAtTime(1e-4,i+k.duration),r.connect(c).connect(a.destination),r.start(i),r.stop(i+k.duration+.03)}}}},Va=d(!1);y(function(){Va.current?me?(qa(),null==ie||ie()):null==le||le():Va.current=!0},[me]);var Aa=function(e){var a,h=e.target.value;Ge(h),a=h,r(void 0,void 0,void 0,function(){var e,h,y,d;return c(this,function(p){switch(p.label){case 0:if(!a.trim())return aa([]),[2];ya(!0),p.label=1;case 1:return p.trys.push([1,5,6,7]),e=s.replace(/\/messages\/widget$/,"")+"/knowledge/widget/search",[4,fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({organization_id:t,query:a,top_k:5})})];case 2:return(h=p.sent()).ok?[4,h.json()]:[3,4];case 3:y=p.sent(),aa(y.results||[]),p.label=4;case 4:return[3,7];case 5:return d=p.sent(),console.error("RAG search failed:",d),[3,7];case 6:return ya(!1),[7];case 7:return[2]}})})},La=function(e){ka(e)},Za=function(){return r(void 0,void 0,void 0,function(){var e,a,h,y,d,p,k,r,l;return c(this,function(c){switch(c.label){case 0:if(!Te.trim())return[2];if(de&&!ye&&!Ye)return alert("Please solve the verification challenge first."),[2];e=he||Math.floor(Date.now()/1e3),h={role:"user",content:a=Te,timestamp:new Date},Ne(function(e){return i(i([],e,!0),[h],!1)}),Ie(""),_e(!0),qa(),Ha("sent"),null==re||re(a),c.label=1;case 1:return c.trys.push([1,6,7,8]),y={organization_id:t,user_id:te||"guest_user",message:Te,timestamp:e},ye&&(y.signature=ye),Ye&&(y.turnstile_token=Ye),[4,fetch(s,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(y)})];case 2:return(d=c.sent()).ok?[3,4]:[4,d.json().catch(function(){return{}})];case 3:throw p=c.sent(),new Error(p.detail||"Failed to get response from the server.");case 4:return[4,d.json()];case 5:if(k=c.sent(),r={role:"agent",content:k.reply,timestamp:new Date},Ne(function(e){return i(i([],e,!0),[r],!1)}),k.escalated||k.should_escalate?(Ha("escalation"),null==Me||Me(k)):Ha("received"),null==ce||ce(k.reply),_&&function(e){if(_&&"speechSynthesis"in window){var a=new SpeechSynthesisUtterance(e);a.rate=.9,a.pitch=1,window.speechSynthesis.speak(a)}}(k.reply),de&&!ye&&window.turnstile)try{window.turnstile.reset(ga.current),Je(null)}catch(e){console.error("Turnstile reset error:",e)}return[3,8];case 6:return l=c.sent(),console.error("AsklyChat Error:",l),Ne(function(e){return i(i([],e,!0),[{role:"agent",content:l.message||"Sorry, something went wrong. Please try again.",timestamp:new Date}],!1)}),Ha("error"),Ue(!0),setTimeout(function(){return Ue(!1)},500),[3,8];case 7:return _e(!1),[7];case 8:return[2]}})})},Ca=function(e){if(!e)return"";try{var a=new Date(e);return isNaN(a.getTime())?"":a.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})}catch(e){return""}},Ea="#0f172a"===n||"#6366f1"===n||"#2563eb"===n,Na=k({right:"right"===v?"24px":void 0,left:"left"===v?"24px":void 0},Ea?{}:{backgroundColor:n}),Sa={right:"right"===v?"24px":void 0,left:"left"===v?"24px":void 0},Ta=Ea?{}:{background:n},Ia=Ea?{}:{backgroundColor:n},Oa=Ea?{}:{backgroundColor:n},Ba=Ea?{}:{color:n,borderBottomColor:n};return e.createElement(e.Fragment,null,e.createElement("div",{className:"askly-chat-button ".concat(me?"open":""),style:Na,onClick:function(){return xe(!me)},title:"Support Center"},me?e.createElement(N,{size:24}):"💬"===F?e.createElement(z,{size:24}):F),me&&e.createElement("div",{className:"askly-chat-modal ".concat(be?"expanded":""," ").concat(Re?"askly-shake":""),style:Sa},e.createElement("div",{className:"chat-header",style:Ta},e.createElement("div",{className:"header-content"},"messages"===ue&&null!==Le&&e.createElement("button",{className:"header-back-arrow-btn",onClick:function(){return Ze(null)},title:"Back to conversations"},e.createElement(x,{size:20})),e.createElement("img",{src:$||"https://api.dicebear.com/7.x/bottts/svg?seed=Askly",alt:l,className:"header-avatar"}),e.createElement("div",{className:"header-text"},e.createElement("div",{className:"header-title"},l),e.createElement("div",{className:"header-status"},Be?"Typing…":"Online"))),e.createElement("div",{style:{display:"flex",gap:8,alignItems:"center"}},e.createElement("button",{className:"header-action-btn",onClick:function(){return ze(!be)},title:be?"Collapse window":"Expand window"},be?e.createElement(H,{size:16}):e.createElement(b,{size:16})),e.createElement("button",{className:"header-action-btn",onClick:function(){return xe(!1)}},e.createElement(V,{size:18})))),"home"===ue&&e.createElement("div",{className:"chat-body home-layout"},e.createElement("div",{className:"home-greeting-card"},e.createElement("div",{style:{display:"flex",gap:-6,marginBottom:12}},e.createElement(I,null)),e.createElement("div",{className:"greeting-text"},"Hello! How can we help you?"),e.createElement("div",{className:"greeting-subtext"},"We typically reply in under 5 minutes.")),e.createElement("button",{className:"home-action-card",onClick:function(){return fe("messages")}},e.createElement("div",{className:"card-left"},e.createElement("div",{className:"card-title"},"Send us a message"),e.createElement("div",{className:"card-desc"},"Start a real-time conversation with our AI support assistant.")),e.createElement("div",{className:"card-right-icon",style:Ea?{}:{color:n}},e.createElement(z,{size:20}))),e.createElement("div",{className:"home-search-card"},e.createElement("div",{className:"card-title",style:{marginBottom:10}},"Search for help"),e.createElement("div",{className:"home-search-input-wrapper"},e.createElement(L,{size:14,className:"search-icon-svg"}),e.createElement("input",{type:"text",value:Ke,onChange:Aa,placeholder:"Search our knowledge base..."}),ha&&e.createElement("span",{className:"search-loader"})),""!==Ke.trim()?e.createElement("div",{className:"home-search-results"},0!==ea.length||ha?ea.map(function(a){return e.createElement("button",{key:a.id,className:"search-result-item",onClick:function(){La(a),fe("help")}},e.createElement(m,{size:13,style:{flexShrink:0,marginTop:2}}),e.createElement("span",{className:"search-result-title"},a.title),e.createElement(g,{size:14,style:{marginLeft:"auto",flexShrink:0}}))}):e.createElement("div",{className:"no-search-results"},'No articles matching "',Ke,'"')):ca.length>0&&e.createElement("div",{style:{marginTop:12,borderTop:"1px solid rgba(0,0,0,0.06)",paddingTop:10}},e.createElement("div",{style:{fontSize:10.5,fontWeight:600,color:"#64748b",textTransform:"uppercase",marginBottom:6,letterSpacing:"0.5px"}},"Recommended Articles"),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:6}},ca.slice(0,3).map(function(a){return e.createElement("button",{key:a.id,className:"search-result-item",onClick:function(){La(a),fe("help")},style:{all:"unset",cursor:"pointer",display:"flex",alignItems:"center",gap:8,padding:"8px 10px",background:"#f8fafc",borderRadius:8,border:"1px solid rgba(0,0,0,0.02)"}},e.createElement(m,{size:13,style:{flexShrink:0,color:"#64748b"}}),e.createElement("span",{style:{fontSize:12,fontWeight:500,color:"#0f172a",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1,textAlign:"left"}},a.title),e.createElement(g,{size:14,style:{color:"#94a3b8",flexShrink:0}}))}))))),"messages"===ue&&(null===Le?e.createElement("div",{className:"conversations-list-container",style:{height:"calc(100% - 105px)"}},e.createElement("div",{className:"list-header-row"},e.createElement("span",{className:"list-header-title"},"Your Conversations")),e.createElement("div",{className:"conversations-scrollable"},He.map(function(a,t){var h=a.messages[a.messages.length-1],y=h?h.content:"No messages yet",d=a.lastUpdated?new Date(a.lastUpdated):new Date;return e.createElement("button",{key:a.id,className:"conversation-list-item",onClick:function(){return Ze(a.id)}},e.createElement("div",{className:"conversation-item-left"},e.createElement("div",{className:"conversation-item-details"},e.createElement("span",{className:"conversation-item-title"},"Chat #",He.length-t),e.createElement("span",{className:"conversation-item-preview"},y.replace(/!\[.*?\]\(.*?\)/g,"[Image]").replace(/\[.*?\]\(.*?\)/g,"[Link]").slice(0,50)))),e.createElement("div",{className:"conversation-item-right"},e.createElement("span",{className:"conversation-item-time"},Ca(d)),e.createElement(g,{size:14})))})),e.createElement("button",{className:"start-new-chat-btn",onClick:wa,style:Ea?{}:{backgroundColor:n}},"Ask a Question")):e.createElement("div",{style:{display:"flex",flexDirection:"column",height:"calc(100% - 55px)",minHeight:0}},e.createElement("div",{className:"chat-body flex-1"},Ee.map(function(a,t){return e.createElement("div",{key:t,className:"msg-wrapper ".concat(a.role)},"agent"===a.role&&e.createElement("img",{src:$||"https://api.dicebear.com/7.x/bottts/svg?seed=Askly",alt:"Bot",className:"msg-avatar"}),e.createElement("div",{className:"msg ".concat(a.role),style:"user"===a.role?Oa:{}},e.createElement("div",{className:"msg-content",dangerouslySetInnerHTML:{__html:B(a.content)}}),K&&a.timestamp&&e.createElement("div",{className:"msg-time"},Ca(a.timestamp))),"user"===a.role&&e.createElement("div",{className:"msg-avatar-user"},e.createElement(E,{size:16})))}),Be&&e.createElement("div",{className:"msg-wrapper agent"},e.createElement("img",{src:$||"https://api.dicebear.com/7.x/bottts/svg?seed=Askly",alt:"Bot",className:"msg-avatar"}),e.createElement("div",{className:"typing-indicator"},e.createElement("span",null),e.createElement("span",null),e.createElement("span",null))),va&&e.createElement("div",{className:"msg-wrapper user"},e.createElement("div",{className:"msg-avatar-user"},e.createElement(E,{size:16})),e.createElement("div",{className:"msg user",style:{opacity:.7,display:"flex",alignItems:"center",gap:8}},e.createElement("span",{className:"search-loader",style:{borderColor:"#fff",borderTopColor:"transparent"}}),e.createElement("span",null,"Uploading attachment..."))),de&&!ye&&!Ye&&e.createElement("div",{className:"askly-turnstile-wrapper"},e.createElement("div",{id:"askly-turnstile-container"})),e.createElement("div",{ref:ma})),e.createElement("div",{className:"chat-footer"},e.createElement("input",{ref:fa,value:Te,onChange:function(e){return Ie(e.target.value)},onKeyPress:function(e){return"Enter"===e.key&&Za()},placeholder:!de||ye||Ye?W:"Verify security check to chat...",disabled:Be||va||!!de&&!ye&&!Ye}),e.createElement("input",{type:"file",ref:ua,style:{display:"none"},onChange:function(e){return r(void 0,void 0,void 0,function(){var a,h,y,d,p,k,r,i,l,M,n;return c(this,function(c){switch(c.label){case 0:if(!(a=null===(M=e.target.files)||void 0===M?void 0:M[0]))return[2];sa(!0),c.label=1;case 1:return c.trys.push([1,6,7,8]),h=s.replace(/\/widget$/,"")+"/widget/upload",(y=new FormData).append("organization_id",t),y.append("file",a),[4,fetch(h,{method:"POST",body:y})];case 2:return(d=c.sent()).ok?[3,4]:[4,d.json().catch(function(){return{}})];case 3:throw p=c.sent(),new Error(p.detail||"Upload failed");case 4:return[4,d.json()];case 5:return k=c.sent(),r=a.type.startsWith("image/"),i=r?"![Image attachment](".concat(k.blob_url,")"):"[File attachment: ".concat(a.name,"](").concat(k.blob_url,")"),Ie(function(e){return e+(e.endsWith(" ")||""===e?"":" ")+i}),null===(n=fa.current)||void 0===n||n.focus(),[3,8];case 6:return l=c.sent(),alert("Attachment upload failed: "+l.message),[3,8];case 7:return sa(!1),e.target&&(e.target.value=""),[7];case 8:return[2]}})})}}),e.createElement("div",{style:{display:"flex",gap:4,alignItems:"center"}},e.createElement("button",{className:"footer-action-btn",onClick:function(){var e;null===(e=ua.current)||void 0===e||e.click()},disabled:Be||va||!!de&&!ye&&!Ye,title:"Upload attachment (Max 10MB)"},e.createElement(A,{size:18})),e.createElement("button",{className:"footer-action-btn ".concat(Ma?"active":""),onClick:function(){return na(!Ma)},disabled:Be||va||!!de&&!ye&&!Ye,title:"Insert emoji"},e.createElement(C,{size:18})),_&&e.createElement("button",{className:"voice-btn ".concat($e?"listening":""),onClick:function(){xa.current&&($e?(xa.current.stop(),Pe(!1)):(xa.current.start(),Pe(!0)))},title:$e?"Stop listening":"Voice input",disabled:Be||va||!!de&&!ye&&!Ye,style:{borderColor:$e?void 0:n,color:$e?void 0:n}},$e?e.createElement(q,{size:18}):e.createElement(j,{size:18})),e.createElement("button",{onClick:Za,style:Ia,disabled:Be||va||!Te.trim()||!!de&&!ye&&!Ye,className:"send-btn"},e.createElement(Z,{size:16}))),Ma&&e.createElement("div",{className:"askly-emoji-picker"},S.map(function(a){return e.createElement("button",{key:a,onClick:function(){return function(e){var a;Ie(function(a){return a+e}),na(!1),null===(a=fa.current)||void 0===a||a.focus()}(a)},className:"emoji-item"},a)}))),e.createElement("div",{className:"chat-terms-notice"},e.createElement(u,{size:10,style:{flexShrink:0}}),e.createElement("span",null,"By chatting, you agree to our Terms and Conditions.")))),"help"===ue&&e.createElement("div",{className:"chat-body help-layout"},pa?e.createElement("div",{className:"help-article-reader"},e.createElement("button",{className:"help-back-btn",onClick:function(){return ka(null)}},e.createElement(x,{size:16}),e.createElement("span",null,"Back to Help")),e.createElement("div",{className:"help-article-heading"},pa.title),e.createElement("div",{className:"help-article-type"},e.createElement(O,{variant:pa.document_type})),e.createElement("div",{className:"help-article-body",dangerouslySetInnerHTML:{__html:B(pa.content)}})):e.createElement("div",null,e.createElement("div",{className:"home-search-input-wrapper",style:{marginBottom:16}},e.createElement(L,{size:14,className:"search-icon-svg"}),e.createElement("input",{type:"text",value:Ke,onChange:Aa,placeholder:"Search FAQs & articles..."}),ha&&e.createElement("span",{className:"search-loader"})),e.createElement("div",{className:"help-articles-list"},""===Ke.trim()?ca.length>0?e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:10,width:"100%"}},e.createElement("div",{style:{fontSize:11,fontWeight:600,color:"#64748b",textTransform:"uppercase",paddingLeft:4,letterSpacing:"0.5px"}},"All Available Articles (",ca.length,")"),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},ca.map(function(a){return e.createElement("button",{key:a.id,className:"help-article-row",onClick:function(){return La(a)}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:3,alignItems:"flex-start",textAlign:"left"}},e.createElement("span",{className:"article-row-title"},a.title),e.createElement("span",{className:"article-row-preview"},a.content.replace(/[\n\r]+/g," ").slice(0,85),"...")),e.createElement(g,{size:14,className:"article-row-chevron"}))}))):e.createElement("div",{className:"help-catalog-intro"},e.createElement(m,{size:28,style:{opacity:.3,marginBottom:8}}),e.createElement("div",{style:{fontWeight:500,fontSize:13,color:"var(--text-1)"}},"Help Documentation"),e.createElement("div",{style:{fontSize:11.5,color:"var(--text-3)",marginTop:4}},"Type inside the search bar above to fetch instant solutions from our Vector Knowledge Base.")):ea.map(function(a){return e.createElement("button",{key:a.id,className:"help-article-row",onClick:function(){return La(a)}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:3,alignItems:"flex-start"}},e.createElement("span",{className:"article-row-title"},a.title),e.createElement("span",{className:"article-row-preview"},a.content.slice(0,80),"...")),e.createElement(g,{size:14,className:"article-row-chevron"}))})))),!("messages"===ue&&null!==Le)&&e.createElement("div",{className:"chat-nav-tabs"},e.createElement("button",{className:"nav-tab-btn ".concat("home"===ue?"active":""),style:"home"===ue?Ba:{},onClick:function(){fe("home"),ka(null)}},e.createElement(w,{size:18}),e.createElement("span",null,"Home")),e.createElement("button",{className:"nav-tab-btn ".concat("messages"===ue?"active":""),style:"messages"===ue?Ba:{},onClick:function(){return fe("messages")}},e.createElement(z,{size:18}),e.createElement("span",null,"Messages")),e.createElement("button",{className:"nav-tab-btn ".concat("help"===ue?"active":""),style:"help"===ue?Ba:{},onClick:function(){return fe("help")}},e.createElement(f,{size:18}),e.createElement("span",null,"Help")))))};function I(){return e.createElement("div",{style:{display:"flex",alignItems:"center"}},e.createElement("div",{className:"overlap-avatar",style:{zIndex:3,background:"#e2e8f0"}},"👩💻"),e.createElement("div",{className:"overlap-avatar",style:{zIndex:2,background:"#cbd5e1",marginLeft:-8}},"👨💻"),e.createElement("div",{className:"overlap-avatar",style:{zIndex:1,background:"#94a3b8",marginLeft:-8}},"🤖"))}function O(a){var t=a.variant,h="faq"===t.toLowerCase(),y=h?"#dbeafe":"#e0f2fe",d=h?"#1e40af":"#0369a1";return e.createElement("span",{style:{fontSize:10,fontWeight:600,background:y,color:d,padding:"2px 6px",borderRadius:4,textTransform:"uppercase"}},t)}function B(e){if(!e)return"";var a=e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">");return a=(a=(a=(a=(a=(a=a.replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>")).replace(/\*(.*?)\*/g,"<em>$1</em>")).replace(/`(.*?)`/g,"<code class='inline-code'>$1</code>")).replace(/!\[(.*?)\]\((.*?)\)/g,'<img src="$2" alt="$1" class="message-inline-image" />')).replace(/\[(.*?)\]\((.*?)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer" class="message-inline-link">$1</a>')).replace(/\n/g,"<br />")}var _={init:function(a){if(console.log("[Askly] Initializing...",{config:a}),a.orgId)if(a.orgServerRoute){var t=document.createElement("div");t.id="askly-widget-container",document.body.appendChild(t),console.log("[Askly] Container element appended to the page.",t),p(t).render(e.createElement(T,a)),console.log("[Askly] ChatWidget rendered.")}else console.error("[Askly] `orgServerRoute` is required for initialization.");else console.error("[Askly] `orgId` is required for initialization.")}};if("undefined"!=typeof window){window.Askly=_;var D=document.currentScript||document.querySelector("script[src*='widget.js']")||document.querySelector("script[src*='index.umd.js']");if(D){var R=D.getAttribute("data-org-id"),U=D.getAttribute("data-org-server-route");R&&U&&_.init({orgId:R,orgServerRoute:U,organizationName:D.getAttribute("data-org-name")||void 0,position:D.getAttribute("data-position")||void 0,themeColor:D.getAttribute("data-theme-color")||void 0,enableVoiceChat:"true"===D.getAttribute("data-enable-voice"),welcomeMessage:D.getAttribute("data-welcome-message")||void 0,placeholderText:D.getAttribute("data-placeholder-text")||void 0,organizationLogo:D.getAttribute("data-logo")||void 0,buttonIcon:D.getAttribute("data-button-icon")||void 0,autoOpen:"true"===D.getAttribute("data-auto-open"),showTimestamp:"true"===D.getAttribute("data-show-timestamp"),soundEnabled:"true"===D.getAttribute("data-sound-enabled"),soundVolume:D.getAttribute("data-sound-volume")?parseFloat(D.getAttribute("data-sound-volume")):void 0,poweredBy:D.getAttribute("data-powered-by")||void 0,userId:D.getAttribute("data-user-id")||void 0,timestamp:D.getAttribute("data-timestamp")?parseInt(D.getAttribute("data-timestamp")):void 0,signature:D.getAttribute("data-signature")||void 0,turnstileSiteKey:D.getAttribute("data-turnstile-sitekey")||void 0,excludePaths:D.getAttribute("data-exclude-paths")?D.getAttribute("data-exclude-paths").split(",").map(function(e){return e.trim()}):void 0})}}export{_ as default};
|
|
146
|
+
const N=s("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);s("youtube",[["path",{d:"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17",key:"1q2vi4"}],["path",{d:"m10 15 5-3-5-3z",key:"1jp15x"}]]);s("zap-off",[["path",{d:"M10.513 4.856 13.12 2.17a.5.5 0 0 1 .86.46l-1.377 4.317",key:"193nxd"}],["path",{d:"M15.656 10H20a1 1 0 0 1 .78 1.63l-1.72 1.773",key:"27a7lr"}],["path",{d:"M16.273 16.273 10.88 21.83a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14H4a1 1 0 0 1-.78-1.63l4.507-4.643",key:"1e0qe9"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);s("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]);s("zoom-in",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"11",x2:"11",y1:"8",y2:"14",key:"1vmskp"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]);s("zoom-out",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]]);!function(e,a){void 0===a&&(a={});var t=a.insertAt;if(e&&"undefined"!=typeof document){var h=document.head||document.getElementsByTagName("head")[0],y=document.createElement("style");y.type="text/css","top"===t&&h.firstChild?h.insertBefore(y,h.firstChild):h.appendChild(y),y.styleSheet?y.styleSheet.cssText=e:y.appendChild(document.createTextNode(e))}}('.askly-chat-button{align-items:center;background:#0f172a;border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 24px rgba(15,23,42,.3);color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:99999}.askly-chat-button:hover{box-shadow:0 12px 28px rgba(15,23,42,.4);transform:scale(1.08) translateY(-2px)}.askly-chat-button:active{transform:scale(.95)}.askly-chat-button.open{transform:rotate(90deg)}.askly-chat-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;bottom:100px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:620px;max-height:calc(100vh - 124px);max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;width:380px;z-index:99998}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes asklyShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.askly-chat-modal.askly-shake{animation:asklyShake .45s cubic-bezier(.36,.07,.19,.97)}.chat-header{background:#0f172a;box-shadow:0 2px 10px rgba(0,0,0,.08);color:#fff;justify-content:space-between;padding:16px 20px}.chat-header,.header-content{align-items:center;display:flex}.header-content{gap:12px}.header-avatar{box-shadow:0 0 10px hsla(0,0%,100%,.2);object-fit:cover}.header-avatar,.header-avatar-placeholder{border:2px solid hsla(0,0%,100%,.3);border-radius:50%;height:36px;width:36px}.header-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.header-text{display:flex;flex-direction:column}.header-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.header-status{align-items:center;display:flex;font-size:11px;gap:6px;opacity:.9}.header-status:before{animation:pulse 2s ease-in-out infinite;background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;content:"";display:inline-block;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.minimize-btn{align-items:center;background:hsla(0,0%,100%,.15);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:all .2s;width:30px}.minimize-btn:hover{background:hsla(0,0%,100%,.25);transform:scale(1.05)}.chat-body{background:#f8fafc;display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:20px}.chat-body::-webkit-scrollbar{width:5px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.chat-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.msg-wrapper{align-items:flex-end;animation:fadeIn .3s cubic-bezier(.16,1,.3,1);display:flex;gap:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-wrapper.user{flex-direction:row-reverse}.msg-avatar{border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.08);flex-shrink:0;height:30px;object-fit:cover;width:30px}.msg-avatar-placeholder{box-shadow:0 2px 6px rgba(0,0,0,.08);color:#fff;font-size:13px;font-weight:600}.msg-avatar-placeholder,.msg-avatar-user{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.msg-avatar-user{background:#e2e8f0;box-shadow:0 2px 6px rgba(0,0,0,.05);color:#64748b}.msg{word-wrap:break-word;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,.04);max-width:75%;padding:11px 15px;position:relative}.msg-content{font-size:13.5px;line-height:1.5}.msg-content ol,.msg-content ul{margin:6px 0 0;padding-left:20px}.msg-content li{margin-top:3px}.msg.user{background:#0f172a;border-bottom-right-radius:4px;color:#fff}.msg.agent{background:#fff;border:1px solid rgba(0,0,0,.06);border-bottom-left-radius:4px;color:#1e293b}.msg-time{font-size:10px;margin-top:5px;opacity:.6;text-align:right}.typing-indicator{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;display:flex;gap:4px;padding:12px 16px;width:fit-content}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite both;background:#94a3b8;border-radius:50%;height:6px;width:6px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.chat-footer{align-items:center;background:#fff;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:8px;padding:16px 20px}.chat-footer input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:24px;flex:1;font-family:inherit;font-size:13.5px;outline:none;padding:10px 16px;transition:all .2s ease}.chat-footer input:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px rgba(15,23,42,.15)}.chat-footer input:disabled{background:#f1f5f9;cursor:not-allowed}.voice-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-btn:hover{border-color:#0f172a;color:#0f172a;transform:scale(1.05)}.voice-btn.listening{animation:pulseRed 1.5s ease-in-out infinite;background:#fee2e2;border-color:#ef4444;color:#ef4444}@keyframes pulseRed{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}.send-btn{align-items:center;background:#0f172a;border:none;border-radius:50%;box-shadow:0 4px 10px rgba(99,102,241,.3);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.send-btn:hover:not(:disabled){box-shadow:0 6px 14px rgba(99,102,241,.45);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.chat-powered-by{background:#f8fafc;border-top:1px solid rgba(0,0,0,.05);color:#94a3b8;font-size:11px;padding:8px 16px;text-align:center}.chat-powered-by strong{color:#475569;font-weight:600}.askly-turnstile-wrapper{background:#f8fafc;border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:center;margin:10px 0;padding:12px 16px}@media (min-width:768px){.askly-chat-modal.expanded{height:750px;max-height:calc(100vh - 124px);max-width:calc(100vw - 48px);width:680px}}.home-layout{background:#f8fafc;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.home-greeting-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.02);padding:20px}.greeting-text{color:#0f172a;font-size:17px;font-weight:600;margin-bottom:4px}.greeting-subtext{color:#64748b;font-size:12.5px}.overlap-avatar{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.08);display:flex;font-size:13px;height:28px;justify-content:center;width:28px}.home-action-card{all:unset;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.02);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.home-action-card:hover{border-color:rgba(0,0,0,.1);box-shadow:0 6px 16px rgba(0,0,0,.05);transform:translateY(-2px)}.card-title{color:#0f172a;font-size:14px;font-weight:600;margin-bottom:2px}.card-desc{color:#64748b;font-size:12px;line-height:1.4}.card-right-icon{color:#0f172a}.home-search-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.02);padding:16px 20px}.home-search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.home-search-input-wrapper input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;font-size:13px;height:38px;outline:none;padding:0 12px 0 34px;transition:all .2s ease;width:100%}.home-search-input-wrapper input:focus{background:#fff;border-color:#0f172a}.search-icon-svg{color:#94a3b8;left:12px;pointer-events:none;position:absolute}.search-loader{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0f172a;height:14px;position:absolute;right:12px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.home-search-results{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:4px;margin-top:10px;max-height:200px;overflow-y:auto;padding-top:10px}.search-result-item{all:unset;align-items:flex-start;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 10px;text-align:left;transition:background .15s;width:100%}.search-result-item:hover{background:#f1f5f9;color:#0f172a}.search-result-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-search-results{color:#94a3b8;font-size:12.5px;padding:12px;text-align:center}.chat-nav-tabs{background:#fff;border-top:1px solid rgba(0,0,0,.05);box-shadow:0 -2px 10px rgba(0,0,0,.01);display:flex;justify-content:space-around;padding:6px 12px}.nav-tab-btn{all:unset;align-items:center;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:3px;padding:4px 12px;transition:all .2s}.nav-tab-btn:hover{color:#475569}.nav-tab-btn.active{color:#0f172a}.askly-emoji-picker{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;bottom:76px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);display:grid;gap:4px;grid-template-columns:repeat(6,1fr);height:180px;overflow-y:auto;padding:10px;position:absolute;right:20px;width:240px;z-index:10}.emoji-item{all:unset;align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:background .15s}.emoji-item:hover{background:#f1f5f9}.footer-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s;width:34px}.footer-action-btn.active,.footer-action-btn:hover{background:#f1f5f9;color:#0f172a}.header-action-btn{align-items:center;background:none;border:none;border-radius:6px;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.header-action-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.chat-terms-notice{align-items:center;background:#f8fafc;border-top:1px solid rgba(0,0,0,.03);color:#94a3b8;display:flex;font-size:10.5px;gap:5px;justify-content:center;padding:6px 12px;text-align:center}.help-layout{background:#f8fafc;overflow-y:auto;padding:20px}.help-catalog-intro{color:#94a3b8;padding:40px 20px;text-align:center}.help-articles-list{display:flex;flex-direction:column;gap:10px}.help-article-row{all:unset;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.01);box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.help-article-row:hover{border-color:rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.03)}.article-row-title{color:#0f172a;font-size:13.5px;font-weight:600}.article-row-preview{color:#64748b;font-size:12px;line-height:1.4}.article-row-chevron{color:#cbd5e1;transition:color .15s}.help-article-row:hover .article-row-chevron{color:#0f172a}.help-article-reader{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.01);padding:20px}.help-back-btn{all:unset;align-items:center;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-bottom:16px;transition:color .15s}.help-back-btn:hover{color:#0f172a}.help-article-heading{color:#0f172a;font-size:20px;font-weight:700;line-height:1.3;margin-bottom:8px}.help-article-type{margin-bottom:18px}.help-article-body{border-top:1px solid #f1f5f9;color:#334155;font-size:13.5px;line-height:1.6;padding-top:16px}.help-article-body h1,.help-article-body h2,.help-article-body h3{color:#0f172a;font-weight:600;margin:18px 0 8px}.help-article-body p{margin:0 0 12px}.help-article-body code.inline-code{background:#f1f5f9;border-radius:4px;font-family:monospace;font-size:12px;padding:2px 6px}.message-inline-image{border:1px solid rgba(0,0,0,.08);border-radius:8px;margin-top:6px;max-width:100%}.message-inline-link{color:inherit;font-weight:500;text-decoration:underline}.msg.agent .message-inline-link{color:#2563eb}.header-back-arrow-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:8px;outline:none;padding:4px;transition:background .2s}.header-back-arrow-btn:hover{background:hsla(0,0%,100%,.15)}.conversations-list-container{background:#f8fafc;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:20px}.list-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.list-header-title{color:#0f172a;font-size:14px;font-weight:600}.conversations-scrollable{display:flex;flex:1;flex-direction:column;gap:8px;margin-bottom:16px;overflow-y:auto;padding-right:2px}.conversation-list-item{all:unset;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease;width:100%}.conversation-list-item:hover{border-color:rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.02);transform:translateY(-1px)}.conversation-item-left{align-items:center;display:flex;gap:12px;overflow:hidden;text-align:left}.conversation-item-icon{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;object-fit:cover;width:36px}.conversation-item-details{align-items:flex-start;display:flex;flex-direction:column;gap:2px;overflow:hidden}.conversation-item-title{color:#0f172a;font-size:13px;font-weight:600}.conversation-item-preview{color:#64748b;font-size:11.5px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-right{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;gap:6px}.conversation-item-time{font-size:10px}.start-new-chat-btn{all:unset;background:#0f172a;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:600;height:40px;text-align:center;transition:opacity .2s;width:100%}.start-new-chat-btn:hover{opacity:.9}@media (max-width:600px){.askly-chat-modal,.askly-chat-modal.expanded{border:none!important;border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;max-height:100vh!important;max-width:100vw!important;right:0!important;width:100vw!important}.chat-header{border-radius:0!important}.askly-chat-button{bottom:16px;right:16px}}');var S=["😀","😃","😄","😁","😆","😅","😂","🤣","😊","😇","🙂","🙃","😉","😌","😍","🥰","😘","😗","😙","😚","😋","😛","😝","😜","🤪","🤠","🥳","😎","🤓","🧐","👍","👎","👌","✌️","🤞","🤟","🤘","🤙","👋","👏"],I=function(a){var t=a.orgId,p=a.organizationName,l=void 0===p?"Askly":p,M=a.themeColor,n=void 0===M?"#0f172a":M,o=a.position,v=void 0===o?"right":o,s=a.orgServerRoute,I=a.enableVoiceChat,_=void 0!==I&&I,D=a.welcomeMessage,R=void 0===D?"Hi! How can I help you today?":D,U=a.placeholderText,W=void 0===U?"Type your message...":U,$=a.organizationLogo,P=a.buttonIcon,F=void 0===P?"💬":P,J=a.autoOpen,Y=void 0!==J&&J,X=a.showTimestamp,K=void 0!==X&&X,G=a.soundEnabled,Q=void 0!==G&&G,ee=a.soundVolume,ae=void 0===ee?.4:ee;a.poweredBy;var te=a.userId,he=a.timestamp,ye=a.signature,de=a.turnstileSiteKey,pe=a.excludePaths,ke=void 0===pe?[]:pe,re=a.onMessageSent,ce=a.onMessageReceived,ie=a.onChatOpened,le=a.onChatClosed,Me=a.onEscalation,ne=h("undefined"!=typeof window?window.location.pathname:""),oe=ne[0],ve=ne[1],se=h(l),me=se[0],xe=se[1],ge=h(n),ue=ge[0],fe=ge[1],we=h(_),be=we[0],ze=we[1],qe=h(R),je=qe[0],He=qe[1],Ve=h(t),Ae=Ve[0],Le=Ve[1];y(function(){r(void 0,void 0,void 0,function(){var e,a,h,y,d;return c(this,function(p){switch(p.label){case 0:return p.trys.push([0,4,,5]),e=s.replace(/\/messages\/widget$/,"")+"/messages/widget/config",a=t?"?org_id=".concat(t):"",[4,fetch("".concat(e).concat(a))];case 1:return(h=p.sent()).ok?[4,h.json()]:[3,3];case 2:(y=p.sent()).orgId&&Le(y.orgId),y.organizationName&&xe(y.organizationName),y.themeColor&&fe(y.themeColor),void 0!==y.enableVoiceChat&&ze(y.enableVoiceChat),y.welcomeMessage&&He(y.welcomeMessage),p.label=3;case 3:return[3,5];case 4:return d=p.sent(),console.warn("[Askly] Failed to load remote widget config, using local properties:",d),[3,5];case 5:return[2]}})})},[t,s,l,n,_,R]),y(function(){if("undefined"!=typeof window){var e=function(){ve(window.location.pathname)},a=window.history.pushState,t=window.history.replaceState;return window.history.pushState=function(){for(var t=[],h=0;h<arguments.length;h++)t[h]=arguments[h];a.apply(this,t),e()},window.history.replaceState=function(){for(var a=[],h=0;h<arguments.length;h++)a[h]=arguments[h];t.apply(this,a),e()},window.addEventListener("popstate",e),function(){window.removeEventListener("popstate",e),window.history.pushState=a,window.history.replaceState=t}}},[]);var Ze=h(Y),Ce=Ze[0],Ee=Ze[1],Ne=h("home"),Se=Ne[0],Ie=Ne[1],Te=h(!1),Oe=Te[0],Be=Te[1];if(ke.some(function(e){return oe.startsWith(e)}))return null;var _e="askly_conversations_".concat(Ae||"detect","_").concat(te||"guest"),De=h(function(){if("undefined"!=typeof window){var e=localStorage.getItem(_e);return e?JSON.parse(e):[]}return[]}),Re=De[0],Ue=De[1];y(function(){if("undefined"!=typeof window){var e=localStorage.getItem(_e);Ue(e?JSON.parse(e):[])}},[_e]);var We=h(null),$e=We[0],Pe=We[1],Fe=h([]),Je=Fe[0],Ye=Fe[1],Xe=h(""),Ke=Xe[0],Ge=Xe[1],Qe=h(!1),ea=Qe[0],aa=Qe[1],ta=h(!1),ha=ta[0],ya=ta[1],da=h(!1),pa=da[0],ka=da[1],ra=h(null),ca=ra[0],ia=ra[1],la=h(""),Ma=la[0],na=la[1],oa=h([]),va=oa[0],sa=oa[1],ma=h(!1),xa=ma[0],ga=ma[1],ua=h(null),fa=ua[0],wa=ua[1],ba=h([]),za=ba[0],qa=ba[1];y(function(){r(void 0,void 0,void 0,function(){var e,a,t,h;return c(this,function(y){switch(y.label){case 0:if(!Ae)return[2];y.label=1;case 1:return y.trys.push([1,5,,6]),e=s.replace(/\/messages\/widget$/,"")+"/knowledge/widget/list",[4,fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({organization_id:Ae,limit:20})})];case 2:return(a=y.sent()).ok?[4,a.json()]:[3,4];case 3:t=y.sent(),qa(t.results||[]),y.label=4;case 4:return[3,6];case 5:return h=y.sent(),console.error("Failed to load article catalog:",h),[3,6];case 6:return[2]}})})},[Ae,s]);var ja=h(!1),Ha=ja[0],Va=ja[1],Aa=h(!1),La=Aa[0],Za=Aa[1],Ca=d(null),Ea=d(null),Na=d(null),Sa=d(null),Ia=d(null);y(function(){"undefined"!=typeof window&&localStorage.setItem(_e,JSON.stringify(Re))},[Re,_e]),y(function(){if($e){var e=Re.find(function(e){return e.id===$e});Ye(e?e.messages:[])}else Ye([])},[$e]),y(function(){$e&&Je.length>0&&Ue(function(e){var a=e.find(function(e){return e.id===$e});return a&&JSON.stringify(a.messages)===JSON.stringify(Je)?e:e.map(function(e){return e.id===$e?k(k({},e),{messages:Je,lastUpdated:(new Date).toISOString()}):e})})},[Je,$e]);var Ta=function(){var e="chat_"+Date.now(),a={id:e,messages:je?[{role:"agent",content:je,timestamp:new Date}]:[],lastUpdated:(new Date).toISOString()};Ue(function(e){return i([a],e,!0)}),Pe(e)};y(function(){"messages"!==Se||0!==Re.length||$e||Ta()},[Se,Re.length,$e]),y(function(){Ue(function(e){return e.map(function(e){return 1===e.messages.length&&"agent"===e.messages[0].role?k(k({},e),{messages:[k(k({},e.messages[0]),{content:je,timestamp:e.messages[0].timestamp})]}):e})})},[je]),y(function(){var e;null===(e=Ca.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[Je]),y(function(){if(de&&"undefined"!=typeof window&&!document.getElementById("cloudflare-turnstile-script")){var e=document.createElement("script");e.id="cloudflare-turnstile-script",e.src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit",e.async=!0,e.defer=!0,document.head.appendChild(e)}},[de]),y(function(){var e=document.getElementById("askly-turnstile-container");if(Ce&&de&&e&&"undefined"!=typeof window){var a=function(){if(window.turnstile)try{Na.current=window.turnstile.render("#askly-turnstile-container",{sitekey:de,callback:function(e){ia(e)},"expired-callback":function(){ia(null)},"error-callback":function(){ia(null)}})}catch(e){console.error("Turnstile render error:",e)}else setTimeout(a,300)};setTimeout(a,150)}},[Ce,Se,de]),y(function(){if(be&&"webkitSpeechRecognition"in window){var e=window.webkitSpeechRecognition;Ea.current=new e,Ea.current.continuous=!1,Ea.current.interimResults=!1,Ea.current.onresult=function(e){var a=e.results[0][0].transcript;Ge(a),ka(!1)},Ea.current.onerror=function(){ka(!1)},Ea.current.onend=function(){ka(!1)}}},[be]);var Oa=d(null),Ba=function(){if("undefined"==typeof window)return null;if(!Oa.current){var e=window.AudioContext||window.webkitAudioContext;if(!e)return null;try{Oa.current=new e}catch(e){return null}}return Oa.current},_a=function(){var e=Ba();e&&"suspended"===e.state&&e.resume().catch(function(){})},Da={sent:[{freq:392,start:0,duration:.08}],received:[{freq:587.33,start:0,duration:.09},{freq:783.99,start:.09,duration:.14}],error:[{freq:311.13,start:0,duration:.14,type:"sawtooth"},{freq:233.08,start:.12,duration:.18,type:"sawtooth"}],escalation:[{freq:880,start:0,duration:.12},{freq:1174.66,start:.11,duration:.2,type:"triangle"}]},Ra=function(e){if(Q){var a=Ba();if(a){"suspended"===a.state&&a.resume().catch(function(){});for(var t=Da[e]||Da.received,h=a.currentTime,y=.35*Math.max(0,Math.min(1,ae)),d=0,p=t;d<p.length;d++){var k=p[d],r=a.createOscillator(),c=a.createGain();r.type=k.type||"sine",r.frequency.value=k.freq;var i=h+k.start;c.gain.setValueAtTime(1e-4,i),c.gain.exponentialRampToValueAtTime(y,i+.012),c.gain.exponentialRampToValueAtTime(1e-4,i+k.duration),r.connect(c).connect(a.destination),r.start(i),r.stop(i+k.duration+.03)}}}},Ua=d(!1);y(function(){Ua.current?Ce?(_a(),null==ie||ie()):null==le||le():Ua.current=!0},[Ce]);var Wa=function(e){var a,t=e.target.value;na(t),a=t,r(void 0,void 0,void 0,function(){var e,t,h,y;return c(this,function(d){switch(d.label){case 0:if(!a.trim())return sa([]),[2];ga(!0),d.label=1;case 1:return d.trys.push([1,5,6,7]),e=s.replace(/\/messages\/widget$/,"")+"/knowledge/widget/search",[4,fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({organization_id:Ae||"",query:a,top_k:5})})];case 2:return(t=d.sent()).ok?[4,t.json()]:[3,4];case 3:h=d.sent(),sa(h.results||[]),d.label=4;case 4:return[3,7];case 5:return y=d.sent(),console.error("RAG search failed:",y),[3,7];case 6:return ga(!1),[7];case 7:return[2]}})})},$a=function(e){wa(e)},Pa=function(){return r(void 0,void 0,void 0,function(){var e,a,t,h,y,d,p,k,r;return c(this,function(c){switch(c.label){case 0:if(!Ke.trim())return[2];if(de&&!ye&&!ca)return alert("Please solve the verification challenge first."),[2];e=he||Math.floor(Date.now()/1e3),t={role:"user",content:a=Ke,timestamp:new Date},Ye(function(e){return i(i([],e,!0),[t],!1)}),Ge(""),aa(!0),_a(),Ra("sent"),null==re||re(a),c.label=1;case 1:return c.trys.push([1,6,7,8]),h={organization_id:Ae||"",user_id:te||"guest_user",message:Ke,timestamp:e},ye&&(h.signature=ye),ca&&(h.turnstile_token=ca),[4,fetch(s,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(h)})];case 2:return(y=c.sent()).ok?[3,4]:[4,y.json().catch(function(){return{}})];case 3:throw d=c.sent(),new Error(d.detail||"Failed to get response from the server.");case 4:return[4,y.json()];case 5:if(p=c.sent(),k={role:"agent",content:p.reply,timestamp:new Date},Ye(function(e){return i(i([],e,!0),[k],!1)}),p.escalated||p.should_escalate?(Ra("escalation"),null==Me||Me(p)):Ra("received"),null==ce||ce(p.reply),be&&function(e){if(be&&"speechSynthesis"in window){var a=new SpeechSynthesisUtterance(e);a.rate=.9,a.pitch=1,window.speechSynthesis.speak(a)}}(p.reply),de&&!ye&&window.turnstile)try{window.turnstile.reset(Na.current),ia(null)}catch(e){console.error("Turnstile reset error:",e)}return[3,8];case 6:return r=c.sent(),console.error("AsklyChat Error:",r),Ye(function(e){return i(i([],e,!0),[{role:"agent",content:r.message||"Sorry, something went wrong. Please try again.",timestamp:new Date}],!1)}),Ra("error"),ya(!0),setTimeout(function(){return ya(!1)},500),[3,8];case 7:return aa(!1),[7];case 8:return[2]}})})},Fa=function(e){if(!e)return"";try{var a=new Date(e);return isNaN(a.getTime())?"":a.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})}catch(e){return""}},Ja="#0f172a"===ue||"#6366f1"===ue||"#2563eb"===ue,Ya=k({right:"right"===v?"24px":void 0,left:"left"===v?"24px":void 0},Ja?{}:{backgroundColor:ue}),Xa={right:"right"===v?"24px":void 0,left:"left"===v?"24px":void 0},Ka=Ja?{}:{background:ue},Ga=Ja?{}:{backgroundColor:ue},Qa=Ja?{}:{backgroundColor:ue},et=Ja?{}:{color:ue,borderBottomColor:ue};return e.createElement(e.Fragment,null,e.createElement("div",{className:"askly-chat-button ".concat(Ce?"open":""),style:Ya,onClick:function(){return Ee(!Ce)},title:"Support Center"},Ce?e.createElement(N,{size:24}):"💬"===F?e.createElement(z,{size:24}):F),Ce&&e.createElement("div",{className:"askly-chat-modal ".concat(Oe?"expanded":""," ").concat(ha?"askly-shake":""),style:Xa},e.createElement("div",{className:"chat-header",style:Ka},e.createElement("div",{className:"header-content"},"messages"===Se&&null!==$e&&e.createElement("button",{className:"header-back-arrow-btn",onClick:function(){return Pe(null)},title:"Back to conversations"},e.createElement(x,{size:20})),e.createElement("img",{src:$||"https://api.dicebear.com/7.x/bottts/svg?seed=Askly",alt:me,className:"header-avatar"}),e.createElement("div",{className:"header-text"},e.createElement("div",{className:"header-title"},me),e.createElement("div",{className:"header-status"},ea?"Typing…":"Online"))),e.createElement("div",{style:{display:"flex",gap:8,alignItems:"center"}},e.createElement("button",{className:"header-action-btn",onClick:function(){return Be(!Oe)},title:Oe?"Collapse window":"Expand window"},Oe?e.createElement(H,{size:16}):e.createElement(b,{size:16})),e.createElement("button",{className:"header-action-btn",onClick:function(){return Ee(!1)}},e.createElement(V,{size:18})))),"home"===Se&&e.createElement("div",{className:"chat-body home-layout"},e.createElement("div",{className:"home-greeting-card"},e.createElement("div",{style:{display:"flex",gap:-6,marginBottom:12}},e.createElement(T,null)),e.createElement("div",{className:"greeting-text"},"Hello! How can we help you?"),e.createElement("div",{className:"greeting-subtext"},"We typically reply in under 5 minutes.")),e.createElement("button",{className:"home-action-card",onClick:function(){return Ie("messages")}},e.createElement("div",{className:"card-left"},e.createElement("div",{className:"card-title"},"Send us a message"),e.createElement("div",{className:"card-desc"},"Start a real-time conversation with our AI support assistant.")),e.createElement("div",{className:"card-right-icon",style:Ja?{}:{color:ue}},e.createElement(z,{size:20}))),e.createElement("div",{className:"home-search-card"},e.createElement("div",{className:"card-title",style:{marginBottom:10}},"Search for help"),e.createElement("div",{className:"home-search-input-wrapper"},e.createElement(L,{size:14,className:"search-icon-svg"}),e.createElement("input",{type:"text",value:Ma,onChange:Wa,placeholder:"Search our knowledge base..."}),xa&&e.createElement("span",{className:"search-loader"})),""!==Ma.trim()?e.createElement("div",{className:"home-search-results"},0!==va.length||xa?va.map(function(a){return e.createElement("button",{key:a.id,className:"search-result-item",onClick:function(){$a(a),Ie("help")}},e.createElement(m,{size:13,style:{flexShrink:0,marginTop:2}}),e.createElement("span",{className:"search-result-title"},a.title),e.createElement(g,{size:14,style:{marginLeft:"auto",flexShrink:0}}))}):e.createElement("div",{className:"no-search-results"},'No articles matching "',Ma,'"')):za.length>0&&e.createElement("div",{style:{marginTop:12,borderTop:"1px solid rgba(0,0,0,0.06)",paddingTop:10}},e.createElement("div",{style:{fontSize:10.5,fontWeight:600,color:"#64748b",textTransform:"uppercase",marginBottom:6,letterSpacing:"0.5px"}},"Recommended Articles"),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:6}},za.slice(0,3).map(function(a){return e.createElement("button",{key:a.id,className:"search-result-item",onClick:function(){$a(a),Ie("help")},style:{all:"unset",cursor:"pointer",display:"flex",alignItems:"center",gap:8,padding:"8px 10px",background:"#f8fafc",borderRadius:8,border:"1px solid rgba(0,0,0,0.02)"}},e.createElement(m,{size:13,style:{flexShrink:0,color:"#64748b"}}),e.createElement("span",{style:{fontSize:12,fontWeight:500,color:"#0f172a",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flex:1,textAlign:"left"}},a.title),e.createElement(g,{size:14,style:{color:"#94a3b8",flexShrink:0}}))}))))),"messages"===Se&&(null===$e?e.createElement("div",{className:"conversations-list-container",style:{height:"calc(100% - 105px)"}},e.createElement("div",{className:"list-header-row"},e.createElement("span",{className:"list-header-title"},"Your Conversations")),e.createElement("div",{className:"conversations-scrollable"},Re.map(function(a,t){var h=a.messages[a.messages.length-1],y=h?h.content:"No messages yet",d=a.lastUpdated?new Date(a.lastUpdated):new Date;return e.createElement("button",{key:a.id,className:"conversation-list-item",onClick:function(){return Pe(a.id)}},e.createElement("div",{className:"conversation-item-left"},e.createElement("div",{className:"conversation-item-details"},e.createElement("span",{className:"conversation-item-title"},"Chat #",Re.length-t),e.createElement("span",{className:"conversation-item-preview"},y.replace(/!\[.*?\]\(.*?\)/g,"[Image]").replace(/\[.*?\]\(.*?\)/g,"[Link]").slice(0,50)))),e.createElement("div",{className:"conversation-item-right"},e.createElement("span",{className:"conversation-item-time"},Fa(d)),e.createElement(g,{size:14})))})),e.createElement("button",{className:"start-new-chat-btn",onClick:Ta,style:Ja?{}:{backgroundColor:ue}},"Ask a Question")):e.createElement("div",{style:{display:"flex",flexDirection:"column",height:"calc(100% - 55px)",minHeight:0}},e.createElement("div",{className:"chat-body flex-1"},Je.map(function(a,t){return e.createElement("div",{key:t,className:"msg-wrapper ".concat(a.role)},"agent"===a.role&&e.createElement("img",{src:$||"https://api.dicebear.com/7.x/bottts/svg?seed=Askly",alt:"Bot",className:"msg-avatar"}),e.createElement("div",{className:"msg ".concat(a.role),style:"user"===a.role?Qa:{}},e.createElement("div",{className:"msg-content",dangerouslySetInnerHTML:{__html:B(a.content)}}),K&&a.timestamp&&e.createElement("div",{className:"msg-time"},Fa(a.timestamp))),"user"===a.role&&e.createElement("div",{className:"msg-avatar-user"},e.createElement(E,{size:16})))}),ea&&e.createElement("div",{className:"msg-wrapper agent"},e.createElement("img",{src:$||"https://api.dicebear.com/7.x/bottts/svg?seed=Askly",alt:"Bot",className:"msg-avatar"}),e.createElement("div",{className:"typing-indicator"},e.createElement("span",null),e.createElement("span",null),e.createElement("span",null))),La&&e.createElement("div",{className:"msg-wrapper user"},e.createElement("div",{className:"msg-avatar-user"},e.createElement(E,{size:16})),e.createElement("div",{className:"msg user",style:{opacity:.7,display:"flex",alignItems:"center",gap:8}},e.createElement("span",{className:"search-loader",style:{borderColor:"#fff",borderTopColor:"transparent"}}),e.createElement("span",null,"Uploading attachment..."))),de&&!ye&&!ca&&e.createElement("div",{className:"askly-turnstile-wrapper"},e.createElement("div",{id:"askly-turnstile-container"})),e.createElement("div",{ref:Ca})),e.createElement("div",{className:"chat-footer"},e.createElement("input",{ref:Ia,value:Ke,onChange:function(e){return Ge(e.target.value)},onKeyPress:function(e){return"Enter"===e.key&&Pa()},placeholder:!de||ye||ca?W:"Verify security check to chat...",disabled:ea||La||!!de&&!ye&&!ca}),e.createElement("input",{type:"file",ref:Sa,style:{display:"none"},onChange:function(e){return r(void 0,void 0,void 0,function(){var a,t,h,y,d,p,k,r,i,l,M;return c(this,function(c){switch(c.label){case 0:if(!(a=null===(l=e.target.files)||void 0===l?void 0:l[0]))return[2];Za(!0),c.label=1;case 1:return c.trys.push([1,6,7,8]),t=s.replace(/\/widget$/,"")+"/widget/upload",(h=new FormData).append("organization_id",Ae||""),h.append("file",a),[4,fetch(t,{method:"POST",body:h})];case 2:return(y=c.sent()).ok?[3,4]:[4,y.json().catch(function(){return{}})];case 3:throw d=c.sent(),new Error(d.detail||"Upload failed");case 4:return[4,y.json()];case 5:return p=c.sent(),k=a.type.startsWith("image/"),r=k?"![Image attachment](".concat(p.blob_url,")"):"[File attachment: ".concat(a.name,"](").concat(p.blob_url,")"),Ge(function(e){return e+(e.endsWith(" ")||""===e?"":" ")+r}),null===(M=Ia.current)||void 0===M||M.focus(),[3,8];case 6:return i=c.sent(),alert("Attachment upload failed: "+i.message),[3,8];case 7:return Za(!1),e.target&&(e.target.value=""),[7];case 8:return[2]}})})}}),e.createElement("div",{style:{display:"flex",gap:4,alignItems:"center"}},e.createElement("button",{className:"footer-action-btn",onClick:function(){var e;null===(e=Sa.current)||void 0===e||e.click()},disabled:ea||La||!!de&&!ye&&!ca,title:"Upload attachment (Max 10MB)"},e.createElement(A,{size:18})),e.createElement("button",{className:"footer-action-btn ".concat(Ha?"active":""),onClick:function(){return Va(!Ha)},disabled:ea||La||!!de&&!ye&&!ca,title:"Insert emoji"},e.createElement(C,{size:18})),be&&e.createElement("button",{className:"voice-btn ".concat(pa?"listening":""),onClick:function(){Ea.current&&(pa?(Ea.current.stop(),ka(!1)):(Ea.current.start(),ka(!0)))},title:pa?"Stop listening":"Voice input",disabled:ea||La||!!de&&!ye&&!ca,style:{borderColor:pa?void 0:ue,color:pa?void 0:ue}},pa?e.createElement(q,{size:18}):e.createElement(j,{size:18})),e.createElement("button",{onClick:Pa,style:Ga,disabled:ea||La||!Ke.trim()||!!de&&!ye&&!ca,className:"send-btn"},e.createElement(Z,{size:16}))),Ha&&e.createElement("div",{className:"askly-emoji-picker"},S.map(function(a){return e.createElement("button",{key:a,onClick:function(){return function(e){var a;Ge(function(a){return a+e}),Va(!1),null===(a=Ia.current)||void 0===a||a.focus()}(a)},className:"emoji-item"},a)}))),e.createElement("div",{className:"chat-terms-notice"},e.createElement(u,{size:10,style:{flexShrink:0}}),e.createElement("span",null,"By chatting, you agree to our Terms and Conditions.")))),"help"===Se&&e.createElement("div",{className:"chat-body help-layout"},fa?e.createElement("div",{className:"help-article-reader"},e.createElement("button",{className:"help-back-btn",onClick:function(){return wa(null)}},e.createElement(x,{size:16}),e.createElement("span",null,"Back to Help")),e.createElement("div",{className:"help-article-heading"},fa.title),e.createElement("div",{className:"help-article-type"},e.createElement(O,{variant:fa.document_type})),e.createElement("div",{className:"help-article-body",dangerouslySetInnerHTML:{__html:B(fa.content)}})):e.createElement("div",null,e.createElement("div",{className:"home-search-input-wrapper",style:{marginBottom:16}},e.createElement(L,{size:14,className:"search-icon-svg"}),e.createElement("input",{type:"text",value:Ma,onChange:Wa,placeholder:"Search FAQs & articles..."}),xa&&e.createElement("span",{className:"search-loader"})),e.createElement("div",{className:"help-articles-list"},""===Ma.trim()?za.length>0?e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:10,width:"100%"}},e.createElement("div",{style:{fontSize:11,fontWeight:600,color:"#64748b",textTransform:"uppercase",paddingLeft:4,letterSpacing:"0.5px"}},"All Available Articles (",za.length,")"),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:8}},za.map(function(a){return e.createElement("button",{key:a.id,className:"help-article-row",onClick:function(){return $a(a)}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:3,alignItems:"flex-start",textAlign:"left"}},e.createElement("span",{className:"article-row-title"},a.title),e.createElement("span",{className:"article-row-preview"},a.content.replace(/[\n\r]+/g," ").slice(0,85),"...")),e.createElement(g,{size:14,className:"article-row-chevron"}))}))):e.createElement("div",{className:"help-catalog-intro"},e.createElement(m,{size:28,style:{opacity:.3,marginBottom:8}}),e.createElement("div",{style:{fontWeight:500,fontSize:13,color:"var(--text-1)"}},"Help Documentation"),e.createElement("div",{style:{fontSize:11.5,color:"var(--text-3)",marginTop:4}},"Type inside the search bar above to fetch instant solutions from our Vector Knowledge Base.")):va.map(function(a){return e.createElement("button",{key:a.id,className:"help-article-row",onClick:function(){return $a(a)}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:3,alignItems:"flex-start"}},e.createElement("span",{className:"article-row-title"},a.title),e.createElement("span",{className:"article-row-preview"},a.content.slice(0,80),"...")),e.createElement(g,{size:14,className:"article-row-chevron"}))})))),!("messages"===Se&&null!==$e)&&e.createElement("div",{className:"chat-nav-tabs"},e.createElement("button",{className:"nav-tab-btn ".concat("home"===Se?"active":""),style:"home"===Se?et:{},onClick:function(){Ie("home"),wa(null)}},e.createElement(w,{size:18}),e.createElement("span",null,"Home")),e.createElement("button",{className:"nav-tab-btn ".concat("messages"===Se?"active":""),style:"messages"===Se?et:{},onClick:function(){return Ie("messages")}},e.createElement(z,{size:18}),e.createElement("span",null,"Messages")),e.createElement("button",{className:"nav-tab-btn ".concat("help"===Se?"active":""),style:"help"===Se?et:{},onClick:function(){return Ie("help")}},e.createElement(f,{size:18}),e.createElement("span",null,"Help")))))};function T(){return e.createElement("div",{style:{display:"flex",alignItems:"center"}},e.createElement("div",{className:"overlap-avatar",style:{zIndex:3,background:"#e2e8f0"}},"👩💻"),e.createElement("div",{className:"overlap-avatar",style:{zIndex:2,background:"#cbd5e1",marginLeft:-8}},"👨💻"),e.createElement("div",{className:"overlap-avatar",style:{zIndex:1,background:"#94a3b8",marginLeft:-8}},"🤖"))}function O(a){var t=a.variant,h="faq"===t.toLowerCase(),y=h?"#dbeafe":"#e0f2fe",d=h?"#1e40af":"#0369a1";return e.createElement("span",{style:{fontSize:10,fontWeight:600,background:y,color:d,padding:"2px 6px",borderRadius:4,textTransform:"uppercase"}},t)}function B(e){if(!e)return"";var a=e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">");return a=(a=(a=(a=(a=(a=a.replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>")).replace(/\*(.*?)\*/g,"<em>$1</em>")).replace(/`(.*?)`/g,"<code class='inline-code'>$1</code>")).replace(/!\[(.*?)\]\((.*?)\)/g,'<img src="$2" alt="$1" class="message-inline-image" />')).replace(/\[(.*?)\]\((.*?)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer" class="message-inline-link">$1</a>')).replace(/\n/g,"<br />")}var _={init:function(a){void 0===a&&(a={}),console.log("[Askly] Initializing...",{config:a});var t=a.orgServerRoute||"".concat("https://api.askly.co.in","/api/messages/widget"),h=a.widgetId||a.orgId;h||console.error("[Askly] Missing required `widgetId`. The widget cannot load without it.");var y=document.createElement("div");y.id="askly-widget-container",document.body.appendChild(y),console.log("[Askly] Container element appended to the page.",y),p(y).render(e.createElement(I,k(k({},a),{orgId:h,orgServerRoute:t}))),console.log("[Askly] ChatWidget rendered.")}};if("undefined"!=typeof window){window.Askly=_;var D=document.currentScript||document.querySelector("script[src*='widget.js']")||document.querySelector("script[src*='index.umd.js']");if(D){var R=D.getAttribute("data-widget-id")||D.getAttribute("data-org-id")||void 0,U=D.getAttribute("data-org-server-route")||void 0;_.init({widgetId:R,orgServerRoute:U,organizationName:D.getAttribute("data-org-name")||void 0,position:D.getAttribute("data-position")||void 0,themeColor:D.getAttribute("data-theme-color")||void 0,enableVoiceChat:D.getAttribute("data-enable-voice")?"true"===D.getAttribute("data-enable-voice"):void 0,welcomeMessage:D.getAttribute("data-welcome-message")||void 0,placeholderText:D.getAttribute("data-placeholder-text")||void 0,organizationLogo:D.getAttribute("data-logo")||void 0,buttonIcon:D.getAttribute("data-button-icon")||void 0,autoOpen:"true"===D.getAttribute("data-auto-open"),showTimestamp:"true"===D.getAttribute("data-show-timestamp"),soundEnabled:"true"===D.getAttribute("data-sound-enabled"),soundVolume:D.getAttribute("data-sound-volume")?parseFloat(D.getAttribute("data-sound-volume")):void 0,poweredBy:D.getAttribute("data-powered-by")||void 0,userId:D.getAttribute("data-user-id")||void 0,timestamp:D.getAttribute("data-timestamp")?parseInt(D.getAttribute("data-timestamp")):void 0,signature:D.getAttribute("data-signature")||void 0,turnstileSiteKey:D.getAttribute("data-turnstile-sitekey")||void 0,excludePaths:D.getAttribute("data-exclude-paths")?D.getAttribute("data-exclude-paths").split(",").map(function(e){return e.trim()}):void 0})}}export{_ as default};
|
|
147
147
|
//# sourceMappingURL=index.esm.js.map
|