@mypatientspace/chatbot-widget 1.0.36 → 1.0.37

package/dist/mypatientspace-demo.es.js

@@ -13190,23 +13190,15 @@ const Lp = R.memo(function() {
   panel: L`
     display: flex;
     flex-direction: column;
+    padding: ${S.spacing.xl};
     background: ${S.colors.pageBackground};
     position: relative;
     height: 100%;
-    overflow: auto;
-
-    @media (max-width: ${S.breakpoints.mobile}) {
-      height: auto;
-      min-height: ${S.layout.minPreviewHeight};
-    }
+    min-height: ${S.layout.minPreviewHeight};
+    overflow: hidden;
   `,
   header: L`
-    position: sticky;
-    top: 0;
-    z-index: 10;
-    background: ${S.colors.pageBackground};
-    padding: ${S.spacing.xl};
-    padding-bottom: ${S.spacing.md};
+    margin-bottom: ${S.spacing.md};
     flex-shrink: 0;
   `,
   title: L`
@@ -13221,8 +13213,7 @@ const Lp = R.memo(function() {
   `,
   container: L`
     flex: 1;
-    min-height: 400px;
-    margin: 0 ${S.spacing.xl} ${S.spacing.xl};
+    min-height: 500px;
     background: ${S.colors.panelBackground};
     border-radius: ${S.borderRadius.xl};
     box-shadow: 0 4px 24px rgba(60, 77, 115, 0.1);
@@ -13232,6 +13223,7 @@ const Lp = R.memo(function() {
     /* Override widget's fixed positioning to absolute within container */
     .chatbot-widget-container {
       position: absolute !important;
+      inset: 0;
     }
   `,
   containerFloating: L`
@@ -13298,12 +13290,12 @@ const Lp = R.memo(function() {
     display: grid;
     grid-template-columns: ${S.layout.controlsPanelWidth} 1fr;
     height: 100%;
+    min-height: ${S.layout.minPreviewHeight};
     width: 100%;
 
     @media (max-width: ${S.breakpoints.mobile}) {
       grid-template-columns: 1fr;
       height: auto;
-      min-height: 100%;
     }
   `,
   layoutPreviewOnly: L`
@@ -14038,7 +14030,7 @@ const gn = () => {
         _ && /* @__PURE__ */ K.jsxs(hb, { fontFamily: s.fontFamily, children: [
           _,
           " v",
-          "1.0.36"
+          "1.0.37"
         ] })
       ] })
     ] }),

package/dist/mypatientspace-demo.umd.js

@@ -450,22 +450,14 @@ Error generating stack: `+a.message+`
   `},sy=R.memo(function({showJsonEditor:o=!0,showDisplaySettings:s=!0,showSessionSettings:r=!0,showAppearanceSettings:d=!0,showThemeSettings:g=!0,showContentSettings:v=!0,showQuickActions:M=!0}){const{viewMode:x,setViewMode:p,widgetConfig:z}=Re();return ct("div",{css:Ie.panel,children:[ct("div",{css:Ie.header,children:[j("h1",{css:Ie.title,children:"Widget Demo"}),j("p",{css:Ie.subtitle,children:"Configure and preview the chatbot widget"}),o&&ct("div",{css:Ie.modeSwitcher,children:[ct("button",{type:"button",css:[Ie.modeButton,x==="form"&&Ie.modeButtonActive],onClick:()=>p("form"),children:[j(Lm,{size:14}),"Form"]}),ct("button",{type:"button",css:[Ie.modeButton,x==="json"&&Ie.modeButtonActive],onClick:()=>p("json"),children:[j(Xm,{size:14}),"JSON"]})]})]}),o&&x==="json"?j(fy,{}):ct("div",{css:Ie.formContainer,children:[s&&j(Pm,{}),r&&j(ty,{}),d&&j(ey,{}),g&&ct(_i,{children:[j(ly,{}),z.floatingMode&&j(ay,{})]}),v&&ct(_i,{children:[j(ny,{}),j(iy,{}),j(uy,{})]}),M&&j(cy,{})]})]})}),Aa={panel:X`
     display: flex;
     flex-direction: column;
+    padding: ${S.spacing.xl};
     background: ${S.colors.pageBackground};
     position: relative;
     height: 100%;
-    overflow: auto;
-
-    @media (max-width: ${S.breakpoints.mobile}) {
-      height: auto;
-      min-height: ${S.layout.minPreviewHeight};
-    }
+    min-height: ${S.layout.minPreviewHeight};
+    overflow: hidden;
   `,header:X`
-    position: sticky;
-    top: 0;
-    z-index: 10;
-    background: ${S.colors.pageBackground};
-    padding: ${S.spacing.xl};
-    padding-bottom: ${S.spacing.md};
+    margin-bottom: ${S.spacing.md};
     flex-shrink: 0;
   `,title:X`
     font-size: ${S.fontSize.xxl};
@@ -477,8 +469,7 @@ Error generating stack: `+a.message+`
     color: ${S.colors.textLight};
   `,container:X`
     flex: 1;
-    min-height: 400px;
-    margin: 0 ${S.spacing.xl} ${S.spacing.xl};
+    min-height: 500px;
     background: ${S.colors.panelBackground};
     border-radius: ${S.borderRadius.xl};
     box-shadow: 0 4px 24px rgba(60, 77, 115, 0.1);
@@ -488,6 +479,7 @@ Error generating stack: `+a.message+`
     /* Override widget's fixed positioning to absolute within container */
     .chatbot-widget-container {
       position: absolute !important;
+      inset: 0;
     }
   `,containerFloating:X`
     background: transparent;
@@ -510,12 +502,12 @@ Error generating stack: `+a.message+`
     display: grid;
     grid-template-columns: ${S.layout.controlsPanelWidth} 1fr;
     height: 100%;
+    min-height: ${S.layout.minPreviewHeight};
     width: 100%;
 
     @media (max-width: ${S.breakpoints.mobile}) {
       grid-template-columns: 1fr;
       height: auto;
-      min-height: 100%;
     }
   `,layoutPreviewOnly:X`
     grid-template-columns: 1fr;
@@ -599,7 +591,7 @@ Error generating stack: `+a.message+`
   &:active {
     background-color: rgba(255, 255, 255, 0.4);
   }
-`,Hy=()=>{const{close:u,config:o,theme:s,assistant:r}=_a(),d=o.headerTitle||r?.chatUiConfig?.avatarTitle||"Chat",g=o.headerIcon||r?.chatUiConfig?.avatarImage?.iconURL||r?.chatUiConfig?.avatarImage?.thumbnailURL,v=o.headerSubtitle||r?.chatUiConfig?.headerSubtitle,M=o.brandingText||r?.chatUiConfig?.brandingText;return k.jsxs(_y,{theme:s,children:[k.jsxs(My,{children:[g&&k.jsx(Oy,{theme:s,hasCustomIcon:!0,children:k.jsx(Dy,{src:g,alt:""})}),k.jsxs(Ry,{children:[k.jsx(By,{fontFamily:s.fontFamily,children:d}),v&&k.jsx(Uy,{fontFamily:s.fontFamily,children:v}),M&&k.jsxs(Ny,{fontFamily:s.fontFamily,children:[M," v","1.0.36"]})]})]}),o.floatingMode&&k.jsx(wy,{theme:s,onClick:u,"aria-label":"Minimize chat",children:k.jsx(Mf,{size:20})})]})},qy=bt.div`
+`,Hy=()=>{const{close:u,config:o,theme:s,assistant:r}=_a(),d=o.headerTitle||r?.chatUiConfig?.avatarTitle||"Chat",g=o.headerIcon||r?.chatUiConfig?.avatarImage?.iconURL||r?.chatUiConfig?.avatarImage?.thumbnailURL,v=o.headerSubtitle||r?.chatUiConfig?.headerSubtitle,M=o.brandingText||r?.chatUiConfig?.brandingText;return k.jsxs(_y,{theme:s,children:[k.jsxs(My,{children:[g&&k.jsx(Oy,{theme:s,hasCustomIcon:!0,children:k.jsx(Dy,{src:g,alt:""})}),k.jsxs(Ry,{children:[k.jsx(By,{fontFamily:s.fontFamily,children:d}),v&&k.jsx(Uy,{fontFamily:s.fontFamily,children:v}),M&&k.jsxs(Ny,{fontFamily:s.fontFamily,children:[M," v","1.0.37"]})]})]}),o.floatingMode&&k.jsx(wy,{theme:s,onClick:u,"aria-label":"Minimize chat",children:k.jsx(Mf,{size:20})})]})},qy=bt.div`
   display: flex;
   gap: 8px;
   padding: 12px 16px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mypatientspace/chatbot-widget",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "description": "Embeddable healthcare chatbot widget for websites and mobile apps",
   "type": "module",
   "main": "dist/mypatientspace-widget.umd.js",