@marketrix.ai/widget 1.0.6 → 1.0.8

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

@@ -1 +1 @@
-{"version":3,"file":"MarketrixWidget.d.ts","sourceRoot":"","sources":["../../src/components/MarketrixWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,eAAe,CAAC;CACzB;AA6BD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiH1D,CAAC"}
+{"version":3,"file":"MarketrixWidget.d.ts","sourceRoot":"","sources":["../../src/components/MarketrixWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,eAAe,CAAC;CACzB;AA6BD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyH1D,CAAC"}

package/dist/components/chat/ChatWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAcjD,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ9E,UAAU,eAAe;IACvB,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,EAAE,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,IAAI,CAAC,EAAE,eAAe,EACtB,YAAY,CAAC,EAAE,MAAM,EACrB,QAAQ,CAAC,EAAE,MAAM,EACjB,eAAe,CAAC,EAAE,OAAO,KACtB,IAAI,CAAC;IACV,SAAS,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5E,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6sBhD,CAAC"}
+{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAcjD,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ9E,UAAU,eAAe;IACvB,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,EAAE,eAAe,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CACb,OAAO,EAAE,MAAM,EACf,IAAI,CAAC,EAAE,eAAe,EACtB,YAAY,CAAC,EAAE,MAAM,EACrB,QAAQ,CAAC,EAAE,MAAM,EACjB,eAAe,CAAC,EAAE,OAAO,KACtB,IAAI,CAAC;IACV,SAAS,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5E,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8sBhD,CAAC"}

package/dist/components/layout/WidgetButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetButton.d.ts","sourceRoot":"","sources":["../../../src/components/layout/WidgetButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD,UAAU,iBAAiB;IACzB,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkMpD,CAAC"}
+{"version":3,"file":"WidgetButton.d.ts","sourceRoot":"","sources":["../../../src/components/layout/WidgetButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD,UAAU,iBAAiB;IACzB,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoMpD,CAAC"}

package/dist/hooks/useWidget.d.ts

@@ -62,6 +62,7 @@ export declare const useWidget: ({ config }?: UseWidgetProps) => {
     getWidgetText: () => import("../utils/config").WidgetTextConfig;
     getWidgetCustomize: () => import("../utils/config").WidgetCustomizeConfig;
     getWidgetPosition: () => import("../utils/config").WidgetPositionConfig;
+    isPreviewMode: boolean;
 };
 export {};
 //# sourceMappingURL=useWidget.d.ts.map

package/dist/hooks/useWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWidget.d.ts","sourceRoot":"","sources":["../../src/hooks/useWidget.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,UAAU,CAAC;AAOpE,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,GAAI,aAAY,cAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAwBvC,CAAC;;;;;;;;;2CAYgC,CAAC,4CAIhD,CAAJ,kBACa,CAAC,yBACU,CAAC;;;;;;CAOxB,CAAC"}
+{"version":3,"file":"useWidget.d.ts","sourceRoot":"","sources":["../../src/hooks/useWidget.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAsB,MAAM,UAAU,CAAC;AAOpE,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,GAAI,aAAY,cAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAwBvC,CAAC;;;;;;;;;2CAYgC,CAAC,4CAG1C,CAAC,kBAAyB,CAAA,yBACZ,CAAC;;;;;;;CAaxB,CAAC"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACtF,OAAO,EAIL,gBAAgB,EASjB,MAAM,mBAAmB,CAAC;AA2C3B,eAAO,MAAM,UAAU,GACrB,QAAQ,eAAe,EACvB,YAAY,WAAW,KACtB,OAAO,CAAC,IAAI,CA4Cd,CAAC;AAGF,eAAO,MAAM,aAAa,QAAO,IAchC,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAU,WAAW,OAAO,CAAC,eAAe,CAAC,KAAG,OAAO,CAAC,IAAI,CAW7F,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsE1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAU,QAAQ,eAAe,KAAG,OAAO,CAAC,IAAI,CA4CvE,CAAC;AAiBF,YAAY,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC7C,YAAY,EACV,eAAe,EACf,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,WAAW,GACZ,MAAM,SAAS,CAAC;;;0BApEyB,eAAe,KAAG,OAAO,CAAC,IAAI,CAAC;yBAlK/D,eAAe,cACX,WAAW,KACtB,OAAO,CAAC,IAAI,CAAC;yBA+CiB,IAAI;uCAiBkB,OAAO,CAAC,eAAe,CAAC,KAAG,OAAO,CAAC,IAAI,CAAC;;;AAuK/F,wBAOE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACtF,OAAO,EAIL,gBAAgB,EASjB,MAAM,mBAAmB,CAAC;AA2C3B,eAAO,MAAM,UAAU,GACrB,QAAQ,eAAe,EACvB,YAAY,WAAW,KACtB,OAAO,CAAC,IAAI,CA4Cd,CAAC;AAGF,eAAO,MAAM,aAAa,QAAO,IAchC,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAU,WAAW,OAAO,CAAC,eAAe,CAAC,KAAG,OAAO,CAAC,IAAI,CAW7F,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0E1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAU,QAAQ,eAAe,KAAG,OAAO,CAAC,IAAI,CA4CvE,CAAC;AAiBF,YAAY,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC7C,YAAY,EACV,eAAe,EACf,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,WAAW,GACZ,MAAM,SAAS,CAAC;;;0BApEyB,eAAe,KAAG,OAAO,CAAC,IAAI,CAAC;yBAtK/D,eAAe,cACX,WAAW,KACtB,OAAO,CAAC,IAAI,CAAC;yBA+CiB,IAAI;uCAiBkB,OAAO,CAAC,eAAe,CAAC,KAAG,OAAO,CAAC,IAAI,CAAC;;;AA2K/F,wBAOE"}

package/dist/index.mjs

@@ -10075,6 +10075,7 @@ const useWidget = ({ config } = {}) => {
   const shouldShowWidget = useCallback(() => {
     return (marketrixConfig == null ? void 0 : marketrixConfig.widget_enabled) ?? false;
   }, [marketrixConfig]);
+  const isPreviewMode = (marketrixConfig == null ? void 0 : marketrixConfig.isPreviewMode) ?? false;
   return {
     state,
     marketrixConfig,
@@ -10083,7 +10084,8 @@ const useWidget = ({ config } = {}) => {
     shouldShow: shouldShowWidget(),
     getWidgetText: getWidgetText$1,
     getWidgetCustomize: getWidgetCustomize$1,
-    getWidgetPosition: getWidgetPosition$1
+    getWidgetPosition: getWidgetPosition$1,
+    isPreviewMode
   };
 };
 function hexToRgb(hex) {
@@ -10957,7 +10959,6 @@ const MessageContent = ({
 }) => {
   const placeholderState = message.placeholderState || "thinking";
   const isWaitingForUser = placeholderState === "waiting-for-user";
-  const customText = void 0;
   if (message.parts && message.parts.length > 0) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
       message.parts.map((part, index2) => {
@@ -10987,8 +10988,8 @@ const MessageContent = ({
               isWaitingForUser: isWaitingForUserAction,
               accentColor,
               textColor,
-              hideIcon: part.hideIcon,
-              textStyle: part.textStyle
+              ...part.hideIcon !== void 0 ? { hideIcon: part.hideIcon } : {},
+              ...part.textStyle !== void 0 ? { textStyle: part.textStyle } : {}
             },
             `part-${index2}`
           );
@@ -11000,7 +11001,7 @@ const MessageContent = ({
         {
           isWaitingForUser,
           textColor,
-          customText,
+          ...{},
           accentColor
         }
       )
@@ -11012,7 +11013,7 @@ const MessageContent = ({
       {
         isWaitingForUser,
         textColor,
-        customText,
+        ...{},
         accentColor
       }
     );
@@ -11815,7 +11816,7 @@ const ChatWindow = ({
   );
   const [showScreenAccessModal, setShowScreenAccessModal] = useState(false);
   const [pendingMessage, setPendingMessage] = useState(null);
-  const { getWidgetPosition: getWidgetPosition2, settings } = useWidget({ config });
+  const { getWidgetPosition: getWidgetPosition2, settings, isPreviewMode } = useWidget({ config });
   const widgetPosition = getWidgetPosition2();
   useEffect(() => {
     var _a;
@@ -12046,12 +12047,13 @@ const ChatWindow = ({
       return this.props.children;
     }
   }
+  const positionClass = isPreviewMode ? "absolute" : "fixed";
   const chatWindowHeight = isMinimized ? "h-12" : "h-[35rem]";
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref: chatWindowRef,
-      className: `absolute rounded-xl ${positionClasses} pointer-events-auto`,
+      className: `${positionClass} rounded-xl ${positionClasses} pointer-events-auto`,
       style: {
         zIndex: widgetPosition.z_index || 40,
         backgroundColor: "#ffffff",
@@ -12310,8 +12312,8 @@ const ChatWindow = ({
                       setPendingMessage({
                         content,
                         mode,
-                        connectionId,
-                        question,
+                        ...connectionId !== void 0 ? { connectionId } : {},
+                        ...question !== void 0 ? { question } : {},
                         alreadyAdded: true
                       });
                       requestScreenAccess(mode || currentMode);
@@ -12424,7 +12426,7 @@ const WidgetButton = ({
   isScreenSharing: isScreenSharing2 = false
 }) => {
   const [showWelcomeText, setShowWelcomeText] = useState(false);
-  const { getWidgetPosition: getWidgetPosition2, settings } = useWidget({ config });
+  const { getWidgetPosition: getWidgetPosition2, settings, isPreviewMode } = useWidget({ config });
   const widgetPosition = getWidgetPosition2();
   useEffect(() => {
     setShowWelcomeText(false);
@@ -12443,10 +12445,11 @@ const WidgetButton = ({
   }, [settings.widget_appearance, isMinimized]);
   const effectivePosition = widgetPosition.position || settings.widget_position || "bottom_right";
   const effectivePositionClasses = getPositionClasses(effectivePosition);
+  const positionClass = isPreviewMode ? "absolute" : "fixed";
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `absolute ${effectivePositionClasses} transition-transform duration-500 ease-in-out ${showWelcomeText && !isOpen ? effectivePosition.includes("left") ? "transform translate-x-64" : "transform -translate-x-64" : ""}`,
+      className: `${positionClass} ${effectivePositionClasses} transition-transform duration-500 ease-in-out ${showWelcomeText && !isOpen ? effectivePosition.includes("left") ? "transform translate-x-64" : "transform -translate-x-64" : ""}`,
       style: { zIndex: widgetPosition.z_index || 50 },
       children: [
         /* @__PURE__ */ jsx(
@@ -12666,7 +12669,15 @@ class WidgetErrorBoundary extends React.Component {
 const MarketrixWidget$1 = ({ config }) => {
   const [isScreenSharing2, setIsScreenSharing] = useState(false);
   const [showDevPanel, setShowDevPanel] = useState(false);
-  const { state, actions, marketrixConfig, shouldShow, getWidgetPosition: getWidgetPosition2, settings } = useWidget({
+  const {
+    state,
+    actions,
+    marketrixConfig,
+    shouldShow,
+    getWidgetPosition: getWidgetPosition2,
+    settings,
+    isPreviewMode
+  } = useWidget({
     config
   });
   useEffect(() => {
@@ -12703,7 +12714,7 @@ const MarketrixWidget$1 = ({ config }) => {
     "div",
     {
       className: "marketrix-widget relative",
-      style: customStyles,
+      style: { ...customStyles, ...isPreviewMode && { width: "100%", height: "100%" } },
       "data-widget-mode": (settings == null ? void 0 : settings.widget_feature_human) ? "hybrid" : "ai",
       children: [
         state.isTaskRunning && /* @__PURE__ */ jsx(
@@ -13437,7 +13448,11 @@ const MarketrixWidget = ({ settings, container }) => {
       containerIdRef.current
     );
     widgetContainerRef.current = widgetContainer;
-    const config = createConfigFromSettings(settings);
+    const config = {
+      ...createConfigFromSettings(settings),
+      isPreviewMode: true
+      // Settings provided = preview mode
+    };
     if (rootRef.current) {
       rootRef.current.unmount();
       rootRef.current = null;