@opencx/widget 3.0.69 → 3.0.72

package/dist/react.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useUploadFiles-DH1k_nBL.cjs");function a(t,s,u){const{widgetCtx:{api:i}}=e.useWidget();return e._default(async o=>i.vote({action:o==="up"?"upvote":"downvote",messagePublicId:t,sessionId:s}).then(u),[i,t,s,u])}exports.WidgetProvider=e.WidgetProvider;exports.useConfig=e.useConfig;exports.useContact=e.useContact;exports.useIsAwaitingBotReply=e.useIsAwaitingBotReply;exports.useMessages=e.useMessages;exports.usePreludeData=e.usePreludeData;exports.usePrimitiveState=e.usePrimitiveState;exports.useSessions=e.useSessions;exports.useUploadFiles=e.useUploadFiles;exports.useWidget=e.useWidget;exports.useWidgetRouter=e.useWidgetRouter;exports.useVote=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useWidgetTrigger-LQGdFooa.cjs");function g(t,i,s){const{widgetCtx:{api:u}}=e.useWidget();return e._default(async r=>u.vote({action:r==="up"?"upvote":"downvote",messagePublicId:t,sessionId:i}).then(s),[u,t,i,s])}exports.WidgetProvider=e.WidgetProvider;exports.WidgetTriggerProvider=e.WidgetTriggerProvider;exports.useConfig=e.useConfig;exports.useContact=e.useContact;exports.useIsAwaitingBotReply=e.useIsAwaitingBotReply;exports.useMessages=e.useMessages;exports.usePreludeData=e.usePreludeData;exports.usePrimitiveState=e.usePrimitiveState;exports.useSessions=e.useSessions;exports.useUploadFiles=e.useUploadFiles;exports.useWidget=e.useWidget;exports.useWidgetRouter=e.useWidgetRouter;exports.useWidgetTrigger=e.useWidgetTrigger;exports.useVote=g;
 //# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"react.cjs","sources":["../src/headless/react/hooks/useVote.ts"],"sourcesContent":["import useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { useWidget } from '../WidgetProvider';\n\n/**\n * @param id\n * @param onSuccess\n * @returns\n */\nexport function useVote(id: string, sessionId: string, onSuccess?: () => void) {\n  const {\n    widgetCtx: { api },\n  } = useWidget();\n  return useAsyncFn(\n    async (action: 'up' | 'down') => {\n      return api\n        .vote({\n          action: action === 'up' ? 'upvote' : 'downvote',\n          messagePublicId: id,\n          sessionId,\n        })\n        .then(onSuccess);\n    },\n    [api, id, sessionId, onSuccess],\n  );\n}\n\n/**\n * @param id\n * @param onSuccess\n * @deprecated use useVote instead\n */\nexport function useUpvote(\n  id: string,\n  sessionId: string,\n  onSuccess?: () => void,\n) {\n  const {\n    widgetCtx: { api },\n  } = useWidget();\n  return useAsyncFn(\n    async () =>\n      api\n        .vote({ action: 'upvote', messagePublicId: id, sessionId })\n        .then(onSuccess),\n    [api, id, sessionId, onSuccess],\n  );\n}\n\n/**\n * @param id\n * @param onSuccess\n * @deprecated use useVote instead\n */\nexport function useDownvote(\n  id: string,\n  sessionId: string,\n  onSuccess?: () => void,\n) {\n  const {\n    widgetCtx: { api },\n  } = useWidget();\n  return useAsyncFn(\n    async () =>\n      api\n        .vote({ action: 'downvote', messagePublicId: id, sessionId })\n        .then(onSuccess),\n    [api, id, sessionId, onSuccess],\n  );\n}\n"],"names":["useVote","id","sessionId","onSuccess","api","useWidget","useAsyncFn","action"],"mappings":"iIAQgB,SAAAA,EAAQC,EAAYC,EAAmBC,EAAwB,CACvE,KAAA,CACJ,UAAW,CAAE,IAAAC,CAAI,GACfC,EAAU,UAAA,EACP,OAAAC,EAAA,SACL,MAAOC,GACEH,EACJ,KAAK,CACJ,OAAQG,IAAW,KAAO,SAAW,WACrC,gBAAiBN,EACjB,UAAAC,CAAA,CACD,EACA,KAAKC,CAAS,EAEnB,CAACC,EAAKH,EAAIC,EAAWC,CAAS,CAAA,CAElC"}
+{"version":3,"file":"react.cjs","sources":["../src/headless/react/hooks/useVote.ts"],"sourcesContent":["import useAsyncFn from 'react-use/lib/useAsyncFn';\nimport { useWidget } from '../WidgetProvider';\n\n/**\n * @param id\n * @param onSuccess\n * @returns\n */\nexport function useVote(id: string, sessionId: string, onSuccess?: () => void) {\n  const {\n    widgetCtx: { api },\n  } = useWidget();\n  return useAsyncFn(\n    async (action: 'up' | 'down') => {\n      return api\n        .vote({\n          action: action === 'up' ? 'upvote' : 'downvote',\n          messagePublicId: id,\n          sessionId,\n        })\n        .then(onSuccess);\n    },\n    [api, id, sessionId, onSuccess],\n  );\n}\n\n/**\n * @param id\n * @param onSuccess\n * @deprecated use useVote instead\n */\nexport function useUpvote(\n  id: string,\n  sessionId: string,\n  onSuccess?: () => void,\n) {\n  const {\n    widgetCtx: { api },\n  } = useWidget();\n  return useAsyncFn(\n    async () =>\n      api\n        .vote({ action: 'upvote', messagePublicId: id, sessionId })\n        .then(onSuccess),\n    [api, id, sessionId, onSuccess],\n  );\n}\n\n/**\n * @param id\n * @param onSuccess\n * @deprecated use useVote instead\n */\nexport function useDownvote(\n  id: string,\n  sessionId: string,\n  onSuccess?: () => void,\n) {\n  const {\n    widgetCtx: { api },\n  } = useWidget();\n  return useAsyncFn(\n    async () =>\n      api\n        .vote({ action: 'downvote', messagePublicId: id, sessionId })\n        .then(onSuccess),\n    [api, id, sessionId, onSuccess],\n  );\n}\n"],"names":["useVote","id","sessionId","onSuccess","api","useWidget","useAsyncFn","action"],"mappings":"mIAQgB,SAAAA,EAAQC,EAAYC,EAAmBC,EAAwB,CACvE,KAAA,CACJ,UAAW,CAAE,IAAAC,CAAI,GACfC,EAAU,UAAA,EACP,OAAAC,EAAA,SACL,MAAOC,GACEH,EACJ,KAAK,CACJ,OAAQG,IAAW,KAAO,SAAW,WACrC,gBAAiBN,EACjB,UAAAC,CAAA,CACD,EACA,KAAKC,CAAS,EAEnB,CAACC,EAAKH,EAAIC,EAAWC,CAAS,CAAA,CAElC"}

package/dist/react.js

@@ -1,12 +1,12 @@
-import { u as o, _ as i } from "./useUploadFiles-CoBUxfoW.js";
-import { W as p, a as f, b as l, c, d as m, e as v, f as P, g as W, i as w, h as x } from "./useUploadFiles-CoBUxfoW.js";
-function n(e, s, t) {
+import { u, _ as r } from "./useWidgetTrigger-DdX73dQq.js";
+import { W as p, k as f, a as l, b as v, c as W, d as c, e as m, f as P, g as w, i as x, h as C, j as b } from "./useWidgetTrigger-DdX73dQq.js";
+function g(e, s, t) {
   const {
     widgetCtx: { api: a }
-  } = o();
-  return i(
-    async (u) => a.vote({
-      action: u === "up" ? "upvote" : "downvote",
+  } = u();
+  return r(
+    async (i) => a.vote({
+      action: i === "up" ? "upvote" : "downvote",
       messagePublicId: e,
       sessionId: s
     }).then(t),
@@ -15,16 +15,18 @@ function n(e, s, t) {
 }
 export {
   p as WidgetProvider,
-  f as useConfig,
-  l as useContact,
-  c as useIsAwaitingBotReply,
-  m as useMessages,
-  v as usePreludeData,
+  f as WidgetTriggerProvider,
+  l as useConfig,
+  v as useContact,
+  W as useIsAwaitingBotReply,
+  c as useMessages,
+  m as usePreludeData,
   P as usePrimitiveState,
-  W as useSessions,
-  w as useUploadFiles,
-  n as useVote,
-  o as useWidget,
-  x as useWidgetRouter
+  w as useSessions,
+  x as useUploadFiles,
+  g as useVote,
+  u as useWidget,
+  C as useWidgetRouter,
+  b as useWidgetTrigger
 };
 //# sourceMappingURL=react.js.map

package/dist/src/designs/react/WidgetPopoverAnchor.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function WidgetPopoverAnchor(): React.JSX.Element;

package/dist/src/designs/react/WidgetPopoverContent.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function WidgetPopoverContent(): React.JSX.Element;

package/dist/src/designs/react/WidgetPopoverTrigger.d.ts

@@ -1,5 +1,3 @@
 import { default as React } from 'react';
-declare function WidgetPopoverTrigger({ isOpen }: {
-    isOpen: boolean;
-}): React.JSX.Element;
+declare function WidgetPopoverTrigger(): React.JSX.Element;
 export { WidgetPopoverTrigger };

package/dist/src/designs/react/components/lib/button.d.ts

@@ -1,8 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | "fit" | "free" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "fit" | "free" | "selfless" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/src/designs/react/hooks/useIsSmallScreen.d.ts

@@ -0,0 +1,3 @@
+export declare function useIsSmallScreen(): {
+    isSmallScreen: boolean;
+};

package/dist/src/{headless → designs}/react/hooks/useTheme.d.ts

@@ -6,17 +6,23 @@ export declare function useTheme(): {
     theme: {
         primaryColor: string;
         widgetTrigger: {
+            zIndex: number;
             offset: {
-                bottom: string;
-                right: string;
+                bottom: number;
+                right: number;
             };
             size: {
-                button: string;
-                icon: string;
+                button: number;
+                icon: number;
             };
         };
         widgetContentContainer: {
-            offset: number;
+            borderRadius: string;
+            zIndex: number;
+            offset: {
+                side: number;
+                align: number;
+            };
         };
         screens: {
             welcome: {

package/dist/src/designs/react/index.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { WidgetComponentType } from '../../headless/react';
 import { WidgetConfig } from '../../headless/core';
+import { WidgetComponentType } from '../../headless/react';
 declare function WidgetWrapper({ options, components, }: {
     options: WidgetConfig;
     components?: WidgetComponentType[];

package/dist/src/headless/core/types/widget-config.d.ts

@@ -38,18 +38,29 @@ export interface WidgetConfig {
     theme?: {
         primaryColor?: string;
         widgetTrigger?: {
+            zIndex?: number;
             offset?: {
-                right?: string;
-                bottom?: string;
+                /** number in pixels */
+                right?: number;
+                /** number in pixels */
+                bottom?: number;
             };
             size?: {
-                button?: string;
-                icon?: string;
+                /** number in pixels */
+                button?: number;
+                /** number in pixels */
+                icon?: number;
             };
         };
         widgetContentContainer?: {
-            /** The distance between the widget content and the widget trigger */
-            offset?: number;
+            borderRadius?: string;
+            zIndex?: number;
+            offset?: {
+                /** number in pixels */
+                side?: number;
+                /** number in pixels */
+                align?: number;
+            };
         };
         screens?: {
             welcome?: {

package/dist/src/headless/react/WidgetProvider.d.ts

@@ -8,6 +8,7 @@ interface WidgetProviderValue {
     componentStore: ComponentRegistry;
     theme: WidgetConfig['theme'];
     version: string;
+    contentIframeRef?: React.MutableRefObject<HTMLIFrameElement | null>;
 }
 declare const useWidget: () => WidgetProviderValue;
 declare function WidgetProvider({ options: config, children, components, storage, }: {

package/dist/src/headless/react/hooks/useWidgetTrigger.d.ts

@@ -0,0 +1,10 @@
+import { default as React, Dispatch, ReactNode, SetStateAction } from 'react';
+type WidgetTriggerCtx = {
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+};
+export declare const useWidgetTrigger: () => WidgetTriggerCtx, SafeProvider: React.Provider<WidgetTriggerCtx>;
+export declare function WidgetTriggerProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export {};

package/dist/src/headless/react/index.d.ts

@@ -10,3 +10,4 @@ export { useSessions } from './hooks/useSessions';
 export { useWidgetRouter } from './hooks/useWidgetRouter';
 export { useVote } from './hooks/useVote';
 export { type FileWithProgress, useUploadFiles } from './hooks/useUploadFiles';
+export { useWidgetTrigger, WidgetTriggerProvider, } from './hooks/useWidgetTrigger';