@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.0

package/lib/cjs/webchat/webview/index.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebviewContainer = void 0;
-exports.getWebviewInDevMode = getWebviewInDevMode;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
-const context_1 = require("../context");
-const header_1 = require("./header");
-const styles_1 = require("./styles");
-const WebviewContainer = ({ localWebviews, }) => {
-    const { closeWebview, getThemeProperty, webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
-    const webviewRequestContext = {
-        params: webchatState.webviewParams,
-        session: webchatState.session || {},
-        getUserCountry: () => webchatState.session?.user?.country || '',
-        getUserLocale: () => webchatState.session?.user?.locale || '',
-        getSystemLocale: () => webchatState.session?.user?.system_locale || '',
-        closeWebview: async (options) => await closeWebview(options),
-    };
-    const close = async (e) => {
-        if (e.data === 'botonicCloseWebview') {
-            console.log('Received close message from webview');
-            await closeWebview();
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        window.addEventListener('message', close, false);
-        return () => window.removeEventListener('message', close, false);
-    }, []);
-    if ((0, core_1.isDev)(webchatState.session)) {
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        const Webview = getWebviewInDevMode(localWebviews, webchatState);
-        return ((0, jsx_runtime_1.jsx)(contexts_1.WebviewRequestContext.Provider, { value: webviewRequestContext, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledWebview, { role: constants_1.ROLES.WEBVIEW, style: {
-                    ...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.webviewStyle),
-                }, children: [(0, jsx_runtime_1.jsx)(header_1.WebviewHeader, {}), (0, jsx_runtime_1.jsx)(styles_1.StyledWebviewContent, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledFrameAsDiv, { children: (0, jsx_runtime_1.jsx)(Webview, {}) }) })] }) }));
-    }
-    const webviewUrl = webchatState.webview && typeof webchatState.webview === 'string'
-        ? webchatState.webview
-        : '';
-    return ((0, jsx_runtime_1.jsx)(contexts_1.WebviewRequestContext.Provider, { value: webviewRequestContext, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledWebview, { role: constants_1.ROLES.WEBVIEW, style: {
-                ...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.webviewStyle),
-            }, children: [(0, jsx_runtime_1.jsx)(header_1.WebviewHeader, {}), (0, jsx_runtime_1.jsx)(styles_1.StyledWebviewContent, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledFrame, { src: webviewUrl }) })] }) }));
-};
-exports.WebviewContainer = WebviewContainer;
-function isReactComponent(value) {
-    return typeof value === 'function';
-}
-function isWebviewDescriptor(value) {
-    return (typeof value === 'object' &&
-        value !== null &&
-        'name' in value &&
-        typeof value.name === 'string' &&
-        !isReactComponent(value));
-}
-function getWebviewInDevMode(localWebviews, webchatState) {
-    const { webview } = webchatState;
-    if (webview == null) {
-        throw new Error('No webview specified');
-    }
-    if (typeof webview === 'string') {
-        return webview;
-    }
-    if (isReactComponent(webview)) {
-        return webview;
-    }
-    if (isWebviewDescriptor(webview)) {
-        const localWebview = localWebviews?.find(local => local.name === webview.name);
-        if (!localWebview) {
-            const registeredNames = localWebviews
-                ?.map(w => w.name)
-                .filter(Boolean)
-                .join(', ') || 'none';
-            throw new Error(`Local webview "${webview.name}" not found. Registered webviews: ${registeredNames}`);
-        }
-        return localWebview;
-    }
-    throw new Error('Invalid webview type: expected a React component, a webview descriptor { name }, or a string URL');
-}
-//# sourceMappingURL=index.js.map

package/lib/cjs/webchat/webview/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/webview/index.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/webview/styles.d.ts

@@ -1,7 +0,0 @@
-export declare const StyledWebview: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWebviewHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCloseHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWebviewContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const FrameStyles = "\n  border-style: none;\n  width: 100%;\n  height: 100%;\n";
-export declare const StyledFrame: import("styled-components").StyledComponent<"iframe", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledFrameAsDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/lib/cjs/webchat/webview/styles.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledFrameAsDiv = exports.StyledFrame = exports.FrameStyles = exports.StyledWebviewContent = exports.StyledCloseHeader = exports.StyledWebviewHeader = exports.StyledWebview = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../../constants");
-exports.StyledWebview = styled_components_1.default.div `
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  background-color: ${constants_1.COLORS.SOLID_WHITE};
-  z-index: 2;
-  border-radius: ${props => props.theme.style.borderRadius};
-
-  @media (max-width: ${props => props.theme.mobileBreakpoint}px) {
-    position: ${props => props.theme.mobileStyle.position};
-    right: ${props => props.theme.mobileStyle.right};
-    bottom: ${props => props.theme.mobileStyle.bottom};
-    width: ${props => props.theme.mobileStyle.width};
-    height: ${props => props.theme.mobileStyle.height};
-    border-radius: ${props => props.theme.mobileStyle.borderRadius};
-    font-size: ${props => props.theme.mobileStyle.fontSize};
-  }
-`;
-exports.StyledWebviewHeader = styled_components_1.default.div `
-  flex: none;
-  text-align: right;
-  background-color: ${constants_1.COLORS.WILD_SAND_WHITE};
-  border-top: 1px solid ${constants_1.COLORS.SOLID_BLACK_ALPHA_0_2};
-  border-bottom: 1px solid ${constants_1.COLORS.SOLID_BLACK_ALPHA_0_2};
-  border-radius: ${props => props.theme.header?.style?.borderRadius};
-
-  @media (max-width: ${props => props.theme.mobileBreakpoint}px) {
-    border-radius: 0px;
-  }
-`;
-exports.StyledCloseHeader = styled_components_1.default.div `
-  display: inline-block;
-  padding: 8px 12px;
-  cursor: pointer;
-`;
-exports.StyledWebviewContent = styled_components_1.default.div `
-  flex: 1;
-  overflow: auto;
-`;
-exports.FrameStyles = `
-  border-style: none;
-  width: 100%;
-  height: 100%;
-`;
-exports.StyledFrame = styled_components_1.default.iframe `
-  ${exports.FrameStyles}
-`;
-exports.StyledFrameAsDiv = styled_components_1.default.div `
-  ${exports.FrameStyles}
-`;
-//# sourceMappingURL=styles.js.map

package/lib/cjs/webchat/webview/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/webview/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOjB,kBAAM,CAAC,WAAW;;mBAErB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;;uBAEnC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;gBAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ;aAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK;cACrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;aACxC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK;cACrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;qBAChC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY;iBACjD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ;;CAEzD,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;sBAGvB,kBAAM,CAAC,eAAe;0BAClB,kBAAM,CAAC,qBAAqB;6BACzB,kBAAM,CAAC,qBAAqB;mBACtC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY;;uBAE5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;;;CAG3D,CAAA;AACY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAI1C,CAAA;AAEY,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG7C,CAAA;AAEY,QAAA,WAAW,GAAG;;;;CAI1B,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,MAAM,CAAA;IACpC,mBAAW;CACd,CAAA;AAEY,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;IACtC,mBAAW;CACd,CAAA"}

package/lib/cjs/webchat-app.d.ts

@@ -1,114 +0,0 @@
-import { type ServerConfig } from '@botonic/core';
-import type React from 'react';
-import type { BlockInputOption, WebchatSettingsProps } from './components';
-import type { CloseWebviewOptions } from './contexts';
-import { type ActionRequest, type Event, type EventArgs, type OnStateChangeArgs, type OnUserInputArgs, type PreviewUtils, type WebchatArgs, type WebchatLocaleContents, type WebchatMessage, type WebchatRef } from './index-types';
-import type { CoverComponentOptions, PersistentMenuOptionsTheme, WebchatTheme } from './webchat/theme/types';
-export declare class WebchatApp {
-    theme?: Partial<WebchatTheme>;
-    persistentMenu?: PersistentMenuOptionsTheme;
-    coverComponent?: CoverComponentOptions;
-    blockInputs?: BlockInputOption[];
-    enableEmojiPicker?: boolean;
-    enableAttachments?: boolean;
-    enableUserInput?: boolean;
-    enableAnimations?: boolean;
-    hostId?: string;
-    shadowDOM?: boolean | (() => boolean);
-    defaultDelay?: number;
-    defaultTyping?: number;
-    storage?: Storage | null;
-    storageKey: string;
-    onInit?: (app: WebchatApp, args: any) => void;
-    onOpen?: (app: WebchatApp, args: any) => void;
-    onClose?: (app: WebchatApp, args: any) => void;
-    onMessage?: (app: WebchatApp, message: WebchatMessage) => void;
-    onTrackEvent?: (request: ActionRequest, eventName: string, args?: EventArgs) => Promise<void>;
-    onConnectionChange?: (app: WebchatApp, isOnline: boolean) => void;
-    contentsByLocale?: Record<string, WebchatLocaleContents>;
-    appId?: string;
-    visibility?: boolean | (() => boolean) | 'dynamic';
-    server?: ServerConfig;
-    previewUtils?: PreviewUtils;
-    webchatRef: React.RefObject<WebchatRef | null>;
-    private reactRoot;
-    private host;
-    private hubtypeService;
-    constructor({ theme, persistentMenu, coverComponent, blockInputs, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, hostId, shadowDOM, defaultDelay, defaultTyping, storage, storageKey, onInit, onOpen, onClose, onMessage, onTrackEvent, onConnectionChange, contentsByLocale, appId, visibility, server, previewUtils, }: WebchatArgs);
-    createRootElement(host: HTMLElement | null): void;
-    getReactMountNode(node?: (HTMLElement | null) | ShadowRoot): Element | DocumentFragment;
-    onInitWebchat(...args: [any]): void;
-    onOpenWebchat(...args: [any]): void;
-    onCloseWebchat(...args: [any]): void;
-    onUserInput({ user, input }: OnUserInputArgs): Promise<void>;
-    onTrackEventWebchat(request: ActionRequest, eventName: string, args?: EventArgs): Promise<void>;
-    onConnectionRegained(): Promise<void>;
-    onStateChange(args: OnStateChangeArgs): void;
-    onServiceEvent(event: Event): void;
-    updateUser(user: any): void;
-    setSystemLocale(locale: string): void;
-    setUserLocale(locale: string): void;
-    setUserCountry(country: string): void;
-    addBotMessage(message: any): void;
-    addSystemMessage(message: any): void;
-    addBotText(text: string): void;
-    addUserMessage(message: any): void;
-    addUserText(text: string): void;
-    addUserPayload(payload: string): void;
-    setTyping(typing: boolean): void;
-    open(): void;
-    close(): void;
-    closeWebview(options?: CloseWebviewOptions): Promise<void>;
-    toggle(): void;
-    openCoverComponent(): void;
-    closeCoverComponent(): void;
-    renderCustomComponent(_customComponent: any): void;
-    unmountCustomComponent(): void;
-    toggleCoverComponent(): void;
-    getMessages(): {
-        id: string;
-        ack: number;
-        unsentInput: import("@botonic/core").Input;
-    }[] | undefined;
-    clearMessages(): void;
-    getVisibility(): Promise<boolean>;
-    getLastMessageUpdate(): string | undefined;
-    updateMessageInfo(msgId: string, messageInfo: any): void | undefined;
-    updateWebchatSettings(settings: WebchatSettingsProps): void | undefined;
-    createInitialTheme(optionsAtRuntime?: WebchatArgs): WebchatTheme & Partial<WebchatTheme>;
-    createInitialThemeUserInput(theme: WebchatTheme, optionsAtRuntime?: WebchatArgs): {
-        attachments?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        blockInputs?: BlockInputOption[];
-        box?: {
-            placeholder: string;
-            style?: any;
-        };
-        emojiPicker?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        menu?: {
-            darkBackground?: boolean;
-            custom?: React.ComponentType<import("./webchat/theme/types").PersistentMenuOptionsProps>;
-        };
-        menuButton?: {
-            custom?: React.ComponentType;
-        };
-        persistentMenu?: PersistentMenuOptionsTheme;
-        sendButton?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        enable?: boolean;
-        style?: any;
-    };
-    getComponent(host: HTMLDivElement, optionsAtRuntime?: WebchatArgs): import("react/jsx-runtime").JSX.Element;
-    isWebchatVisible(appId: string): Promise<boolean>;
-    isOnline(): boolean | undefined;
-    resolveWebchatVisibility(optionsAtRuntime?: WebchatArgs): Promise<boolean>;
-    destroy(): void;
-    render(dest: HTMLDivElement, optionsAtRuntime?: WebchatArgs): Promise<void>;
-}