@ai12z/react 3.13.1-alpha.2 → 3.13.1-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai12z/react",
-  "version": "3.13.1-alpha.2",
+  "version": "3.13.1-alpha.3",
   "description": "ai12z React Library",
   "author": "Alpesh Patel <alpesh@ai12z.com>",
   "homepage": "",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@stencil/react-output-target": "1.2.0",
-    "ai12z": "^3.13.1-alpha.2"
+    "ai12z": "^3.13.1-alpha.3"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "aeb86088574004e14aecd3daa8607dd06f316ed1"
+  "gitHead": "3c2936145dd63c35d88bc01fd78dfcb925d62302"
 }

package/dist/components/stencil-generated/components.server.js

@@ -1,322 +0,0 @@
-import * as clientComponents from '@ai12z/react';
-import { createComponent } from '@stencil/react-output-target/ssr';
-export const serializeShadowRoot = { default: "declarative-shadow-dom" };
-export const Ai12zBot = createComponent({
-    tagName: 'ai12z-bot',
-    properties: {
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        configId: 'config-id',
-        dataAttributes: 'data-attributes'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zBot,
-    serializeShadowRoot,
-});
-export const Ai12zCategory = createComponent({
-    tagName: 'ai12z-category',
-    properties: {
-        categoryList: 'category-list',
-        linkTarget: 'link-target'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zCategory,
-    serializeShadowRoot,
-});
-export const Ai12zChat = createComponent({
-    tagName: 'ai12z-chat',
-    properties: {
-        chatId: 'chat-id',
-        chats: 'chats',
-        query: 'query',
-        apiKey: 'api-key',
-        aiMessageId: 'ai-message-id',
-        imgFiles: 'img-files',
-        env: 'env',
-        conversationId: 'conversation-id',
-        dataAttributes: 'data-attributes',
-        target: 'target',
-        voiceType: 'voice-type',
-        voice: 'voice',
-        componentType: 'component-type',
-        chatPosition: 'chat-position',
-        customstyle: 'customstyle',
-        customJS: 'custom-j-s',
-        avatarUrl: 'avatar-url',
-        settings: 'settings'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zChat,
-    serializeShadowRoot,
-});
-export const Ai12zChatMessage = createComponent({
-    tagName: 'ai12z-chat-message',
-    properties: {
-        text: 'text',
-        streaming: 'streaming',
-        kbSettings: 'kb-settings',
-        showButton: 'show-button'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zChatMessage,
-    serializeShadowRoot,
-});
-export const Ai12zContainer = createComponent({
-    tagName: 'ai12z-container',
-    properties: {
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        keyName: 'key-name',
-        instanceId: 'instance-id',
-        parameters: 'parameters',
-        renderType: 'render-type'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zContainer,
-    serializeShadowRoot,
-});
-export const Ai12zCta = createComponent({
-    tagName: 'ai12z-cta',
-    properties: {
-        isCta: 'is-cta',
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        configId: 'config-id',
-        dataAttributes: 'data-attributes'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zCta,
-    serializeShadowRoot,
-});
-export const Ai12zForm = createComponent({
-    tagName: 'ai12z-form',
-    properties: {
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        keyName: 'key-name'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zForm,
-    serializeShadowRoot,
-});
-export const Ai12zInlineSearch = createComponent({
-    tagName: 'ai12z-inline-search',
-    properties: {
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        resultPosition: 'result-position',
-        autoSearch: 'auto-search',
-        categorize: 'categorize'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zInlineSearch,
-    serializeShadowRoot,
-});
-export const Ai12zInputForm = createComponent({
-    tagName: 'ai12z-input-form',
-    properties: {
-        isChat: 'is-chat',
-        placeholder: 'placeholder',
-        buttonText: 'button-text',
-        followUpLabel: 'follow-up-label',
-        iconSrc: 'icon-src',
-        isImageUpload: 'is-image-upload',
-        isEnableMic: 'is-enable-mic',
-        componentType: 'component-type',
-        chatLength: 'chat-length',
-        dataKey: 'data-key',
-        dataMode: 'data-mode'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zInputForm,
-    serializeShadowRoot,
-});
-export const Ai12zKnowledgeBox = createComponent({
-    tagName: 'ai12z-knowledge-box',
-    properties: {
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        configId: 'config-id',
-        question: 'question',
-        socket: 'socket',
-        isLoading: 'is-loading'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zKnowledgeBox,
-    serializeShadowRoot,
-});
-export const Ai12zSearchPanel = createComponent({
-    tagName: 'ai12z-search-panel',
-    properties: {
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        categorize: 'categorize',
-        placeholder: 'placeholder',
-        redirectUrl: 'redirect-url'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zSearchPanel,
-    serializeShadowRoot,
-});
-export const Ai12zSpinner = createComponent({
-    tagName: 'ai12z-spinner',
-    properties: { class: 'class' },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.Ai12zSpinner,
-    serializeShadowRoot,
-});
-export const AudioRecorder = createComponent({
-    tagName: 'audio-recorder',
-    properties: { componentType: 'component-type' },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.AudioRecorder,
-    serializeShadowRoot,
-});
-export const ChatAvatar = createComponent({
-    tagName: 'chat-avatar',
-    properties: {
-        senderType: 'sender-type',
-        avatarUrl: 'avatar-url'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.ChatAvatar,
-    serializeShadowRoot,
-});
-export const ChatbotHistory = createComponent({
-    tagName: 'chatbot-history',
-    properties: {
-        botName: 'bot-name',
-        chatlogo: 'chatlogo',
-        heading: 'heading',
-        styles: 'styles',
-        scripts: 'scripts'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.ChatbotHistory,
-    serializeShadowRoot,
-});
-export const DeleteConfirmationModal = createComponent({
-    tagName: 'delete-confirmation-modal',
-    properties: {
-        show: 'show',
-        dialogTitle: 'dialog-title',
-        message: 'message',
-        confirmButtonText: 'confirm-button-text',
-        cancelButtonText: 'cancel-button-text'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.DeleteConfirmationModal,
-    serializeShadowRoot,
-});
-export const DynamicForm = createComponent({
-    tagName: 'dynamic-form',
-    properties: {
-        form: 'form',
-        formSettings: 'form-settings',
-        formsettings: 'formsettings',
-        theme: 'theme'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.DynamicForm,
-    serializeShadowRoot,
-});
-export const HamburgerMenu = createComponent({
-    tagName: 'hamburger-menu',
-    properties: {
-        isToggled: 'is-toggled',
-        botSettings: 'bot-settings',
-        isLiveAgentEnabled: 'is-live-agent-enabled',
-        liveAgentButtonText: 'live-agent-button-text'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.HamburgerMenu,
-    serializeShadowRoot,
-});
-export const ImageUploader = createComponent({
-    tagName: 'image-uploader',
-    properties: {
-        maxImages: 'max-images',
-        disabled: 'disabled'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.ImageUploader,
-    serializeShadowRoot,
-});
-export const InteractionButtons = createComponent({
-    tagName: 'interaction-buttons',
-    properties: {
-        message: 'message',
-        currentIndex: 'current-index',
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        voiceType: 'voice-type',
-        voice: 'voice',
-        source: 'source',
-        conversationId: 'conversation-id',
-        projectId: 'project-id'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.InteractionButtons,
-    serializeShadowRoot,
-});
-export const ItemList = createComponent({
-    tagName: 'item-list',
-    properties: {
-        inputType: 'input-type',
-        carouselType: 'carousel-type',
-        customSource: 'custom-source',
-        customStyles: 'custom-styles',
-        customScripts: 'custom-scripts',
-        isExpanded: 'is-expanded'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.ItemList,
-    serializeShadowRoot,
-});
-export const KeyboardShortcutsDialog = createComponent({
-    tagName: 'keyboard-shortcuts-dialog',
-    properties: { show: 'show' },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.KeyboardShortcutsDialog,
-    serializeShadowRoot,
-});
-export const LiveAgentChat = createComponent({
-    tagName: 'live-agent-chat',
-    properties: { config: 'config' },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.LiveAgentChat,
-    serializeShadowRoot,
-});
-export const PrivacyModal = createComponent({
-    tagName: 'privacy-modal',
-    properties: {
-        message: 'message',
-        show: 'show'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.PrivacyModal,
-    serializeShadowRoot,
-});
-export const SearchResultsPage = createComponent({
-    tagName: 'search-results-page',
-    properties: {
-        dataKey: 'data-key',
-        dataMode: 'data-mode',
-        dataAttributes: 'data-attributes',
-        configId: 'config-id'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.SearchResultsPage,
-    serializeShadowRoot,
-});
-export const TypingIndicator = createComponent({
-    tagName: 'typing-indicator',
-    properties: {
-        size: 'size',
-        color: 'color',
-        spacing: 'spacing'
-    },
-    hydrateModule: import('ai12z/hydrate'),
-    clientModule: clientComponents.TypingIndicator,
-    serializeShadowRoot,
-});

package/dist/types/components/stencil-generated/components.server.d.ts

@@ -1,183 +0,0 @@
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
-import { type Ai12zInputFormCustomEvent, type ImageUploaderCustomEvent } from "ai12z";
-import { Ai12zBot as Ai12zBotElement } from "ai12z/dist/components/ai12z-bot.js";
-import { Ai12zCategory as Ai12zCategoryElement } from "ai12z/dist/components/ai12z-category.js";
-import { Ai12zChatMessage as Ai12zChatMessageElement } from "ai12z/dist/components/ai12z-chat-message.js";
-import { Ai12zChat as Ai12zChatElement } from "ai12z/dist/components/ai12z-chat.js";
-import { Ai12zContainer as Ai12zContainerElement } from "ai12z/dist/components/ai12z-container.js";
-import { Ai12zCta as Ai12zCtaElement } from "ai12z/dist/components/ai12z-cta.js";
-import { Ai12zForm as Ai12zFormElement } from "ai12z/dist/components/ai12z-form.js";
-import { Ai12zInlineSearch as Ai12zInlineSearchElement } from "ai12z/dist/components/ai12z-inline-search.js";
-import { Ai12zInputForm as Ai12zInputFormElement } from "ai12z/dist/components/ai12z-input-form.js";
-import { Ai12zKnowledgeBox as Ai12zKnowledgeBoxElement } from "ai12z/dist/components/ai12z-knowledge-box.js";
-import { Ai12zSearchPanel as Ai12zSearchPanelElement } from "ai12z/dist/components/ai12z-search-panel.js";
-import { Ai12zSpinner as Ai12zSpinnerElement } from "ai12z/dist/components/ai12z-spinner.js";
-import { AudioRecorder as AudioRecorderElement } from "ai12z/dist/components/audio-recorder.js";
-import { ChatAvatar as ChatAvatarElement } from "ai12z/dist/components/chat-avatar.js";
-import { ChatbotHistory as ChatbotHistoryElement } from "ai12z/dist/components/chatbot-history.js";
-import { DeleteConfirmationModal as DeleteConfirmationModalElement } from "ai12z/dist/components/delete-confirmation-modal.js";
-import { DynamicForm as DynamicFormElement } from "ai12z/dist/components/dynamic-form.js";
-import { HamburgerMenu as HamburgerMenuElement } from "ai12z/dist/components/hamburger-menu.js";
-import { ImageUploader as ImageUploaderElement } from "ai12z/dist/components/image-uploader.js";
-import { InteractionButtons as InteractionButtonsElement } from "ai12z/dist/components/interaction-buttons.js";
-import { ItemList as ItemListElement } from "ai12z/dist/components/item-list.js";
-import { KeyboardShortcutsDialog as KeyboardShortcutsDialogElement } from "ai12z/dist/components/keyboard-shortcuts-dialog.js";
-import { LiveAgentChat as LiveAgentChatElement } from "ai12z/dist/components/live-agent-chat.js";
-import { PrivacyModal as PrivacyModalElement } from "ai12z/dist/components/privacy-modal.js";
-import { SearchResultsPage as SearchResultsPageElement } from "ai12z/dist/components/search-results-page.js";
-import { TypingIndicator as TypingIndicatorElement } from "ai12z/dist/components/typing-indicator.js";
-export declare const serializeShadowRoot: SerializeShadowRootOptions;
-export type Ai12zBotEvents = {
-    onMessageSent: EventName<CustomEvent<any>>;
-    onMessageReceived: EventName<CustomEvent<any>>;
-    onClose: EventName<CustomEvent<any>>;
-    onOpen: EventName<CustomEvent<any>>;
-    onMinimize: EventName<CustomEvent<any>>;
-    onErrored: EventName<CustomEvent<any>>;
-    onFormSubmitted: EventName<CustomEvent<any>>;
-    onIsElementAvailable: EventName<CustomEvent<boolean>>;
-};
-export declare const Ai12zBot: StencilReactComponent<Ai12zBotElement, Ai12zBotEvents>;
-export type Ai12zCategoryEvents = NonNullable<unknown>;
-export declare const Ai12zCategory: StencilReactComponent<Ai12zCategoryElement, Ai12zCategoryEvents>;
-export type Ai12zChatEvents = {
-    onFeedback: EventName<CustomEvent<any>>;
-    onSurvey: EventName<CustomEvent<any>>;
-    onStateChanged: EventName<CustomEvent<any>>;
-    onMessageReceived: EventName<CustomEvent<{
-        data: string;
-        domId: string;
-    }>>;
-    onFormComplete: EventName<CustomEvent<any>>;
-};
-export declare const Ai12zChat: StencilReactComponent<Ai12zChatElement, Ai12zChatEvents>;
-export type Ai12zChatMessageEvents = NonNullable<unknown>;
-export declare const Ai12zChatMessage: StencilReactComponent<Ai12zChatMessageElement, Ai12zChatMessageEvents>;
-export type Ai12zContainerEvents = {
-    onResponseReceived: EventName<CustomEvent<any>>;
-    onErrored: EventName<CustomEvent<string>>;
-};
-export declare const Ai12zContainer: StencilReactComponent<Ai12zContainerElement, Ai12zContainerEvents>;
-export type Ai12zCtaEvents = {
-    onErrored: EventName<CustomEvent<any>>;
-    onButtonClicked: EventName<CustomEvent<any>>;
-    onMessageSent: EventName<CustomEvent<any>>;
-    onMessageReceived: EventName<CustomEvent<any>>;
-    onOpen: EventName<CustomEvent<any>>;
-    onClose: EventName<CustomEvent<any>>;
-    onStateChanged: EventName<CustomEvent<any>>;
-    onClearResults: EventName<CustomEvent<any>>;
-    onClearInput: EventName<CustomEvent<any>>;
-    onStopStream: EventName<CustomEvent<any>>;
-    onStartStream: EventName<CustomEvent<{
-        search: string;
-        maxQuestion?: boolean;
-        chatData?: any;
-        attributes?: any;
-        imgFiles?: any;
-    }>>;
-    onSurvey: EventName<CustomEvent<any>>;
-    onFormSubmitted: EventName<CustomEvent<any>>;
-    onStreamResponse: EventName<CustomEvent<any>>;
-    onEndResponse: EventName<CustomEvent<any>>;
-    onIsElementAvailable: EventName<CustomEvent<any>>;
-};
-export declare const Ai12zCta: StencilReactComponent<Ai12zCtaElement, Ai12zCtaEvents>;
-export type Ai12zFormEvents = {
-    onFormSubmitted: EventName<CustomEvent<any>>;
-    onErrored: EventName<CustomEvent<string>>;
-};
-export declare const Ai12zForm: StencilReactComponent<Ai12zFormElement, Ai12zFormEvents>;
-export type Ai12zInlineSearchEvents = {
-    onStateChanged: EventName<CustomEvent<boolean>>;
-    onStartStream: EventName<CustomEvent<{
-        search: string;
-    }>>;
-    onStreamResponse: EventName<CustomEvent<any>>;
-    onStartInlineResponse: EventName<CustomEvent<any>>;
-    onEndResponse: EventName<CustomEvent<any>>;
-};
-export declare const Ai12zInlineSearch: StencilReactComponent<Ai12zInlineSearchElement, Ai12zInlineSearchEvents>;
-export type Ai12zInputFormEvents = {
-    onAction: EventName<CustomEvent<any>>;
-    onCapturedImgUpload: EventName<Ai12zInputFormCustomEvent<File[]>>;
-};
-export declare const Ai12zInputForm: StencilReactComponent<Ai12zInputFormElement, Ai12zInputFormEvents>;
-export type Ai12zKnowledgeBoxEvents = {
-    onMessageReceived: EventName<CustomEvent<{
-        data: any;
-        domId: string;
-    }>>;
-    onMessageSent: EventName<CustomEvent<{
-        data: any;
-    }>>;
-    onErrored: EventName<CustomEvent<any>>;
-    onInitializeScripts: EventName<CustomEvent<{
-        id: string;
-    }>>;
-};
-export declare const Ai12zKnowledgeBox: StencilReactComponent<Ai12zKnowledgeBoxElement, Ai12zKnowledgeBoxEvents>;
-export type Ai12zSearchPanelEvents = NonNullable<unknown>;
-export declare const Ai12zSearchPanel: StencilReactComponent<Ai12zSearchPanelElement, Ai12zSearchPanelEvents>;
-export type Ai12zSpinnerEvents = NonNullable<unknown>;
-export declare const Ai12zSpinner: StencilReactComponent<Ai12zSpinnerElement, Ai12zSpinnerEvents>;
-export type AudioRecorderEvents = {
-    onStartRecord: EventName<CustomEvent<any>>;
-    onStopRecord: EventName<CustomEvent<any>>;
-    onSendTranscript: EventName<CustomEvent<any>>;
-};
-export declare const AudioRecorder: StencilReactComponent<AudioRecorderElement, AudioRecorderEvents>;
-export type ChatAvatarEvents = NonNullable<unknown>;
-export declare const ChatAvatar: StencilReactComponent<ChatAvatarElement, ChatAvatarEvents>;
-export type ChatbotHistoryEvents = {
-    onChatClick: EventName<CustomEvent<any>>;
-    onDeleteChatHistory: EventName<CustomEvent<any>>;
-};
-export declare const ChatbotHistory: StencilReactComponent<ChatbotHistoryElement, ChatbotHistoryEvents>;
-export type DeleteConfirmationModalEvents = {
-    onConfirmDelete: EventName<CustomEvent<void>>;
-    onCancelDelete: EventName<CustomEvent<void>>;
-};
-export declare const DeleteConfirmationModal: StencilReactComponent<DeleteConfirmationModalElement, DeleteConfirmationModalEvents>;
-export type DynamicFormEvents = {
-    onFormComplete: EventName<CustomEvent<any>>;
-};
-export declare const DynamicForm: StencilReactComponent<DynamicFormElement, DynamicFormEvents>;
-export type HamburgerMenuEvents = {
-    onHamburgerMenuClick: EventName<CustomEvent<any>>;
-    onHandleByLiveAgent: EventName<CustomEvent<any>>;
-    onToggledChange: EventName<CustomEvent<boolean>>;
-};
-export declare const HamburgerMenu: StencilReactComponent<HamburgerMenuElement, HamburgerMenuEvents>;
-export type ImageUploaderEvents = {
-    onImagesChange: EventName<CustomEvent<string[]>>;
-    onImageUploadError: EventName<CustomEvent<string>>;
-    onCapturedImgUpload: EventName<ImageUploaderCustomEvent<File[]>>;
-    onIsElementAvailable: EventName<CustomEvent<boolean>>;
-};
-export declare const ImageUploader: StencilReactComponent<ImageUploaderElement, ImageUploaderEvents>;
-export type InteractionButtonsEvents = NonNullable<unknown>;
-export declare const InteractionButtons: StencilReactComponent<InteractionButtonsElement, InteractionButtonsEvents>;
-export type ItemListEvents = {
-    onSendQueryToAI: EventName<CustomEvent<any>>;
-    onComponentReady: EventName<CustomEvent<boolean>>;
-};
-export declare const ItemList: StencilReactComponent<ItemListElement, ItemListEvents>;
-export type KeyboardShortcutsDialogEvents = {
-    onCloseDialog: EventName<CustomEvent<any>>;
-};
-export declare const KeyboardShortcutsDialog: StencilReactComponent<KeyboardShortcutsDialogElement, KeyboardShortcutsDialogEvents>;
-export type LiveAgentChatEvents = NonNullable<unknown>;
-export declare const LiveAgentChat: StencilReactComponent<LiveAgentChatElement, LiveAgentChatEvents>;
-export type PrivacyModalEvents = NonNullable<unknown>;
-export declare const PrivacyModal: StencilReactComponent<PrivacyModalElement, PrivacyModalEvents>;
-export type SearchResultsPageEvents = {
-    onMessageSent: EventName<CustomEvent<any>>;
-    onMessageReceived: EventName<CustomEvent<any>>;
-    onErrored: EventName<CustomEvent<any>>;
-    onStartStream: EventName<CustomEvent<any>>;
-};
-export declare const SearchResultsPage: StencilReactComponent<SearchResultsPageElement, SearchResultsPageEvents>;
-export type TypingIndicatorEvents = NonNullable<unknown>;
-export declare const TypingIndicator: StencilReactComponent<TypingIndicatorElement, TypingIndicatorEvents>;