@convokit/widget 0.0.1 → 0.0.4

package/dist/PopupWidget.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { KeyConfig } from './types';
+
+/**
+ * Minimal props for the drop-in popup widget. Pass your public API key; everything else is optional.
+ */
+export interface PopupWidgetProps {
+    /** ConvoKit public API key (pk_live_... or pk_test_...). From ConvoKit dashboard. Required. */
+    apiKey: string;
+    /** Unique id for this instance. Default: 'convokit-widget'. */
+    widgetId?: string;
+    /** Header title. Default: 'Support'. */
+    title?: string;
+    /** First message shown when chat opens. Default: 'Hi! How can we help?'. */
+    welcomeMessage?: string;
+    /** Position of the bubble. Default: 'bottom-right'. */
+    position?: KeyConfig['position'];
+    /** Restore messages on reload. Default: false. */
+    persistMessages?: boolean;
+    /** Primary color (e.g. '#7c3aed'). */
+    primaryColor?: string;
+}
+/**
+ * Drop-in popup chat widget. One component, minimal props.
+ * Use in a client component (e.g. add 'use client' in Next.js).
+ *
+ * @example
+ * import { PopupWidget } from '@convokit/widget';
+ *
+ * <PopupWidget apiKey={process.env.NEXT_PUBLIC_CONVOKIT_KEY} />
+ */
+export declare const PopupWidget: React.FC<PopupWidgetProps>;
+//# sourceMappingURL=PopupWidget.d.ts.map

package/dist/PopupWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupWidget.d.ts","sourceRoot":"","sources":["../src/PopupWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+FAA+F;IAC/F,MAAM,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAQD;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBlD,CAAC"}

package/dist/components/ChatPopup.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { KeyConfig } from '../types';
+
+export interface PopupKeyProps {
+    config: KeyConfig;
+}
+export declare const PopupKey: React.FC<PopupKeyProps>;
+/** @deprecated Use PopupKey */
+export declare const ChatPopup: React.FC<PopupKeyProps>;
+//# sourceMappingURL=ChatPopup.d.ts.map

package/dist/components/ChatPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPopup.d.ts","sourceRoot":"","sources":["../../src/components/ChatPopup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAmD,MAAM,UAAU,CAAC;AAGtF,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,SAAS,CAAC;CACnB;AAID,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmR5C,CAAC;AAEF,+BAA+B;AAC/B,eAAO,MAAM,SAAS,yBAAW,CAAC"}

package/dist/components/ChatPopupConnect.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { BackendConfig } from '../types';
+
+export interface PopupBackendProps {
+    config: BackendConfig;
+}
+export declare const PopupBackend: React.FC<PopupBackendProps>;
+/** @deprecated Use PopupBackend */
+export declare const ChatPopupConnect: React.FC<PopupBackendProps>;
+//# sourceMappingURL=ChatPopupConnect.d.ts.map

package/dist/components/ChatPopupConnect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPopupConnect.d.ts","sourceRoot":"","sources":["../../src/components/ChatPopupConnect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAgC,MAAM,UAAU,CAAC;AAGvE,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,aAAa,CAAC;CACvB;AAID,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqPpD,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,6BAAe,CAAC"}

package/dist/components/ChatPopupEmbed.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ControlledConfig } from '../types';
+
+export interface PopupControlledProps {
+    config: ControlledConfig;
+}
+export declare const PopupControlled: React.FC<PopupControlledProps>;
+/** @deprecated Use PopupControlled */
+export declare const ChatPopupEmbed: React.FC<PopupControlledProps>;
+//# sourceMappingURL=ChatPopupEmbed.d.ts.map

package/dist/components/ChatPopupEmbed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPopupEmbed.d.ts","sourceRoot":"","sources":["../../src/components/ChatPopupEmbed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAe,MAAM,UAAU,CAAC;AAEzD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmN1D,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,cAAc,gCAAkB,CAAC"}

package/dist/components/ChatWidget.d.ts

@@ -1,9 +1,5 @@
 import { default as React } from 'react';
 import { ConvoKitConfig } from '../types';
 
-interface ChatWidgetProps {
-    config: ConvoKitConfig;
-}
-export declare const ChatWidget: React.FC<ChatWidgetProps>;
-export {};
+export declare const ChatWidget: React.FC<ConvoKitConfig>;
 //# sourceMappingURL=ChatWidget.d.ts.map

package/dist/components/ChatWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/components/ChatWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,eAAe,CAAC;AAEvB,UAAU,eAAe;IACvB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyHhD,CAAC"}
+{"version":3,"file":"ChatWidget.d.ts","sourceRoot":"","sources":["../../src/components/ChatWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAgC,MAAM,UAAU,CAAC;AAExE,OAAO,eAAe,CAAC;AAEvB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuT/C,CAAC"}

package/dist/components/FullScreenChat.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { KeyConfig } from '../types';
+
+export interface FullScreenKeyProps {
+    config: KeyConfig;
+    onBack?: () => void;
+    backLabel?: string;
+}
+export declare const FullScreenKey: React.FC<FullScreenKeyProps>;
+/** @deprecated Use FullScreenKey */
+export declare const FullScreenChat: React.FC<FullScreenKeyProps>;
+//# sourceMappingURL=FullScreenChat.d.ts.map

package/dist/components/FullScreenChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenChat.d.ts","sourceRoot":"","sources":["../../src/components/FullScreenChat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAmD,MAAM,UAAU,CAAC;AAGtF,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+PtD,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,cAAc,8BAAgB,CAAC"}

package/dist/components/FullScreenChatConnect.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { BackendConfig } from '../types';
+
+export interface FullScreenBackendProps {
+    config: BackendConfig;
+    onBack?: () => void;
+    backLabel?: string;
+}
+export declare const FullScreenBackend: React.FC<FullScreenBackendProps>;
+/** @deprecated Use FullScreenBackend */
+export declare const FullScreenChatConnect: React.FC<FullScreenBackendProps>;
+//# sourceMappingURL=FullScreenChatConnect.d.ts.map

package/dist/components/FullScreenChatConnect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenChatConnect.d.ts","sourceRoot":"","sources":["../../src/components/FullScreenChatConnect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAgC,MAAM,UAAU,CAAC;AAGvE,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmO9D,CAAC;AAEF,wCAAwC;AACxC,eAAO,MAAM,qBAAqB,kCAAoB,CAAC"}

package/dist/components/FullScreenChatEmbed.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ControlledConfig } from '../types';
+
+export interface FullScreenControlledProps {
+    config: ControlledConfig;
+    onBack?: () => void;
+    backLabel?: string;
+}
+export declare const FullScreenControlled: React.FC<FullScreenControlledProps>;
+/** @deprecated Use FullScreenControlled */
+export declare const FullScreenChatEmbed: React.FC<FullScreenControlledProps>;
+//# sourceMappingURL=FullScreenChatEmbed.d.ts.map

package/dist/components/FullScreenChatEmbed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullScreenChatEmbed.d.ts","sourceRoot":"","sources":["../../src/components/FullScreenChatEmbed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAe,MAAM,UAAU,CAAC;AAEzD,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAkMpE,CAAC;AAEF,2CAA2C;AAC3C,eAAO,MAAM,mBAAmB,qCAAuB,CAAC"}

package/dist/demo.d.ts

@@ -1,2 +1,2 @@
-export {};
+export type ComponentMode = 'PopupKey' | 'FullScreenKey' | 'PopupBackend' | 'FullScreenBackend' | 'PopupControlled' | 'FullScreenControlled' | 'BackendExample';
 //# sourceMappingURL=demo.d.ts.map

package/dist/demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../src/demo.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../src/demo.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,eAAe,GACf,cAAc,GACd,mBAAmB,GACnB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,13 @@
-export { ChatWidget } from './components/ChatWidget';
-export type { ConvoKitConfig, ChatMessage } from './types';
+/**
+ * @convokit/widget — public API: only the 4 drop-in widgets.
+ * PopupWidget, FullScreenWidget (API key). PopupBackendWidget, FullScreenBackendWidget (your backend).
+ */
+export { PopupWidget } from './PopupWidget';
+export type { PopupWidgetProps } from './PopupWidget';
+export { FullScreenWidget } from './FullScreenWidget';
+export type { FullScreenWidgetProps } from './FullScreenWidget';
+export { PopupBackendWidget } from './PopupBackendWidget';
+export type { PopupBackendWidgetProps } from './PopupBackendWidget';
+export { FullScreenBackendWidget } from './FullScreenBackendWidget';
+export type { FullScreenBackendWidgetProps } from './FullScreenBackendWidget';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC"}