@useknest/widget-web 0.1.1 → 0.1.2

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/dist/widget.js CHANGED
@@ -17264,9 +17264,9 @@ const d0 = {
17264
17264
  }
17265
17265
  }.loading-text.svelte-7fg7a1 {font-size:0.875rem;font-weight:500;color:#6b7280;margin:0;}.error-container.svelte-7fg7a1 {display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);padding:2rem;}.error-content.svelte-7fg7a1 {text-align:center;max-width:300px;}.error-text.svelte-7fg7a1 {font-size:0.875rem;color:#991b1b;margin:0;line-height:1.5;}.messages-container.svelte-7fg7a1 {flex:1;overflow-y:auto;}.separator.svelte-7fg7a1 {margin:0 1.5rem;border-bottom:1px solid #e5e7eb;}.examples.svelte-7fg7a1 {border-top:1px solid #e5e7eb;padding:1.25rem 1.5rem;}.examples.svelte-7fg7a1 h3:where(.svelte-7fg7a1) {font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#6b7280;margin:0 0 1rem 0;}.example-btn.svelte-7fg7a1 {width:100%;padding:0.75rem;margin-bottom:0.75rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:white;text-align:left;font-size:0.875rem;color:#374151;cursor:pointer;transition:background 0.15s;}.example-btn.svelte-7fg7a1:hover {background:#f9fafb;}.presence-caption.svelte-7fg7a1 {display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:#6b7280;margin:0 0 0.375rem 0;}.online-dot.svelte-7fg7a1 {display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;}.human-takeover-caption.svelte-7fg7a1 {font-size:0.75rem;color:#9ca3af;text-align:center;margin:0.75rem 0 0 0;}.input-section.svelte-7fg7a1 {border-top:1px solid #f3f4f6;padding:1rem;}.input-wrapper.svelte-7fg7a1 {display:flex;align-items:center;gap:0.5rem;}.input-field.svelte-7fg7a1 {flex:1;padding:0.75rem 1rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:#f9fafb;font-size:0.875rem;color:#374151;outline:none;}.input-field.svelte-7fg7a1:focus {background:white;border-color:#d1d5db;}.input-field.svelte-7fg7a1:disabled {opacity:0.5;}.attach-btn.svelte-7fg7a1 {width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:0.5rem;background:#e5e7eb;color:#6b7280;cursor:pointer;transition:background 0.15s;flex-shrink:0;}.attach-btn.svelte-7fg7a1:hover:not(:disabled) {background:#d1d5db;}.attach-btn.svelte-7fg7a1:disabled {opacity:0.4;cursor:not-allowed;}.attach-icon.svelte-7fg7a1 {width:1rem;height:1rem;}.file-preview.svelte-7fg7a1 {display:flex;flex-wrap:wrap;gap:0.375rem;margin-bottom:0.5rem;}.file-chip.svelte-7fg7a1 {display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;font-size:0.75rem;color:#374151;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.chip-remove.svelte-7fg7a1 {background:none;border:none;padding:0;font-size:1rem;line-height:1;color:#9ca3af;cursor:pointer;flex-shrink:0;}.chip-remove.svelte-7fg7a1:hover {color:#374151;}.attach-error.svelte-7fg7a1 {font-size:0.75rem;color:#dc2626;margin:0 0 0.375rem 0;}.send-btn.svelte-7fg7a1 {width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:0.5rem;background:#e5e7eb;color:#6b7280;cursor:pointer;transition:background 0.15s;}.send-btn.svelte-7fg7a1:hover:not(:disabled) {background:#d1d5db;}.send-btn.svelte-7fg7a1:disabled {opacity:0.5;cursor:not-allowed;}.send-icon.svelte-7fg7a1 {width:1rem;height:1rem;}.reset-row.svelte-7fg7a1 {display:flex;justify-content:center;margin-top:0.5rem;}.reset-btn.svelte-7fg7a1 {background:none;border:none;padding:0;font-size:0.75rem;color:#9ca3af;cursor:pointer;transition:color 0.15s;}.reset-btn.svelte-7fg7a1:hover {color:#6b7280;}.footer.svelte-7fg7a1 {margin-top:0.75rem;display:flex;justify-content:center;}.powered-by.svelte-7fg7a1 {display:flex;align-items:center;gap:0.125rem;font-size:0.75rem;color:#6b7280;text-decoration:none;transition:color 0.15s;}.powered-by.svelte-7fg7a1:hover {color:#374151;text-decoration:underline;}
17266
17266
 
17267
- /* Bubble Mode */.bubble-container.svelte-7fg7a1 {position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:16px;}.bubble-button.svelte-7fg7a1 {width:56px;height:56px;border-radius:50%;border:none;color:white;cursor:pointer;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);display:flex;align-items:center;justify-content:center;transition:transform 0.2s,
17267
+ /* Bubble Mode */.bubble-container.svelte-7fg7a1 {position:fixed;bottom:24px;right:24px;z-index:2147483647; /* WIDGET_Z_INDEX from widget-core/constants.ts */display:flex;flex-direction:column;align-items:flex-end;gap:16px;}.bubble-button.svelte-7fg7a1 {width:56px;height:56px;border-radius:50%;border:none;color:white;cursor:pointer;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);display:flex;align-items:center;justify-content:center;transition:transform 0.2s,
17268
17268
  box-shadow 0.2s;}.bubble-button.svelte-7fg7a1:hover {transform:scale(1.05);box-shadow:0 6px 16px rgba(0, 0, 0, 0.2);}.bubble-spinner.svelte-7fg7a1 {
17269
- animation: svelte-7fg7a1-spin 1s linear infinite;}.bubble-panel.svelte-7fg7a1 {position:relative;width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:1rem;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);overflow:hidden;}.bubble-panel.svelte-7fg7a1 .chat-card:where(.svelte-7fg7a1) {height:100%;}.bubble-close-btn.svelte-7fg7a1 {display:none;position:absolute;top:0.75rem;right:0.75rem;z-index:10;width:2rem;height:2rem;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(0, 0, 0, 0.06);color:#374151;cursor:pointer;}.bubble-close-btn.svelte-7fg7a1:hover {background:rgba(0, 0, 0, 0.12);}
17269
+ animation: svelte-7fg7a1-spin 1s linear infinite;}.bubble-panel.svelte-7fg7a1 {position:relative;width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:1rem;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);overflow:hidden;}.bubble-panel.svelte-7fg7a1 .chat-card:where(.svelte-7fg7a1) {height:100%;}.bubble-close-btn.svelte-7fg7a1 {display:none;position:absolute;top:0.75rem;right:0.75rem;z-index:2147483646; /* WIDGET_CLOSE_BTN_Z_INDEX from widget-core/constants.ts */width:2rem;height:2rem;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(0, 0, 0, 0.06);color:#374151;cursor:pointer;}.bubble-close-btn.svelte-7fg7a1:hover {background:rgba(0, 0, 0, 0.12);}
17270
17270
 
17271
17271
  @media (max-width: 440px) {.bubble-container.bubble-open.svelte-7fg7a1 {inset:0;bottom:0;right:0;}.bubble-container.bubble-open.svelte-7fg7a1 .bubble-button:where(.svelte-7fg7a1) {display:none;}.bubble-panel.svelte-7fg7a1 {width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;border:none;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);}.bubble-close-btn.svelte-7fg7a1 {display:flex;}.bubble-panel.svelte-7fg7a1 .messages-container:where(.svelte-7fg7a1) > :where(.svelte-7fg7a1):first-child {padding-right:2.5rem;}
17272
17272
 
@@ -154,9 +154,9 @@ Url: ${Bs(t)}`),!0}return!1}function wv(t,e){return e?.length?gu(t).some(n=>Ns(n
154
154
  }
155
155
  }.loading-text.svelte-7fg7a1 {font-size:0.875rem;font-weight:500;color:#6b7280;margin:0;}.error-container.svelte-7fg7a1 {display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);padding:2rem;}.error-content.svelte-7fg7a1 {text-align:center;max-width:300px;}.error-text.svelte-7fg7a1 {font-size:0.875rem;color:#991b1b;margin:0;line-height:1.5;}.messages-container.svelte-7fg7a1 {flex:1;overflow-y:auto;}.separator.svelte-7fg7a1 {margin:0 1.5rem;border-bottom:1px solid #e5e7eb;}.examples.svelte-7fg7a1 {border-top:1px solid #e5e7eb;padding:1.25rem 1.5rem;}.examples.svelte-7fg7a1 h3:where(.svelte-7fg7a1) {font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#6b7280;margin:0 0 1rem 0;}.example-btn.svelte-7fg7a1 {width:100%;padding:0.75rem;margin-bottom:0.75rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:white;text-align:left;font-size:0.875rem;color:#374151;cursor:pointer;transition:background 0.15s;}.example-btn.svelte-7fg7a1:hover {background:#f9fafb;}.presence-caption.svelte-7fg7a1 {display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:#6b7280;margin:0 0 0.375rem 0;}.online-dot.svelte-7fg7a1 {display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;}.human-takeover-caption.svelte-7fg7a1 {font-size:0.75rem;color:#9ca3af;text-align:center;margin:0.75rem 0 0 0;}.input-section.svelte-7fg7a1 {border-top:1px solid #f3f4f6;padding:1rem;}.input-wrapper.svelte-7fg7a1 {display:flex;align-items:center;gap:0.5rem;}.input-field.svelte-7fg7a1 {flex:1;padding:0.75rem 1rem;border:1px solid #e5e7eb;border-radius:0.5rem;background:#f9fafb;font-size:0.875rem;color:#374151;outline:none;}.input-field.svelte-7fg7a1:focus {background:white;border-color:#d1d5db;}.input-field.svelte-7fg7a1:disabled {opacity:0.5;}.attach-btn.svelte-7fg7a1 {width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:0.5rem;background:#e5e7eb;color:#6b7280;cursor:pointer;transition:background 0.15s;flex-shrink:0;}.attach-btn.svelte-7fg7a1:hover:not(:disabled) {background:#d1d5db;}.attach-btn.svelte-7fg7a1:disabled {opacity:0.4;cursor:not-allowed;}.attach-icon.svelte-7fg7a1 {width:1rem;height:1rem;}.file-preview.svelte-7fg7a1 {display:flex;flex-wrap:wrap;gap:0.375rem;margin-bottom:0.5rem;}.file-chip.svelte-7fg7a1 {display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;font-size:0.75rem;color:#374151;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.chip-remove.svelte-7fg7a1 {background:none;border:none;padding:0;font-size:1rem;line-height:1;color:#9ca3af;cursor:pointer;flex-shrink:0;}.chip-remove.svelte-7fg7a1:hover {color:#374151;}.attach-error.svelte-7fg7a1 {font-size:0.75rem;color:#dc2626;margin:0 0 0.375rem 0;}.send-btn.svelte-7fg7a1 {width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:0.5rem;background:#e5e7eb;color:#6b7280;cursor:pointer;transition:background 0.15s;}.send-btn.svelte-7fg7a1:hover:not(:disabled) {background:#d1d5db;}.send-btn.svelte-7fg7a1:disabled {opacity:0.5;cursor:not-allowed;}.send-icon.svelte-7fg7a1 {width:1rem;height:1rem;}.reset-row.svelte-7fg7a1 {display:flex;justify-content:center;margin-top:0.5rem;}.reset-btn.svelte-7fg7a1 {background:none;border:none;padding:0;font-size:0.75rem;color:#9ca3af;cursor:pointer;transition:color 0.15s;}.reset-btn.svelte-7fg7a1:hover {color:#6b7280;}.footer.svelte-7fg7a1 {margin-top:0.75rem;display:flex;justify-content:center;}.powered-by.svelte-7fg7a1 {display:flex;align-items:center;gap:0.125rem;font-size:0.75rem;color:#6b7280;text-decoration:none;transition:color 0.15s;}.powered-by.svelte-7fg7a1:hover {color:#374151;text-decoration:underline;}
156
156
 
157
- /* Bubble Mode */.bubble-container.svelte-7fg7a1 {position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:16px;}.bubble-button.svelte-7fg7a1 {width:56px;height:56px;border-radius:50%;border:none;color:white;cursor:pointer;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);display:flex;align-items:center;justify-content:center;transition:transform 0.2s,
157
+ /* Bubble Mode */.bubble-container.svelte-7fg7a1 {position:fixed;bottom:24px;right:24px;z-index:2147483647; /* WIDGET_Z_INDEX from widget-core/constants.ts */display:flex;flex-direction:column;align-items:flex-end;gap:16px;}.bubble-button.svelte-7fg7a1 {width:56px;height:56px;border-radius:50%;border:none;color:white;cursor:pointer;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);display:flex;align-items:center;justify-content:center;transition:transform 0.2s,
158
158
  box-shadow 0.2s;}.bubble-button.svelte-7fg7a1:hover {transform:scale(1.05);box-shadow:0 6px 16px rgba(0, 0, 0, 0.2);}.bubble-spinner.svelte-7fg7a1 {
159
- animation: svelte-7fg7a1-spin 1s linear infinite;}.bubble-panel.svelte-7fg7a1 {position:relative;width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:1rem;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);overflow:hidden;}.bubble-panel.svelte-7fg7a1 .chat-card:where(.svelte-7fg7a1) {height:100%;}.bubble-close-btn.svelte-7fg7a1 {display:none;position:absolute;top:0.75rem;right:0.75rem;z-index:10;width:2rem;height:2rem;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(0, 0, 0, 0.06);color:#374151;cursor:pointer;}.bubble-close-btn.svelte-7fg7a1:hover {background:rgba(0, 0, 0, 0.12);}
159
+ animation: svelte-7fg7a1-spin 1s linear infinite;}.bubble-panel.svelte-7fg7a1 {position:relative;width:380px;height:520px;max-width:calc(100vw - 48px);max-height:calc(100vh - 100px);border-radius:1rem;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);overflow:hidden;}.bubble-panel.svelte-7fg7a1 .chat-card:where(.svelte-7fg7a1) {height:100%;}.bubble-close-btn.svelte-7fg7a1 {display:none;position:absolute;top:0.75rem;right:0.75rem;z-index:2147483646; /* WIDGET_CLOSE_BTN_Z_INDEX from widget-core/constants.ts */width:2rem;height:2rem;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgba(0, 0, 0, 0.06);color:#374151;cursor:pointer;}.bubble-close-btn.svelte-7fg7a1:hover {background:rgba(0, 0, 0, 0.12);}
160
160
 
161
161
  @media (max-width: 440px) {.bubble-container.bubble-open.svelte-7fg7a1 {inset:0;bottom:0;right:0;}.bubble-container.bubble-open.svelte-7fg7a1 .bubble-button:where(.svelte-7fg7a1) {display:none;}.bubble-panel.svelte-7fg7a1 {width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;border:none;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);}.bubble-close-btn.svelte-7fg7a1 {display:flex;}.bubble-panel.svelte-7fg7a1 .messages-container:where(.svelte-7fg7a1) > :where(.svelte-7fg7a1):first-child {padding-right:2.5rem;}
162
162
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useknest/widget-web",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "type": "module",
5
5
  "description": "Svelte web component for Knest chat widget",
6
6
  "files": [
@@ -20,7 +20,7 @@
20
20
  }
21
21
  },
22
22
  "dependencies": {
23
- "@useknest/widget-core": "0.1.0"
23
+ "@useknest/widget-core": "0.1.1"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@sveltejs/vite-plugin-svelte": "^6.2.0",