@phygitallabs/phygital-consent 1.0.22 → 1.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phygitallabs/phygital-consent",
-  "version": "1.0.22",
+  "version": "1.0.24",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/api/docs.json

@@ -276,7 +276,9 @@
         "version": { "type": "string" },
         "effective_date": { "type": "string", "format": "date-time" },
         "last_updated": { "type": "string", "format": "date-time" },
-        "meta_data": { "type": "object" }
+        "meta_data": { "type": "object" },
+        "id": { "type": "string" },
+        "content": { "type": "string" }
       }
     },
     "PolicyPreference": {

package/src/components/PolicyPopup.tsx

@@ -73,20 +73,31 @@ export function PolicyPopup({
     <>
       {/* Policy modal */}
       <div
+        role="dialog"
+        aria-modal="true"
+        aria-label="Chính sách bảo mật"
         style={{
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
+          backgroundColor: "rgba(0,0,0,0.5)",
+          padding: "1rem",
         }}
       >
         <div
-          className="consent:overflow-hidden consent:flex consent:flex-col"
+          className="consent:bg-white consent:rounded-xl consent:border consent:border-gray-200 consent:shadow-lg consent:max-h-[90vh] consent:overflow-hidden consent:flex consent:flex-col"
           style={{
+            backgroundColor: "#fff",
+            borderRadius: "0.75rem",
+            border: "1px solid #e5e7eb",
+            boxShadow: "0 10px 15px -3px rgb(0 0 0 / 0.1)",
+            maxWidth: "28rem",
             width: "100%",
-            height: "100%",
+            maxHeight: "90vh",
             overflow: "hidden",
             display: "flex",
             flexDirection: "column",
+            position: "relative",
           }}
           onClick={(e) => e.stopPropagation()}
         >
@@ -113,7 +124,7 @@ export function PolicyPopup({
           </button> */}
           <h2
             style={{
-              fontSize: "20px",
+              fontSize: "18px",
               fontWeight: 600,
               color: "#000",
               padding: "20px 2.5rem 12px 20px",
@@ -199,7 +210,7 @@ export function PolicyPopup({
                   borderRadius: "0.5rem",
                   background: agreed ? "#111827" : "#e5e7eb",
                   padding: "0.5rem 1rem",
-                  fontSize: "1rem",
+                  fontSize: "0.875rem",
                   fontWeight: 500,
                   color: agreed ? "#fff" : "#9ca3af",
                   border: "none",
@@ -212,7 +223,7 @@ export function PolicyPopup({
             {createUserConsent.isError && (
               <p
                 className="consent:text-sm consent:text-red-600"
-                style={{ fontSize: "1rem", color: "#dc2626", margin: 0 }}
+                style={{ fontSize: "0.875rem", color: "#dc2626", margin: 0 }}
               >
                 Đã xảy ra lỗi. Vui lòng thử lại.
               </p>
@@ -255,7 +266,7 @@ export function PolicyPopup({
             <p
               className="consent:text-sm consent:text-gray-700"
               style={{
-                fontSize: "1rem",
+                fontSize: "0.875rem",
                 color: "#374151",
                 margin: "0 0 1rem 0",
                 lineHeight: 1.5,

package/src/types/consent.ts

@@ -15,6 +15,8 @@ export interface PolicyDocument {
   effective_date?: string;
   last_updated?: string;
   meta_data?: Record<string, unknown>;
+  id?: string;
+  content?: string;
 }
 
 export interface PolicyPreference {