@mypatientspace/chatbot-widget 1.0.35 → 1.0.36

package/dist/mypatientspace-demo.es.js

@@ -13190,11 +13190,10 @@ 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: hidden;
+    overflow: auto;
 
     @media (max-width: ${S.breakpoints.mobile}) {
       height: auto;
@@ -13202,7 +13201,12 @@ const Lp = R.memo(function() {
     }
   `,
   header: L`
-    margin-bottom: ${S.spacing.md};
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background: ${S.colors.pageBackground};
+    padding: ${S.spacing.xl};
+    padding-bottom: ${S.spacing.md};
     flex-shrink: 0;
   `,
   title: L`
@@ -13217,7 +13221,8 @@ const Lp = R.memo(function() {
   `,
   container: L`
     flex: 1;
-    min-height: 0;
+    min-height: 400px;
+    margin: 0 ${S.spacing.xl} ${S.spacing.xl};
     background: ${S.colors.panelBackground};
     border-radius: ${S.borderRadius.xl};
     box-shadow: 0 4px 24px rgba(60, 77, 115, 0.1);
@@ -14033,7 +14038,7 @@ const gn = () => {
         _ && /* @__PURE__ */ K.jsxs(hb, { fontFamily: s.fontFamily, children: [
           _,
           " v",
-          "1.0.35"
+          "1.0.36"
         ] })
       ] })
     ] }),

package/dist/mypatientspace-demo.umd.js

@@ -450,18 +450,22 @@ 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: hidden;
+    overflow: auto;
 
     @media (max-width: ${S.breakpoints.mobile}) {
       height: auto;
       min-height: ${S.layout.minPreviewHeight};
     }
   `,header:X`
-    margin-bottom: ${S.spacing.md};
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    background: ${S.colors.pageBackground};
+    padding: ${S.spacing.xl};
+    padding-bottom: ${S.spacing.md};
     flex-shrink: 0;
   `,title:X`
     font-size: ${S.fontSize.xxl};
@@ -473,7 +477,8 @@ Error generating stack: `+a.message+`
     color: ${S.colors.textLight};
   `,container:X`
     flex: 1;
-    min-height: 0;
+    min-height: 400px;
+    margin: 0 ${S.spacing.xl} ${S.spacing.xl};
     background: ${S.colors.panelBackground};
     border-radius: ${S.borderRadius.xl};
     box-shadow: 0 4px 24px rgba(60, 77, 115, 0.1);
@@ -594,7 +599,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.35"]})]})]}),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.36"]})]})]}),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.35",
+  "version": "1.0.36",
   "description": "Embeddable healthcare chatbot widget for websites and mobile apps",
   "type": "module",
   "main": "dist/mypatientspace-widget.umd.js",