@hachther/akilio-widget 1.0.0 → 1.1.0

package/dist/style.css

@@ -1484,7 +1484,7 @@
   border: 0;
   border-radius: 999px;
   background: var(--akilio-primary);
-  color: #fff;
+  color: #fff !important;
   cursor: pointer;
   padding: 0;
   transition:
@@ -2022,6 +2022,8 @@
     min-height: 480px;
   }
   .akilio-panel--inline {
+    width: 100%;
+    height: 100%;
     min-height: 480px;
     border-radius: 16px;
   }
@@ -2893,7 +2895,7 @@
   background: transparent;
   color: var(--akilio-primary);
   padding: 2px 6px;
-  font-size: 9px;
+  font-size: 9px !important;
   font-weight: 750;
   text-decoration: none;
   cursor: pointer;
@@ -3437,7 +3439,19 @@
 .akilio-product-variants > div {
   display: flex;
   flex-wrap: wrap;
-  gap: 6px;
+  gap: 4px;
+}
+
+.akilio-product-variants legend {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
 }
 
 .akilio-product-variant-option {
@@ -3446,9 +3460,14 @@
   background: #fff;
   color: #334155;
   cursor: pointer;
-  padding: 4px 8px;
+  padding: 2px 6px !important;
   font: inherit;
-  font-size: 11px;
+  font-size: 11px !important;
+  line-height: 1.4 !important;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .akilio-product-variant-option--selected {
@@ -3457,6 +3476,24 @@
   color: var(--akilio-primary);
 }
 
+.akilio-product-variant-option:focus-visible,
+.akilio-product-variant-select:focus-visible {
+  outline: 2px solid var(--akilio-primary);
+  outline-offset: 2px;
+}
+
+.akilio-product-variant-select {
+  width: 100%;
+  max-width: 100%;
+  padding: 8px;
+  border: 1px solid #cbd5e1;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 12px;
+}
+
 .akilio-product-variant-option:disabled {
   opacity: 0.45;
   cursor: not-allowed;
@@ -3961,3 +3998,71 @@
   width: 30px !important;
   height: 30px !important;
 }
+
+.akilio-voice-input {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1;
+  min-width: 0;
+  min-height: 48px;
+  font-size: 12px;
+  color: inherit;
+}
+.akilio-voice-input [role='status'] { flex: 1; }
+.akilio-voice-input audio { width: 100%; min-width: 0; height: 36px; }
+.akilio-voice-dot { width: 8px; height: 8px; border-radius: 50%; background: #ef4444; flex-shrink: 0; }
+.akilio-voice-dot--waiting { background: var(--akilio-primary); }
+.akilio-voice-duration { font-variant-numeric: tabular-nums; }
+.akilio-voice-error { padding: 6px 12px; font-size: 12px; }
+.akilio-composer-box { align-items: center; }
+.akilio-composer textarea { min-width: 0; }
+.akilio-composer-submit:focus-visible { outline: 2px solid var(--akilio-primary); outline-offset: 3px; }
+
+
+/* Customer verification uses the host theme without interrupting the conversation. */
+.akilio-identity-card {
+  margin: 8px 14px 4px;
+  padding: 18px;
+  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
+  border-radius: 16px;
+  background: color-mix(in srgb, var(--akilio-primary) 4%, transparent);
+  color: inherit;
+  flex-shrink: 0;
+  max-height: 56vh;
+  overflow: auto;
+}
+.akilio-identity-heading { display: flex; align-items: flex-start; gap: 12px; }
+.akilio-identity-icon { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 11px; color: var(--akilio-primary); background: color-mix(in srgb, var(--akilio-primary) 12%, transparent); }
+.akilio-identity-card h3 { margin: 0; font-size: 14px; font-weight: 650; line-height: 1.5; }
+.akilio-identity-description, .akilio-identity-hint { margin: 4px 0 0; font-size: 12px; line-height: 1.6; color: color-mix(in srgb, currentColor 75%, transparent); }
+.akilio-identity-card form { display: grid; gap: 8px; margin: 16px 0 0; }
+.akilio-identity-card label { font-size: 12px; font-weight: 600; }
+.akilio-identity-card input { width: 100%; min-width: 0; box-sizing: border-box; padding: 12px 14px; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); border-radius: 10px; font: inherit; font-size: 16px; color: inherit; background: color-mix(in srgb, currentColor 3%, transparent); transition: border-color .15s ease, box-shadow .15s ease; }
+.akilio-identity-card input::placeholder { color: color-mix(in srgb, currentColor 50%, transparent); }
+.akilio-identity-card input:focus { border-color: var(--akilio-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--akilio-primary) 15%, transparent); }
+.akilio-identity-card input.akilio-identity-code { font-variant-numeric: tabular-nums; letter-spacing: .18em; }
+.akilio-identity-card button { cursor: pointer; font: inherit; }
+.akilio-root .akilio-identity-primary, .akilio-identity-primary { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin-top: 4px; padding: 10px 14px; border: 0; border-radius: 10px; font-size: 13px; font-weight: 600; background: var(--akilio-primary); color: var(--akilio-primary-foreground); transition: background .15s ease; }
+.akilio-identity-primary:hover:not(:disabled) { background: var(--akilio-primary-hover); }
+.akilio-identity-card button:disabled { opacity: .55; cursor: default; }
+.akilio-identity-actions { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin-top: 10px; }
+.akilio-identity-link, .akilio-identity-dismiss { padding: 8px 0; border: 0; background: transparent; color: inherit; font-size: 12px !important; text-underline-offset: 3px; }
+.akilio-identity-link:hover:not(:disabled), .akilio-identity-dismiss:hover { text-decoration: underline; }
+.akilio-identity-dismiss { display: block; margin: 8px auto -4px; color: color-mix(in srgb, currentColor 75%, transparent); }
+.akilio-identity-card :focus-visible, .akilio-identity-entry :focus-visible { outline: 2px solid var(--akilio-primary); outline-offset: 3px; }
+.akilio-identity-delivery { margin: 14px 0 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
+.akilio-identity-notice { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, currentColor 6%, transparent); font-size: 12px; line-height: 1.6; }
+.akilio-identity-entry { padding: 4px 16px; }
+.akilio-identity-entry button { display: flex; align-items: center; gap: 8px; padding: 8px 0; border: 0; background: transparent; color: inherit; font-size: 12px; cursor: pointer; }
+.akilio-identity-entry svg, .akilio-identity-status svg { width: 16px; height: 16px; flex-shrink: 0; }
+.akilio-identity-chevron { font-size: 18px; opacity: .6; }
+.akilio-identity-status { display: flex; align-items: center; gap: 7px; padding: 8px 16px; font-size: 12px; color: inherit; }
+.akilio-identity-spinner { width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: akilio-identity-spin .8s linear infinite; }
+@keyframes akilio-identity-spin { to { transform: rotate(360deg); } }
+@media (prefers-reduced-motion: reduce) { .akilio-identity-spinner { animation: none; } .akilio-identity-card input, .akilio-identity-primary { transition: none; } }
+@media (max-width: 380px) { .akilio-identity-card { margin-inline: 10px; padding: 14px; } }
+
+.akilio-identity-methods { display: flex; gap: 4px; padding: 4px; margin-top: 14px; border-radius: 10px; background: color-mix(in srgb, currentColor 6%, transparent); }
+.akilio-identity-methods button { flex: 1; padding: 8px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: inherit; font-size: 12px; }
+.akilio-identity-methods button[aria-pressed='true'] { border-color: color-mix(in srgb, var(--akilio-primary) 40%, transparent); background: color-mix(in srgb, var(--akilio-primary) 10%, transparent); }

package/dist/types.d.ts

@@ -60,6 +60,40 @@ export interface AkilioThemeConfig {
     color_mode?: AkilioColorMode;
     launcher_position?: AkilioLauncherPosition;
 }
+/** Widget presentation settings persisted by Akilio. Brand identity lives in
+ * the business profile; host applications may still use AkilioThemeConfig
+ * props for explicit one-off visual overrides. */
+export type AkilioWidgetThemeConfig = Omit<AkilioThemeConfig, 'primary_color' | 'accent_color' | 'logo_url' | 'brand_name'> & {
+    widget_mode?: AkilioMode;
+    launcher_experience?: 'adaptive' | 'static';
+    enable_tour?: boolean;
+    tour_delay_ms?: number;
+    allow_color_mode_toggle?: boolean;
+    enable_response_sound?: boolean;
+    response_sound_volume?: number;
+    contextual_prompt_enabled?: boolean;
+    contextual_prompt_threshold?: number;
+    contextual_prompt_placeholder?: string;
+    contextual_prompt_dismissible?: boolean;
+};
+export interface AkilioPublicBusinessBrand {
+    display_name: string;
+    tagline: string;
+    logo_url: string;
+    primary_color: string;
+    secondary_color: string;
+}
+export interface AkilioPublicBusinessProfile {
+    name: string;
+    description: string;
+    website: string;
+    industry: string | null;
+    brand: AkilioPublicBusinessBrand | null;
+    languages: Array<{
+        language: string;
+        is_default: boolean;
+    }>;
+}
 export interface AkilioPageContext {
     url?: string;
     title?: string;
@@ -162,9 +196,7 @@ export interface AkilioProductVariant {
     compare_at_price?: string | null;
     currency?: string;
     inventory_quantity?: number;
-    options?: {
-        Size?: string;
-    };
+    options?: Record<string, string>;
     available: boolean;
 }
 export interface AkilioProductAttribute {
@@ -173,6 +205,7 @@ export interface AkilioProductAttribute {
     value: string;
 }
 export interface AkilioProduct {
+    cart_provider?: 'shopify' | null;
     id: string;
     external_id: string;
     title: string;
@@ -202,6 +235,8 @@ export interface AkilioCommerceCapability {
     display?: 'list' | 'detail';
 }
 export interface AkilioCommercePublicAction {
+    /** Direct storefront action; the customer's button click supplies consent. */
+    storefront?: 'shopify';
     type: AkilioCommerceActionType;
     product_id?: string;
     variant_id?: string;
@@ -317,6 +352,7 @@ export interface AkilioCurrentCartResponse {
     cart: AkilioCart | null;
 }
 export interface AkilioProjectConfig {
+    identity_verification_methods?: ('email' | 'phone')[];
     project_key: string;
     name: string;
     slug: string;
@@ -324,7 +360,8 @@ export interface AkilioProjectConfig {
     placeholder: string;
     starter_questions: string[];
     welcome_message?: string;
-    theme_config: AkilioThemeConfig;
+    theme_config: AkilioWidgetThemeConfig;
+    business_profile?: AkilioPublicBusinessProfile;
     default_language: string;
     supported_languages: string[];
     widget_policy?: AkilioWidgetPolicy;
@@ -429,10 +466,14 @@ export interface AkilioWidgetPolicy {
     assistant_mode: AkilioAssistantMode;
     /** Whether product results and commerce events may be used. */
     commerce_enabled: boolean;
+    /** Whether the workspace plan allows voice input. */
+    audio_enabled?: boolean;
     /** Branding treatment the widget must apply. */
     branding: AkilioWidgetBranding;
 }
 export interface AkilioChatRequest {
+    external_resume_token?: string;
+    voice_transcription_id?: string;
     project_key: string;
     conversation_id?: string;
     context_id?: string;
@@ -489,8 +530,14 @@ export interface AkilioCustomerServiceToolResponse {
     result: unknown;
 }
 export interface AkilioAgentTool {
+    resume_token?: string;
     tool_id: string;
     requires_confirmation?: boolean;
+    confirmation_id?: string;
+    error?: string;
+    expires_at?: string;
+    question?: string;
+    entry_context?: AkilioEntryContext;
     action?: 'confirm_human_request' | 'start_contact_request' | string;
     payload?: Record<string, unknown>;
     result?: {
@@ -520,7 +567,7 @@ export interface AkilioClarificationField {
 }
 export interface AkilioClarification {
     question: string;
-    submission_template: string;
+    submission_template?: string | null;
     reason?: string;
     missing_entities?: string[];
     fields?: AkilioClarificationField[];
@@ -530,7 +577,30 @@ export interface AkilioClarificationResponse {
     source_message_id: string;
     values: Record<string, string>;
 }
+export interface AkilioIdentityVerification {
+    identifier_type?: 'email' | 'phone';
+    verification_id: string;
+    status: string;
+    masked_identifier: string;
+    expires_at: string;
+}
+export interface AkilioIdentitySession {
+    authenticated: boolean;
+    identity_id: string | null;
+    assurance_level: string | null;
+    verified_at: string | null;
+    expires_at: string | null;
+}
+export interface AkilioIdentityRequirement {
+    methods: string[];
+    purpose?: 'identity' | 'step_up';
+}
 export interface AkilioChatResponse {
+    external_operation_resume?: {
+        token: string;
+        question: string;
+    };
+    identity_verification_required?: AkilioIdentityRequirement;
     schema_version?: string;
     conversation_id: string;
     context_id: string;
@@ -655,6 +725,33 @@ export interface AkilioChatMessage {
     intentDecision?: AkilioIntentDecision;
 }
 export interface AkilioCopyOverrides {
+    identityTitle?: string;
+    identityEmail?: string;
+    identityCode?: string;
+    identitySend?: string;
+    identityConfirm?: string;
+    identityResend?: string;
+    identityCancel?: string;
+    identitySent?: string;
+    identityVerified?: string;
+    identityInvalid?: string;
+    identityExpired?: string;
+    identityUnavailable?: string;
+    identityLimited?: string;
+    identityChangeEmail?: string;
+    identityBusy?: string;
+    identityGenericTitle?: string;
+    identityPhone?: string;
+    identityPhoneHint?: string;
+    identityPhoneSent?: string;
+    identityPhoneCodeTitle?: string;
+    identityPhoneCodeHint?: string;
+    identityPhoneVerified?: string;
+    identityChangePhone?: string;
+    identityCodeTitle?: string;
+    identityDescription?: string;
+    identityCodeHint?: string;
+    identitySending?: string;
     launcher?: string;
     title?: string;
     description?: string;
@@ -707,6 +804,13 @@ export interface AkilioCopyOverrides {
     humanRequestSuccess?: string;
     clarificationNeeded?: string;
     clarificationSubmit?: string;
+    recordVoice?: string;
+    stopVoice?: string;
+    sendVoice?: string;
+    cancelVoice?: string;
+    voiceTranscribing?: string;
+    voiceFailure?: string;
+    voicePermissionError?: string;
     voteUp?: string;
     voteDown?: string;
     requestFailed?: string;
@@ -823,7 +927,10 @@ export interface AkilioWidgetProps {
     /** Initial prompts. An empty list hides prompts; capability actions remain available. */
     starterPrompts?: string[];
     apiBaseUrl?: string;
-    projectKey: string;
+    /** Installation public key. */
+    widgetKey?: string;
+    /** @deprecated Use widgetKey; existing installations remain supported. */
+    projectKey?: string;
     locale?: AkilioLocale;
     /** Per-widget language dictionaries, also accepted by Akilio.mount(). */
     translations?: AkilioTranslations;
@@ -889,11 +996,18 @@ export interface AkilioWidgetProps {
     className?: string;
     onOpenChange?: (open: boolean) => void;
     onMessage?: (message: AkilioChatMessage) => void;
+    /** Final canonical response for host diagnostics; never changes widget rendering. */
+    onResponse?: (response: AkilioChatResponse) => void;
+    /** Disable cached configuration in authenticated previews that switch versions. */
+    cacheProjectConfig?: boolean;
+    /** Optional host transport; defaults to the browser fetch implementation. */
+    fetchImpl?: typeof fetch;
     onProductClick?: (product: AkilioProduct, variant?: AkilioProductVariant) => void;
     onError?: (error: Error) => void;
     integration?: IntegrationType;
 }
 export interface ChatPanelProps {
+    identityVerification?: ReactNode;
     panelId: string;
     open: boolean;
     isDesktop: boolean;
@@ -921,10 +1035,12 @@ export interface ChatPanelProps {
     onToggleColorMode: () => void;
     onClear: () => void;
     onSubmit: (query: string) => Promise<AkilioChatResponse>;
+    onVoiceSubmit?: (audio: Blob, signal: AbortSignal) => Promise<void>;
     onDraftChange?: (draft: string, manual: boolean) => void;
     onFeedback: (message: AkilioChatMessage, rating: AkilioFeedbackRating) => void;
     contactRequestCapability?: AkilioContactRequestCapability;
     onContactRequest: (request: AkilioContactRequest, actionType: AkilioCustomerActionType) => Promise<AkilioContactRequestResponse>;
+    onConfirmExternalOperation?: (message: AkilioChatMessage, tool: AkilioAgentTool) => Promise<void>;
     onConfirmHumanRequest: (message: AkilioChatMessage, tool: AkilioAgentTool, request: AkilioContactRequest) => Promise<void>;
     onClarificationSubmit: (message: AkilioChatMessage, values: Record<string, string>, submission: string) => Promise<void>;
     onSuggestion: (suggestion: string) => void;

package/dist/widget-manifest.json

@@ -1,8 +1,8 @@
 {
-  "version": "1.0.0",
+  "version": "1.1.0",
   "loader": "loader.js",
-  "release": "releases/1.0.0/akilio-widget.min.js",
+  "release": "releases/1.1.0/akilio-widget.min.js",
   "compatibility": "akilio-widget.min.js",
-  "sha256": "acae3bde3798bb1cd6919849048eba27bb1a98bc04c5663cd036cf2625ab75fc",
-  "size": 719047
+  "sha256": "fcb3c58c4477c179e2a2262810c021e09627c344cb1fae2efeeb5a027e96ac84",
+  "size": 751685
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hachther/akilio-widget",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Embeddable React AI assistant widget for Akilio backend.",
   "license": "UNLICENSED",
   "type": "module",