@botonic/webviews 2.23.1

package/lib/components/content/index.d.ts

@@ -0,0 +1,3 @@
+export { WebviewBody, type WebviewBodyProps } from './webview-body';
+export { WebviewFrame, type WebviewFrameProps } from './webview-frame';
+export { WebviewHeader, type WebviewHeaderProps } from './webview-header';

package/lib/components/content/webview-body/index.d.ts

@@ -0,0 +1,2 @@
+export type { WebviewBodyProps } from './webview-body';
+export { WebviewBody } from './webview-body';

package/lib/components/content/webview-body/webview-body.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface WebviewBodyProps {
+    children: ReactNode;
+    className?: string;
+    variant?: 'default' | 'padded' | 'scrollable';
+}
+export declare function WebviewBody({ children, className, variant, }: WebviewBodyProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/content/webview-frame/index.d.ts

@@ -0,0 +1,2 @@
+export type { WebviewFrameProps } from './webview-frame';
+export { WebviewFrame } from './webview-frame';

package/lib/components/content/webview-frame/webview-frame.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface WebviewFrameProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function WebviewFrame({ children, className }: WebviewFrameProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/content/webview-header/index.d.ts

@@ -0,0 +1,2 @@
+export type { WebviewHeaderProps } from './webview-header';
+export { WebviewHeader } from './webview-header';

package/lib/components/content/webview-header/webview-header.d.ts

@@ -0,0 +1,8 @@
+import { ConfirmCloseOption } from '../../../../../../webchat-core/src/index.ts';
+export interface WebviewHeaderProps {
+    title?: string;
+    icon?: string;
+    allowClose?: boolean;
+    confirmClose?: ConfirmCloseOption;
+}
+export declare function WebviewHeader({ title, icon, allowClose, confirmClose, }: WebviewHeaderProps): null;

package/lib/components/index.d.ts

@@ -0,0 +1 @@
+export { WebviewBody, type WebviewBodyProps, WebviewFrame, type WebviewFrameProps, WebviewHeader, type WebviewHeaderProps, } from './content';

package/lib/hooks/use-bot-session.d.ts

@@ -0,0 +1,3 @@
+export declare const useBotSession: () => {
+    botSession: any;
+};

package/lib/hooks/use-webview-close.d.ts

@@ -0,0 +1,6 @@
+export interface CloseWebviewOptions {
+    payload?: any;
+    path?: string;
+    params?: Record<string, string>;
+}
+export declare function useWebviewClose(session: any): (options?: CloseWebviewOptions) => Promise<void>;

package/lib/hooks/use-webview-contents/hook.d.ts

@@ -0,0 +1,8 @@
+import { MapContentsType, UseWebviewContents } from './types';
+export interface UseWebviewContentsProps<T extends MapContentsType> {
+    botSession: Record<string, any>;
+    params: Record<string, string>;
+    version?: 'draft' | 'latest' | string;
+    mapContents: Record<keyof T, string>;
+}
+export declare function useWebviewContents<T extends MapContentsType>({ botSession, params, version, mapContents, }: UseWebviewContentsProps<T>): UseWebviewContents<T>;

package/lib/hooks/use-webview-contents/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hook';
+export * from './types';

package/lib/hooks/use-webview-contents/types.d.ts

@@ -0,0 +1,37 @@
+export declare enum WebviewContentType {
+    TEXT = "webview-text",
+    IMAGE = "webview-image"
+}
+export type WebviewContentsResponse = (WebviewTextContent | WebviewImageContent)[];
+export interface WebviewTextContent {
+    code: string;
+    type: WebviewContentType.TEXT;
+    content: {
+        text: {
+            message: string;
+            locale: string;
+        }[];
+    };
+}
+export interface WebviewImageContent {
+    code: string;
+    type: WebviewContentType.IMAGE;
+    content: {
+        image: {
+            file: string;
+            locale: string;
+        }[];
+    };
+}
+export type MapContentsType = Record<string, string>;
+export interface UseWebviewContents<T extends MapContentsType> {
+    isLoading: boolean;
+    error: boolean;
+    webviewContentsContext: WebviewContentsContextType<T>;
+}
+export interface WebviewContentsContextType<T extends MapContentsType> {
+    getTextContent: (code: string) => string;
+    getImageSrc: (code: string) => string;
+    setCurrentLocale: (locale: string) => void;
+    contents: Record<keyof T, string>;
+}

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+export * from './components';
+export * from './hooks/use-bot-session';
+export * from './hooks/use-webview-close';
+export * from './hooks/use-webview-contents';
+export * from './webview-context';
+export * from './webview-provider';
+export * from './webviews';

package/lib/webview-context.d.ts

@@ -0,0 +1,18 @@
+import { ConfirmCloseOption } from '../../../webchat-core/src/index.ts';
+import { CloseWebviewOptions } from './hooks/use-webview-close';
+import { WebviewDefinition } from './webviews';
+export interface WebviewContextType {
+    botSession: Record<string, any>;
+    params: Record<string, string>;
+    closeWebview: (options?: CloseWebviewOptions) => Promise<void>;
+    setWebviewTitle: (title: string) => void;
+    setWebviewIcon: (icon: string) => void;
+    setWebviewAllowClose: (allow: boolean) => void;
+    setWebviewConfirmClose: (config: ConfirmCloseOption) => void;
+    sendWebviewPayload: (payload: any) => Promise<void>;
+    navigateTo: (path: string, params?: Record<string, string>) => void;
+    webviewName: string;
+    webviewConfig: WebviewDefinition | null;
+}
+export declare const WebviewContext: import('react').Context<WebviewContextType | undefined>;
+export declare function useWebviewRequest(): WebviewContextType;

package/lib/webview-provider.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { WebviewDefinition } from './webviews';
+interface WebviewProviderProps {
+    children: ReactNode;
+    webviews?: WebviewDefinition[];
+}
+export declare const WebviewProvider: FC<WebviewProviderProps>;
+export {};

package/lib/webviews.d.ts

@@ -0,0 +1,27 @@
+import { ConfirmCloseOption } from '../../../webchat-core/src/index.ts';
+import { ComponentType, FC, ReactNode } from 'react';
+export interface WebviewDefinition {
+    /** The path for this webview (e.g., 'demo' or 'form') */
+    path: string;
+    /** The React component to render for this webview */
+    component: ComponentType;
+    /** Optional title shown in the overlay header */
+    title?: string;
+    /** Optional icon shown in the overlay header */
+    icon?: string;
+    /** Whether the close button is shown (default: true) */
+    allowClose?: boolean;
+    /** Configuration for close confirmation dialog */
+    confirmClose?: ConfirmCloseOption;
+    /** Callback when the webview opens */
+    onOpen?: () => void;
+    /** Callback when the webview closes */
+    onClose?: () => void;
+}
+export interface WebviewAppProps {
+    /** Array of webview definitions */
+    webviews: WebviewDefinition[];
+    /** Custom loading component shown while webviews load */
+    loadingComponent?: ReactNode;
+}
+export declare const WebviewApp: FC<WebviewAppProps>;

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@botonic/webviews",
+  "version": "2.23.1",
+  "type": "module",
+  "types": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.js",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@botonic/core": "2.23.1",
+    "@botonic/webchat-core": "2.23.1",
+    "@lilara/foundations": ">=0.3.1",
+    "class-variance-authority": "^0.7.0",
+    "react": "18.3.1"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}