@openmrs/esm-form-engine-lib 3.1.5-pre.2085 → 3.1.5-pre.2086

package/dist/openmrs-esm-form-engine-lib.js

@@ -1 +1 @@
-var _openmrs_esm_form_engine_lib;(()=>{"use strict";var e,r,t,n,o,i,a,l,s,u,f,d,p,c,h,m,v,g,b,y,w,_={78008:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(177),t.e(401),t.e(124),t.e(72),t.e(456),t.e(677)]).then((()=>()=>t(5677)))},o=(e,r)=>(t.R=r,r=t.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),t.R=void 0,r),i=(e,r)=>{if(t.S){var n="default",o=t.S[n];if(o&&o!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return t.S[n]=e,t.I(n,r)}};t.d(r,{get:()=>o,init:()=>i})}},P={};function j(e){var r=P[e];if(void 0!==r)return r.exports;var t=P[e]={id:e,loaded:!1,exports:{}};return _[e].call(t.exports,t,t.exports,j),t.loaded=!0,t.exports}j.m=_,j.c=P,j.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return j.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,j.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);j.r(o);var i={};e=e||[null,r({}),r([]),r(r)];for(var a=2&n&&t;"object"==typeof a&&!~e.indexOf(a);a=r(a))Object.getOwnPropertyNames(a).forEach((e=>i[e]=()=>t[e]));return i.default=()=>t,j.d(o,i),o},j.d=(e,r)=>{for(var t in r)j.o(r,t)&&!j.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},j.f={},j.e=e=>Promise.all(Object.keys(j.f).reduce(((r,t)=>(j.f[t](e,r),r)),[])),j.u=e=>e+".js",j.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),j.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@openmrs/esm-form-engine-lib:",j.l=(e,r,o,i)=>{if(t[e])t[e].push(r);else{var a,l;if(void 0!==o)for(var s=document.getElementsByTagName("script"),u=0;u<s.length;u++){var f=s[u];if(f.getAttribute("src")==e||f.getAttribute("data-webpack")==n+o){a=f;break}}a||(l=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,j.nc&&a.setAttribute("nonce",j.nc),a.setAttribute("data-webpack",n+o),a.src=e),t[e]=[r];var d=(r,n)=>{a.onerror=a.onload=null,clearTimeout(p);var o=t[e];if(delete t[e],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((e=>e(n))),r)return r(n)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=d.bind(null,a.onerror),a.onload=d.bind(null,a.onload),l&&document.head.appendChild(a)}},j.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},j.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),j.j=719,(()=>{j.S={};var e={},r={};j.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];j.o(j.S,t)||(j.S[t]={});var i=j.S[t],a="@openmrs/esm-form-engine-lib",l=(e,r,t,n)=>{var o=i[e]=i[e]||{},l=o[r];(!l||!l.loaded&&(!n!=!l.eager?n:a>l.from))&&(o[r]={get:t,from:a,eager:!!n})},s=[];return"default"===t&&(l("@openmrs/esm-framework","7.0.1-pre.3291",(()=>Promise.all([j.e(177),j.e(387),j.e(401),j.e(72),j.e(456),j.e(766),j.e(310)]).then((()=>()=>j(96387))))),l("dayjs","1.11.13",(()=>j.e(353).then((()=>()=>j(74353))))),l("i18next","23.16.0",(()=>j.e(635).then((()=>()=>j(72635))))),l("react-i18next","11.18.6",(()=>Promise.all([j.e(72),j.e(414)]).then((()=>()=>j(93414))))),l("react","18.3.1",(()=>j.e(540).then((()=>()=>j(96540))))),l("swr/immutable","2.3.3",(()=>Promise.all([j.e(177),j.e(72),j.e(606)]).then((()=>()=>j(54225))))),l("swr/infinite","2.3.3",(()=>Promise.all([j.e(177),j.e(72),j.e(422)]).then((()=>()=>j(23041)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;j.g.importScripts&&(e=j.g.location+"");var r=j.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(/\/[^\/]+$/,"/"),j.p=e})(),o=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},i=(e,r)=>{e=o(e),r=o(r);for(var t=0;;){if(t>=e.length)return t<r.length&&"u"!=(typeof r[t])[0];var n=e[t],i=(typeof n)[0];if(t>=r.length)return"u"==i;var a=r[t],l=(typeof a)[0];if(i!=l)return"o"==i&&"n"==l||"s"==l||"u"==i;if("o"!=i&&"u"!=i&&n!=a)return n<a;t++}},a=e=>{var r=e[0],t="";if(1===e.length)return"*";if(r+.5){t+=0==r?">=":-1==r?"<":1==r?"^":2==r?"~":r>0?"=":"!=";for(var n=1,o=1;o<e.length;o++)n--,t+="u"==(typeof(l=e[o]))[0]?"-":(n>0?".":"")+(n=2,l);return t}var i=[];for(o=1;o<e.length;o++){var l=e[o];i.push(0===l?"not("+s()+")":1===l?"("+s()+" || "+s()+")":2===l?i.pop()+" "+i.pop():a(l))}return s();function s(){return i.pop().replace(/^\((.+)\)$/,"$1")}},l=(e,r)=>{if(0 in e){r=o(r);var t=e[0],n=t<0;n&&(t=-t-1);for(var i=0,a=1,s=!0;;a++,i++){var u,f,d=a<e.length?(typeof e[a])[0]:"";if(i>=r.length||"o"==(f=(typeof(u=r[i]))[0]))return!s||("u"==d?a>t&&!n:""==d!=n);if("u"==f){if(!s||"u"!=d)return!1}else if(s)if(d==f)if(a<=t){if(u!=e[a])return!1}else{if(n?u>e[a]:u<e[a])return!1;u!=e[a]&&(s=!1)}else if("s"!=d&&"n"!=d){if(n||a<=t)return!1;s=!1,a--}else{if(a<=t||f<d!=n)return!1;s=!1}else"s"!=d&&"n"!=d&&(s=!1,a--)}}var p=[],c=p.pop.bind(p);for(i=1;i<e.length;i++){var h=e[i];p.push(1==h?c()|c():2==h?c()&c():h?l(h,r):!c())}return!!c()},s=(e,r)=>e&&j.o(e,r),u=e=>(e.loaded=1,e.get()),f=e=>Object.keys(e).reduce(((r,t)=>(e[t].eager&&(r[t]=e[t]),r)),{}),d=(e,r,t)=>{var n=t?f(e[r]):e[r];return Object.keys(n).reduce(((e,r)=>!e||!n[e].loaded&&i(e,r)?r:e),0)},p=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",c=e=>{throw new Error(e)},h=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},m=(e,r,t)=>t?t():((e,r)=>c("Shared module "+r+" doesn't exist in shared scope "+e))(e,r),v=(e=>function(r,t,n,o,i){var a=j.I(r);return a&&a.then&&!n?a.then(e.bind(e,r,j.S[r],t,!1,o,i)):e(r,j.S[r],t,n,o,i)})(((e,r,t,n,o,i)=>{if(!s(r,t))return m(e,t,i);var a=d(r,t,n);return l(o,a)||h(p(r,t,a,o)),u(r[t][a])})),g={},b={16072:()=>v("default","react",!1,[1,18],(()=>j.e(540).then((()=>()=>j(96540))))),53941:()=>v("default","react-i18next",!1,[1,11],(()=>j.e(33).then((()=>()=>j(93414))))),66838:()=>v("default","@openmrs/esm-framework",!1,[1,7],(()=>Promise.all([j.e(177),j.e(387),j.e(766)]).then((()=>()=>j(96387))))),76766:()=>v("default","i18next",!1,[1,23],(()=>j.e(635).then((()=>()=>j(72635))))),44209:()=>v("default","swr/immutable",!1,[1,2],(()=>Promise.all([j.e(177),j.e(225)]).then((()=>()=>j(54225))))),56339:()=>v("default","swr/infinite",!1,[1,2],(()=>Promise.all([j.e(177),j.e(41)]).then((()=>()=>j(23041))))),70231:()=>v("default","dayjs",!1,[1,1],(()=>j.e(353).then((()=>()=>j(74353)))))},y={72:[16072],310:[44209,56339,70231],456:[53941,66838],677:[44209,56339,70231],766:[76766]},w={},j.f.consumes=(e,r)=>{j.o(y,e)&&y[e].forEach((e=>{if(j.o(g,e))return r.push(g[e]);if(!w[e]){var t=r=>{g[e]=0,j.m[e]=t=>{delete j.c[e],t.exports=r()}};w[e]=!0;var n=r=>{delete g[e],j.m[e]=t=>{throw delete j.c[e],r}};try{var o=b[e]();o.then?r.push(g[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}}))},(()=>{var e={719:0};j.f.j=(r,t)=>{var n=j.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(456|72|766)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var i=j.p+j.u(r),a=new Error;j.l(i,(t=>{if(j.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;a.message="Loading chunk "+r+" failed.\n("+o+": "+i+")",a.name="ChunkLoadError",a.type=o,a.request=i,n[1](a)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[i,a,l]=t,s=0;if(i.some((r=>0!==e[r]))){for(n in a)j.o(a,n)&&(j.m[n]=a[n]);l&&l(j)}for(r&&r(t);s<i.length;s++)o=i[s],j.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=globalThis.webpackChunk_openmrs_esm_form_engine_lib=globalThis.webpackChunk_openmrs_esm_form_engine_lib||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),j.nc=void 0;var S=j(78008);_openmrs_esm_form_engine_lib=S})();
+var _openmrs_esm_form_engine_lib;(()=>{"use strict";var e,r,t,n,o,i,a,l,s,u,f,d,p,c,h,m,v,g,b,y,w,_={78008:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(177),t.e(899),t.e(759),t.e(72),t.e(456),t.e(306)]).then((()=>()=>t(4306)))},o=(e,r)=>(t.R=r,r=t.o(n,e)?n[e]():Promise.resolve().then((()=>{throw new Error('Module "'+e+'" does not exist in container.')})),t.R=void 0,r),i=(e,r)=>{if(t.S){var n="default",o=t.S[n];if(o&&o!==e)throw new Error("Container initialization failed as it has already been initialized with a different share scope");return t.S[n]=e,t.I(n,r)}};t.d(r,{get:()=>o,init:()=>i})}},P={};function j(e){var r=P[e];if(void 0!==r)return r.exports;var t=P[e]={id:e,loaded:!1,exports:{}};return _[e].call(t.exports,t,t.exports,j),t.loaded=!0,t.exports}j.m=_,j.c=P,j.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return j.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,j.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);j.r(o);var i={};e=e||[null,r({}),r([]),r(r)];for(var a=2&n&&t;"object"==typeof a&&!~e.indexOf(a);a=r(a))Object.getOwnPropertyNames(a).forEach((e=>i[e]=()=>t[e]));return i.default=()=>t,j.d(o,i),o},j.d=(e,r)=>{for(var t in r)j.o(r,t)&&!j.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},j.f={},j.e=e=>Promise.all(Object.keys(j.f).reduce(((r,t)=>(j.f[t](e,r),r)),[])),j.u=e=>e+".js",j.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),j.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@openmrs/esm-form-engine-lib:",j.l=(e,r,o,i)=>{if(t[e])t[e].push(r);else{var a,l;if(void 0!==o)for(var s=document.getElementsByTagName("script"),u=0;u<s.length;u++){var f=s[u];if(f.getAttribute("src")==e||f.getAttribute("data-webpack")==n+o){a=f;break}}a||(l=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,j.nc&&a.setAttribute("nonce",j.nc),a.setAttribute("data-webpack",n+o),a.src=e),t[e]=[r];var d=(r,n)=>{a.onerror=a.onload=null,clearTimeout(p);var o=t[e];if(delete t[e],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((e=>e(n))),r)return r(n)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=d.bind(null,a.onerror),a.onload=d.bind(null,a.onload),l&&document.head.appendChild(a)}},j.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},j.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),j.j=719,(()=>{j.S={};var e={},r={};j.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];j.o(j.S,t)||(j.S[t]={});var i=j.S[t],a="@openmrs/esm-form-engine-lib",l=(e,r,t,n)=>{var o=i[e]=i[e]||{},l=o[r];(!l||!l.loaded&&(!n!=!l.eager?n:a>l.from))&&(o[r]={get:t,from:a,eager:!!n})},s=[];return"default"===t&&(l("@openmrs/esm-framework","7.0.1-pre.3291",(()=>Promise.all([j.e(177),j.e(387),j.e(899),j.e(72),j.e(456),j.e(766),j.e(310)]).then((()=>()=>j(96387))))),l("dayjs","1.11.13",(()=>j.e(353).then((()=>()=>j(74353))))),l("i18next","23.16.0",(()=>j.e(635).then((()=>()=>j(72635))))),l("react-i18next","11.18.6",(()=>Promise.all([j.e(72),j.e(414)]).then((()=>()=>j(93414))))),l("react","18.3.1",(()=>j.e(540).then((()=>()=>j(96540))))),l("swr/immutable","2.3.3",(()=>Promise.all([j.e(177),j.e(72),j.e(606)]).then((()=>()=>j(54225))))),l("swr/infinite","2.3.3",(()=>Promise.all([j.e(177),j.e(72),j.e(422)]).then((()=>()=>j(23041)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;j.g.importScripts&&(e=j.g.location+"");var r=j.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(/\/[^\/]+$/,"/"),j.p=e})(),o=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},i=(e,r)=>{e=o(e),r=o(r);for(var t=0;;){if(t>=e.length)return t<r.length&&"u"!=(typeof r[t])[0];var n=e[t],i=(typeof n)[0];if(t>=r.length)return"u"==i;var a=r[t],l=(typeof a)[0];if(i!=l)return"o"==i&&"n"==l||"s"==l||"u"==i;if("o"!=i&&"u"!=i&&n!=a)return n<a;t++}},a=e=>{var r=e[0],t="";if(1===e.length)return"*";if(r+.5){t+=0==r?">=":-1==r?"<":1==r?"^":2==r?"~":r>0?"=":"!=";for(var n=1,o=1;o<e.length;o++)n--,t+="u"==(typeof(l=e[o]))[0]?"-":(n>0?".":"")+(n=2,l);return t}var i=[];for(o=1;o<e.length;o++){var l=e[o];i.push(0===l?"not("+s()+")":1===l?"("+s()+" || "+s()+")":2===l?i.pop()+" "+i.pop():a(l))}return s();function s(){return i.pop().replace(/^\((.+)\)$/,"$1")}},l=(e,r)=>{if(0 in e){r=o(r);var t=e[0],n=t<0;n&&(t=-t-1);for(var i=0,a=1,s=!0;;a++,i++){var u,f,d=a<e.length?(typeof e[a])[0]:"";if(i>=r.length||"o"==(f=(typeof(u=r[i]))[0]))return!s||("u"==d?a>t&&!n:""==d!=n);if("u"==f){if(!s||"u"!=d)return!1}else if(s)if(d==f)if(a<=t){if(u!=e[a])return!1}else{if(n?u>e[a]:u<e[a])return!1;u!=e[a]&&(s=!1)}else if("s"!=d&&"n"!=d){if(n||a<=t)return!1;s=!1,a--}else{if(a<=t||f<d!=n)return!1;s=!1}else"s"!=d&&"n"!=d&&(s=!1,a--)}}var p=[],c=p.pop.bind(p);for(i=1;i<e.length;i++){var h=e[i];p.push(1==h?c()|c():2==h?c()&c():h?l(h,r):!c())}return!!c()},s=(e,r)=>e&&j.o(e,r),u=e=>(e.loaded=1,e.get()),f=e=>Object.keys(e).reduce(((r,t)=>(e[t].eager&&(r[t]=e[t]),r)),{}),d=(e,r,t)=>{var n=t?f(e[r]):e[r];return Object.keys(n).reduce(((e,r)=>!e||!n[e].loaded&&i(e,r)?r:e),0)},p=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",c=e=>{throw new Error(e)},h=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},m=(e,r,t)=>t?t():((e,r)=>c("Shared module "+r+" doesn't exist in shared scope "+e))(e,r),v=(e=>function(r,t,n,o,i){var a=j.I(r);return a&&a.then&&!n?a.then(e.bind(e,r,j.S[r],t,!1,o,i)):e(r,j.S[r],t,n,o,i)})(((e,r,t,n,o,i)=>{if(!s(r,t))return m(e,t,i);var a=d(r,t,n);return l(o,a)||h(p(r,t,a,o)),u(r[t][a])})),g={},b={16072:()=>v("default","react",!1,[1,18],(()=>j.e(540).then((()=>()=>j(96540))))),53941:()=>v("default","react-i18next",!1,[1,11],(()=>j.e(33).then((()=>()=>j(93414))))),66838:()=>v("default","@openmrs/esm-framework",!1,[1,7],(()=>Promise.all([j.e(177),j.e(387),j.e(766)]).then((()=>()=>j(96387))))),76766:()=>v("default","i18next",!1,[1,23],(()=>j.e(635).then((()=>()=>j(72635))))),44209:()=>v("default","swr/immutable",!1,[1,2],(()=>Promise.all([j.e(177),j.e(225)]).then((()=>()=>j(54225))))),56339:()=>v("default","swr/infinite",!1,[1,2],(()=>Promise.all([j.e(177),j.e(41)]).then((()=>()=>j(23041))))),70231:()=>v("default","dayjs",!1,[1,1],(()=>j.e(353).then((()=>()=>j(74353)))))},y={72:[16072],306:[44209,56339,70231],310:[44209,56339,70231],456:[53941,66838],766:[76766]},w={},j.f.consumes=(e,r)=>{j.o(y,e)&&y[e].forEach((e=>{if(j.o(g,e))return r.push(g[e]);if(!w[e]){var t=r=>{g[e]=0,j.m[e]=t=>{delete j.c[e],t.exports=r()}};w[e]=!0;var n=r=>{delete g[e],j.m[e]=t=>{throw delete j.c[e],r}};try{var o=b[e]();o.then?r.push(g[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}}))},(()=>{var e={719:0};j.f.j=(r,t)=>{var n=j.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(456|72|766)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var i=j.p+j.u(r),a=new Error;j.l(i,(t=>{if(j.o(e,r)&&(0!==(n=e[r])&&(e[r]=void 0),n)){var o=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;a.message="Loading chunk "+r+" failed.\n("+o+": "+i+")",a.name="ChunkLoadError",a.type=o,a.request=i,n[1](a)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[i,a,l]=t,s=0;if(i.some((r=>0!==e[r]))){for(n in a)j.o(a,n)&&(j.m[n]=a[n]);l&&l(j)}for(r&&r(t);s<i.length;s++)o=i[s],j.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=globalThis.webpackChunk_openmrs_esm_form_engine_lib=globalThis.webpackChunk_openmrs_esm_form_engine_lib||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),j.nc=void 0;var S=j(78008);_openmrs_esm_form_engine_lib=S})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-form-engine-lib",
-  "version": "3.1.5-pre.2085",
+  "version": "3.1.5-pre.2086",
   "description": "React Form Engine for O3",
   "browser": "dist/openmrs-esm-form-engine-lib.js",
   "main": "src/index.ts",

package/src/adapters/obs-adapter.test.ts

@@ -1,3 +1,4 @@
+import { getAttachmentByUuid } from '@openmrs/esm-framework';
 import { type FormContextProps } from '../provider/form-provider';
 import { type FormField } from '../types';
 import { findObsByFormField, hasPreviousObsValueChanged, ObsAdapter } from './obs-adapter';
@@ -40,6 +41,9 @@ const formContext = {
   setDeletedFields: jest.fn(),
 } as FormContextProps;
 
+window.openmrsBase = 'openmrs';
+const mockGetAttachmentByUuid = jest.mocked(getAttachmentByUuid);
+
 describe('ObsAdapter - transformFieldValue', () => {
   // new submission (enter mode)
   it('should handle submission for text input', () => {
@@ -188,6 +192,42 @@ describe('ObsAdapter - transformFieldValue', () => {
     });
   });
 
+  it('should handle value transformation for file input', () => {
+    // setup
+    const field: FormField = {
+      label: "Upload an image or use this device's camera to capture an image",
+      type: 'obs',
+      questionOptions: {
+        rendering: 'file',
+      },
+      meta: {},
+      id: 'demoFile',
+    };
+    // value
+    const image = {
+      base64Content: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoA',
+      capturedFromWebcam: true,
+      fileDescription: '',
+      fileName: 'Image taken from camera.png',
+      fileType: 'image',
+    };
+
+    // replay
+    const obs = ObsAdapter.transformFieldValue(field, [image], formContext);
+    // verify
+    expect(obs).toEqual([
+      {
+        base64Content: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoA',
+        capturedFromWebcam: true,
+        fileDescription: '',
+        fileName: 'Image taken from camera.png',
+        fileType: 'image',
+        formFieldNamespace: 'rfe-forms',
+        formFieldPath: 'rfe-forms-demoFile',
+      },
+    ]);
+  });
+
   // editing existing values (edit mode)
   it('should edit obs text/number value in edit mode', () => {
     // setup
@@ -519,6 +559,39 @@ describe('ObsAdapter - transformFieldValue', () => {
     });
     expect(field.meta.submission.newValue).toBe(null);
   });
+
+  it('should void deleted files', () => {
+    // setup
+    const field: FormField = {
+      label: "Upload an image or use this device's camera to capture an image",
+      type: 'obs',
+      questionOptions: {
+        rendering: 'file',
+      },
+      meta: {
+        initialValue: {
+          omrsObject: {
+            uuid: '6ff51289-b334-4050-8a0e-28cb2034bfc3',
+            formFieldPath: 'rfe-forms-demoFile',
+          },
+        },
+      },
+      id: 'demoFile',
+    };
+    // replay
+    ObsAdapter.transformFieldValue(
+      field,
+      [{ uuid: '6ff51289-b334-4050-8a0e-28cb2034bfc3', voided: true }],
+      formContext,
+    );
+    // verify
+    expect(field.meta.submission.voidedValue).toEqual([
+      {
+        uuid: '6ff51289-b334-4050-8a0e-28cb2034bfc3',
+        voided: true,
+      },
+    ]);
+  });
 });
 
 describe('ObsAdapter - getInitialValue', () => {
@@ -663,6 +736,49 @@ describe('ObsAdapter - getInitialValue', () => {
     expect(initialValue).toEqual('12f7be3d-fb5d-47dc-b5e3-56c501be80a6');
   });
 
+  it('should get initial value for file rendering', async () => {
+    // setup
+    const field: FormField = {
+      label: "Upload an image or use this device's camera to capture an image",
+      type: 'obs',
+      questionOptions: {
+        rendering: 'file',
+      },
+      meta: {},
+      id: 'demoFile',
+    };
+
+    const obs = {
+      uuid: '6ff51289-b334-4050-8a0e-28cb2034bfc3',
+      formFieldPath: 'rfe-forms-demoFile',
+    };
+    formContext.domainObjectValue['obs'].push(obs);
+    mockGetAttachmentByUuid.mockReturnValue(
+      Promise.resolve({
+        data: {
+          uuid: '6ff51289-b334-4050-8a0e-28cb2034bfc3',
+          dateTime: '2025-08-21T19:31:39.000+0000',
+          filename: 'image.png',
+          comment: 'An image captured for test purposes',
+          bytesMimeType: 'image/png',
+          bytesContentFamily: 'IMAGE',
+        },
+      } as any),
+    );
+
+    // replay
+    const initialValue = await ObsAdapter.getInitialValue(field, formContext.domainObjectValue, formContext);
+    expect(initialValue).toEqual([
+      {
+        uuid: '6ff51289-b334-4050-8a0e-28cb2034bfc3',
+        base64Content: 'openmrs/ws/rest/v1/attachment/6ff51289-b334-4050-8a0e-28cb2034bfc3/bytes',
+        fileName: 'image.png',
+        fileDescription: 'An image captured for test purposes',
+        fileType: 'image',
+      },
+    ]);
+  });
+
   it('should get initial values for obs-group members', async () => {
     // setup
     const basePath = 'rfe-forms-';
@@ -952,6 +1068,7 @@ describe('findObsByFormField', () => {
   it('Should find observation by field path', () => {
     // do find
     let matchedObs = findObsByFormField(obsList, [], fields[0]);
+
     // verify
     expect(matchedObs.length).toBe(1);
     expect(matchedObs[0]).toBe(obsList[0]);

package/src/adapters/obs-adapter.ts

@@ -1,11 +1,10 @@
 import dayjs from 'dayjs';
 import { ConceptTrue, codedTypes } from '../constants';
 import {
+  type Attachment,
   type OpenmrsObs,
   type FormField,
   type OpenmrsEncounter,
-  type AttachmentResponse,
-  type Attachment,
   type ValueAndDisplay,
   type FormFieldValueAdapter,
 } from '../types';
@@ -19,8 +18,7 @@ import {
 } from '../utils/common-utils';
 import { type FormContextProps } from '../provider/form-provider';
 import { isEmpty } from '../validators/form-validator';
-import { getAttachmentByUuid } from '../api';
-import { formatDate, type OpenmrsResource, restBaseUrl } from '@openmrs/esm-framework';
+import { attachmentUrl, getAttachmentByUuid, type OpenmrsResource } from '@openmrs/esm-framework';
 
 // Temporarily holds observations that have already been bound with matching fields
 export let assignedObsIds: string[] = [];
@@ -28,15 +26,11 @@ export let assignedObsIds: string[] = [];
 export const ObsAdapter: FormFieldValueAdapter = {
   async getInitialValue(field: FormField, sourceObject: any, context: FormContextProps) {
     const encounter = sourceObject ?? (context.domainObjectValue as OpenmrsEncounter);
-    if (hasRendering(field, 'file')) {
-      const ac = new AbortController();
-      const attachmentsResponse = await getAttachmentByUuid(context.patient.id, encounter.uuid, ac);
-      // TODO: This seems like a violation of the data model.
-      // I think we should instead use something like `formFieldPath` to do the mapping.
-      const rawAttachment = attachmentsResponse.results?.find((attachment) => attachment.comment === field.id);
-      return rawAttachment ? generateAttachment(rawAttachment) : null;
+    const matchingObs = findObsByFormField(flattenObsList(encounter.obs), assignedObsIds, field);
+    if (hasRendering(field, 'file') && matchingObs?.length) {
+      return resolveAttachmentsFromObs(field, matchingObs);
     }
-    return extractFieldValue(field, findObsByFormField(flattenObsList(encounter.obs), assignedObsIds, field), true);
+    return extractFieldValue(field, matchingObs, true);
   },
   async getPreviousValue(field: FormField, sourceObject: any, context: FormContextProps): Promise<ValueAndDisplay> {
     const encounter = sourceObject ?? (context.previousDomainObjectValue as OpenmrsEncounter);
@@ -85,6 +79,9 @@ export const ObsAdapter: FormFieldValueAdapter = {
     if (hasRendering(field, 'checkbox')) {
       return handleMultiSelect(field, Array.isArray(value) ? value : [value]);
     }
+    if (hasRendering(field, 'file')) {
+      return handleAttachments(field, value);
+    }
     if (!isEmpty(value) && hasPreviousObsValueChanged(field, value)) {
       return gracefullySetSubmission(field, editObs(field, value), undefined);
     }
@@ -251,6 +248,20 @@ function handleMultiSelect(field: FormField, values: Array<string> = []) {
   );
 }
 
+function handleAttachments(field: FormField, attachments: Attachment[] = []) {
+  const voided = attachments
+    .filter((attachment) => attachment.uuid && attachment.voided)
+    .map((voided) => ({ uuid: voided.uuid, voided: true }));
+  const newAttachments = (field.meta.submission.newValue = attachments
+    .filter((attachment) => !attachment.uuid)
+    .map((newAttachment) => ({
+      formFieldNamespace: 'rfe-forms',
+      formFieldPath: `rfe-forms-${field.id}`,
+      ...newAttachment,
+    })));
+  return gracefullySetSubmission(field, newAttachments, voided);
+}
+
 /**
  * Retrieves a list of observations from a given `obsList` that correspond to the specified field.
  *
@@ -263,9 +274,15 @@ export function findObsByFormField(
   claimedObsIds: string[],
   field: FormField,
 ): OpenmrsObs[] {
-  const obs = obsList.filter(
-    (o) => o.formFieldPath == `rfe-forms-${field.id}` && o.concept.uuid == field.questionOptions.concept,
-  );
+  const obs = obsList.filter((candidate) => {
+    // we ignore the concept for attachments because they're managed from the backend
+    if (hasRendering(field, 'file') && candidate.formFieldPath == `rfe-forms-${field.id}`) {
+      return true;
+    }
+    return (
+      candidate.formFieldPath == `rfe-forms-${field.id}` && candidate.concept.uuid == field.questionOptions.concept
+    );
+  });
 
   // We shall fall back to mapping by the associated concept
   // That being said, we shall find all matching obs and pick the one that wasn't previously claimed.
@@ -277,17 +294,27 @@ export function findObsByFormField(
   return obs;
 }
 
-function generateAttachment(rawAttachment: AttachmentResponse): Attachment {
-  const attachmentUrl = `${restBaseUrl}/attachment`;
-  return {
-    id: rawAttachment.uuid,
-    src: `${window.openmrsBase}${attachmentUrl}/${rawAttachment.uuid}/bytes`,
-    title: rawAttachment.comment,
-    description: '',
-    dateTime: formatDate(new Date(rawAttachment.dateTime), {
-      mode: 'wide',
-    }),
-    bytesMimeType: rawAttachment.bytesMimeType,
-    bytesContentFamily: rawAttachment.bytesContentFamily,
+async function resolveAttachmentsFromObs(field: FormField, obs: OpenmrsObs[]) {
+  const abortController = new AbortController();
+  const attachments = await Promise.all(
+    obs.map((obs) =>
+      getAttachmentByUuid(obs.uuid, abortController)
+        .then((response) => response.data)
+        .catch((error) => {
+          console.error(`Failed to fetch attachment ${obs.uuid}:`, error);
+          return null;
+        }),
+    ),
+  );
+
+  field.meta.initialValue = {
+    omrsObject: obs,
   };
+  return attachments.filter(Boolean).map((attachment) => ({
+    uuid: attachment.uuid,
+    base64Content: `${window.openmrsBase}${attachmentUrl}/${attachment.uuid}/bytes`,
+    fileName: attachment.filename,
+    fileDescription: attachment.comment,
+    fileType: attachment.bytesContentFamily?.toLowerCase(),
+  })) as Attachment[];
 }

package/src/api/index.ts

@@ -1,6 +1,12 @@
-import { fhirBaseUrl, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
+import { attachmentUrl, fhirBaseUrl, openmrsFetch, restBaseUrl, type UploadedFile } from '@openmrs/esm-framework';
 import { encounterRepresentation } from '../constants';
-import type { FHIRObsResource, OpenmrsForm, PatientIdentifier, PatientProgramPayload } from '../types';
+import type {
+  AttachmentFieldValue,
+  FHIRObsResource,
+  OpenmrsForm,
+  PatientIdentifier,
+  PatientProgramPayload,
+} from '../types';
 import { isUuid } from '../utils/boolean-utils';
 
 export function saveEncounter(abortController: AbortController, payload, encounterUuid?: string) {
@@ -18,41 +24,28 @@ export function saveEncounter(abortController: AbortController, payload, encount
   });
 }
 
-export function saveAttachment(patientUuid, field, conceptUuid, date, encounterUUID, abortController) {
-  const url = `${restBaseUrl}/attachment`;
-
-  const content = field.meta.submission?.newValue?.value;
-  const cameraUploadType = typeof content === 'string' && content?.split(';')[0].split(':')[1].split('/')[1];
-
+export async function createAttachment(patientUuid: string, encounterUUID: string, attachment: AttachmentFieldValue) {
   const formData = new FormData();
-  const fileCaption = field.id;
 
-  formData.append('fileCaption', fileCaption);
+  formData.append('fileCaption', attachment.fileDescription);
   formData.append('patient', patientUuid);
 
-  if (typeof content === 'object') {
-    formData.append('file', content);
+  if (attachment.file) {
+    formData.append('file', attachment.file, attachment.fileName);
   } else {
-    formData.append('file', new File([''], `camera-upload.${cameraUploadType}`), `camera-upload.${cameraUploadType}`);
-    formData.append('base64Content', content);
+    formData.append('file', new File([''], attachment.fileName), attachment.fileName);
+    formData.append('base64Content', attachment.base64Content);
   }
   formData.append('encounter', encounterUUID);
-  formData.append('obsDatetime', date);
+  formData.append('formFieldNamespace', attachment.formFieldNamespace);
+  formData.append('formFieldPath', attachment.formFieldPath);
 
-  return openmrsFetch(url, {
+  return openmrsFetch(`${attachmentUrl}`, {
     method: 'POST',
-    signal: abortController.signal,
     body: formData,
   });
 }
 
-export function getAttachmentByUuid(patientUuid: string, encounterUuid: string, abortController: AbortController) {
-  const attachmentUrl = `${restBaseUrl}/attachment`;
-  return openmrsFetch(`${attachmentUrl}?patient=${patientUuid}&encounter=${encounterUuid}`, {
-    signal: abortController.signal,
-  }).then((response) => response.data);
-}
-
 export function getConcept(conceptUuid: string, v: string) {
   return openmrsFetch(`${restBaseUrl}/concept/${conceptUuid}?v=${v}`).then(({ data }) => data.results);
 }

package/src/components/inputs/file/file-thumbnail.component.tsx

@@ -0,0 +1,55 @@
+import React, { useMemo } from 'react';
+import styles from './file-thumbnail.scss';
+import { CloseFilled, DocumentPdf, DocumentUnknown } from '@carbon/react/icons';
+import { Button } from '@carbon/react';
+
+interface FileThumbnailProps {
+  src: string;
+  title: string;
+  bytesContentFamily: string;
+  removeFileCb: () => void;
+}
+
+type ThumbnailProps = Omit<FileThumbnailProps, 'bytesContentFamily' | 'removeFileCb'>;
+
+export function FileThumbnail({ bytesContentFamily, removeFileCb, ...thumbnailProps }: FileThumbnailProps) {
+  const Thumbnail = useMemo(() => {
+    switch (bytesContentFamily) {
+      case 'image':
+        return ImageThumbnail;
+      case 'pdf':
+        return PDFThumbnail;
+      default:
+        return OtherThumbnail;
+    }
+  }, []);
+
+  return (
+    <div className={styles.thumbnail}>
+      <Thumbnail {...thumbnailProps} />
+      <Button kind="ghost" className={styles.removeButton} onClick={removeFileCb}>
+        <CloseFilled size={16} className={styles.closeIcon} />
+      </Button>
+    </div>
+  );
+}
+
+function ImageThumbnail(props: ThumbnailProps) {
+  return <img className={styles.imageThumbnail} src={props.src} alt={props.title} />;
+}
+
+function PDFThumbnail(props: ThumbnailProps) {
+  return (
+    <div className={styles.pdfThumbnail} role="button" tabIndex={0}>
+      <DocumentPdf size={24} />
+    </div>
+  );
+}
+
+function OtherThumbnail(props: ThumbnailProps) {
+  return (
+    <div className={styles.pdfThumbnail} role="button" tabIndex={0}>
+      <DocumentUnknown size={24} />
+    </div>
+  );
+}

package/src/components/inputs/file/file-thumbnail.scss

@@ -0,0 +1,42 @@
+@use '@carbon/layout';
+@use '@openmrs/esm-styleguide/src/vars' as vars;
+
+.thumbnail {
+  height: 7rem;
+  width: 7rem;
+}
+
+.imageThumbnail {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: cover;
+}
+
+.pdfThumbnail {
+  background-color: vars.$color-gray-30;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.removeButton {
+  position: absolute;
+  top: layout.$spacing-02;
+  right: layout.$spacing-02;
+  background-color: transparent;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  padding-block-start: 0;
+  --cds-layout-size-height-local: 0;
+}
+
+.removeButton:hover {
+  background-color: transparent;
+}
+
+.closeIcon {
+  fill: white !important;
+}

package/src/components/inputs/file/file.component.tsx

@@ -1,56 +1,57 @@
-import React, { useState, useMemo, useCallback } from 'react';
-import { FileUploader, Button } from '@carbon/react';
+import React, { useCallback } from 'react';
+import { Button } from '@carbon/react';
 import { useTranslation } from 'react-i18next';
-import { isTrue } from '../../../utils/boolean-utils';
-import Camera from './camera/camera.component';
-import { Close, DocumentPdf } from '@carbon/react/icons';
+import { Add } from '@carbon/react/icons';
 import styles from './file.scss';
-import { type FormFieldInputProps } from '../../../types';
+import { type Attachment, type FormFieldInputProps } from '../../../types';
 import { useFormProviderContext } from '../../../provider/form-provider';
 import { isViewMode } from '../../../utils/common-utils';
 import FieldValueView from '../../value/view/field-value-view.component';
 import FieldLabel from '../../field-label/field-label.component';
+import { showModal, type UploadedFile, useLayoutType } from '@openmrs/esm-framework';
+import { FileThumbnail } from './file-thumbnail.component';
+import classNames from 'classnames';
 
-type DataSourceType = 'filePicker' | 'camera' | null;
-
-const File: React.FC<FormFieldInputProps> = ({ field, value, setFieldValue }) => {
+const File: React.FC<FormFieldInputProps<Array<Attachment>>> = ({ field, value, setFieldValue }) => {
   const { t } = useTranslation();
-  const [cameraWidgetVisible, setCameraWidgetVisible] = useState(false);
-  const [imagePreview, setImagePreview] = useState(null);
-  const [dataSource, setDataSource] = useState<DataSourceType>(null);
   const { sessionMode } = useFormProviderContext();
+  const isTablet = useLayoutType() === 'tablet';
 
-  const labelDescription = useMemo(() => {
-    return field.questionOptions.allowedFileTypes
-      ? t(
-          'fileUploadDescription',
-          'Upload one of the following file types: {{fileTypes}}',
-          {
-            fileTypes: field.questionOptions.allowedFileTypes.map(
-              (eachItem) => ` ${eachItem}`,
-            )
-          }
-        )
-      : t('fileUploadDescriptionAny', 'Upload any file type');
-  }, [field.questionOptions.allowedFileTypes, t]);
+  const showImageCaptureModal = useCallback(() => {
+    const close = showModal('capture-photo-modal', {
+      saveFile: (file: UploadedFile) => {
+        if (file.capturedFromWebcam && !file.fileName.includes('.')) {
+          file.fileName = `${file.fileName}.png`;
+        }
+        const currentFiles = value ? value : [];
+        setFieldValue([...currentFiles, file]);
+        close();
+        return Promise.resolve();
+      },
+      closeModal: () => {
+        close();
+      },
+      allowedExtensions: field.questionOptions.allowedFileTypes,
+      multipleFiles: field.questionOptions.allowMultiple,
+      collectDescription: true,
+    });
+  }, [value, field]);
 
-  const handleFilePickerChange = useCallback(
-    (event) => {
-      // TODO: Add multiple file upload support; see: https://openmrs.atlassian.net/browse/O3-3682
-      const [selectedFile]: File[] = Array.from(event.target.files);
-      setImagePreview(null);
-      setFieldValue(selectedFile);
+  const handleRemoveFile = useCallback(
+    (index: number) => {
+      const buffer = [...value];
+      const attachment = buffer[index];
+      if (attachment.uuid) {
+        buffer[index] = {
+          ...attachment,
+          voided: true,
+        };
+      } else {
+        buffer.splice(index, 1);
+      }
+      setFieldValue(buffer);
     },
-    [setFieldValue],
-  );
-
-  const handleCameraImageChange = useCallback(
-    (newImage) => {
-      setImagePreview(newImage);
-      setCameraWidgetVisible(false);
-      setFieldValue(newImage);
-    },
-    [setFieldValue],
+    [value],
   );
 
   if (isViewMode(sessionMode) && !value) {
@@ -59,102 +60,37 @@ const File: React.FC<FormFieldInputProps> = ({ field, value, setFieldValue }) =>
     );
   }
 
-  return isViewMode(sessionMode) ? (
+  return (
     <div>
-      <div className={styles.label}>{t(field.label)}</div>
-      <div className={styles.editModeImage}>
-        <div className={styles.imageContent}>
-          {value.bytesContentFamily === 'PDF' ? (
-            <div className={styles.pdfThumbnail} role="button" tabIndex={0}>
-              <DocumentPdf size={24} />
-            </div>
-          ) : (
-            <img src={value.src} alt={t('preview', 'Preview')} width="200px" />
-          )}
-        </div>
-      </div>
-    </div>
-  ) : (
-    <div>
-      <div className={styles.label}>
+      <div className={classNames(styles.label, 'cds--label')}>
         <FieldLabel field={field} />
       </div>
-      <div className={styles.uploadSelector}>
-        <div className={styles.selectorButton}>
-          <Button disabled={isTrue(field.readonly)} onClick={() => setDataSource('filePicker')}>
-            {t('uploadImage', 'Upload image')}
-          </Button>
-        </div>
-        <div className={styles.selectorButton}>
-          <Button disabled={isTrue(field.readonly)} onClick={() => setDataSource('camera')}>
-            {t('cameraCapture', 'Camera capture')}
+      {!isViewMode(sessionMode) && (
+        <div>
+          <Button
+            className={styles.uploadButton}
+            kind={isTablet ? 'ghost' : 'tertiary'}
+            onClick={showImageCaptureModal}
+            renderIcon={(props) => <Add size={16} {...props} />}>
+            {field.questionOptions.buttonLabel ? t(field.questionOptions.buttonLabel) : t('addFile', 'Add file')}
           </Button>
         </div>
-      </div>
-      {!dataSource && value && (
-        <div className={styles.editModeImage}>
-          <div className={styles.imageContent}>
-            {value.bytesContentFamily === 'PDF' ? (
-              <div className={styles.pdfThumbnail} role="button" tabIndex={0}>
-                <DocumentPdf size={24} />
-              </div>
-            ) : (
-              <img src={value.src} alt="Preview" width="200px" />
-            )}
-          </div>
-        </div>
       )}
-      {dataSource === 'filePicker' && (
-        <div className={styles.fileUploader}>
-          <FileUploader
-            accept={field.questionOptions.allowedFileTypes ?? []}
-            buttonKind="primary"
-            buttonLabel={t('addFile', 'Add files')}
-            filenameStatus="edit"
-            iconDescription={t('clearFile', 'Clear file')}
-            labelDescription={labelDescription}
-            labelTitle={t('upload', 'Upload')}
-            // TODO: Add multiple file upload support; see: https://openmrs.atlassian.net/browse/O3-3682
-            // multiple={field.questionOptions.allowMultiple}
-            onChange={handleFilePickerChange}
-          />
-        </div>
-      )}
-      {dataSource === 'camera' && (
-        <div className={styles.cameraUploader}>
-          <div className={styles.camButton}>
-            <p className={styles.titleStyles}>Camera</p>
-            <p className={styles.descriptionStyles}>Capture image via camera</p>
-            <Button onClick={() => setCameraWidgetVisible((prevState) => !prevState)} size="md">
-              {cameraWidgetVisible ? t('closeCamera', 'Close camera') : t('addCameraImage', 'Add camera image')}
-            </Button>
-          </div>
-          {cameraWidgetVisible && (
-            <div className={styles.cameraPreview}>
-              <Camera handleImages={handleCameraImageChange} />
-            </div>
-          )}
-          {imagePreview && (
-            <div className={styles.capturedImage}>
-              <div className={styles.imageContent}>
-                <img src={imagePreview} alt={t('preview', 'Preview')} width="200px" />
-                <div className={styles.caption}>
-                  <p>{t('uploadedPhoto', 'Uploaded photo')}</p>
-                  <div
-                    tabIndex={0}
-                    role="button"
-                    onClick={() => {
-                      setImagePreview(null);
-                    }}
-                    className={styles.closeIcon}>
-                    <Close />
-                  </div>
-                </div>
+      <div className={styles.thumbnailGrid}>
+        {value &&
+          value
+            .filter((file) => !file.voided)
+            .map((file, index) => (
+              <div className={styles.thumbnailContainer}>
+                <FileThumbnail
+                  title={file.fileName}
+                  src={file.base64Content}
+                  bytesContentFamily={file.fileType}
+                  removeFileCb={() => handleRemoveFile(index)}
+                />
               </div>
-            </div>
-          )}
-        </div>
-      )}
+            ))}
+      </div>
     </div>
   );
 };

package/src/components/inputs/file/file.scss

@@ -1,101 +1,21 @@
 @use '@carbon/layout';
 
 .label {
-  font-family: IBM Plex Sans;
-  font-size: 14px;
-  font-style: normal;
   font-weight: 600;
-  line-height: 30px; /* 128.571% */
-  letter-spacing: 0.16px;
+  line-height: 30px;
   color: #000000;
 }
 
-.saveFile {
-  margin: 0;
-}
-
-.capturedImage {
-  width: 100%;
-}
-
-.caption {
-  display: flex;
-}
-
-.closeIcon {
-  margin: 0 1rem;
-}
-
-.uploadSelector {
-  display: flex;
-  align-items: center;
-  margin-bottom: 1rem;
-  flex-wrap: wrap;
+.thumbnailGrid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 7rem);
   gap: layout.$spacing-05;
+  margin-top: layout.$spacing-05;
 }
 
-.caption {
-  display: flex;
-  margin-top: 5px;
-}
-
-.imageDescription {
-  margin-top: 5px;
-}
-
-.fileUploader {
-  background-color: rgb(255, 255, 255);
-  padding: 1rem;
-}
-
-.cameraUploader {
-  margin: 1rem 0;
-  background-color: white;
-  padding: 1rem;
-}
-
-.camButton {
-  margin-bottom: 1rem;
-}
-
-.cameraPreview {
-  margin-top: 1rem;
-}
-
-.imageContent {
-  padding: 0;
-  margin: 0;
-}
-
-.titleStyles {
-  color: #161616;
-  font-size: 0.875rem;
-  font-weight: 600;
-  letter-spacing: 0.16px;
-  line-height: 1.2857;
-  margin-bottom: 0.5rem;
-}
-
-.descriptionStyles {
-  color: #525252;
-  font-size: 0.875rem;
-  font-weight: 400;
-  letter-spacing: 0.16px;
-  line-height: 1.28572;
-  margin-bottom: 1rem;
-}
-
-.editModeImage {
-  background-color: white;
-  padding: 1rem;
-}
-
-.pdfThumbnail {
-  cursor: pointer;
-  background-color: gray;
+.thumbnailContainer {
   display: flex;
-  justify-content: center;
+  flex-direction: column;
   align-items: center;
-  width: 5rem;
-  height: 5rem;
+  position: relative;
 }

package/src/components/inputs/workspace-launcher/workspace-launcher.component.tsx

@@ -15,7 +15,7 @@ const WorkspaceLauncher: React.FC<FormFieldInputProps> = ({ field }) => {
 
   const handleLaunchWorkspace = () => {
     const workspaceName = field.questionOptions?.workspaceName;
-    // TODO: properly check if workspace name is valid 
+    // TODO: properly check if workspace name is valid
     // https://openmrs.atlassian.net/browse/O3-4976
     const isWorkspaceNameValid = true;
     if (!isWorkspaceNameValid) {
@@ -38,7 +38,9 @@ const WorkspaceLauncher: React.FC<FormFieldInputProps> = ({ field }) => {
       <div className={styles.label}>{t(field.label)}</div>
       <div className={styles.workspaceButton}>
         <Button disabled={isTrue(field.readonly)} onClick={handleLaunchWorkspace}>
-          {t(field.questionOptions?.buttonLabel) ?? t('launchWorkspace', 'Launch Workspace')}
+          {field.questionOptions.buttonLabel
+            ? t(field.questionOptions.buttonLabel)
+            : t('launchWorkspace', 'Launch Workspace')}
         </Button>
       </div>
     </div>

package/src/processors/encounter/encounter-form-processor.ts

@@ -185,9 +185,8 @@ export class EncounterFormProcessor extends FormProcessor {
       }
       // handle attachments
       try {
-        const attachmentsResponse = await Promise.all(
-          saveAttachments(context.formFields, savedEncounter, abortController),
-        );
+        const attachmentsResponse = await saveAttachments(context.formFields, savedEncounter, abortController);
+
         if (attachmentsResponse?.length) {
           showSnackbar({
             title: t('attachmentsSaved', 'Attachment(s) saved successfully'),
@@ -196,6 +195,7 @@ export class EncounterFormProcessor extends FormProcessor {
           });
         }
       } catch (error) {
+        console.error('Error saving attachments', error);
         const errorMessages = extractErrorMessagesFromResponse(error);
         return Promise.reject({
           title: t('errorSavingAttachments', 'Error saving attachment(s)'),
@@ -206,6 +206,7 @@ export class EncounterFormProcessor extends FormProcessor {
       }
       return savedEncounter;
     } catch (error) {
+      console.error('Error saving encounter', error);
       const errorMessages = extractErrorMessagesFromResponse(error);
       return Promise.reject({
         title: t('errorSavingEncounter', 'Error saving encounter'),

package/src/processors/encounter/encounter-processor-helper.ts

@@ -1,4 +1,5 @@
 import {
+  type AttachmentFieldValue,
   type FormField,
   type FormProcessorContextProps,
   type OpenmrsEncounter,
@@ -7,7 +8,7 @@ import {
   type PatientProgram,
   type PatientProgramPayload,
 } from '../../types';
-import { saveAttachment, savePatientIdentifier, saveProgramEnrollment } from '../../api';
+import { createAttachment, savePatientIdentifier, saveProgramEnrollment } from '../../api';
 import { hasRendering, hasSubmission } from '../../utils/common-utils';
 import dayjs from 'dayjs';
 import { assignedObsIds, constructObs, voidObs } from '../../adapters/obs-adapter';
@@ -144,19 +145,17 @@ export function savePatientPrograms(patientPrograms: PatientProgramPayload[]) {
 export function saveAttachments(fields: FormField[], encounter: OpenmrsEncounter, abortController: AbortController) {
   const complexFields = fields?.filter((field) => field?.questionOptions.rendering === 'file' && hasSubmission(field));
 
-  if (!complexFields?.length) return [];
+  if (!complexFields?.length) {
+    return [];
+  }
 
-  return complexFields.map((field) => {
+  const allPromises = complexFields.flatMap((field) => {
     const patientUuid = typeof encounter?.patient === 'string' ? encounter?.patient : encounter?.patient?.uuid;
-    return saveAttachment(
-      patientUuid,
-      field,
-      field?.questionOptions.concept,
-      new Date().toISOString(),
-      encounter?.uuid,
-      abortController,
-    );
+    const attachments = (field.meta.submission.newValue as AttachmentFieldValue[]) ?? [];
+    return attachments.map((attachment) => createAttachment(patientUuid, encounter.uuid, attachment));
   });
+
+  return Promise.all(allPromises);
 }
 
 export function getMutableSessionProps(context: FormContextProps) {
@@ -199,11 +198,14 @@ function processObsField(obsForSubmission: OpenmrsObs[], field: FormField) {
 
   if (field.type === 'obsGroup') {
     processObsGroup(obsForSubmission, field);
-  } else if (hasSubmission(field)) {
-    // For non-group obs with a submission
+    return;
+  }
+
+  // new attachments will be processed later
+  if (!hasRendering(field, 'file')) {
     addObsToList(obsForSubmission, field.meta.submission.newValue);
-    addObsToList(obsForSubmission, field.meta.submission.voidedValue);
   }
+  addObsToList(obsForSubmission, field.meta.submission.voidedValue);
 }
 
 function processObsGroup(obsForSubmission: OpenmrsObs[], groupField: FormField) {
@@ -257,7 +259,7 @@ function hasSubmittableObs(field: FormField) {
     type,
   } = field;
 
-  if (isTransient || !['obs', 'obsGroup'].includes(type) || hasRendering(field, 'file') || field.meta.groupId) {
+  if (isTransient || !['obs', 'obsGroup'].includes(type) || field.meta.groupId) {
     return false;
   }
   if ((field.isHidden || field.isParentHidden) && field.meta.initialValue?.omrsObject) {

package/src/registry/registry.ts

@@ -16,6 +16,7 @@ import { getControlTemplate } from './inbuilt-components/control-templates';
 import { inbuiltPostSubmissionActions } from './inbuilt-components/InbuiltPostSubmissionActions';
 import { inbuiltFormTransformers } from './inbuilt-components/inbuiltTransformers';
 import { inbuiltFieldValueAdapters } from './inbuilt-components/inbuiltFieldValueAdapters';
+import { hasRendering } from '../utils/common-utils';
 
 /**
  * @internal
@@ -143,7 +144,7 @@ export async function getRegisteredControl(renderType: string) {
  */
 export function getFieldControlWithFallback(question: FormField) {
   // Check if the question has a missing concept
-  if (hasMissingConcept(question)) {
+  if (hasMissingConcept(question) && !hasRendering(question, 'file')) {
     // If so, render a disabled text input
     question.disabled = true;
     question.isDisabled = true;

package/src/types/domain.ts

@@ -1,4 +1,4 @@
-import { type OpenmrsResource } from '@openmrs/esm-framework';
+import { type UploadedFile, type OpenmrsResource } from '@openmrs/esm-framework';
 
 export interface OpenmrsEncounter {
   uuid?: string;
@@ -108,14 +108,14 @@ export interface OpenmrsFormResource extends OpenmrsResource {
   valueReference?: string;
 }
 
-export interface Attachment {
-  id: string;
-  src: string;
-  title: string;
-  description: string;
-  dateTime: string;
-  bytesMimeType: string;
-  bytesContentFamily: string;
+export interface Attachment extends UploadedFile {
+  uuid?: string;
+  voided?: boolean;
+}
+
+export interface AttachmentFieldValue extends Attachment {
+  formFieldNamespace: string;
+  formFieldPath: string;
 }
 
 export interface AttachmentResponse {

package/src/types/index.ts

@@ -118,8 +118,8 @@ export interface PostSubmissionAction {
   ): void;
 }
 
-export interface FormFieldInputProps {
-  value: any;
+export interface FormFieldInputProps<TValue = any> {
+  value: TValue;
   field: FormField;
   errors: ValidationResult[];
   warnings: ValidationResult[];
@@ -128,7 +128,7 @@ export interface FormFieldInputProps {
    *
    * @param value - The new value of the field.
    */
-  setFieldValue: (value: any) => void;
+  setFieldValue: (value: TValue) => void;
 }
 
 /**

package/src/components/inputs/file/camera/camera.component.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import Webcam from 'react-webcam';
-import { Button } from '@carbon/react';
-import { Camera as CameraIcon } from '@carbon/react/icons';
-
-import styles from './camera.scss';
-
-interface CameraProps {
-  handleImages: (state: any) => void;
-}
-
-const Camera: React.FC<CameraProps> = ({ handleImages }) => {
-  const webcamRef = React.useRef(null);
-
-  const capture = React.useCallback(() => {
-    const imageSrc = webcamRef.current.getScreenshot();
-    handleImages(imageSrc);
-  }, [webcamRef]);
-
-  const videoConstraints = {
-    facingMode: 'user',
-  };
-
-  return (
-    <div>
-      <Webcam audio={false} ref={webcamRef} screenshotFormat="image/png" videoConstraints={videoConstraints} />
-      <div className={styles.captureButton}>
-        <Button onClick={capture} type="button" hasIconOnly renderIcon={() => <CameraIcon size={24} />}></Button>
-      </div>
-    </div>
-  );
-};
-
-export default Camera;

package/src/components/inputs/file/camera/camera.scss

@@ -1,3 +0,0 @@
-.captureButton {
-  margin: 0.5rem 0;
-}