@openmrs/esm-fast-data-entry-app 1.0.0-pre.51 → 1.0.0-pre.57

package/dist/openmrs-esm-fast-data-entry-app.old

@@ -1 +1 @@
-System.register("@openmrs/esm-fast-data-entry-app",[],(function(e,r){return{execute:function(){e((()=>{var e,t,n,o,a,i,s,u,l,f,d,p,c,h,m={1858:(e,r,t)=>{(0,t(2722).s)(1)},2722:(e,r,t)=>{const n=t(3905).R;r.s=function(e){if(e||(e=1),!t.y.meta||!t.y.meta.url)throw console.error("__system_context__",t.y),Error("systemjs-webpack-interop was provided an unknown SystemJS context. Expected context.meta.url, but none was provided");t.p=n(t.y.meta.url,e)}},5356:(e,r,t)=>{t(1858)},3905:(e,r,t)=>{r.R=function(e,r){var t=document.createElement("a");t.href=e;for(var n="/"===t.pathname[0]?t.pathname:"/"+t.pathname,o=0,a=n.length;o!==r&&a>=0;)"/"===n[--a]&&o++;if(o!==r)throw Error("systemjs-webpack-interop: rootDirectoryLevel ("+r+") is greater than the number of directories ("+o+") in the URL path "+e);var i=n.slice(0,a+1);return t.protocol+"//"+t.host+i};Number.isInteger},6751:(e,r,t)=>{"use strict";var n={app:()=>t.e(132).then((()=>()=>t(8132)))},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),a=(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:()=>a})}},v={};function y(e){var r=v[e];if(void 0!==r)return r.exports;var t=v[e]={id:e,loaded:!1,exports:{}};return m[e].call(t.exports,t,t.exports,y),t.loaded=!0,t.exports}return y.m=m,y.c=v,y.y=r,y.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return y.d(r,{a:r}),r},y.d=(e,r)=>{for(var t in r)y.o(r,t)&&!y.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},y.f={},y.e=e=>Promise.all(Object.keys(y.f).reduce(((r,t)=>(y.f[t](e,r),r)),[])),y.u=e=>e+".js",y.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),y.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),e={},t="@openmrs/esm-fast-data-entry-app:",y.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var i,s;if(void 0!==o)for(var u=document.getElementsByTagName("script"),l=0;l<u.length;l++){var f=u[l];if(f.getAttribute("src")==r||f.getAttribute("data-webpack")==t+o){i=f;break}}i||(s=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,y.nc&&i.setAttribute("nonce",y.nc),i.setAttribute("data-webpack",t+o),i.src=r),e[r]=[n];var d=(t,n)=>{i.onerror=i.onload=null,clearTimeout(p);var o=e[r];if(delete e[r],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach((e=>e(n))),t)return t(n)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=d.bind(null,i.onerror),i.onload=d.bind(null,i.onload),s&&document.head.appendChild(i)}},y.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},y.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{y.S={};var e={},r={};y.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];y.o(y.S,t)||(y.S[t]={});var a=y.S[t],i="@openmrs/esm-fast-data-entry-app",s=(e,r,t,n)=>{var o=a[e]=a[e]||{},s=o[r];(!s||!s.loaded&&(!n!=!s.eager?n:i>s.from))&&(o[r]={get:t,from:i,eager:!!n})},u=[];return"default"===t&&(s("@openmrs/esm-framework","3.4.1-pre.161",(()=>Promise.all([y.e(595),y.e(211)]).then((()=>()=>y(595))))),s("carbon-icons","7.0.7",(()=>y.e(906).then((()=>()=>y(906))))),s("react-dom","16.14.0",(()=>Promise.all([y.e(935),y.e(211)]).then((()=>()=>y(3935))))),s("react-i18next","11.18.1",(()=>Promise.all([y.e(247),y.e(211)]).then((()=>()=>y(8247))))),s("react-router-dom","5.3.3",(()=>Promise.all([y.e(536),y.e(211)]).then((()=>()=>y(536))))),s("react","16.14.0",(()=>y.e(294).then((()=>()=>y(7294)))))),e[t]=u.length?Promise.all(u).then((()=>e[t]=1)):1}}})(),y.p="",n=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},o=(e,r)=>{e=n(e),r=n(r);for(var t=0;;){if(t>=e.length)return t<r.length&&"u"!=(typeof r[t])[0];var o=e[t],a=(typeof o)[0];if(t>=r.length)return"u"==a;var i=r[t],s=(typeof i)[0];if(a!=s)return"o"==a&&"n"==s||"s"==s||"u"==a;if("o"!=a&&"u"!=a&&o!=i)return o<i;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(s=e[o]))[0]?"-":(n>0?".":"")+(n=2,s);return t}var i=[];for(o=1;o<e.length;o++){var s=e[o];i.push(0===s?"not("+u()+")":1===s?"("+u()+" || "+u()+")":2===s?i.pop()+" "+i.pop():a(s))}return u();function u(){return i.pop().replace(/^\((.+)\)$/,"$1")}},i=(e,r)=>{if(0 in e){r=n(r);var t=e[0],o=t<0;o&&(t=-t-1);for(var a=0,s=1,u=!0;;s++,a++){var l,f,d=s<e.length?(typeof e[s])[0]:"";if(a>=r.length||"o"==(f=(typeof(l=r[a]))[0]))return!u||("u"==d?s>t&&!o:""==d!=o);if("u"==f){if(!u||"u"!=d)return!1}else if(u)if(d==f)if(s<=t){if(l!=e[s])return!1}else{if(o?l>e[s]:l<e[s])return!1;l!=e[s]&&(u=!1)}else if("s"!=d&&"n"!=d){if(o||s<=t)return!1;u=!1,s--}else{if(s<=t||f<d!=o)return!1;u=!1}else"s"!=d&&"n"!=d&&(u=!1,s--)}}var p=[],c=p.pop.bind(p);for(a=1;a<e.length;a++){var h=e[a];p.push(1==h?c()|c():2==h?c()&c():h?i(h,r):!c())}return!!c()},s=(e,r)=>{var t=e[r];return Object.keys(t).reduce(((e,r)=>!e||!t[e].loaded&&o(e,r)?r:e),0)},u=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",l=(e,r,t,n)=>{var o=s(e,t);return i(n,o)||"undefined"!=typeof console&&console.warn&&console.warn(u(e,t,o,n)),f(e[t][o])},f=e=>(e.loaded=1,e.get()),d=(e=>function(r,t,n,o){var a=y.I(r);return a&&a.then?a.then(e.bind(e,r,y.S[r],t,n,o)):e(0,y.S[r],t,n,o)})(((e,r,t,n,o)=>r&&y.o(r,t)?l(r,0,t,n):o())),p={},c={311:()=>d("default","@openmrs/esm-framework",[1,"next"],(()=>Promise.all([y.e(595),y.e(211)]).then((()=>()=>y(595))))),4211:()=>d("default","react",[1,16,14],(()=>y.e(294).then((()=>()=>y(7294))))),2221:()=>d("default","react-router-dom",[1,5,0,0],(()=>y.e(536).then((()=>()=>y(536))))),3397:()=>d("default","react-i18next",[1,11],(()=>y.e(247).then((()=>()=>y(8247))))),8408:()=>d("default","react-dom",[1,16,0],(()=>y.e(935).then((()=>()=>y(3935)))))},h={132:[311],211:[4211],397:[3397],804:[2221],990:[8408]},y.f.consumes=(e,r)=>{y.o(h,e)&&h[e].forEach((e=>{if(y.o(p,e))return r.push(p[e]);var t=r=>{p[e]=0,y.m[e]=t=>{delete y.c[e],t.exports=r()}},n=r=>{delete p[e],y.m[e]=t=>{throw delete y.c[e],r}};try{var o=c[e]();o.then?r.push(p[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}))},(()=>{var e={447:0};y.f.j=(r,t)=>{var n=y.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(211|397)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var a=y.p+y.u(r),i=new Error;y.l(a,(t=>{if(y.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;i.message="Loading chunk "+r+" failed.\n("+o+": "+a+")",i.name="ChunkLoadError",i.type=o,i.request=a,n[1](i)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[a,i,s]=t,u=0;if(a.some((r=>0!==e[r]))){for(n in i)y.o(i,n)&&(y.m[n]=i[n]);s&&s(y)}for(r&&r(t);u<a.length;u++)o=a[u],y.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=self.webpackChunk_openmrs_esm_fast_data_entry_app=self.webpackChunk_openmrs_esm_fast_data_entry_app||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),y.nc=void 0,y(5356),y(6751)})())}}}));
+System.register("@openmrs/esm-fast-data-entry-app",[],(function(e,r){return{execute:function(){e((()=>{var e,t,n,o,a,i,s,u,l,f,d,p,c,h,m={1858:(e,r,t)=>{(0,t(2722).s)(1)},2722:(e,r,t)=>{const n=t(3905).R;r.s=function(e){if(e||(e=1),!t.y.meta||!t.y.meta.url)throw console.error("__system_context__",t.y),Error("systemjs-webpack-interop was provided an unknown SystemJS context. Expected context.meta.url, but none was provided");t.p=n(t.y.meta.url,e)}},5356:(e,r,t)=>{t(1858)},3905:(e,r,t)=>{r.R=function(e,r){var t=document.createElement("a");t.href=e;for(var n="/"===t.pathname[0]?t.pathname:"/"+t.pathname,o=0,a=n.length;o!==r&&a>=0;)"/"===n[--a]&&o++;if(o!==r)throw Error("systemjs-webpack-interop: rootDirectoryLevel ("+r+") is greater than the number of directories ("+o+") in the URL path "+e);var i=n.slice(0,a+1);return t.protocol+"//"+t.host+i};Number.isInteger},6751:(e,r,t)=>{"use strict";var n={app:()=>t.e(132).then((()=>()=>t(8132)))},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),a=(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:()=>a})}},v={};function y(e){var r=v[e];if(void 0!==r)return r.exports;var t=v[e]={id:e,loaded:!1,exports:{}};return m[e].call(t.exports,t,t.exports,y),t.loaded=!0,t.exports}return y.m=m,y.c=v,y.y=r,y.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return y.d(r,{a:r}),r},y.d=(e,r)=>{for(var t in r)y.o(r,t)&&!y.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},y.f={},y.e=e=>Promise.all(Object.keys(y.f).reduce(((r,t)=>(y.f[t](e,r),r)),[])),y.u=e=>e+".js",y.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),y.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),e={},t="@openmrs/esm-fast-data-entry-app:",y.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var i,s;if(void 0!==o)for(var u=document.getElementsByTagName("script"),l=0;l<u.length;l++){var f=u[l];if(f.getAttribute("src")==r||f.getAttribute("data-webpack")==t+o){i=f;break}}i||(s=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,y.nc&&i.setAttribute("nonce",y.nc),i.setAttribute("data-webpack",t+o),i.src=r),e[r]=[n];var d=(t,n)=>{i.onerror=i.onload=null,clearTimeout(p);var o=e[r];if(delete e[r],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach((e=>e(n))),t)return t(n)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=d.bind(null,i.onerror),i.onload=d.bind(null,i.onload),s&&document.head.appendChild(i)}},y.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},y.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{y.S={};var e={},r={};y.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];y.o(y.S,t)||(y.S[t]={});var a=y.S[t],i="@openmrs/esm-fast-data-entry-app",s=(e,r,t,n)=>{var o=a[e]=a[e]||{},s=o[r];(!s||!s.loaded&&(!n!=!s.eager?n:i>s.from))&&(o[r]={get:t,from:i,eager:!!n})},u=[];return"default"===t&&(s("@openmrs/esm-framework","3.4.1-pre.180",(()=>Promise.all([y.e(595),y.e(211)]).then((()=>()=>y(595))))),s("carbon-icons","7.0.7",(()=>y.e(906).then((()=>()=>y(906))))),s("react-dom","16.14.0",(()=>Promise.all([y.e(935),y.e(211)]).then((()=>()=>y(3935))))),s("react-i18next","11.18.3",(()=>Promise.all([y.e(247),y.e(211)]).then((()=>()=>y(8247))))),s("react-router-dom","5.3.3",(()=>Promise.all([y.e(536),y.e(211)]).then((()=>()=>y(536))))),s("react","16.14.0",(()=>y.e(294).then((()=>()=>y(7294)))))),e[t]=u.length?Promise.all(u).then((()=>e[t]=1)):1}}})(),y.p="",n=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},o=(e,r)=>{e=n(e),r=n(r);for(var t=0;;){if(t>=e.length)return t<r.length&&"u"!=(typeof r[t])[0];var o=e[t],a=(typeof o)[0];if(t>=r.length)return"u"==a;var i=r[t],s=(typeof i)[0];if(a!=s)return"o"==a&&"n"==s||"s"==s||"u"==a;if("o"!=a&&"u"!=a&&o!=i)return o<i;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(s=e[o]))[0]?"-":(n>0?".":"")+(n=2,s);return t}var i=[];for(o=1;o<e.length;o++){var s=e[o];i.push(0===s?"not("+u()+")":1===s?"("+u()+" || "+u()+")":2===s?i.pop()+" "+i.pop():a(s))}return u();function u(){return i.pop().replace(/^\((.+)\)$/,"$1")}},i=(e,r)=>{if(0 in e){r=n(r);var t=e[0],o=t<0;o&&(t=-t-1);for(var a=0,s=1,u=!0;;s++,a++){var l,f,d=s<e.length?(typeof e[s])[0]:"";if(a>=r.length||"o"==(f=(typeof(l=r[a]))[0]))return!u||("u"==d?s>t&&!o:""==d!=o);if("u"==f){if(!u||"u"!=d)return!1}else if(u)if(d==f)if(s<=t){if(l!=e[s])return!1}else{if(o?l>e[s]:l<e[s])return!1;l!=e[s]&&(u=!1)}else if("s"!=d&&"n"!=d){if(o||s<=t)return!1;u=!1,s--}else{if(s<=t||f<d!=o)return!1;u=!1}else"s"!=d&&"n"!=d&&(u=!1,s--)}}var p=[],c=p.pop.bind(p);for(a=1;a<e.length;a++){var h=e[a];p.push(1==h?c()|c():2==h?c()&c():h?i(h,r):!c())}return!!c()},s=(e,r)=>{var t=e[r];return Object.keys(t).reduce(((e,r)=>!e||!t[e].loaded&&o(e,r)?r:e),0)},u=(e,r,t,n)=>"Unsatisfied version "+t+" from "+(t&&e[r][t].from)+" of shared singleton module "+r+" (required "+a(n)+")",l=(e,r,t,n)=>{var o=s(e,t);return i(n,o)||"undefined"!=typeof console&&console.warn&&console.warn(u(e,t,o,n)),f(e[t][o])},f=e=>(e.loaded=1,e.get()),d=(e=>function(r,t,n,o){var a=y.I(r);return a&&a.then?a.then(e.bind(e,r,y.S[r],t,n,o)):e(0,y.S[r],t,n,o)})(((e,r,t,n,o)=>r&&y.o(r,t)?l(r,0,t,n):o())),p={},c={311:()=>d("default","@openmrs/esm-framework",[1,"next"],(()=>Promise.all([y.e(595),y.e(211)]).then((()=>()=>y(595))))),4211:()=>d("default","react",[1,16,14],(()=>y.e(294).then((()=>()=>y(7294))))),2221:()=>d("default","react-router-dom",[1,5,0,0],(()=>y.e(536).then((()=>()=>y(536))))),3397:()=>d("default","react-i18next",[1,11],(()=>y.e(247).then((()=>()=>y(8247))))),8408:()=>d("default","react-dom",[1,16,0],(()=>y.e(935).then((()=>()=>y(3935)))))},h={132:[311],211:[4211],397:[3397],804:[2221],990:[8408]},y.f.consumes=(e,r)=>{y.o(h,e)&&h[e].forEach((e=>{if(y.o(p,e))return r.push(p[e]);var t=r=>{p[e]=0,y.m[e]=t=>{delete y.c[e],t.exports=r()}},n=r=>{delete p[e],y.m[e]=t=>{throw delete y.c[e],r}};try{var o=c[e]();o.then?r.push(p[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}))},(()=>{var e={447:0};y.f.j=(r,t)=>{var n=y.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(211|397)$/.test(r))e[r]=0;else{var o=new Promise(((t,o)=>n=e[r]=[t,o]));t.push(n[2]=o);var a=y.p+y.u(r),i=new Error;y.l(a,(t=>{if(y.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;i.message="Loading chunk "+r+" failed.\n("+o+": "+a+")",i.name="ChunkLoadError",i.type=o,i.request=a,n[1](i)}}),"chunk-"+r,r)}};var r=(r,t)=>{var n,o,[a,i,s]=t,u=0;if(a.some((r=>0!==e[r]))){for(n in i)y.o(i,n)&&(y.m[n]=i[n]);s&&s(y)}for(r&&r(t);u<a.length;u++)o=a[u],y.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=self.webpackChunk_openmrs_esm_fast_data_entry_app=self.webpackChunk_openmrs_esm_fast_data_entry_app||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),y.nc=void 0,y(5356),y(6751)})())}}}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-fast-data-entry-app",
-  "version": "1.0.0-pre.51",
+  "version": "1.0.0-pre.57",
   "license": "MPL-2.0",
   "description": "An OpenMRS 3.x microfrontend",
   "browser": "dist/openmrs-esm-fast-data-entry-app.js",

package/src/context/FormWorkflowContext.tsx

@@ -1,17 +1,11 @@
 import React, { useEffect, useMemo, useReducer } from "react";
 import reducer from "./FormWorkflowReducer";
-import { useParams } from "react-router-dom";
+import { useParams, useLocation } from "react-router-dom";
 interface ParamTypes {
   formUuid: string;
 }
 
-const initialState = {
-  formUuid: null,
-  patientUuids: [],
-  activePatientUuid: null,
-  activeEncounterUuid: null,
-  encounters: {},
-  workflowState: null,
+const initialActions = {
   addPatient: (uuid: string | number) => undefined,
   openPatientSearch: () => undefined,
   saveEncounter: (encounterUuid: string | number) => undefined,
@@ -21,14 +15,43 @@ const initialState = {
   goToReview: () => undefined,
 };
 
-const FormWorkflowContext = React.createContext(initialState);
+export const initialWorkflowState = {
+  // activeFormUuid and forms are the only two real values stored at state root level
+  activeFormUuid: null, // the corrently open form
+  forms: {}, // object containing all forms session data
+  // the following fields will be available in context but are not stored at the
+  //     state root level, but refer to nested values for the current
+  //     aciveFormUuid
+  workflowState: null, // pseudo field from state[activeFormUuid].workflowState
+  activePatientUuid: null, // pseudo field from state[activeFormUuid].activePatientUuid
+  activeEncounterUuid: null, // pseudo field from state[activeFormUuid].encounterUuid
+  patientUuids: [], // pseudo field from state[activeFormUuid].patientUuids
+  encounters: {}, // pseudo field from state[activeFormUuid].encounters
+};
+
+const FormWorkflowContext = React.createContext({
+  ...initialWorkflowState,
+  ...initialActions,
+});
 
 const FormWorkflowProvider = ({ children }) => {
-  const { formUuid: paramFormUuid } = useParams() as ParamTypes;
-  const [state, dispatch] = useReducer(reducer, { ...initialState });
+  const { formUuid } = useParams() as ParamTypes;
+  const activeFormUuid = formUuid.split("&")[0];
+  const { search } = useLocation();
+  const newPatientUuid = new URLSearchParams(search).get("patientUuid");
+  const [state, dispatch] = useReducer(reducer, {
+    ...initialWorkflowState,
+    ...initialActions,
+  });
 
   const actions = useMemo(
     () => ({
+      initializeWorkflowState: ({ activeFormUuid, newPatientUuid }) =>
+        dispatch({
+          type: "INITIALIZE_WORKFLOW_STATE",
+          activeFormUuid,
+          newPatientUuid,
+        }),
       addPatient: (patientUuid) =>
         dispatch({ type: "ADD_PATIENT", patientUuid }),
       openPatientSearch: () => dispatch({ type: "OPEN_PATIENT_SEARCH" }),
@@ -47,18 +70,35 @@ const FormWorkflowProvider = ({ children }) => {
   );
 
   // if formUuid isn't a part of state yet, grab it from the url params
+  // this is the entry into the workflow system
   useEffect(() => {
-    if (!state.formUuid && paramFormUuid) {
-      dispatch({ type: "UPDATE_FORM_UUID", formUuid: paramFormUuid });
+    if (state?.workflowState === null && activeFormUuid) {
+      actions.initializeWorkflowState({ activeFormUuid, newPatientUuid });
     }
-  }, [paramFormUuid, state.formUuid]);
-
-  useEffect(() => {
-    actions.openPatientSearch();
-  }, [actions]);
+  }, [activeFormUuid, newPatientUuid, state?.workflowState, actions]);
 
   return (
-    <FormWorkflowContext.Provider value={{ ...state, ...actions }}>
+    <FormWorkflowContext.Provider
+      value={{
+        ...state,
+        ...actions,
+        workflowState:
+          state.forms?.[state.activeFormUuid]?.workflowState ??
+          initialWorkflowState.workflowState,
+        activePatientUuid:
+          state.forms?.[state.activeFormUuid]?.activePatientUuid ??
+          initialWorkflowState.activePatientUuid,
+        activeEncounterUuid:
+          state.forms?.[state.activeFormUuid]?.activeEncounterUuid ??
+          initialWorkflowState.activeEncounterUuid,
+        patientUuids:
+          state.forms?.[state.activeFormUuid]?.patientUuids ??
+          initialWorkflowState.patientUuids,
+        encounters:
+          state.forms?.[state.activeFormUuid]?.encounters ??
+          initialWorkflowState.encounters,
+      }}
+    >
       {children}
     </FormWorkflowContext.Provider>
   );

package/src/context/FormWorkflowReducer.ts

@@ -1,76 +1,218 @@
+import { initialWorkflowState } from "./FormWorkflowContext";
+
+export const fdeWorkflowStorageVersion = "1.0.12";
+export const fdeWorkflowStorageName = "openmrs:fastDataEntryWorkflowState";
+const persistData = (data) => {
+  localStorage.setItem(fdeWorkflowStorageName, JSON.stringify(data));
+};
+
+const initialFormState = {
+  workflowState: "NEW_PATIENT",
+  activePatientUuid: null,
+  activeEncounterUuid: null,
+  patientUuids: [],
+  encounters: {},
+};
+
 const reducer = (state, action) => {
   switch (action.type) {
-    case "ADD_PATIENT":
-      return {
+    case "INITIALIZE_WORKFLOW_STATE": {
+      const savedData = localStorage.getItem(fdeWorkflowStorageName);
+      const savedDataObject = savedData ? JSON.parse(savedData) : {};
+      let newState: { [key: string]: unknown } = {};
+      const newPatient = action.newPatientUuid
+        ? {
+            activePatientUuid: action.newPatientUuid,
+            workflowState: "EDIT_FORM",
+          }
+        : {};
+
+      if (
+        savedData &&
+        savedDataObject["_storageVersion"] === fdeWorkflowStorageVersion
+      ) {
+        // there is localStorage data and it is still valid
+        newState = {
+          ...savedDataObject,
+          activeFormUuid: action.activeFormUuid,
+          forms: {
+            ...savedDataObject.forms,
+            // initialize this particular form if it hasn't been created already
+            [action.activeFormUuid]: {
+              ...initialFormState,
+              ...savedDataObject.forms[action.activeFormUuid],
+              // if we receive activePatientUuid from a query parameter use that one
+              ...newPatient,
+              patientUuids:
+                savedDataObject.forms[action.activeFormUuid]?.patientUuids ||
+                initialFormState.patientUuids,
+            },
+          },
+        };
+        if (
+          action.newPatientUuid &&
+          !newState.forms[action.activeFormUuid].patientUuids.includes(
+            action.newPatientUuid
+          )
+        ) {
+          newState.forms[action.activeFormUuid].patientUuids.push(
+            action.newPatientUuid
+          );
+        }
+      } else {
+        // no localStorage data, or we should void it
+        newState = {
+          ...initialWorkflowState,
+          _storageVersion: fdeWorkflowStorageVersion,
+          forms: {
+            [action.activeFormUuid]: initialFormState,
+          },
+          activeFormUuid: action.activeFormUuid,
+        };
+      }
+      persistData(newState);
+      return { ...newState };
+    }
+    case "ADD_PATIENT": {
+      const newState = {
         ...state,
-        patientUuids: [...state.patientUuids, action.patientUuid],
-        activePatientUuid: action.patientUuid,
-        activeEncounterUuid: null,
-        workflowState: "EDIT_FORM",
+        forms: {
+          ...state.forms,
+          [state.activeFormUuid]: {
+            ...state.forms[state.activeFormUuid],
+            patientUuids: [
+              ...state.forms[state.activeFormUuid].patientUuids,
+              action.patientUuid,
+            ],
+            activePatientUuid: action.patientUuid,
+            activeEncounterUuid: null,
+            workflowState: "EDIT_FORM",
+          },
+        },
       };
-    case "OPEN_PATIENT_SEARCH":
-      // this will need to be updated once AMPATH hook is available
-      return {
+      persistData(newState);
+      return newState;
+    }
+    case "OPEN_PATIENT_SEARCH": {
+      const newState = {
         ...state,
-        activePatientUuid: null,
-        activeEncounterUuid: null,
-        workflowState: "NEW_PATIENT",
+        forms: {
+          ...state.forms,
+          [state.activeFormUuid]: {
+            ...state.forms[state.activeFormUuid],
+            activePatientUuid: null,
+            activeEncounterUuid: null,
+            workflowState: "NEW_PATIENT",
+          },
+        },
       };
-    case "SAVE_ENCOUNTER":
-      return {
+      // the persist here is optional...
+      persistData(newState);
+      return newState;
+    }
+    case "SAVE_ENCOUNTER": {
+      const newState = {
         ...state,
-        encounters: {
-          ...state.encounters,
-          [state.activePatientUuid]: action.encounterUuid,
+        forms: {
+          ...state.forms,
+          [state.activeFormUuid]: {
+            ...state.forms[state.activeFormUuid],
+            encounters: {
+              ...state.forms[state.activeFormUuid].encounters,
+              [state.forms[state.activeFormUuid].activePatientUuid]:
+                action.encounterUuid,
+            },
+            activePatientUuid: null,
+            activeEncounterUuid: null,
+            workflowState:
+              state.forms[state.activeFormUuid].workflowState ===
+              "SUBMIT_FOR_NEXT"
+                ? "NEW_PATIENT"
+                : state.forms[state.activeFormUuid].workflowState ===
+                  "SUBMIT_FOR_REVIEW"
+                ? "REVIEW"
+                : state.forms[state.activeFormUuid].workflowState,
+          },
         },
-        activePatientUuid: null,
-        activeEncounterUuid: null,
-        workflowState:
-          state.workflowState === "SUBMIT_FOR_NEXT"
-            ? "NEW_PATIENT"
-            : state.workflowState === "SUBMIT_FOR_REVIEW"
-            ? "REVIEW"
-            : state.workflowState,
       };
-    case "EDIT_ENCOUNTER":
-      return {
+      persistData(newState);
+      return newState;
+    }
+    case "EDIT_ENCOUNTER": {
+      const newState = {
         ...state,
-        activeEncounterUuid: state.encounters[action.patientUuid],
-        activePatientUuid: action.patientUuid,
-        workflowState: "EDIT_FORM",
+        forms: {
+          ...state.forms,
+          [state.activeFormUuid]: {
+            ...state.forms[state.activeFormUuid],
+            activeEncounterUuid:
+              state.forms[state.activeFormUuid].encounters[action.patientUuid],
+            activePatientUuid: action.patientUuid,
+            workflowState: "EDIT_FORM",
+          },
+        },
       };
+      persistData(newState);
+      return newState;
+    }
     case "SUBMIT_FOR_NEXT":
+      // this state should not be persisted
       window.dispatchEvent(
         new CustomEvent("ampath-form-action", {
-          detail: { formUuid: state.formUuid, action: "onSubmit" },
+          detail: {
+            formUuid: state.activeFormUuid,
+            patientUuid: state.forms[state.activeFormUuid].activePatientUuid,
+            action: "onSubmit",
+          },
         })
       );
       return {
         ...state,
-        workflowState: "SUBMIT_FOR_NEXT",
+        forms: {
+          ...state.forms,
+          [state.activeFormUuid]: {
+            ...state.forms[state.activeFormUuid],
+            workflowState: "SUBMIT_FOR_NEXT",
+          },
+        },
       };
     case "SUBMIT_FOR_REVIEW":
+      // this state should not be persisted
       window.dispatchEvent(
         new CustomEvent("ampath-form-action", {
-          detail: { formUuid: state.formUuid, action: "onSubmit" },
+          detail: {
+            formUuid: state.activeFormUuid,
+            patientUuid: state.forms[state.activeFormUuid].activePatientUuid,
+            action: "onSubmit",
+          },
         })
       );
       return {
         ...state,
-        workflowState: "SUBMIT_FOR_REVIEW",
-      };
-    case "UPDATE_FORM_UUID":
-      return {
-        ...state,
-        formUuid: action.formUuid,
+        forms: {
+          ...state.forms,
+          [state.activeFormUuid]: {
+            ...state.forms[state.activeFormUuid],
+            workflowState: "SUBMIT_FOR_REVIEW",
+          },
+        },
       };
-    case "GO_TO_REVIEW":
-      return {
+    case "GO_TO_REVIEW": {
+      const newState = {
         ...state,
-        activeEncounterUuid: null,
-        activePatientUuid: null,
-        workflowState: "REVIEW",
+        forms: {
+          ...state.forms,
+          [state.activeFormUuid]: {
+            ...state.forms[state.activeFormUuid],
+            activeEncounterUuid: null,
+            activePatientUuid: null,
+            workflowState: "REVIEW",
+          },
+        },
       };
+      persistData(newState);
+      return newState;
+    }
     default:
       return state;
   }

package/src/form-entry-workflow/FormEntryWorkflow.tsx

@@ -21,7 +21,7 @@ const formStore = getGlobalStore("ampath-form-state");
 
 const WorkflowNavigationButtons = () => {
   const {
-    formUuid,
+    activeFormUuid,
     submitForReview,
     submitForNext,
     workflowState,
@@ -29,10 +29,12 @@ const WorkflowNavigationButtons = () => {
   } = useContext(FormWorkflowContext);
   const history = useHistory();
   const store = useStore(formStore);
-  const formState = store[formUuid];
+  const formState = store[activeFormUuid];
   const navigationDisabled = formState !== "ready";
   const { t } = useTranslation();
 
+  if (!workflowState) return null;
+
   return (
     <div className={styles.rightPanelActionButtons}>
       <Button
@@ -70,7 +72,7 @@ const FormWorkspace = () => {
     activePatientUuid,
     activeEncounterUuid,
     saveEncounter,
-    formUuid,
+    activeFormUuid,
   } = useContext(FormWorkflowContext);
   const { t } = useTranslation();
 
@@ -94,7 +96,7 @@ const FormWorkspace = () => {
               patientUuid={activePatientUuid}
               encounterUuid={activeEncounterUuid}
               {...{
-                formUuid,
+                formUuid: activeFormUuid,
                 handlePostResponse,
               }}
             />

package/src/forms-page/FormsPage.tsx

@@ -6,6 +6,10 @@ import { useGetAllForms } from "../hooks";
 import FormsTable from "../forms-table";
 import styles from "./styles.scss";
 import { useTranslation } from "react-i18next";
+import {
+  fdeWorkflowStorageName,
+  fdeWorkflowStorageVersion,
+} from "../context/FormWorkflowReducer";
 
 // helper function useful for debugging
 // given a list of forms, it will organize into permissions
@@ -41,6 +45,18 @@ const FormsPage = () => {
   const { formCategories, formCategoriesToShow } = config;
   const { forms, isLoading, error } = useGetAllForms();
   const cleanRows = prepareRowsForTable(forms);
+  const savedData = localStorage.getItem(fdeWorkflowStorageName);
+  const activeForms = [];
+  if (
+    savedData &&
+    JSON.parse(savedData)?.["_storageVersion"] === fdeWorkflowStorageVersion
+  ) {
+    Object.entries(JSON.parse(savedData).forms).forEach(
+      ([formUuid, form]: [string, { [key: string]: unknown }]) => {
+        if (form.workflowState) activeForms.push(formUuid);
+      }
+    );
+  }
 
   const categoryRows = formCategoriesToShow.map((name) => {
     const category = formCategories.find((category) => category.name === name);
@@ -61,11 +77,14 @@ const FormsPage = () => {
             cleanRows ? cleanRows?.length : "??"
           })`}
         >
-          <FormsTable rows={cleanRows} {...{ error, isLoading }} />
+          <FormsTable rows={cleanRows} {...{ error, isLoading, activeForms }} />
         </Tab>
         {categoryRows?.map((category, index) => (
           <Tab label={`${category.name} (${category.rows.length})`} key={index}>
-            <FormsTable rows={category.rows} {...{ error, isLoading }} />
+            <FormsTable
+              rows={category.rows}
+              {...{ error, isLoading, activeForms }}
+            />
           </Tab>
         ))}
       </Tabs>

package/src/forms-table/FormsTable.tsx

@@ -19,7 +19,7 @@ import { Link } from "react-router-dom";
 import EmptyState from "../empty-state/EmptyState";
 import styles from "./styles.scss";
 
-const FormsTable = ({ rows, error, isLoading }) => {
+const FormsTable = ({ rows, error, isLoading, activeForms }) => {
   const { t } = useTranslation();
 
   const formsHeader = [
@@ -39,7 +39,13 @@ const FormsTable = ({ rows, error, isLoading }) => {
 
   const augmenteRows = rows?.map((row) => ({
     ...row,
-    actions: <Link to={row.uuid}>{t("fillForm", "Fill Form")}</Link>,
+    actions: (
+      <Link to={row.uuid}>
+        {activeForms.includes(row.uuid)
+          ? t("resumeSession", "Resume Session")
+          : t("fillForm", "Fill Form")}
+      </Link>
+    ),
     actions2: (
       <Link to="#" className={styles.inactiveLink}>
         {t("startGroupSession", "Start Group Session")}

package/src/patient-card/PatientCard.tsx

@@ -4,11 +4,11 @@ import FormWorkflowContext from "../context/FormWorkflowContext";
 import useGetPatient from "../hooks/useGetPatient";
 import styles from "./styles.scss";
 
-const CardContainer = ({ active, onClick, children }) => {
+const CardContainer = ({ onClick = () => undefined, active, children }) => {
   return (
     <div
+      onClick={onClick}
       className={`${styles.cardContainer} ${!active && styles.inactiveCard}`}
-      onClick={active ? onClick : () => undefined}
       role="button"
       tabIndex={0}
     >
@@ -26,7 +26,7 @@ const PatientCard = ({ patientUuid }) => {
 
   if (!patient) {
     return (
-      <CardContainer onClick={() => undefined} active={true}>
+      <CardContainer active={true}>
         <SkeletonText className={styles.skeletonText} />
       </CardContainer>
     );
@@ -35,7 +35,10 @@ const PatientCard = ({ patientUuid }) => {
   const active = activePatientUuid === patientUuid;
 
   return (
-    <CardContainer onClick={() => editEncounter(patientUuid)} active={active}>
+    <CardContainer
+      onClick={active ? () => undefined : () => editEncounter(patientUuid)}
+      active={active}
+    >
       <div className={styles.identifier}>{identifier}</div>
       <div
         className={`${styles.displayName} ${

package/src/patient-search-header/PatientSearchHeader.tsx

@@ -1,5 +1,9 @@
 import { Add20, Close20 } from "@carbon/icons-react";
-import { ExtensionSlot } from "@openmrs/esm-framework";
+import {
+  ExtensionSlot,
+  interpolateUrl,
+  navigate,
+} from "@openmrs/esm-framework";
 import { Button } from "carbon-components-react";
 import React, { useContext } from "react";
 import { Link } from "react-router-dom";
@@ -7,13 +11,21 @@ import FormWorkflowContext from "../context/FormWorkflowContext";
 import styles from "./styles.scss";
 
 const PatientSearchHeader = () => {
-  const { addPatient, workflowState } = useContext(FormWorkflowContext);
+  const { addPatient, workflowState, activeFormUuid } =
+    useContext(FormWorkflowContext);
   const handleSelectPatient = (uuid) => {
     addPatient(uuid);
   };
 
   if (workflowState !== "NEW_PATIENT") return null;
 
+  const afterUrl = encodeURIComponent(
+    `\${openmrsSpaBase}/forms/${activeFormUuid}?patientUuid=\${patientUuid}`
+  );
+  const patientRegistrationUrl = interpolateUrl(
+    `\${openmrsSpaBase}/patient-registration?afterUrl=${afterUrl}`
+  );
+
   return (
     <div className={styles.searchHeaderContainer}>
       <span className={styles.padded}>Next patient:</span>
@@ -30,7 +42,7 @@ const PatientSearchHeader = () => {
       </span>
       <span className={styles.padded}>or</span>
       <span>
-        <Button disabled>
+        <Button onClick={() => navigate({ to: patientRegistrationUrl })}>
           Create new patient <Add20 />
         </Button>
       </span>

package/translations/en.json

@@ -9,6 +9,7 @@
   "goToForm": "Go To Form",
   "noFormsFound": "No Forms To Show",
   "noFormsFoundMessage": "No forms could be found for this category. Please double check the form concept uuids and access permissions.",
+  "resumeSession": "Resume Session",
   "selectPatientFirst": "Please select a patient first",
   "startGroupSession": "Start Group Session"
 }