@openmrs/esm-stock-management-app 1.0.1-pre.788 → 1.0.1-pre.790

package/dist/openmrs-esm-stock-management-app.js

@@ -1 +1 @@
-var _openmrs_esm_stock_management_app;(()=>{"use strict";var e,r,t,n,o,a,i,l,s,u,f,p,c,d,h,m,v,g={1371:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(935),t.e(493),t.e(672),t.e(922)]).then((()=>()=>t(6830)))},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})}},b={};function y(e){var r=b[e];if(void 0!==r)return r.exports;var t=b[e]={id:e,loaded:!1,exports:{}};return g[e].call(t.exports,t,t.exports,y),t.loaded=!0,t.exports}y.m=g,y.c=b,y.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return y.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,y.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);y.r(o);var a={};e=e||[null,r({}),r([]),r(r)];for(var i=2&n&&t;"object"==typeof i&&!~e.indexOf(i);i=r(i))Object.getOwnPropertyNames(i).forEach((e=>a[e]=()=>t[e]));return a.default=()=>t,y.d(o,a),o},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),t={},n="@openmrs/esm-stock-management-app:",y.l=(e,r,o,a)=>{if(t[e])t[e].push(r);else{var i,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){i=f;break}}i||(l=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,y.nc&&i.setAttribute("nonce",y.nc),i.setAttribute("data-webpack",n+o),i.src=e),t[e]=[r];var p=(r,n)=>{i.onerror=i.onload=null,clearTimeout(c);var o=t[e];if(delete t[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach((e=>e(n))),r)return r(n)},c=setTimeout(p.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=p.bind(null,i.onerror),i.onload=p.bind(null,i.onload),l&&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-stock-management-app",l=(e,r,t,n)=>{var o=a[e]=a[e]||{},l=o[r];(!l||!l.loaded&&(!n!=!l.eager?n:i>l.from))&&(o[r]={get:t,from:i,eager:!!n})},s=[];return"default"===t&&(l("@openmrs/esm-framework","5.7.3-pre.2161",(()=>Promise.all([y.e(793),y.e(672)]).then((()=>()=>y(1793))))),l("dayjs","1.11.10",(()=>y.e(484).then((()=>()=>y(7484))))),l("react-i18next","11.18.6",(()=>Promise.all([y.e(672),y.e(629)]).then((()=>()=>y(707))))),l("react-router-dom","6.21.1",(()=>Promise.all([y.e(26),y.e(935),y.e(672)]).then((()=>()=>y(8026))))),l("react","18.2.0",(()=>y.e(294).then((()=>()=>y(7294))))),l("swr/_internal","2.2.5",(()=>Promise.all([y.e(46),y.e(672)]).then((()=>()=>y(46)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;y.g.importScripts&&(e=y.g.location+"");var r=y.g.document;if(!e&&r&&(r.currentScript&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var n=t.length-1;n>-1&&!e;)e=t[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),y.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},a=(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],a=(typeof n)[0];if(t>=r.length)return"u"==a;var i=r[t],l=(typeof i)[0];if(a!=l)return"o"==a&&"n"==l||"s"==l||"u"==a;if("o"!=a&&"u"!=a&&n!=i)return n<i;t++}},i=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 a=[];for(o=1;o<e.length;o++){var l=e[o];a.push(0===l?"not("+s()+")":1===l?"("+s()+" || "+s()+")":2===l?a.pop()+" "+a.pop():i(l))}return s();function s(){return a.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 a=0,i=1,s=!0;;i++,a++){var u,f,p=i<e.length?(typeof e[i])[0]:"";if(a>=r.length||"o"==(f=(typeof(u=r[a]))[0]))return!s||("u"==p?i>t&&!n:""==p!=n);if("u"==f){if(!s||"u"!=p)return!1}else if(s)if(p==f)if(i<=t){if(u!=e[i])return!1}else{if(n?u>e[i]:u<e[i])return!1;u!=e[i]&&(s=!1)}else if("s"!=p&&"n"!=p){if(n||i<=t)return!1;s=!1,i--}else{if(i<=t||f<p!=n)return!1;s=!1}else"s"!=p&&"n"!=p&&(s=!1,i--)}}var c=[],d=c.pop.bind(c);for(a=1;a<e.length;a++){var h=e[a];c.push(1==h?d()|d():2==h?d()&d():h?l(h,r):!d())}return!!d()},s=(e,r)=>{var t=e[r];return Object.keys(t).reduce(((e,r)=>!e||!t[e].loaded&&a(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 "+i(n)+")",f=(e,r,t,n)=>{var o=s(e,t);return l(n,o)||p(u(e,t,o,n)),c(e[t][o])},p=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},c=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)?f(r,0,t,n):o())),h={},m={1672:()=>d("default","react",[1,18],(()=>y.e(294).then((()=>()=>y(7294))))),1914:()=>d("default","react-router-dom",[1,6],(()=>y.e(26).then((()=>()=>y(8026))))),2653:()=>d("default","dayjs",[1,1],(()=>y.e(484).then((()=>()=>y(7484))))),3397:()=>d("default","react-i18next",[1,11],(()=>y.e(707).then((()=>()=>y(707))))),5512:()=>d("default","swr/_internal",[1,2],(()=>y.e(46).then((()=>()=>y(46))))),7248:()=>d("default","@openmrs/esm-framework",[1,5],(()=>y.e(793).then((()=>()=>y(1793)))))},v={672:[1672],922:[1914,2653,3397,5512,7248]},y.f.consumes=(e,r)=>{y.o(v,e)&&v[e].forEach((e=>{if(y.o(h,e))return r.push(h[e]);var t=r=>{h[e]=0,y.m[e]=t=>{delete y.c[e],t.exports=r()}},n=r=>{delete h[e],y.m[e]=t=>{throw delete y.c[e],r}};try{var o=m[e]();o.then?r.push(h[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}))},(()=>{var e={122: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(672!=r){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)}else e[r]=0};var r=(r,t)=>{var n,o,[a,i,l]=t,s=0;if(a.some((r=>0!==e[r]))){for(n in i)y.o(i,n)&&(y.m[n]=i[n]);l&&l(y)}for(r&&r(t);s<a.length;s++)o=a[s],y.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=globalThis.webpackChunk_openmrs_esm_stock_management_app=globalThis.webpackChunk_openmrs_esm_stock_management_app||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),y.nc=void 0;var _=y(1371);_openmrs_esm_stock_management_app=_})();
+var _openmrs_esm_stock_management_app;(()=>{"use strict";var e,r,t,n,o,a,i,l,s,u,f,p,c,d,h,m,v,g={1371:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(935),t.e(493),t.e(672),t.e(942)]).then((()=>()=>t(8600)))},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})}},b={};function y(e){var r=b[e];if(void 0!==r)return r.exports;var t=b[e]={id:e,loaded:!1,exports:{}};return g[e].call(t.exports,t,t.exports,y),t.loaded=!0,t.exports}y.m=g,y.c=b,y.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return y.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,y.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);y.r(o);var a={};e=e||[null,r({}),r([]),r(r)];for(var i=2&n&&t;"object"==typeof i&&!~e.indexOf(i);i=r(i))Object.getOwnPropertyNames(i).forEach((e=>a[e]=()=>t[e]));return a.default=()=>t,y.d(o,a),o},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),t={},n="@openmrs/esm-stock-management-app:",y.l=(e,r,o,a)=>{if(t[e])t[e].push(r);else{var i,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){i=f;break}}i||(l=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,y.nc&&i.setAttribute("nonce",y.nc),i.setAttribute("data-webpack",n+o),i.src=e),t[e]=[r];var p=(r,n)=>{i.onerror=i.onload=null,clearTimeout(c);var o=t[e];if(delete t[e],i.parentNode&&i.parentNode.removeChild(i),o&&o.forEach((e=>e(n))),r)return r(n)},c=setTimeout(p.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=p.bind(null,i.onerror),i.onload=p.bind(null,i.onload),l&&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-stock-management-app",l=(e,r,t,n)=>{var o=a[e]=a[e]||{},l=o[r];(!l||!l.loaded&&(!n!=!l.eager?n:i>l.from))&&(o[r]={get:t,from:i,eager:!!n})},s=[];return"default"===t&&(l("@openmrs/esm-framework","5.7.3-pre.2161",(()=>Promise.all([y.e(793),y.e(672)]).then((()=>()=>y(1793))))),l("dayjs","1.11.10",(()=>y.e(484).then((()=>()=>y(7484))))),l("react-i18next","11.18.6",(()=>Promise.all([y.e(672),y.e(629)]).then((()=>()=>y(707))))),l("react-router-dom","6.21.1",(()=>Promise.all([y.e(26),y.e(935),y.e(672)]).then((()=>()=>y(8026))))),l("react","18.2.0",(()=>y.e(294).then((()=>()=>y(7294))))),l("swr/_internal","2.2.5",(()=>Promise.all([y.e(46),y.e(672)]).then((()=>()=>y(46)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;y.g.importScripts&&(e=y.g.location+"");var r=y.g.document;if(!e&&r&&(r.currentScript&&(e=r.currentScript.src),!e)){var t=r.getElementsByTagName("script");if(t.length)for(var n=t.length-1;n>-1&&!e;)e=t[n--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),y.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},a=(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],a=(typeof n)[0];if(t>=r.length)return"u"==a;var i=r[t],l=(typeof i)[0];if(a!=l)return"o"==a&&"n"==l||"s"==l||"u"==a;if("o"!=a&&"u"!=a&&n!=i)return n<i;t++}},i=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 a=[];for(o=1;o<e.length;o++){var l=e[o];a.push(0===l?"not("+s()+")":1===l?"("+s()+" || "+s()+")":2===l?a.pop()+" "+a.pop():i(l))}return s();function s(){return a.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 a=0,i=1,s=!0;;i++,a++){var u,f,p=i<e.length?(typeof e[i])[0]:"";if(a>=r.length||"o"==(f=(typeof(u=r[a]))[0]))return!s||("u"==p?i>t&&!n:""==p!=n);if("u"==f){if(!s||"u"!=p)return!1}else if(s)if(p==f)if(i<=t){if(u!=e[i])return!1}else{if(n?u>e[i]:u<e[i])return!1;u!=e[i]&&(s=!1)}else if("s"!=p&&"n"!=p){if(n||i<=t)return!1;s=!1,i--}else{if(i<=t||f<p!=n)return!1;s=!1}else"s"!=p&&"n"!=p&&(s=!1,i--)}}var c=[],d=c.pop.bind(c);for(a=1;a<e.length;a++){var h=e[a];c.push(1==h?d()|d():2==h?d()&d():h?l(h,r):!d())}return!!d()},s=(e,r)=>{var t=e[r];return Object.keys(t).reduce(((e,r)=>!e||!t[e].loaded&&a(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 "+i(n)+")",f=(e,r,t,n)=>{var o=s(e,t);return l(n,o)||p(u(e,t,o,n)),c(e[t][o])},p=e=>{"undefined"!=typeof console&&console.warn&&console.warn(e)},c=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)?f(r,0,t,n):o())),h={},m={1672:()=>d("default","react",[1,18],(()=>y.e(294).then((()=>()=>y(7294))))),1914:()=>d("default","react-router-dom",[1,6],(()=>y.e(26).then((()=>()=>y(8026))))),2653:()=>d("default","dayjs",[1,1],(()=>y.e(484).then((()=>()=>y(7484))))),3397:()=>d("default","react-i18next",[1,11],(()=>y.e(707).then((()=>()=>y(707))))),5512:()=>d("default","swr/_internal",[1,2],(()=>y.e(46).then((()=>()=>y(46))))),7248:()=>d("default","@openmrs/esm-framework",[1,5],(()=>y.e(793).then((()=>()=>y(1793)))))},v={672:[1672],942:[1914,2653,3397,5512,7248]},y.f.consumes=(e,r)=>{y.o(v,e)&&v[e].forEach((e=>{if(y.o(h,e))return r.push(h[e]);var t=r=>{h[e]=0,y.m[e]=t=>{delete y.c[e],t.exports=r()}},n=r=>{delete h[e],y.m[e]=t=>{throw delete y.c[e],r}};try{var o=m[e]();o.then?r.push(h[e]=o.then(t).catch(n)):t(o)}catch(e){n(e)}}))},(()=>{var e={122: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(672!=r){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)}else e[r]=0};var r=(r,t)=>{var n,o,[a,i,l]=t,s=0;if(a.some((r=>0!==e[r]))){for(n in i)y.o(i,n)&&(y.m[n]=i[n]);l&&l(y)}for(r&&r(t);s<a.length;s++)o=a[s],y.o(e,o)&&e[o]&&e[o][0](),e[o]=0},t=globalThis.webpackChunk_openmrs_esm_stock_management_app=globalThis.webpackChunk_openmrs_esm_stock_management_app||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))})(),y.nc=void 0;var _=y(1371);_openmrs_esm_stock_management_app=_})();

package/dist/openmrs-esm-stock-management-app.js.buildmanifest.json

@@ -21,7 +21,7 @@
       "auxiliaryFiles": [
         "20.js.map"
       ],
-      "hash": "427ebc0f003b7ef5",
+      "hash": "add2504aec147665",
       "childrenByOrder": {}
     },
     {
@@ -102,31 +102,7 @@
       "auxiliaryFiles": [
         "openmrs-esm-stock-management-app.js.map"
       ],
-      "hash": "ed834d45d9bcd330",
-      "childrenByOrder": {}
-    },
-    {
-      "rendered": true,
-      "initial": false,
-      "entry": false,
-      "recorded": false,
-      "size": 56544,
-      "sizes": {
-        "javascript": 56544
-      },
-      "names": [],
-      "idHints": [],
-      "runtime": [
-        "@openmrs/esm-stock-management-app",
-        "main"
-      ],
-      "files": [
-        "155.js"
-      ],
-      "auxiliaryFiles": [
-        "155.js.map"
-      ],
-      "hash": "d2341156343a2948",
+      "hash": "27594147963c527b",
       "childrenByOrder": {}
     },
     {
@@ -150,7 +126,7 @@
       "auxiliaryFiles": [
         "172.js.map"
       ],
-      "hash": "eda57feec50cee3a",
+      "hash": "dc1ed22b41ecb9f0",
       "childrenByOrder": {}
     },
     {
@@ -158,10 +134,10 @@
       "initial": true,
       "entry": true,
       "recorded": false,
-      "size": 5785832,
+      "size": 5475157,
       "sizes": {
         "consume-shared": 252,
-        "javascript": 5763883,
+        "javascript": 5453208,
         "share-init": 252,
         "runtime": 21445
       },
@@ -178,7 +154,7 @@
       "auxiliaryFiles": [
         "main.js.map"
       ],
-      "hash": "db105aa271d284d7",
+      "hash": "7b3183dec6dd1de5",
       "childrenByOrder": {}
     },
     {
@@ -224,7 +200,7 @@
       "auxiliaryFiles": [
         "290.js.map"
       ],
-      "hash": "25d983f736972775",
+      "hash": "420ca348ca485d8c",
       "childrenByOrder": {}
     },
     {
@@ -342,7 +318,7 @@
       "auxiliaryFiles": [
         "493.js.map"
       ],
-      "hash": "0d62292b71e1e667",
+      "hash": "77e751713e51d802",
       "childrenByOrder": {}
     },
     {
@@ -388,7 +364,7 @@
       "auxiliaryFiles": [
         "606.js.map"
       ],
-      "hash": "457d1c263d4f3ba6",
+      "hash": "022a67bbd27dc006",
       "childrenByOrder": {}
     },
     {
@@ -412,7 +388,7 @@
       "auxiliaryFiles": [
         "627.js.map"
       ],
-      "hash": "ab3fb08b12303a19",
+      "hash": "d3973cdee8608ee7",
       "childrenByOrder": {}
     },
     {
@@ -604,23 +580,23 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 2042659,
+      "size": 372135,
       "sizes": {
-        "javascript": 2042449,
-        "consume-shared": 210
+        "javascript": 372135
       },
       "names": [],
       "idHints": [],
       "runtime": [
-        "@openmrs/esm-stock-management-app"
+        "@openmrs/esm-stock-management-app",
+        "main"
       ],
       "files": [
-        "922.js"
+        "880.js"
       ],
       "auxiliaryFiles": [
-        "922.js.map"
+        "880.js.map"
       ],
-      "hash": "7bfc983f0ab1d304",
+      "hash": "ef3d62ebaa78c122",
       "childrenByOrder": {}
     },
     {
@@ -649,6 +625,30 @@
       ],
       "hash": "ec5f549cbfd789c7",
       "childrenByOrder": {}
+    },
+    {
+      "rendered": true,
+      "initial": false,
+      "entry": false,
+      "recorded": false,
+      "size": 1731984,
+      "sizes": {
+        "javascript": 1731774,
+        "consume-shared": 210
+      },
+      "names": [],
+      "idHints": [],
+      "runtime": [
+        "@openmrs/esm-stock-management-app"
+      ],
+      "files": [
+        "942.js"
+      ],
+      "auxiliaryFiles": [
+        "942.js.map"
+      ],
+      "hash": "12ff7ea2b5964123",
+      "childrenByOrder": {}
     }
   ]
 }

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-nav-menu","slot":"stock-sidebar-slot","component":"stockNavMenu","online":true,"offline":true},{"name":"overview-db-link","slot":"stock-page-dashboard-slot","component":"stockOverviewLink","meta":{"name":"overview","slot":"overview-dashboard-slot","title":"overview"},"order":0,"online":true,"offline":true},{"name":"stock-overview-db","slot":"overview-dashboard-slot","component":"stockOverview"},{"name":"operations-db-link","slot":"stock-page-dashboard-slot","component":"stockOperationsLink","meta":{"name":"operations","slot":"operations-dashboard-slot","title":"operations"},"order":2,"online":true,"offline":true},{"name":"stock-operations-db","slot":"operations-dashboard-slot","component":"stockOperations"},{"name":"items-db-link","slot":"stock-page-dashboard-slot","component":"stockItemsLink","meta":{"name":"items","slot":"items-dashboard-slot","title":"items"},"order":1,"online":true,"offline":true},{"name":"stock-items-db","slot":"items-dashboard-slot","component":"stockItems"},{"name":"user-scopes-db-link","slot":"stock-page-dashboard-slot","component":"stockUserScopesLink","meta":{"name":"user-scopes","slot":"user-scopes-dashboard-slot","title":"user-scopes"},"order":3,"online":true,"offline":true},{"name":"stock-user-scopes-db","slot":"user-scopes-dashboard-slot","component":"stockUserScopes"},{"name":"sources-db-link","slot":"stock-page-dashboard-slot","component":"stockSourcesLink","meta":{"name":"sources","slot":"sources-dashboard-slot","title":"Sources"},"order":2,"online":true,"offline":true},{"name":"stock-sources-db","slot":"sources-dashboard-slot","component":"stockSources"},{"name":"locations-db-link","slot":"stock-page-dashboard-slot","component":"stockLocationsLink","meta":{"name":"locations","slot":"locations-dashboard-slot","title":"Locations"},"order":4,"online":true,"offline":true},{"name":"stock-locations-db","slot":"locations-dashboard-slot","component":"stockLocations"},{"name":"reports-db-link","slot":"stock-page-dashboard-slot","component":"stockReportsLink","meta":{"name":"reports","slot":"reports-dashboard-slot","title":"Reports"},"order":5,"online":true,"offline":true},{"name":"stock-reports-db","slot":"reports-dashboard-slot","component":"stockReports"},{"name":"settings-db-link","slot":"stock-page-dashboard-slot","component":"stockSettingsLink","meta":{"name":"settings","slot":"settings-dashboard-slot","title":"Settings"},"order":6,"online":true,"offline":true},{"name":"stock-settings-db","slot":"settings-dashboard-slot","component":"stockSettings"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"modals":[{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsModal"},{"name":"stock-operation-dialog","component":"stockOperationModal"},{"name":"transactions-print-bincard-preview-modal","component":"transactionBincardPrintPreviewModal"},{"name":"transactions-print-stockcard-preview-modal","component":"transactionStockcardPrintPreviewModal"}],"workspaces":[{"name":"stock-operation-stock-items-form","component":"stockOperationStockItemForm","title":"Stock Items","type":"form","width":"wider"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.788"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":"^2.24.0"},"extensions":[{"name":"stock-nav-menu","slot":"stock-sidebar-slot","component":"stockNavMenu","online":true,"offline":true},{"name":"overview-db-link","slot":"stock-page-dashboard-slot","component":"stockOverviewLink","meta":{"name":"overview","slot":"overview-dashboard-slot","title":"overview"},"order":0,"online":true,"offline":true},{"name":"stock-overview-db","slot":"overview-dashboard-slot","component":"stockOverview"},{"name":"operations-db-link","slot":"stock-page-dashboard-slot","component":"stockOperationsLink","meta":{"name":"operations","slot":"operations-dashboard-slot","title":"operations"},"order":2,"online":true,"offline":true},{"name":"stock-operations-db","slot":"operations-dashboard-slot","component":"stockOperations"},{"name":"items-db-link","slot":"stock-page-dashboard-slot","component":"stockItemsLink","meta":{"name":"items","slot":"items-dashboard-slot","title":"items"},"order":1,"online":true,"offline":true},{"name":"stock-items-db","slot":"items-dashboard-slot","component":"stockItems"},{"name":"user-scopes-db-link","slot":"stock-page-dashboard-slot","component":"stockUserScopesLink","meta":{"name":"user-scopes","slot":"user-scopes-dashboard-slot","title":"user-scopes"},"order":3,"online":true,"offline":true},{"name":"stock-user-scopes-db","slot":"user-scopes-dashboard-slot","component":"stockUserScopes"},{"name":"sources-db-link","slot":"stock-page-dashboard-slot","component":"stockSourcesLink","meta":{"name":"sources","slot":"sources-dashboard-slot","title":"Sources"},"order":2,"online":true,"offline":true},{"name":"stock-sources-db","slot":"sources-dashboard-slot","component":"stockSources"},{"name":"locations-db-link","slot":"stock-page-dashboard-slot","component":"stockLocationsLink","meta":{"name":"locations","slot":"locations-dashboard-slot","title":"Locations"},"order":4,"online":true,"offline":true},{"name":"stock-locations-db","slot":"locations-dashboard-slot","component":"stockLocations"},{"name":"reports-db-link","slot":"stock-page-dashboard-slot","component":"stockReportsLink","meta":{"name":"reports","slot":"reports-dashboard-slot","title":"Reports"},"order":5,"online":true,"offline":true},{"name":"stock-reports-db","slot":"reports-dashboard-slot","component":"stockReports"},{"name":"settings-db-link","slot":"stock-page-dashboard-slot","component":"stockSettingsLink","meta":{"name":"settings","slot":"settings-dashboard-slot","title":"Settings"},"order":6,"online":true,"offline":true},{"name":"stock-settings-db","slot":"settings-dashboard-slot","component":"stockSettings"},{"name":"stock-management-admin-card-link","slot":"system-admin-page-card-link-slot","component":"stockManagementAdminCardLink"},{"name":"stock-management-app-menu-item","component":"stockManagementAppMenuItem","slot":"app-menu-item-slot","meta":{"name":" Stock Management"}},{"name":"delete-packaging-unit-button","component":"deletePackagingUnitButton"}],"modals":[{"name":"delete-stock-modal","component":"deleteStockModal"},{"name":"delete-stock-user-scope-modal","component":"deleteUserScopeModal"},{"name":"delete-stock-rule-modal","component":"deleteStockRuleModal"},{"name":"delete-packaging-unit-modal","component":"deletePackagingUnitModal"},{"name":"import-bulk-stock-items","component":"importBulkStockItemsModal"},{"name":"stock-operation-dialog","component":"stockOperationModal"},{"name":"transactions-print-bincard-preview-modal","component":"transactionBincardPrintPreviewModal"},{"name":"transactions-print-stockcard-preview-modal","component":"transactionStockcardPrintPreviewModal"}],"workspaces":[{"name":"stock-operation-form-workspace","component":"stockOperationFormWorkspace","title":"Stock Operation","type":"form","canMaximize":true,"width":"extra-wide"}],"pages":[{"component":"root","route":"stock-management"}],"version":"1.0.1-pre.790"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-stock-management-app",
-  "version": "1.0.1-pre.788",
+  "version": "1.0.1-pre.790",
   "license": "MPL-2.0",
   "description": "Stock management microfrontend for OpenMRS 3.x",
   "browser": "dist/openmrs-esm-stock-management-app.js",

package/src/index.ts

@@ -1,27 +1,22 @@
 import { defineConfigSchema, getAsyncLifecycle, getSyncLifecycle } from '@openmrs/esm-framework';
 import { configSchema } from './config-schema';
-import appMenu from './stock-app-menu-item/item.component';
-import bulkImportComponent from './stock-items/add-bulk-stock-item/stock-items-bulk-import.component';
-import deleteUserModalComponent from './stock-user-role-scopes/delete-stock-user-scope-modal.component';
-import deleteStockModalComponent from './stock-sources/delete-stock-modal.component';
-import stockOperationDialogComponent from './stock-operations/stock-operations-dialog/stock-operations-dialog.component';
-import stockManagementComponent from './stock-management.component';
-import stockManagementAdminCardLinkComponent from './stock-management-admin-card-link.component';
-import deletePackagingUnitModalButtonComponent from './stock-items/add-stock-item/packaging-units/packaging-units-delete-modal-button.component';
-import deletePackagingUnitComponent from './stock-items/add-stock-item/packaging-units/packaging-units-delete-modal.component';
-import Root from './root.component';
-import StockHomeLandingPage from './stock-home/stock-home-landing-page-component';
 import { createDashboardLink } from './createDashboardLink';
+import Root from './root.component';
 import SideMenu from './side-menu/side-menu.component';
-import StockOperationsComponent from './stock-operations/stock-operations.component';
+import appMenu from './stock-app-menu-item/item.component';
+import StockHomeLandingPage from './stock-home/stock-home-landing-page-component';
+import deletePackagingUnitModalButtonComponent from './stock-items/add-stock-item/packaging-units/packaging-units-delete-modal-button.component';
+import TransactionsBincardPrintPreview from './stock-items/add-stock-item/transactions/printout/transactions-print-bincard-preview.modal';
+import TransactionsStockcardPrintPreview from './stock-items/add-stock-item/transactions/printout/transactions-print-stockcard-preview.modal';
 import StockItems from './stock-items/stock-items.component';
-import StockUserScopes from './stock-user-role-scopes/stock-user-role-scopes.component';
-import StockSources from './stock-sources/stock-sources.component';
 import StockLocations from './stock-locations/stock-locations.component';
+import stockManagementAdminCardLinkComponent from './stock-management-admin-card-link.component';
+import stockManagementComponent from './stock-management.component';
+import StockOperationsComponent from './stock-operations/stock-operations.component';
 import StockReports from './stock-reports/report-list/stock-reports.component';
 import StockSettings from './stock-settings/stock-settings.component';
-import TransactionsBincardPrintPreview from './stock-items/add-stock-item/transactions/printout/transactions-print-bincard-preview.modal';
-import TransactionsStockcardPrintPreview from './stock-items/add-stock-item/transactions/printout/transactions-print-stockcard-preview.modal';
+import StockSources from './stock-sources/stock-sources.component';
+import StockUserScopes from './stock-user-role-scopes/stock-user-role-scopes.component';
 
 const moduleName = '@openmrs/esm-stock-management-app';
 
@@ -130,13 +125,12 @@ export const deletePackagingUnitButton = getSyncLifecycle(deletePackagingUnitMod
 
 export const stockManagementAppMenuItem = getSyncLifecycle(appMenu, options);
 
-export const stockOperationStockItemForm = getAsyncLifecycle(
-  () => import('./stock-operations/stock-operations-forms/stock-item-form/stock-item-form.workspace'),
-  options,
-);
 export const transactionBincardPrintPreviewModal = getSyncLifecycle(TransactionsBincardPrintPreview, options);
 export const transactionStockcardPrintPreviewModal = getSyncLifecycle(TransactionsStockcardPrintPreview, options);
-
+export const stockOperationFormWorkspace = getAsyncLifecycle(
+  () => import('./stock-operations/stock-operations-forms/stock-operation-form.component'),
+  options,
+);
 export function startupApp() {
   defineConfigSchema(moduleName, configSchema);
 }

package/src/routes.json

@@ -210,11 +210,12 @@
   ],
   "workspaces": [
     {
-      "name": "stock-operation-stock-items-form",
-      "component": "stockOperationStockItemForm",
-      "title": "Stock Items",
+      "name": "stock-operation-form-workspace",
+      "component": "stockOperationFormWorkspace",
+      "title": "Stock Operation",
       "type": "form",
-      "width": "wider"
+      "canMaximize": true,
+      "width": "extra-wide"
     }
   ],
   "pages": [

package/src/stock-operations/add-stock-operation/stock-operations-expanded-row/stock-operation-expanded-row.component.tsx

@@ -1,9 +1,12 @@
-import { Layer, Row } from '@carbon/react';
-import React from 'react';
+import { InlineLoading, Layer, Row } from '@carbon/react';
+import React, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { StockOperationDTO } from '../../../core/api/types/stockOperation/StockOperationDTO';
-import styles from './stock-operation-expanded-row.scss';
+import { useStockOperationTypes } from '../../../stock-lookups/stock-lookups.resource';
+import StockoperationActions from '../../stock-operation-actions.component';
+import StockOperationLinks from '../../stock-operation-links.component';
 import StockItemsTable from './stock-items-table';
+import styles from './stock-operation-expanded-row.scss';
 import StockOpertationStatus from './stock-operations-status';
 
 interface StockOperationExpandedRowProps {
@@ -12,6 +15,10 @@ interface StockOperationExpandedRowProps {
 
 const StockOperationExpandedRow: React.FC<StockOperationExpandedRowProps> = (props) => {
   const { t } = useTranslation();
+  const { types, isLoading, error } = useStockOperationTypes();
+  const currentOperationType = useMemo(() => {
+    return types?.results?.find(({ uuid }) => props.model.operationTypeUuid === uuid);
+  }, [props.model.operationTypeUuid, types?.results]);
   return (
     <>
       <Layer className={styles.statusContainer}>
@@ -76,9 +83,31 @@ const StockOperationExpandedRow: React.FC<StockOperationExpandedRowProps> = (pro
             />
           )}
         </Row>
+        <Row className={styles.statusContainerRow}>
+          {isLoading && (
+            <InlineLoading
+              description={t('loading StockoperationLinks', 'Loading stock operation links') + '...'}
+              iconDescription={t('loading StockoperationLinks', 'Loading stock operation links')}
+            />
+          )}
+          {currentOperationType && (
+            <StockOperationLinks stockOperationType={currentOperationType} stockOperation={props.model} />
+          )}
+        </Row>
         <Row className={styles.statusContainerRow}>
           <StockItemsTable items={props.model.stockOperationItems} />
         </Row>
+        <Row className={styles.statusContainerRow}>
+          {isLoading && (
+            <InlineLoading
+              description={t('loadingOperationActions', 'Loading stock operation actions') + '...'}
+              iconDescription={t('loadingOperationActions', 'Loading stock operation actions')}
+            />
+          )}
+          {currentOperationType && (
+            <StockoperationActions stockOperationType={currentOperationType} stockOperation={props.model} />
+          )}
+        </Row>
       </Layer>
     </>
   );

package/src/stock-operations/edit-stock-operation/edit-stock-operation-action-menu.component.tsx

@@ -4,7 +4,7 @@ import { showSnackbar } from '@openmrs/esm-framework';
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { StockOperationDTO } from '../../core/api/types/stockOperation/StockOperationDTO';
-import { launchStockoperationAddOrEditDialog } from '../stock-operation.utils';
+import { launchStockoperationAddOrEditWorkSpace } from '../stock-operation.utils';
 import useFilteredOperationTypesByRoles from '../stock-operations-forms/hooks/useFilteredOperationTypesByRoles';
 import { useStockOperationAndItems } from '../stock-operations.resource';
 
@@ -32,7 +32,7 @@ const EditStockOperationActionMenu: React.FC<EditStockOperationActionMenuProps>
   );
 
   const handleEdit = useCallback(() => {
-    launchStockoperationAddOrEditDialog(
+    launchStockoperationAddOrEditWorkSpace(
       t,
       activeOperationType,
       stockOperation,

package/src/stock-operations/stock-operation-actions.component.tsx

@@ -0,0 +1,81 @@
+import React, { useMemo } from 'react';
+import { StockOperationDTO } from '../core/api/types/stockOperation/StockOperationDTO';
+import {
+  operationFromString,
+  OperationType,
+  StockOperationType,
+  StockOperationTypeHasPrint,
+} from '../core/api/types/stockOperation/StockOperationType';
+import StockOperationApprovalButton from './stock-operations-dialog/stock-operations-approve-button.component';
+import StockOperationApproveDispatchButton from './stock-operations-dialog/stock-operations-approve-dispatch-button.component';
+import StockOperationCancelButton from './stock-operations-dialog/stock-operations-cancel-button.component';
+import StockOperationCompleteDispatchButton from './stock-operations-dialog/stock-operations-completed-dispatch-button.component';
+import StockOperationIssueStockButton from './stock-operations-dialog/stock-operations-issue-stock-button.component';
+import StockOperationPrintButton from './stock-operations-dialog/stock-operations-print-button.component';
+import StockOperationRejectButton from './stock-operations-dialog/stock-operations-reject-button.component';
+import StockOperationReturnButton from './stock-operations-dialog/stock-operations-return-button.component';
+import useOperationTypePermisions from './stock-operations-forms/hooks/useOperationTypePermisions';
+import styles from './stock-operations-table.scss';
+
+type Props = {
+  stockOperation: StockOperationDTO;
+  stockOperationType: StockOperationType;
+};
+
+const StockoperationActions: React.FC<Props> = ({ stockOperation, stockOperationType }) => {
+  const operationTypePermision = useOperationTypePermisions(stockOperationType);
+  const operationType = useMemo(() => {
+    return operationFromString(stockOperationType.operationType);
+  }, [stockOperationType]);
+  return (
+    <>
+      {((!stockOperation.permission?.canEdit &&
+        (stockOperation.permission?.canApprove || stockOperation.permission?.canReceiveItems)) ||
+        stockOperation.permission?.canEdit ||
+        StockOperationTypeHasPrint(operationType) ||
+        (stockOperation?.permission?.isRequisitionAndCanIssueStock ?? false) ||
+        stockOperation.permission?.isRequisitionAndCanIssueStock) && (
+        <div className={styles.actionBtns}>
+          <>
+            {!stockOperation.permission?.canEdit && stockOperation.permission?.canApprove && (
+              <>
+                {!operationTypePermision.requiresDispatchAcknowledgement && (
+                  <StockOperationApprovalButton operation={stockOperation} />
+                )}
+
+                {operationTypePermision.requiresDispatchAcknowledgement && (
+                  <StockOperationApproveDispatchButton operation={stockOperation} />
+                )}
+
+                <StockOperationRejectButton operation={stockOperation} />
+                <StockOperationReturnButton operation={stockOperation} />
+                <StockOperationCancelButton operation={stockOperation} />
+              </>
+            )}
+
+            {!stockOperation.permission?.canEdit && stockOperation.permission?.canReceiveItems && (
+              <>
+                <StockOperationCompleteDispatchButton operation={stockOperation} reason={false} />
+                <StockOperationReturnButton operation={stockOperation} />
+              </>
+            )}
+
+            {stockOperation.permission?.canEdit && <StockOperationCancelButton operation={stockOperation} />}
+            {stockOperation.permission?.isRequisitionAndCanIssueStock && (
+              <StockOperationIssueStockButton operation={stockOperation} />
+            )}
+            {(stockOperation.permission?.isRequisitionAndCanIssueStock ||
+              stockOperation.operationType === OperationType.STOCK_ISSUE_OPERATION_TYPE ||
+              stockOperation.operationType === OperationType.REQUISITION_OPERATION_TYPE ||
+              stockOperation.operationType === OperationType.RECEIPT_OPERATION_TYPE ||
+              stockOperation.operationType === OperationType.TRANSFER_OUT_OPERATION_TYPE) && (
+              <StockOperationPrintButton operation={stockOperation} />
+            )}
+          </>
+        </div>
+      )}
+    </>
+  );
+};
+
+export default StockoperationActions;

package/src/stock-operations/stock-operation-links.component.tsx

@@ -0,0 +1,82 @@
+import React, { useMemo } from 'react';
+import { StockOperationDTO } from '../core/api/types/stockOperation/StockOperationDTO';
+import { OperationType, StockOperationType } from '../core/api/types/stockOperation/StockOperationType';
+import useStockOperationLinks from './stock-operations-forms/hooks/useStockOperationLinks';
+import styles from './stock-operations-table.scss';
+import StockOperationRelatedLink from './stock-operations-forms/stock-operation-related-link.component';
+
+type Props = {
+  stockOperation: StockOperationDTO;
+  stockOperationType: StockOperationType;
+};
+
+const StockOperationLinks: React.FC<Props> = ({ stockOperation, stockOperationType }) => {
+  const requisitionOperationUuid = useMemo(() => {
+    if (
+      stockOperationType?.operationType === OperationType.REQUISITION_OPERATION_TYPE ||
+      stockOperation?.operationType === OperationType.REQUISITION_OPERATION_TYPE ||
+      stockOperationType?.operationType === OperationType.STOCK_ISSUE_OPERATION_TYPE ||
+      stockOperation?.operationType === OperationType.STOCK_ISSUE_OPERATION_TYPE
+    ) {
+      return stockOperation.uuid;
+    }
+    return null;
+  }, [stockOperationType, stockOperation]);
+  const { error, isLoading, operationLinks } = useStockOperationLinks(requisitionOperationUuid);
+  if (isLoading || error) return null;
+  return (
+    <div>
+      {' '}
+      {operationLinks && operationLinks.length > 0 && (
+        <div>
+          <h6 className={styles.relatedTransactionHeader}>Related Transactions:</h6>
+          {operationLinks.map(
+            (item) =>
+              (stockOperation.uuid === item?.parentUuid || stockOperationType?.uuid === item?.parentUuid) && (
+                <React.Fragment key={item.uuid}>
+                  <span>{item?.childOperationTypeName}</span>
+                  <span className={item?.childVoided ? 'voided' : ''}>
+                    {' '}
+                    {item?.childVoided && item?.childOperationNumber}
+                    {!item?.childVoided && (
+                      <span className={styles.relatedLink}>
+                        <StockOperationRelatedLink
+                          stockOperationUuid={item?.childUuid}
+                          operationNumber={item?.childOperationNumber}
+                        />
+                      </span>
+                    )}
+                  </span>{' '}
+                  <span>[{item?.childStatus}]</span>
+                </React.Fragment>
+              ),
+          )}
+          <span> </span>
+          {operationLinks.map(
+            (item) =>
+              (stockOperation.uuid === item?.childUuid || stockOperationType.uuid === item?.childUuid) && (
+                <React.Fragment key={item.uuid}>
+                  <span>{item?.parentOperationTypeName}</span>
+                  <span className={item?.parentVoided ? 'voided' : ''}>
+                    {' '}
+                    {item?.parentVoided && item?.parentOperationNumber}
+                    {!item?.parentVoided && (
+                      <span className={styles.relatedLink}>
+                        <StockOperationRelatedLink
+                          stockOperationUuid={item?.parentUuid}
+                          operationNumber={item?.parentOperationNumber}
+                        />
+                      </span>
+                    )}
+                  </span>{' '}
+                  <span>[{item?.parentStatus}]</span>
+                </React.Fragment>
+              ),
+          )}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default StockOperationLinks;

package/src/stock-operations/stock-operation-reference.component.tsx

@@ -3,7 +3,7 @@ import { showSnackbar } from '@openmrs/esm-framework';
 import React, { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useStockOperationTypes } from '../stock-lookups/stock-lookups.resource';
-import { launchStockoperationAddOrEditDialog } from './stock-operation.utils';
+import { launchStockoperationAddOrEditWorkSpace } from './stock-operation.utils';
 import { useStockOperationAndItems } from './stock-operations.resource';
 
 interface StockOperationReferenceProps {
@@ -25,7 +25,7 @@ const StockOperationReference = ({ operationNumber, operationUuid }: StockOperat
     if (!operationType) {
       return;
     }
-    launchStockoperationAddOrEditDialog(
+    launchStockoperationAddOrEditWorkSpace(
       t,
       operationType,
       stockOperation,

package/src/stock-operations/stock-operation-types-selector/stock-operation-types-selector.component.tsx

@@ -4,7 +4,7 @@ import { showSnackbar } from '@openmrs/esm-framework';
 import React, { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { OperationType, StockOperationType } from '../../core/api/types/stockOperation/StockOperationType';
-import { launchStockoperationAddOrEditDialog } from '../stock-operation.utils';
+import { launchStockoperationAddOrEditWorkSpace } from '../stock-operation.utils';
 import useFilteredOperationTypesByRoles from '../stock-operations-forms/hooks/useFilteredOperationTypesByRoles';
 
 const StockOperationTypesSelector = () => {
@@ -15,7 +15,7 @@ const StockOperationTypesSelector = () => {
     (stockOperationType: StockOperationType) => {
       const isStockIssueOperation = stockOperationType.operationType === OperationType.STOCK_ISSUE_OPERATION_TYPE;
 
-      launchStockoperationAddOrEditDialog(t, stockOperationType, undefined);
+      launchStockoperationAddOrEditWorkSpace(t, stockOperationType, undefined);
     },
     [t],
   );