@marketrix.ai/widget 1.0.7 → 1.0.9

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,CA8H1D,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,CA8sBhD,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,CAutBhD,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,CAoMpD,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,CA+MpD,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,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"}
+{"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,CA2E1D,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;yBAvK/D,eAAe,cACX,WAAW,KACtB,OAAO,CAAC,IAAI,CAAC;yBA+CiB,IAAI;uCAiBkB,OAAO,CAAC,eAAe,CAAC,KAAG,OAAO,CAAC,IAAI,CAAC;;;AA4K/F,wBAOE"}

package/dist/index.mjs

@@ -12049,15 +12049,21 @@ const ChatWindow = ({
   }
   const positionClass = isPreviewMode ? "absolute" : "fixed";
   const chatWindowHeight = isMinimized ? "h-12" : "h-[35rem]";
+  const previewPositionStyle = isPreviewMode ? {
+    bottom: "20px",
+    // equivalent to bottom-5 (1.25rem = 20px)
+    ...effectivePosition.includes("right") ? { right: "20px" } : { left: "20px" }
+  } : {};
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref: chatWindowRef,
-      className: `${positionClass} rounded-xl ${positionClasses} pointer-events-auto`,
+      className: `${positionClass} rounded-xl ${isPreviewMode ? "" : positionClasses} pointer-events-auto`,
       style: {
         zIndex: widgetPosition.z_index || 40,
         backgroundColor: "#ffffff",
-        backgroundImage: settings.widget_background_color.includes("gradient") ? settings.widget_background_color : `linear-gradient(135deg, ${settings.widget_background_color} 0%, ${settings.widget_background_color} 100%)`
+        backgroundImage: settings.widget_background_color.includes("gradient") ? settings.widget_background_color : `linear-gradient(135deg, ${settings.widget_background_color} 0%, ${settings.widget_background_color} 100%)`,
+        ...previewPositionStyle
       },
       children: /* @__PURE__ */ jsxs(
         "div",
@@ -12446,11 +12452,19 @@ const WidgetButton = ({
   const effectivePosition = widgetPosition.position || settings.widget_position || "bottom_right";
   const effectivePositionClasses = getPositionClasses(effectivePosition);
   const positionClass = isPreviewMode ? "absolute" : "fixed";
+  const previewPositionStyle = isPreviewMode ? {
+    bottom: "20px",
+    // equivalent to bottom-5 (1.25rem = 20px)
+    ...effectivePosition.includes("right") ? { right: "20px" } : { left: "20px" }
+  } : {};
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      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 },
+      className: `${positionClass} ${isPreviewMode ? "" : 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,
+        ...previewPositionStyle
+      },
       children: [
         /* @__PURE__ */ jsx(
           "button",
@@ -12669,7 +12683,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(() => {
@@ -12682,7 +12704,8 @@ const MarketrixWidget$1 = ({ config }) => {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-  if (!shouldShow || !settings.widget_enabled) {
+  const shouldRender = isPreviewMode ? config.widget_enabled ?? settings.widget_enabled ?? false : shouldShow && settings.widget_enabled;
+  if (!shouldRender) {
     return null;
   }
   const effectiveConfig = marketrixConfig || config;
@@ -12706,7 +12729,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(
@@ -13193,6 +13216,9 @@ const createWidgetContainer = (parentContainer, containerId) => {
     mountEl = document.createElement("div");
     mountEl.id = "marketrix-widget-root";
     mountEl.style.pointerEvents = "auto";
+    mountEl.style.width = "100%";
+    mountEl.style.height = "100%";
+    mountEl.style.position = "relative";
     shadowRoot.appendChild(mountEl);
   }
   return { container, shadowRoot, mountEl };
@@ -13442,8 +13468,10 @@ const MarketrixWidget = ({ settings, container }) => {
     widgetContainerRef.current = widgetContainer;
     const config = {
       ...createConfigFromSettings(settings),
-      isPreviewMode: true
+      isPreviewMode: true,
       // Settings provided = preview mode
+      widget_enabled: settings.widget_enabled ?? true
+      // Ensure widget is enabled in preview
     };
     if (rootRef.current) {
       rootRef.current.unmount();