@ampath/esm-dha-workflow-app 4.0.0-next.29 → 4.0.0-next.30

package/dist/esm-dha-workflow-app.js.buildmanifest.json

@@ -129,7 +129,7 @@
       "auxiliaryFiles": [
         "91.js.map"
       ],
-      "hash": "564bdb63561f4adc",
+      "hash": "a2efd92769922b82",
       "childrenByOrder": {}
     },
     {
@@ -137,9 +137,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 2451,
+      "size": 2633,
       "sizes": {
-        "javascript": 2451
+        "javascript": 2633
       },
       "names": [],
       "idHints": [],
@@ -153,7 +153,7 @@
       "auxiliaryFiles": [
         "93.js.map"
       ],
-      "hash": "2134058b7ec0fbb3",
+      "hash": "99cb267a386b8f1d",
       "childrenByOrder": {}
     },
     {
@@ -205,30 +205,6 @@
       "hash": "22dee3bca5d9a83d",
       "childrenByOrder": {}
     },
-    {
-      "rendered": true,
-      "initial": false,
-      "entry": false,
-      "recorded": false,
-      "size": 198100,
-      "sizes": {
-        "javascript": 198100
-      },
-      "names": [],
-      "idHints": [],
-      "runtime": [
-        "@ampath/esm-dha-workflow-app",
-        "main"
-      ],
-      "files": [
-        "105.js"
-      ],
-      "auxiliaryFiles": [
-        "105.js.map"
-      ],
-      "hash": "75b62287ba35ae21",
-      "childrenByOrder": {}
-    },
     {
       "rendered": false,
       "initial": false,
@@ -584,7 +560,7 @@
       "auxiliaryFiles": [
         "710.js.map"
       ],
-      "hash": "ddccc5b9167df95e",
+      "hash": "b5b1c4366dba587f",
       "childrenByOrder": {}
     },
     {
@@ -633,7 +609,7 @@
       "auxiliaryFiles": [
         "752.js.map"
       ],
-      "hash": "4b3d85cd62341280",
+      "hash": "1e5648f9c3220f0a",
       "childrenByOrder": {}
     },
     {
@@ -661,7 +637,34 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "863a11c7d441ea50",
+      "hash": "e10170f9febb761a",
+      "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "reason": "split chunk (cache group: defaultVendors)",
+      "size": 2807818,
+      "sizes": {
+        "javascript": 2807818
+      },
+      "names": [],
+      "idHints": [
+        "vendors"
+      ],
+      "runtime": [
+        "@ampath/esm-dha-workflow-app",
+        "main"
+      ],
+      "files": [
+        "810.js"
+      ],
+      "auxiliaryFiles": [
+        "810.js.map"
+      ],
+      "hash": "af50cb19783ab0a8",
       "childrenByOrder": {}
     },
     {
@@ -712,7 +715,7 @@
       "auxiliaryFiles": [
         "esm-dha-workflow-app.js.map"
       ],
-      "hash": "c71720a715d5bdeb",
+      "hash": "3e4970f2d293213d",
       "childrenByOrder": {}
     },
     {
@@ -737,7 +740,7 @@
       "auxiliaryFiles": [
         "907.js.map"
       ],
-      "hash": "8c9d3ca7c22842a1",
+      "hash": "413039d2bc4c91f8",
       "childrenByOrder": {}
     },
     {
@@ -745,26 +748,23 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "reason": "split chunk (cache group: defaultVendors)",
-      "size": 137481,
+      "size": 233319,
       "sizes": {
-        "javascript": 137481
+        "javascript": 233319
       },
       "names": [],
-      "idHints": [
-        "vendors"
-      ],
+      "idHints": [],
       "runtime": [
         "@ampath/esm-dha-workflow-app",
         "main"
       ],
       "files": [
-        "961.js"
+        "943.js"
       ],
       "auxiliaryFiles": [
-        "961.js.map"
+        "943.js.map"
       ],
-      "hash": "7627c8bb148ecb92",
+      "hash": "7ccfda87eceeaa70",
       "childrenByOrder": {}
     },
     {
@@ -773,9 +773,9 @@
       "entry": false,
       "recorded": false,
       "reason": "split chunk (cache group: defaultVendors)",
-      "size": 2414568,
+      "size": 137481,
       "sizes": {
-        "javascript": 2414568
+        "javascript": 137481
       },
       "names": [],
       "idHints": [
@@ -786,12 +786,12 @@
         "main"
       ],
       "files": [
-        "972.js"
+        "961.js"
       ],
       "auxiliaryFiles": [
-        "972.js.map"
+        "961.js.map"
       ],
-      "hash": "5e203f31536493ef",
+      "hash": "7627c8bb148ecb92",
       "childrenByOrder": {}
     },
     {
@@ -812,7 +812,7 @@
       ],
       "files": [],
       "auxiliaryFiles": [],
-      "hash": "82c7e9faa4481867",
+      "hash": "fbf9d8d06e6bf814",
       "childrenByOrder": {}
     }
   ]

package/dist/main.js

@@ -1 +1 @@
-(()=>{var e,r,t,n,o={38091:(e,r,t)=>{"use strict";t.d(r,{moduleName:()=>o});var n=t(25987),o=(n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.Array,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.String,n.Type.String,n.Type.String,"@ampath/esm-dha-workflow-app"),a={featureName:"Consulation Workflow",moduleName:o};t(84767),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(972),t.e(72),t.e(93)]).then(t.bind(t,69093))}),{featureName:"side-nav-workflow-link",moduleName:o}),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(972),t.e(104),t.e(72),t.e(76),t.e(231),t.e(114),t.e(907),t.e(105)]).then(t.bind(t,41105))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(972),t.e(72),t.e(114),t.e(907),t.e(709)]).then(t.bind(t,28907))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(972),t.e(104),t.e(72),t.e(76),t.e(231),t.e(752),t.e(15)]).then(t.bind(t,45015))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(972),t.e(104),t.e(72),t.e(76),t.e(231),t.e(752),t.e(339)]).then(t.bind(t,88339))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(972),t.e(104),t.e(72),t.e(76),t.e(231),t.e(752),t.e(833)]).then(t.bind(t,41833))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(972),t.e(104),t.e(72),t.e(76),t.e(231),t.e(752),t.e(729)]).then(t.bind(t,71729))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(72),t.e(76),t.e(420)]).then(t.bind(t,27420))}),{featureName:"workflow-registry-link",moduleName:o})},84767:(e,r,t)=>{var n={"./am.json":[81197,197],"./en.json":[34300,300],"./es.json":[93099,99],"./fr.json":[94055,55],"./he.json":[84652,652],"./km.json":[54335,335]};function o(e){if(!t.o(n,e))return Promise.resolve().then((()=>{var r=new Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}));var r=n[e],o=r[0];return t.e(r[1]).then((()=>t(o)))}o.keys=()=>Object.keys(n),o.id=84767,e.exports=o}},a={};function i(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={id:e,exports:{}};return o[e].call(t.exports,t,t.exports,i),t.exports}i.m=o,i.c=a,i.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return i.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(t,n){if(1&n&&(t=this(t)),8&n)return t;if("object"==typeof t&&t){if(4&n&&t.__esModule)return t;if(16&n&&"function"==typeof t.then)return t}var o=Object.create(null);i.r(o);var a={};e=e||[null,r({}),r([]),r(r)];for(var u=2&n&&t;"object"==typeof u&&!~e.indexOf(u);u=r(u))Object.getOwnPropertyNames(u).forEach((e=>a[e]=()=>t[e]));return a.default=()=>t,i.d(o,a),o},i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((r,t)=>(i.f[t](e,r),r)),[])),i.u=e=>e+".js",i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@ampath/esm-dha-workflow-app:",i.l=(e,r,o,a)=>{if(t[e])t[e].push(r);else{var u,l;if(void 0!==o)for(var c=document.getElementsByTagName("script"),p=0;p<c.length;p++){var s=c[p];if(s.getAttribute("src")==e||s.getAttribute("data-webpack")==n+o){u=s;break}}u||(l=!0,(u=document.createElement("script")).charset="utf-8",u.timeout=120,i.nc&&u.setAttribute("nonce",i.nc),u.setAttribute("data-webpack",n+o),u.src=e),t[e]=[r];var f=(r,n)=>{u.onerror=u.onload=null,clearTimeout(d);var o=t[e];if(delete t[e],u.parentNode&&u.parentNode.removeChild(u),o&&o.forEach((e=>e(n))),r)return r(n)},d=setTimeout(f.bind(null,void 0,{type:"timeout",target:u}),12e4);u.onerror=f.bind(null,u.onerror),u.onload=f.bind(null,u.onload),l&&document.head.appendChild(u)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{i.S={};var e={},r={};i.I=(t,n)=>{n||(n=[]);var o=r[t];if(o||(o=r[t]={}),!(n.indexOf(o)>=0)){if(n.push(o),e[t])return e[t];i.o(i.S,t)||(i.S[t]={});var a=i.S[t],u="@ampath/esm-dha-workflow-app",l=(e,r,t,n)=>{var o=a[e]=a[e]||{},i=o[r];(!i||!i.loaded&&(!n!=!i.eager?n:u>i.from))&&(o[r]={get:t,from:u,eager:!!n})},c=[];return"default"===t&&(l("@openmrs/esm-framework","8.0.1-pre.3529",(()=>Promise.all([i.e(961),i.e(972),i.e(104),i.e(710),i.e(72),i.e(76),i.e(231),i.e(114),i.e(83),i.e(987)]).then((()=>()=>i(48710))))),l("dayjs","1.11.13",(()=>i.e(353).then((()=>()=>i(74353))))),l("react-i18next","16.0.0",(()=>Promise.all([i.e(255),i.e(72)]).then((()=>()=>i(77255))))),l("react-router-dom","6.30.1",(()=>Promise.all([i.e(961),i.e(282),i.e(72)]).then((()=>()=>i(20282))))),l("react","18.3.1",(()=>i.e(540).then((()=>()=>i(96540))))),l("rxjs","6.6.7",(()=>i.e(184).then((()=>()=>i(63184)))))),e[t]=c.length?Promise.all(c).then((()=>e[t]=1)):1}}})(),(()=>{var e;i.g.importScripts&&(e=i.g.location+"");var r=i.g.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var n=t.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=t[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{var e=e=>{var r=e=>e.split(".").map((e=>+e==e?+e:e)),t=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=t[1]?r(t[1]):[];return t[2]&&(n.length++,n.push.apply(n,r(t[2]))),t[3]&&(n.push([]),n.push.apply(n,r(t[3]))),n},r=e=>{var t=e[0],n="";if(1===e.length)return"*";if(t+.5){n+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var o=1,a=1;a<e.length;a++)o--,n+="u"==(typeof(u=e[a]))[0]?"-":(o>0?".":"")+(o=2,u);return n}var i=[];for(a=1;a<e.length;a++){var u=e[a];i.push(0===u?"not("+l()+")":1===u?"("+l()+" || "+l()+")":2===u?i.pop()+" "+i.pop():r(u))}return l();function l(){return i.pop().replace(/^\((.+)\)$/,"$1")}},t=(r,n)=>{if(0 in r){n=e(n);var o=r[0],a=o<0;a&&(o=-o-1);for(var i=0,u=1,l=!0;;u++,i++){var c,p,s=u<r.length?(typeof r[u])[0]:"";if(i>=n.length||"o"==(p=(typeof(c=n[i]))[0]))return!l||("u"==s?u>o&&!a:""==s!=a);if("u"==p){if(!l||"u"!=s)return!1}else if(l)if(s==p)if(u<=o){if(c!=r[u])return!1}else{if(a?c>r[u]:c<r[u])return!1;c!=r[u]&&(l=!1)}else if("s"!=s&&"n"!=s){if(a||u<=o)return!1;l=!1,u--}else{if(u<=o||p<s!=a)return!1;l=!1}else"s"!=s&&"n"!=s&&(l=!1,u--)}}var f=[],d=f.pop.bind(f);for(i=1;i<r.length;i++){var h=r[i];f.push(1==h?d()|d():2==h?d()&d():h?t(h,n):!d())}return!!d()},n=(r,t,n)=>{var o=n?(e=>Object.keys(e).reduce(((r,t)=>(e[t].eager&&(r[t]=e[t]),r)),{}))(r[t]):r[t];return Object.keys(o).reduce(((r,t)=>!r||!o[r].loaded&&((r,t)=>{r=e(r),t=e(t);for(var n=0;;){if(n>=r.length)return n<t.length&&"u"!=(typeof t[n])[0];var o=r[n],a=(typeof o)[0];if(n>=t.length)return"u"==a;var i=t[n],u=(typeof i)[0];if(a!=u)return"o"==a&&"n"==u||"s"==u||"u"==a;if("o"!=a&&"u"!=a&&o!=i)return o<i;n++}})(r,t)?t:r),0)},o=(e,r,t)=>t?t():((e,r)=>(e=>{throw new Error(e)})("Shared module "+r+" doesn't exist in shared scope "+e))(e,r),a=(e=>function(r,t,n,o,a){var u=i.I(r);return u&&u.then&&!n?u.then(e.bind(e,r,i.S[r],t,!1,o,a)):e(r,i.S[r],t,n,o,a)})(((e,a,u,l,c,p)=>{if(!((e,r)=>e&&i.o(e,r))(a,u))return o(e,u,p);var s,f,d=n(a,u,l);return t(c,d)||(f=((e,t,n,o)=>"Unsatisfied version "+n+" from "+(n&&e[t][n].from)+" of shared singleton module "+t+" (required "+r(o)+")")(a,u,d,c),"undefined"!=typeof console&&console.warn&&console.warn(f)),(s=a[u][d]).loaded=1,s.get()})),u={},l={25987:()=>a("default","@openmrs/esm-framework",!1,[0],(()=>Promise.all([i.e(961),i.e(972),i.e(104),i.e(710),i.e(72),i.e(76),i.e(231),i.e(114),i.e(83)]).then((()=>()=>i(48710))))),16072:()=>a("default","react",!1,[1,18],(()=>i.e(540).then((()=>()=>i(96540))))),2076:()=>a("default","react-i18next",!1,[1,16],(()=>i.e(255).then((()=>()=>i(77255))))),70231:()=>a("default","dayjs",!1,[1,1],(()=>i.e(353).then((()=>()=>i(74353))))),27114:()=>a("default","react-router-dom",!1,[1,6],(()=>i.e(282).then((()=>()=>i(20282))))),53083:()=>a("default","rxjs",!1,[1,6],(()=>i.e(184).then((()=>()=>i(63184)))))};[25987].forEach((e=>{i.m[e]=r=>{u[e]=0,delete i.c[e];var t=l[e]();if("function"!=typeof t)throw new Error("Shared module is not available for eager consumption: "+e);r.exports=t()}}));var c={72:[16072],76:[2076],83:[53083],114:[27114],231:[70231],792:[25987],987:[25987]},p={};i.f.consumes=(e,r)=>{i.o(c,e)&&c[e].forEach((e=>{if(i.o(u,e))return r.push(u[e]);if(!p[e]){var t=r=>{u[e]=0,i.m[e]=t=>{delete i.c[e],t.exports=r()}};p[e]=!0;var n=r=>{delete u[e],i.m[e]=t=>{throw delete i.c[e],r}};try{var o=l[e]();o.then?r.push(u[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}}))}})(),(()=>{var e={91:0,792:0,987:0};i.f.j=(r,t)=>{var n=i.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(114|231|72|76|83|987)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var a=i.p+i.u(r),u=new Error;i.l(a,(t=>{if(i.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;u.message="Loading chunk "+r+" failed.\n("+o+": "+a+")",u.name="ChunkLoadError",u.type=o,u.request=a,n[1](u)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[a,u,l]=t,c=0;if(a.some((r=>0!==e[r]))){for(n in u)i.o(u,n)&&(i.m[n]=u[n]);l&&l(i)}for(r&&r(t);c<a.length;c++)o=a[c],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=globalThis.webpackChunk_ampath_esm_dha_workflow_app=globalThis.webpackChunk_ampath_esm_dha_workflow_app||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),i.nc=void 0,i(38091)})();
+(()=>{var e,r,t,n,o={38091:(e,r,t)=>{"use strict";t.d(r,{moduleName:()=>o});var n=t(25987),o=(n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.Array,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.ConceptUuid,n.Type.String,n.Type.String,n.Type.String,"@ampath/esm-dha-workflow-app"),a={featureName:"Consulation Workflow",moduleName:o};t(84767),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(810),t.e(72),t.e(93)]).then(t.bind(t,69093))}),{featureName:"side-nav-workflow-link",moduleName:o}),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(810),t.e(104),t.e(72),t.e(76),t.e(231),t.e(114),t.e(907),t.e(943)]).then(t.bind(t,76943))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(810),t.e(72),t.e(114),t.e(907),t.e(709)]).then(t.bind(t,28907))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(810),t.e(104),t.e(72),t.e(76),t.e(231),t.e(752),t.e(15)]).then(t.bind(t,45015))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(810),t.e(104),t.e(72),t.e(76),t.e(231),t.e(752),t.e(339)]).then(t.bind(t,88339))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(810),t.e(104),t.e(72),t.e(76),t.e(231),t.e(752),t.e(833)]).then(t.bind(t,41833))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(961),t.e(810),t.e(104),t.e(72),t.e(76),t.e(231),t.e(752),t.e(729)]).then(t.bind(t,71729))}),a),(0,n.getAsyncLifecycle)((function(){return Promise.all([t.e(72),t.e(76),t.e(420)]).then(t.bind(t,27420))}),{featureName:"workflow-registry-link",moduleName:o})},84767:(e,r,t)=>{var n={"./am.json":[81197,197],"./en.json":[34300,300],"./es.json":[93099,99],"./fr.json":[94055,55],"./he.json":[84652,652],"./km.json":[54335,335]};function o(e){if(!t.o(n,e))return Promise.resolve().then((()=>{var r=new Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}));var r=n[e],o=r[0];return t.e(r[1]).then((()=>t(o)))}o.keys=()=>Object.keys(n),o.id=84767,e.exports=o}},a={};function i(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={id:e,exports:{}};return o[e].call(t.exports,t,t.exports,i),t.exports}i.m=o,i.c=a,i.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return i.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,i.t=function(t,n){if(1&n&&(t=this(t)),8&n)return t;if("object"==typeof t&&t){if(4&n&&t.__esModule)return t;if(16&n&&"function"==typeof t.then)return t}var o=Object.create(null);i.r(o);var a={};e=e||[null,r({}),r([]),r(r)];for(var u=2&n&&t;"object"==typeof u&&!~e.indexOf(u);u=r(u))Object.getOwnPropertyNames(u).forEach((e=>a[e]=()=>t[e]));return a.default=()=>t,i.d(o,a),o},i.d=(e,r)=>{for(var t in r)i.o(r,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((r,t)=>(i.f[t](e,r),r)),[])),i.u=e=>e+".js",i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@ampath/esm-dha-workflow-app:",i.l=(e,r,o,a)=>{if(t[e])t[e].push(r);else{var u,l;if(void 0!==o)for(var c=document.getElementsByTagName("script"),p=0;p<c.length;p++){var s=c[p];if(s.getAttribute("src")==e||s.getAttribute("data-webpack")==n+o){u=s;break}}u||(l=!0,(u=document.createElement("script")).charset="utf-8",u.timeout=120,i.nc&&u.setAttribute("nonce",i.nc),u.setAttribute("data-webpack",n+o),u.src=e),t[e]=[r];var f=(r,n)=>{u.onerror=u.onload=null,clearTimeout(d);var o=t[e];if(delete t[e],u.parentNode&&u.parentNode.removeChild(u),o&&o.forEach((e=>e(n))),r)return r(n)},d=setTimeout(f.bind(null,void 0,{type:"timeout",target:u}),12e4);u.onerror=f.bind(null,u.onerror),u.onload=f.bind(null,u.onload),l&&document.head.appendChild(u)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{i.S={};var e={},r={};i.I=(t,n)=>{n||(n=[]);var o=r[t];if(o||(o=r[t]={}),!(n.indexOf(o)>=0)){if(n.push(o),e[t])return e[t];i.o(i.S,t)||(i.S[t]={});var a=i.S[t],u="@ampath/esm-dha-workflow-app",l=(e,r,t,n)=>{var o=a[e]=a[e]||{},i=o[r];(!i||!i.loaded&&(!n!=!i.eager?n:u>i.from))&&(o[r]={get:t,from:u,eager:!!n})},c=[];return"default"===t&&(l("@openmrs/esm-framework","8.0.1-pre.3529",(()=>Promise.all([i.e(961),i.e(810),i.e(104),i.e(710),i.e(72),i.e(76),i.e(231),i.e(114),i.e(83),i.e(987)]).then((()=>()=>i(48710))))),l("dayjs","1.11.13",(()=>i.e(353).then((()=>()=>i(74353))))),l("react-i18next","16.0.0",(()=>Promise.all([i.e(255),i.e(72)]).then((()=>()=>i(77255))))),l("react-router-dom","6.30.1",(()=>Promise.all([i.e(961),i.e(282),i.e(72)]).then((()=>()=>i(20282))))),l("react","18.3.1",(()=>i.e(540).then((()=>()=>i(96540))))),l("rxjs","6.6.7",(()=>i.e(184).then((()=>()=>i(63184)))))),e[t]=c.length?Promise.all(c).then((()=>e[t]=1)):1}}})(),(()=>{var e;i.g.importScripts&&(e=i.g.location+"");var r=i.g.document;if(!e&&r&&(r.currentScript&&"SCRIPT"===r.currentScript.tagName.toUpperCase()&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var n=t.length-1;n>-1&&(!e||!/^http(s?):/.test(e));)e=t[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),i.p=e})(),(()=>{var e=e=>{var r=e=>e.split(".").map((e=>+e==e?+e:e)),t=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=t[1]?r(t[1]):[];return t[2]&&(n.length++,n.push.apply(n,r(t[2]))),t[3]&&(n.push([]),n.push.apply(n,r(t[3]))),n},r=e=>{var t=e[0],n="";if(1===e.length)return"*";if(t+.5){n+=0==t?">=":-1==t?"<":1==t?"^":2==t?"~":t>0?"=":"!=";for(var o=1,a=1;a<e.length;a++)o--,n+="u"==(typeof(u=e[a]))[0]?"-":(o>0?".":"")+(o=2,u);return n}var i=[];for(a=1;a<e.length;a++){var u=e[a];i.push(0===u?"not("+l()+")":1===u?"("+l()+" || "+l()+")":2===u?i.pop()+" "+i.pop():r(u))}return l();function l(){return i.pop().replace(/^\((.+)\)$/,"$1")}},t=(r,n)=>{if(0 in r){n=e(n);var o=r[0],a=o<0;a&&(o=-o-1);for(var i=0,u=1,l=!0;;u++,i++){var c,p,s=u<r.length?(typeof r[u])[0]:"";if(i>=n.length||"o"==(p=(typeof(c=n[i]))[0]))return!l||("u"==s?u>o&&!a:""==s!=a);if("u"==p){if(!l||"u"!=s)return!1}else if(l)if(s==p)if(u<=o){if(c!=r[u])return!1}else{if(a?c>r[u]:c<r[u])return!1;c!=r[u]&&(l=!1)}else if("s"!=s&&"n"!=s){if(a||u<=o)return!1;l=!1,u--}else{if(u<=o||p<s!=a)return!1;l=!1}else"s"!=s&&"n"!=s&&(l=!1,u--)}}var f=[],d=f.pop.bind(f);for(i=1;i<r.length;i++){var h=r[i];f.push(1==h?d()|d():2==h?d()&d():h?t(h,n):!d())}return!!d()},n=(r,t,n)=>{var o=n?(e=>Object.keys(e).reduce(((r,t)=>(e[t].eager&&(r[t]=e[t]),r)),{}))(r[t]):r[t];return Object.keys(o).reduce(((r,t)=>!r||!o[r].loaded&&((r,t)=>{r=e(r),t=e(t);for(var n=0;;){if(n>=r.length)return n<t.length&&"u"!=(typeof t[n])[0];var o=r[n],a=(typeof o)[0];if(n>=t.length)return"u"==a;var i=t[n],u=(typeof i)[0];if(a!=u)return"o"==a&&"n"==u||"s"==u||"u"==a;if("o"!=a&&"u"!=a&&o!=i)return o<i;n++}})(r,t)?t:r),0)},o=(e,r,t)=>t?t():((e,r)=>(e=>{throw new Error(e)})("Shared module "+r+" doesn't exist in shared scope "+e))(e,r),a=(e=>function(r,t,n,o,a){var u=i.I(r);return u&&u.then&&!n?u.then(e.bind(e,r,i.S[r],t,!1,o,a)):e(r,i.S[r],t,n,o,a)})(((e,a,u,l,c,p)=>{if(!((e,r)=>e&&i.o(e,r))(a,u))return o(e,u,p);var s,f,d=n(a,u,l);return t(c,d)||(f=((e,t,n,o)=>"Unsatisfied version "+n+" from "+(n&&e[t][n].from)+" of shared singleton module "+t+" (required "+r(o)+")")(a,u,d,c),"undefined"!=typeof console&&console.warn&&console.warn(f)),(s=a[u][d]).loaded=1,s.get()})),u={},l={25987:()=>a("default","@openmrs/esm-framework",!1,[0],(()=>Promise.all([i.e(961),i.e(810),i.e(104),i.e(710),i.e(72),i.e(76),i.e(231),i.e(114),i.e(83)]).then((()=>()=>i(48710))))),16072:()=>a("default","react",!1,[1,18],(()=>i.e(540).then((()=>()=>i(96540))))),2076:()=>a("default","react-i18next",!1,[1,16],(()=>i.e(255).then((()=>()=>i(77255))))),70231:()=>a("default","dayjs",!1,[1,1],(()=>i.e(353).then((()=>()=>i(74353))))),27114:()=>a("default","react-router-dom",!1,[1,6],(()=>i.e(282).then((()=>()=>i(20282))))),53083:()=>a("default","rxjs",!1,[1,6],(()=>i.e(184).then((()=>()=>i(63184)))))};[25987].forEach((e=>{i.m[e]=r=>{u[e]=0,delete i.c[e];var t=l[e]();if("function"!=typeof t)throw new Error("Shared module is not available for eager consumption: "+e);r.exports=t()}}));var c={72:[16072],76:[2076],83:[53083],114:[27114],231:[70231],792:[25987],987:[25987]},p={};i.f.consumes=(e,r)=>{i.o(c,e)&&c[e].forEach((e=>{if(i.o(u,e))return r.push(u[e]);if(!p[e]){var t=r=>{u[e]=0,i.m[e]=t=>{delete i.c[e],t.exports=r()}};p[e]=!0;var n=r=>{delete u[e],i.m[e]=t=>{throw delete i.c[e],r}};try{var o=l[e]();o.then?r.push(u[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}}))}})(),(()=>{var e={91:0,792:0,987:0};i.f.j=(r,t)=>{var n=i.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(114|231|72|76|83|987)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var a=i.p+i.u(r),u=new Error;i.l(a,(t=>{if(i.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;u.message="Loading chunk "+r+" failed.\n("+o+": "+a+")",u.name="ChunkLoadError",u.type=o,u.request=a,n[1](u)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[a,u,l]=t,c=0;if(a.some((r=>0!==e[r]))){for(n in u)i.o(u,n)&&(i.m[n]=u[n]);l&&l(i)}for(r&&r(t);c<a.length;c++)o=a[c],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=globalThis.webpackChunk_ampath_esm_dha_workflow_app=globalThis.webpackChunk_ampath_esm_dha_workflow_app||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),i.nc=void 0,i(38091)})();

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{},"pages":[{"component":"root","route":"home","online":true,"offline":true}],"extensions":[{"component":"workflowRegistryLink","name":"workflow-registry-link","slot":"app-menu-slot","online":true,"offline":true},{"component":"navLinks","name":"side-nav-workflow-links","slot":"dha-workflow-slot","online":true,"offline":true},{"name":"metrics-card-patients-in-waiting","component":"waitingPatientsExtension","slot":"clinic-metrics-slot","order":1},{"name":"metrics-card-patients-attended-to","component":"attendedToPatientsExtension","slot":"clinic-metrics-slot","order":2},{"name":"metrics-card-patients-in-waiting","component":"triageWaitingPatientsExtension","slot":"triage-metrics-slot","order":1},{"name":"metrics-card-patients-attended-to","component":"triageAttendedToPatientsExtension","slot":"triage-metrics-slot","order":2}],"modals":[{"name":"sign-off-queue-entry-modal","component":"signOffModal"}],"version":"4.0.0-next.29"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{},"pages":[{"component":"root","route":"home","online":true,"offline":true}],"extensions":[{"component":"workflowRegistryLink","name":"workflow-registry-link","slot":"app-menu-slot","online":true,"offline":true},{"component":"navLinks","name":"side-nav-workflow-links","slot":"dha-workflow-slot","online":true,"offline":true},{"name":"metrics-card-patients-in-waiting","component":"waitingPatientsExtension","slot":"clinic-metrics-slot","order":1},{"name":"metrics-card-patients-attended-to","component":"attendedToPatientsExtension","slot":"clinic-metrics-slot","order":2},{"name":"metrics-card-patients-in-waiting","component":"triageWaitingPatientsExtension","slot":"triage-metrics-slot","order":1},{"name":"metrics-card-patients-attended-to","component":"triageAttendedToPatientsExtension","slot":"triage-metrics-slot","order":2}],"modals":[{"name":"sign-off-queue-entry-modal","component":"signOffModal"}],"version":"4.0.0-next.30"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ampath/esm-dha-workflow-app",
-  "version": "4.0.0-next.29",
+  "version": "4.0.0-next.30",
   "license": "MPL-2.0",
   "description": "An OpenMRS seed application for building microfrontends",
   "browser": "dist/esm-dha-workflow-app.js",

package/src/bookings/daily/daily-bookings.component.scss

@@ -0,0 +1,38 @@
+.bookingsLayout{
+    display: flex;
+    flex-direction: column;
+    padding: 15px 15px;
+    row-gap: 5px;
+}
+.bookingsHeader{
+    display: flex;
+    flex-direction: row;
+    column-gap: 5px;
+    width: 100%;
+}
+.bookingsFilters{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    border: 1px double lightgray;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 15px;
+    padding-right: 15px;
+    margin-left: 5px;
+    margin-right: 5px;
+    margin-bottom: 10px;
+}
+.bookingsContent{
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    row-gap: 15px;
+}
+.contentActions{
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: flex-end;
+    column-gap: 5px;
+}

package/src/bookings/daily/daily-bookings.component.tsx

@@ -0,0 +1,138 @@
+import React, { useEffect, useState } from 'react';
+import styles from './daily-bookings.component.scss';
+import { Button, InlineLoading, Tab, TabList, TabPanel, TabPanels, Tabs } from '@carbon/react';
+import DailyBookingsFilter from './filters/daily-bookings-filter.component';
+import { showSnackbar } from '@openmrs/esm-framework';
+import { type DailyBookingsResult, type BookingFilter, DailyBookingType } from '../types';
+import DailiyBookingsPatientList from './patient-list/daily-bookings-patient-list.component';
+import { getDailyBookings } from './daily-bookings.resource';
+
+interface DailyBookingsProps {}
+const DailyBookings: React.FC<DailyBookingsProps> = () => {
+  const [filters, setFilters] = useState<BookingFilter>();
+  const [appointments, setAppointments] = useState<DailyBookingsResult[]>([]);
+  const [visits, setVisits] = useState<DailyBookingsResult[]>([]);
+  const [hasNotReturned, setHasNotReturned] = useState<DailyBookingsResult[]>([]);
+  const [selectedTab, setSelectedTab] = useState<DailyBookingType>(DailyBookingType.Appointments);
+  const [loading, setLoading] = useState<boolean>(false);
+
+  useEffect(() => {
+    if (filters) {
+      getDailyBookingsByType(selectedTab);
+    }
+  }, [filters]);
+
+  const handleFilterSelected = (filters: BookingFilter) => {
+    setFilters(filters);
+  };
+  const handleSelectedTab = (userSelectedTab: DailyBookingType) => {
+    setSelectedTab(userSelectedTab);
+  };
+  const getDailyBookingsByType = async (dailyBookingType: DailyBookingType) => {
+    const isValidFilter = isValidFilterset(filters);
+    if (!isValidFilter) return;
+    setLoading(true);
+    try {
+      const resp = await getDailyBookings(filters, dailyBookingType);
+      if (selectedTab === DailyBookingType.Appointments) {
+        setAppointments(resp);
+      }
+      if (selectedTab === DailyBookingType.Visits) {
+        setVisits(resp);
+      }
+      if (selectedTab === DailyBookingType.HasNotReturned) {
+        setHasNotReturned(resp);
+      }
+    } catch (e) {
+      showSnackbar({
+        kind: 'error',
+        title: e.message ?? 'An error ocurred while fetching data',
+        subtitle: '',
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+  const isValidFilterset = (filters: BookingFilter) => {
+    if (!filters) {
+      return false;
+    }
+    if (!filters.startDate) {
+      showSnackbar({
+        kind: 'error',
+        title: 'Start Date not set',
+        subtitle: '',
+      });
+      return false;
+    }
+    if (!filters.locationUuids) {
+      showSnackbar({
+        kind: 'error',
+        title: 'User location not set',
+        subtitle: '',
+      });
+      return false;
+    }
+    if (!filters.department) {
+      showSnackbar({
+        kind: 'error',
+        title: 'Department not set',
+        subtitle: '',
+      });
+      return false;
+    }
+    return true;
+  };
+  const handleRefresh = () => {
+    getDailyBookingsByType(selectedTab);
+  };
+  return (
+    <>
+      <div className={styles.bookingsLayout}>
+        <div className={styles.bookingsHeader}>
+          <h4>Daily Bookings</h4>
+        </div>
+        <div className={styles.bookingsFilters}>
+          <DailyBookingsFilter filterSelected={handleFilterSelected} />
+        </div>
+        <div className={styles.bookingsContent}>
+          <div className={styles.contentActions}>
+            <Button kind="primary" onClick={handleRefresh} disabled={loading}>
+              {loading ? <InlineLoading description="Fetching..." /> : 'Refresh'}
+            </Button>
+          </div>
+          <div className={styles.contentData}>
+            <Tabs>
+              <TabList contained>
+                <Tab onClick={() => handleSelectedTab(DailyBookingType.Appointments)}>Appointments</Tab>
+                <Tab onClick={() => handleSelectedTab(DailyBookingType.Visits)}>Visits</Tab>
+                <Tab onClick={() => handleSelectedTab(DailyBookingType.HasNotReturned)}>Has Not Returned</Tab>
+              </TabList>
+              <TabPanels>
+                <TabPanel>
+                  {appointments && appointments.length > 0 ? (
+                    <DailiyBookingsPatientList patientListData={appointments} />
+                  ) : (
+                    <></>
+                  )}
+                </TabPanel>
+                <TabPanel>
+                  {visits && visits.length > 0 ? <DailiyBookingsPatientList patientListData={visits} /> : <></>}
+                </TabPanel>
+                <TabPanel>
+                  {hasNotReturned && hasNotReturned.length > 0 ? (
+                    <DailiyBookingsPatientList patientListData={hasNotReturned} />
+                  ) : (
+                    <></>
+                  )}
+                </TabPanel>
+              </TabPanels>
+            </Tabs>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default DailyBookings;

package/src/bookings/daily/daily-bookings.resource.ts

@@ -0,0 +1,27 @@
+import { getEtlBaseUrl } from '../../shared/utils/get-base-url';
+import {
+  type BookingFilter,
+  type BookingDto,
+  type DailyBookingsResult,
+  type DailyBookingsReponse,
+  type DailyBookingType,
+} from '../types';
+
+export async function getDailyBookings(
+  bookingFilter: BookingFilter,
+  bookingType: DailyBookingType,
+): Promise<DailyBookingsResult[]> {
+  const etlBaseUrl = await getEtlBaseUrl();
+  const params: BookingDto = {
+    department: bookingFilter.department,
+    startDate: bookingFilter.startDate ?? new Date().toISOString().split('T')[0],
+    locationUuids: bookingFilter.locationUuids,
+    startIndex: '0',
+    limit: '1000',
+  };
+  const queryString = new URLSearchParams(params).toString();
+  const dailyAppUrl = `${etlBaseUrl}/${bookingType}/${bookingFilter.startDate}?&${queryString}`;
+  const resp = await fetch(dailyAppUrl);
+  const data: DailyBookingsReponse = await resp.json();
+  return data.result ?? [];
+}

package/src/bookings/daily/filters/daily-bookings-filter.component.scss

@@ -0,0 +1,15 @@
+.filterLayout{
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+    width: 100%;
+}
+.filterRow{
+    display: flex;
+    flex-direction: row;
+    column-gap: 5px;
+    width: 100%;
+}
+.filterFormGroup{
+    width: 40%;
+}

package/src/bookings/daily/filters/daily-bookings-filter.component.tsx

@@ -0,0 +1,80 @@
+import React, { useRef } from 'react';
+import { Button, DatePicker, DatePickerInput, Dropdown, type OnChangeData } from '@carbon/react';
+import styles from './daily-bookings-filter.component.scss';
+import { type BookingFilter } from '../../types';
+import { useSession } from '@openmrs/esm-framework';
+
+interface DailyBookingsFilterProps {
+  filterSelected: (filters: BookingFilter) => void;
+}
+const DailyBookingsFilter: React.FC<DailyBookingsFilterProps> = ({ filterSelected }) => {
+  const dateRef = useRef<string>('');
+  const departmentRef = useRef<string>();
+  const session = useSession();
+  const locationUuid = session.sessionLocation.uuid;
+  const handleDateChange = (dateSelected: Date[]) => {
+    dateRef.current = new Date(dateSelected[0]).toISOString().split('T')[0];
+  };
+  const handleDepartmentChange = (selectedDept: OnChangeData<{ text: string }>) => {
+    departmentRef.current = selectedDept.selectedItem.text;
+  };
+  const handeleGenerateFilters = () => {
+    const filters: BookingFilter = {
+      startDate: dateRef.current,
+      department: departmentRef.current,
+      locationUuids: locationUuid,
+    };
+    filterSelected(filters);
+  };
+  return (
+    <>
+      <div className={styles.filterLayout}>
+        <div className={styles.filterRow}>
+          <div className={styles.filterFormGroup}>
+            <DatePicker
+              datePickerType="single"
+              locale="en"
+              onChange={handleDateChange}
+              onClose={() => {}}
+              onOpen={() => {}}
+            >
+              <DatePickerInput id="date-picker-single" labelText="Date" placeholder="mm/dd/yyyy" />
+            </DatePicker>
+          </div>
+          <div className={styles.filterFormGroup}>
+            <Dropdown
+              id="department"
+              invalidText="invalid selection"
+              itemToString={(item) => item.text}
+              onChange={handleDepartmentChange}
+              items={[
+                {
+                  text: 'HIV',
+                },
+                {
+                  text: 'CDM',
+                },
+                {
+                  text: 'ONCOLOGY',
+                },
+              ]}
+              label="Select Department"
+              titleText="Department"
+              type="default"
+              warnText=""
+            />
+          </div>
+        </div>
+        <div className={styles.filterRow}>
+          <div className={styles.filterFormGroup}>
+            <Button kind="primary" onClick={handeleGenerateFilters}>
+              Generate
+            </Button>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default DailyBookingsFilter;

package/src/bookings/daily/patient-list/daily-bookings-patient-list.component.tsx

@@ -0,0 +1,97 @@
+import React from 'react';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@carbon/react';
+import { type DailyBookingsResult } from '../../types';
+
+interface DailiyBookingsPatientListProps {
+  patientListData: DailyBookingsResult[];
+}
+const DailiyBookingsPatientList: React.FC<DailiyBookingsPatientListProps> = ({ patientListData }) => {
+  if (!patientListData || patientListData.length === 0) {
+    return <>No Data</>;
+  }
+  return (
+    <>
+      <Table>
+        <TableHead>
+          <TableRow>
+            <TableHeader>No</TableHeader>
+            <TableHeader>CCC Number</TableHeader>
+            <TableHeader>UPI Number</TableHeader>
+            <TableHeader>Program</TableHeader>
+            <TableHeader>RTC Date</TableHeader>
+            <TableHeader>Med Pickup Date</TableHeader>
+            <TableHeader>ARV Start Date</TableHeader>
+            <TableHeader>HIV Disclosure Status</TableHeader>
+            <TableHeader>Height</TableHeader>
+            <TableHeader>Weight</TableHeader>
+            <TableHeader>Stage</TableHeader>
+            <TableHeader>Patient Categorization</TableHeader>
+            <TableHeader>Service Delivery Model</TableHeader>
+            <TableHeader>DSD Model</TableHeader>
+            <TableHeader>CD4 Date</TableHeader>
+            <TableHeader>CD4 Results</TableHeader>
+            <TableHeader>Gender</TableHeader>
+            <TableHeader>Birthdate</TableHeader>
+            <TableHeader>Age</TableHeader>
+            <TableHeader>Patient Name</TableHeader>
+            <TableHeader>Identifiers</TableHeader>
+            <TableHeader>Phone Number</TableHeader>
+            <TableHeader>Latest RTC Date</TableHeader>
+            <TableHeader>Latest VL</TableHeader>
+            <TableHeader>VL Category</TableHeader>
+            <TableHeader>Latest VL Date</TableHeader>
+            <TableHeader>Last Appointment</TableHeader>
+            <TableHeader>Visit Type</TableHeader>
+            <TableHeader>Current Meds</TableHeader>
+            <TableHeader>Covid-19 Vaccination</TableHeader>
+            <TableHeader>TB Screening Date</TableHeader>
+            <TableHeader>TB Screening Result</TableHeader>
+            <TableHeader>Patient Category</TableHeader>
+          </TableRow>
+        </TableHead>
+
+        <TableBody>
+          {patientListData &&
+            patientListData.map((val, index) => (
+              <TableRow key={val.patient_uuid ?? index}>
+                <TableCell>{index + 1}</TableCell>
+                <TableCell>{val.ccc_number}</TableCell>
+                <TableCell>{val.upi_number}</TableCell>
+                <TableCell>{val.program}</TableCell>
+                <TableCell>{val.rtc_date}</TableCell>
+                <TableCell>{val.med_pick_up_date}</TableCell>
+                <TableCell>{val.arv_first_regimen_start_date}</TableCell>
+                <TableCell>{val.hiv_disclosure_status}</TableCell>
+                <TableCell>{val.height}</TableCell>
+                <TableCell>{val.weight}</TableCell>
+                <TableCell>{val.stage}</TableCell>
+                <TableCell>{val.patient_categorization}</TableCell>
+                <TableCell>{val.service_delivery_model}</TableCell>
+                <TableCell>{val.dsd_model}</TableCell>
+                <TableCell>{val.cd4_date}</TableCell>
+                <TableCell>{val.cd4_results}</TableCell>
+                <TableCell>{val.gender}</TableCell>
+                <TableCell>{val.birthdate}</TableCell>
+                <TableCell>{val.age}</TableCell>
+                <TableCell>{val.person_name}</TableCell>
+                <TableCell>{val.identifiers}</TableCell>
+                <TableCell>{val.phone_number}</TableCell>
+                <TableCell>{val.latest_rtc_date}</TableCell>
+                <TableCell>{val.latest_vl}</TableCell>
+                <TableCell>{val.vl_category}</TableCell>
+                <TableCell>{val.latest_vl_date}</TableCell>
+                <TableCell>{val.last_appointment}</TableCell>
+                <TableCell>{val.visit_type}</TableCell>
+                <TableCell>{val.cur_meds}</TableCell>
+                <TableCell>{val.covid_19_vaccination_status}</TableCell>
+                <TableCell>{val.tb_screening_date}</TableCell>
+                <TableCell>{val.tb_screening_result}</TableCell>
+                <TableCell>{val.patient_category}</TableCell>
+              </TableRow>
+            ))}
+        </TableBody>
+      </Table>
+    </>
+  );
+};
+export default DailiyBookingsPatientList;