pager-widget 0.2.0 → 0.2.1

package/ConsentPopup.jsx

@@ -10,6 +10,10 @@ import {
 import axios from "axios";
 
 import { useState, useEffect } from "react";
+import AssistantMd, {
+  evalNormalOrJoinText,
+  parseUrlAndString,
+} from "./md/assistant_md"
 const ConsentPopup = ({
   formData,
   conversationId,
@@ -19,14 +23,19 @@ const ConsentPopup = ({
   isVisible,
   setIsVisible,
   setSourceState,
+  userDetails
+ 
 }) => {
-  console.log("consent form data", formData);
+ 
   const [deviceLocation, setDeviceLocation] = useState({
     lat: "",
     long: "",
   });
 
+  // const consentOutput = JSON.parse(widget?.consent_data)
 
+
+  // console.log("consent widget", widget.consent_data)
   const handleCheckboxChange = (event) => {
     setIsVisible(event.target.checked);
   };
@@ -54,6 +63,7 @@ const ConsentPopup = ({
     const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     const language = navigator.language;
 
+    console.log("url location",window.location)
     const systemDetails = [
       { field_id: "SYS_browser", value: browserName },
       { field_id: "SYS_browser_os", value: osName },
@@ -68,7 +78,12 @@ const ConsentPopup = ({
       {
         field_id: "SYS_location",
         value: `Lat: ${deviceLocation.lat}, Long: ${deviceLocation.long}`,
-      }, // Correctly updated location
+      },
+      // Correctly updated location
+      {
+        field_id: "SYS_From_Page",
+        value:  window.location.origin
+      }
     ];
 
     const submissionPayload = {
@@ -104,29 +119,83 @@ const ConsentPopup = ({
       });
   };
 
+console.log("url location", window.location.origin)
+
   return (
-    <>
+    <div style={
+      {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "end",
+        height:"100%",
+        width:"100%"
+        
+      }
+    }>
+      <div style={{
+        display:"flex",
+        alignItems:"start",
+        paddingBottom: "16px",
+        gap:"8px"
+
+      }}>
       <input
         type="checkbox"
         id="consentCheckbox"
         checked={isVisible}
         onChange={handleCheckboxChange}
       />
-      <label htmlFor="consentCheckbox" style={{ marginLeft: "8px" }}>
-        I am part of the AI services and I am still learning my way around.
-        Clicking "Submit" will confirm your understanding and agreement that use
-        of this feature is subject to our Privacy Policy
-      </label>
-      <div>
+      {console.log("output struct 2", widget.consent_data)}
+      <div style={{
+        fontSize: "16px",
+        fontWeight: "100",
+        lineHeight: "24px",
+        
+
+
+      }}>
+    <AssistantMd mdText={widget?.consent_data}/>
+    </div>
+    
+      
+      {/* <AssistantMd mdText={{
+    
+    "type": "join",
+    "lhs": {
+        "type": "text",
+        "value": "Hi haha"
+    },
+    "rhs": {
+        "type": "bold",
+        "value": {
+            "type": "text",
+            "value": "Hello "
+        }
+    }
+
+}}/> */}
+      {/* <AssistantMd mdText={widget.consent_data}></AssistantMd> */}
+
+      {/* <AssistantMd mdText={consentOutput?.content[0]} userDetails={userDetails}></AssistantMd> */}
+      </div>
+      <div style={{
+        width:"100%",
+        paddingTop: "16px",
+        borderTop: "1px solid lightgrey",
+        display:"flex",
+        justifyContent:"center"
+
+      }}>
         <button
+        
           disabled={isVisible == false ? true : false}
-          style={popupStyles.button}
+          style={{...popupStyles.button, width: "90%"}}
           onClick={handleSubmit}
         >
           Submit
         </button>
       </div>
-    </>
+    </div>
   );
 
 };
@@ -169,6 +238,7 @@ const popupStyles = {
     cursor: "pointer",
     backgroundColor: "#007bff",
     color: "white",
+    width: "90%"
   },
 };