pager-widget 0.2.2 → 0.2.3

package/App.jsx

@@ -3946,6 +3946,7 @@ const ChatHeaderTop = ({ widget, onClick, open, restart, exit, logoshape }) => {
           </IconSpan> */}
           <div
             style={{
+              
               display: "flex",
               gap: "8px",
             }}
@@ -3956,8 +3957,9 @@ const ChatHeaderTop = ({ widget, onClick, open, restart, exit, logoshape }) => {
                 color: `${widget.primary_color}`,
                 background: `${widget.accent_color}`,
                 border: "1px solid white",
-                padding: "10px 15px",
+                padding: "6px 12px",
                 borderRadius: "8px",
+                height: "28px"
               }}
             >
               Restart
@@ -3989,8 +3991,9 @@ const ChatHeaderTop = ({ widget, onClick, open, restart, exit, logoshape }) => {
                 color: `${widget.primary_color}`,
                 background: `${widget.accent_color}`,
                 border: "1px solid white",
-                padding: "10px 15px",
+                padding: "6px 12px",
                 borderRadius: "8px",
+                height: "28px"
               }}
             >
               Exit

package/ConsentPopup.jsx

@@ -193,9 +193,9 @@ console.log("url location", window.location.origin)
 
       }}>
         <button
-        
+          
           disabled={isVisible == false ? true : false}
-          style={{...popupStyles.button, width: "90%", background:widget?.accent_color}}
+          style={{...popupStyles.button, width: "90%", background:isVisible === false ?"#E2E8F0":widget?.accent_color}}
           onClick={handleSubmit}
         >
           Submit

package/Dropdown.jsx

@@ -5,6 +5,7 @@ import styled from "styled-components";
 const DropdownWrapper = styled.div`
   width: 100%;
   position: relative;
+  
 `;
 const DropdownContent = styled.span`
   border-radius: 8px;
@@ -17,7 +18,7 @@ const DropdownContent = styled.span`
   padding: 10px 30px 10px 2px; 
   cursor: pointer;
   width: 91%;
-  height: 30px;
+  height: 24px;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -39,7 +40,7 @@ const DropdownList = styled.div`
 `;
 const DropdownInput = styled.input`
   width: 100%;
-  padding-left: 40px;
+  padding-left: 20px;
   border-bottom: 1px solid #d0d5dd;
   outline: none;
   border-top: none;
@@ -47,6 +48,8 @@ const DropdownInput = styled.input`
   border-right: none;
   background: transparent;
   height: 40px;
+  
+ 
 `;
 const DropdownNode = styled.span`
   padding: 8px 8px;
@@ -101,7 +104,7 @@ const Dropdown = ({error,updateFieldValue, fieldId}) => {
         </DropdownContent>
         {isDropDownOpen && (
           <DropdownList>
-            <DropdownInput onChange={(e) => setSearchQuery(e.target.value)} />
+            <DropdownInput onChange={(e) => setSearchQuery(e.target.value)} placeholder="search..." />
             <div
               style={{
                 height: "220px",

package/InputConverter.jsx

@@ -16,7 +16,7 @@ const InputWrapper = styled.div`
         error === "true" ? "var(--red-300, #FFA2A2)" : "var(--k300, #d0d5dd)"};
     background: #fff;
     outline: none;
-    height: 52px;
+    height: 44px;
     width: 100%;
     text-indent: 12px;
     padding-right: 40px; /* Space for icon */