250822-14:24 Setting up Order Status component

blocks/form/components/accordion/accordion.css

@@ -5,11 +5,25 @@
     --color-accordion-border: #ecedf3;
 }
 
+/* main .form fieldset.accordion legend.accordion-legend */
+main .form .accordion > fieldset  {
+    background-color: white ;
+}
+/* main .form fieldset.accordion > fieldset:not(.checkbox-group-wrapper, .radio-group-wrapper) */
+main .form fieldset.accordion > fieldset
+ + fieldset:not(.checkbox-group-wrapper, .radio-group-wrapper) {
+    margin-top: 2rem;
+}
+
+main .form .accordion legend {
+    background-color: transparent;
+}
+
 main .form fieldset.accordion legend.accordion-legend {
     padding: 24px 32px;
-    background-color: var(--color-accordion-legend-background);
+    /* background-color: var(--color-accordion-legend-background);   */
     position: relative;
-    margin-bottom: 0;
+    /* margin-bottom: 0; */
 }
 
 main .form .accordion > fieldset > legend.accordion-legend[data-visible='false'] {

blocks/order-status/order-status.js

@@ -0,0 +1,42 @@
+export default function decorate(block) {
+  let orderStatus = [];
+  const orderStatusApiData = `
+    {
+  "orders": [
+    {
+      "orderId": "ORD-1001",
+      "productName": "Foresight® Carrier Screen",
+      "orderDate": "2025-08-05",
+      "status": "Completed – View Results",
+      "trackingNumber": "TRACK12345",
+      "sampleReceivedDate": "2025-08-10",
+      "resultsAvailableDate": "2025-08-25",
+      "notes": "Returns complete, report available in patient portal"
+    },
+    {
+      "orderId": "ORD-1002",
+      "productName": "Prequel® Prenatal Screen",
+      "orderDate": "2025-08-15",
+      "status": "Processing",
+      "trackingNumber": "TRACK67890",
+      "expectedSampleArrival": "2025-08-20",
+      "expectedResultsDate": "2025-08-29",
+      "notes": "Blood draw scheduled via mobile phlebotomy"
+    },
+    {
+      "orderId": "ORD-1003",
+      "productName": "MyRisk® Hereditary Cancer Test",
+      "orderDate": "2025-08-20",
+      "status": "Pending",
+      "trackingNumber": null,
+      "expectedShipmentDate": "2025-08-22",
+      "notes": "Doctor needs to sign off order"
+    }
+  ]
+}`;
+  const orderStatusJSON = JSON.parse(orderStatusApiData);
+  console.log(orderStatusJSON);
+  const orderStatusMarkup = `<h1>Order Status</h1>`;
+  block.innerHTML = "";
+  block.appendChild(orderStatusMarkup);
+}

component-definition.json

@@ -675,6 +675,41 @@
               }
             }
           }
+<<<<<<< HEAD
+        },
+        {
+          "title": "Order Accordion",
+          "id": "order-accordion",
+          "plugins": {
+            "xwalk": {
+              "page": {
+                "resourceType": "core/franklin/components/block/v1/block",
+                "template": {
+                  "name": "Order Accordion",
+                  "filter": "order-accordion",
+                  "fd:viewType": "order-accordion"
+                }
+              }
+            }
+          }
+        },
+        {
+          "title": "Order Status",
+          "id": "order-status",
+          "plugins": {
+            "xwalk": {
+              "page": {
+                "resourceType": "core/franklin/components/block/v1/block",
+                "template": {
+                  "name": "Order Status",
+                  "filter": "order-status",
+                  "fd:viewType": "order-status"
+                }
+              }
+            }
+          }
+=======
+>>>>>>> main
         }
       ]
     }

component-filters.json

@@ -17,7 +17,13 @@
       "columns",
       "fragment",
       "form",
+<<<<<<< HEAD
+      "embed-adaptive-form",
+      "order-accordion",
+      "order-status"
+=======
       "embed-adaptive-form"
+>>>>>>> main
     ]
   },
   {

component-models.json

@@ -5165,5 +5165,62 @@
         "valueType": "string"
       }
     ]
+  },
+  {
+    "id": "order-accordion",
+    "fields": [
+      {
+        "component": "reference",
+        "valueType": "string",
+        "name": "image",
+        "label": "Image",
+        "multi": false
+      },
+      {
+        "component": "richtext",
+        "name": "text",
+        "value": "",
+        "label": "Text",
+        "valueType": "string"
+      }
+    ]
+  },
+  {
+    "id": "order-accordion",
+    "fields": [
+      {
+        "component": "reference",
+        "valueType": "string",
+        "name": "image",
+        "label": "Image",
+        "multi": false
+      },
+      {
+        "component": "richtext",
+        "name": "text",
+        "value": "",
+        "label": "Text",
+        "valueType": "string"
+      }
+    ]
+  },
+  {
+    "id": "order-status",
+    "fields": [
+      {
+        "component": "reference",
+        "valueType": "string",
+        "name": "image",
+        "label": "Image",
+        "multi": false
+      },
+      {
+        "component": "richtext",
+        "name": "text",
+        "value": "",
+        "label": "Text",
+        "valueType": "string"
+      }
+    ]
   }
 ]