@openmrs/esm-form-engine-lib 3.1.1-pre.1702 → 3.1.1-pre.1706

package/README.md

@@ -2,7 +2,10 @@
 
 :wave: *New to O3? Be sure to review the [OpenMRS 3 Frontend Developer Documentation](https://o3-docs.openmrs.org/).* :teacher:
 
-# openmrs-esm-form-engine-lib
+# OpenMRS ESM Form Engine Library
+
+![GitHub release](https://img.shields.io/github/v/release/openmrs/openmrs-esm-form-engine-lib)
+![OpenMRS CI](https://github.com/openmrs/openmrs-esm-form-engine-lib/actions/workflows/ci.yml/badge.svg)
 
 <img src="readme/form-engine.jpeg" alt="https://raw.githubusercontent.com/openmrs/openmrs-esm-form-engine-lib/main/readme/form-engine.jpeg" >
 
@@ -36,15 +39,24 @@ Key features of the Form Engine include:
 
 Read the full docs in the OpenMRS Wiki [here](https://openmrs.atlassian.net/wiki/spaces/projects/pages/68747273/O3+Form+Docs).
 
+## Adding and Managing Translations
+
+The Form Engine uses a combination of frontend and backend features to support translations.
+
+- **Frontend translations** - Translations for static strings within the library are managed using Transifex, a localization platform that allows for the translation of strings. This repository being a library, the language specific translations are managed within the [esm-form-engine-app](https://github.com/openmrs/openmrs-esm-patient-chart/tree/main/packages/esm-form-engine-app) in the [Patient Chart](https://github.com/openmrs/openmrs-esm-patient-chart) repository and are loaded dynamically based on the user's locale.
+- **Backend translations** - Translations for pages, sections, and question labels are retrieved from the backend. These are loaded automatically based on the concept translations as well as the form translation files included within the distribution.
+
+You can read more about translations in the [OpenMRS Wiki](https://openmrs.atlassian.net/wiki/spaces/docs/pages/105512985/How+to+Translate+OpenMRS)
+
 ## Getting started
 
 *NB: The Form Engine is a React library, not a standalone [O3 frontend module](https://openmrs.atlassian.net/wiki/spaces/docs/pages/151093806/Overview+of+Frontend+Modules). It can only be consumed by bundling it within a frontend module that incorporates it within a UI workflow.*
 
 ### Prerequisites
 
-- [Node.js](https://nodejs.org/en/about/releases) 18 or later (LTS version recommended)
+- [Node.js](https://nodejs.org/en/about/releases) 20 or later (LTS version recommended)
 - [Yarn](https://yarnpkg.com/) 4.x or later (We use Yarn as our package manager)
-- [Git](https://git-scm.com) (for local development)
+- [Git](https://git-scm.com) (for version control)
 
 ### Installation
 
@@ -146,9 +158,8 @@ To use this library as the default form engine in your O3 instance, you will nee
 ```json
 {
   "frontendModules": {
-    ...
+    // Add this line to the list of frontend modules
     "@openmrs/esm-form-engine-app": "next"
-    ...
   }
 }
 ```

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

@@ -0,0 +1 @@
+var _openmrs_esm_form_engine_lib;(()=>{"use strict";var e,r,t,n,o,i,a,l,s,u,f,p,d,c,h,m,v,g,b,y,w,_={8008:(e,r,t)=>{var n={"./start":()=>Promise.all([t.e(277),t.e(260),t.e(72),t.e(465),t.e(299),t.e(929)]).then((()=>()=>t(2929)))},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 S(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,S),t.loaded=!0,t.exports}S.m=_,S.c=P,S.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return S.d(r,{a:r}),r},r=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,S.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);S.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,S.d(o,i),o},S.d=(e,r)=>{for(var t in r)S.o(r,t)&&!S.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},S.f={},S.e=e=>Promise.all(Object.keys(S.f).reduce(((r,t)=>(S.f[t](e,r),r)),[])),S.u=e=>e+".js",S.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),S.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t={},n="@openmrs/esm-form-engine-lib:",S.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,S.nc&&a.setAttribute("nonce",S.nc),a.setAttribute("data-webpack",n+o),a.src=e),t[e]=[r];var p=(r,n)=>{a.onerror=a.onload=null,clearTimeout(d);var o=t[e];if(delete t[e],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((e=>e(n))),r)return r(n)},d=setTimeout(p.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=p.bind(null,a.onerror),a.onload=p.bind(null,a.onload),l&&document.head.appendChild(a)}},S.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},S.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{S.S={};var e={},r={};S.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];S.o(S.S,t)||(S.S[t]={});var i=S.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","6.0.3-pre.2587",(()=>Promise.all([S.e(151),S.e(72),S.e(766)]).then((()=>()=>S(5151))))),l("@openmrs/esm-patient-common-lib","9.0.1-pre.6367",(()=>Promise.all([S.e(727),S.e(277),S.e(72),S.e(465),S.e(299),S.e(499)]).then((()=>()=>S(7727))))),l("dayjs","1.11.13",(()=>S.e(353).then((()=>()=>S(4353))))),l("i18next","23.16.0",(()=>S.e(635).then((()=>()=>S(2635))))),l("react-i18next","11.18.6",(()=>Promise.all([S.e(979),S.e(72)]).then((()=>()=>S(2979))))),l("react","18.3.1",(()=>S.e(540).then((()=>()=>S(6540))))),l("swr/_internal","2.2.5",(()=>Promise.all([S.e(993),S.e(72)]).then((()=>()=>S(4993))))),l("swr/immutable","2.2.5",(()=>Promise.all([S.e(72),S.e(465),S.e(225)]).then((()=>()=>S(4225))))),l("swr/infinite","2.2.5",(()=>Promise.all([S.e(72),S.e(465),S.e(41)]).then((()=>()=>S(3041)))))),e[t]=s.length?Promise.all(s).then((()=>e[t]=1)):1}}})(),(()=>{var e;S.g.importScripts&&(e=S.g.location+"");var r=S.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(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),S.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,p=a<e.length?(typeof e[a])[0]:"";if(i>=r.length||"o"==(f=(typeof(u=r[i]))[0]))return!s||("u"==p?a>t&&!n:""==p!=n);if("u"==f){if(!s||"u"!=p)return!1}else if(s)if(p==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"!=p&&"n"!=p){if(n||a<=t)return!1;s=!1,a--}else{if(a<=t||f<p!=n)return!1;s=!1}else"s"!=p&&"n"!=p&&(s=!1,a--)}}var d=[],c=d.pop.bind(d);for(i=1;i<e.length;i++){var h=e[i];d.push(1==h?c()|c():2==h?c()&c():h?l(h,r):!c())}return!!c()},s=(e,r)=>e&&S.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)),{}),p=(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)},d=(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=S.I(r);return a&&a.then&&!n?a.then(e.bind(e,r,S.S[r],t,!1,o,i)):e(r,S.S[r],t,n,o,i)})(((e,r,t,n,o,i)=>{if(!s(r,t))return m(e,t,i);var a=p(r,t,n);return l(o,a)||h(d(r,t,a,o)),u(r[t][a])})),g={},b={6072:()=>v("default","react",!1,[1,18],(()=>S.e(540).then((()=>()=>S(6540))))),6766:()=>v("default","i18next",!1,[1,23],(()=>S.e(635).then((()=>()=>S(2635))))),8465:()=>v("default","swr/_internal",!1,[1,2],(()=>S.e(993).then((()=>()=>S(4993))))),2731:()=>v("default","@openmrs/esm-patient-common-lib",!1,[1,9],(()=>S.e(727).then((()=>()=>S(7727))))),3941:()=>v("default","react-i18next",!1,[1,11],(()=>S.e(979).then((()=>()=>S(2979))))),9197:()=>v("default","@openmrs/esm-framework",!1,[1,6],(()=>Promise.all([S.e(151),S.e(766)]).then((()=>()=>S(5151))))),4209:()=>v("default","swr/immutable",!1,[1,2],(()=>S.e(606).then((()=>()=>S(4225))))),231:()=>v("default","dayjs",!1,[1,1],(()=>S.e(353).then((()=>()=>S(4353))))),6339:()=>v("default","swr/infinite",!1,[1,2],(()=>S.e(422).then((()=>()=>S(3041)))))},y={72:[6072],299:[2731,3941,9197],465:[8465],499:[4209],766:[6766],929:[231,4209,6339]},w={},S.f.consumes=(e,r)=>{S.o(y,e)&&y[e].forEach((e=>{if(S.o(g,e))return r.push(g[e]);if(!w[e]){var t=r=>{g[e]=0,S.m[e]=t=>{delete S.c[e],t.exports=r()}};w[e]=!0;var n=r=>{delete g[e],S.m[e]=t=>{throw delete S.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};S.f.j=(r,t)=>{var n=S.o(e,r)?e[r]:void 0;if(0!==n)if(n)t.push(n[2]);else if(/^(299|465|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=S.p+S.u(r),a=new Error;S.l(i,(t=>{if(S.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)S.o(a,n)&&(S.m[n]=a[n]);l&&l(S)}for(r&&r(t);s<i.length;s++)o=i[s],S.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))})(),S.nc=void 0;var j=S(8008);_openmrs_esm_form_engine_lib=j})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-form-engine-lib",
-  "version": "3.1.1-pre.1702",
+  "version": "3.1.1-pre.1706",
   "description": "React Form Engine for O3",
   "browser": "dist/openmrs-esm-form-engine-lib.js",
   "main": "src/index.ts",
@@ -101,6 +101,5 @@
     "*.{ts,tsx}": "eslint --cache --fix --max-warnings 0",
     "*.{css,scss,ts,tsx}": "prettier --write --list-different"
   },
-  "packageManager": "yarn@4.5.0",
-  "stableVersion": "3.1.0"
+  "packageManager": "yarn@4.5.0"
 }

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

@@ -24,9 +24,12 @@ const File: React.FC<FormFieldInputProps> = ({ field, value, setFieldValue }) =>
     return field.questionOptions.allowedFileTypes
       ? t(
           'fileUploadDescription',
-          `Upload one of the following file types: ${field.questionOptions.allowedFileTypes.map(
-            (eachItem) => ` ${eachItem}`,
-          )}`,
+          '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]);

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

@@ -1,3 +1,5 @@
+@use '@carbon/layout';
+
 .label {
   font-family: IBM Plex Sans;
   font-size: 14px;
@@ -28,10 +30,8 @@
   display: flex;
   align-items: center;
   margin-bottom: 1rem;
-}
-
-.selectorButton {
-  margin-right: 1rem;
+  flex-wrap: wrap;
+  gap: layout.$spacing-05;
 }
 
 .caption {

package/src/components/renderer/page/page.renderer.scss

@@ -1,5 +1,6 @@
 @use '@carbon/colors';
 @use '@carbon/type';
+@use '@carbon/layout';
 
 .pageContent:last-child > hr {
   display: none;
@@ -39,6 +40,10 @@
   background-color: colors.$gray-10;
 }
 
+.sectionContainer :global(.cds--accordion__content) {
+  padding-right: layout.$spacing-05;
+}
+
 .accordionContainer {
   width: 95%;
 }

package/src/components/sidebar/sidebar.component.tsx

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { Button, InlineLoading } from '@carbon/react';
+import { useLayoutType } from '@openmrs/esm-framework';
 import { isPageContentVisible } from '../../utils/form-helper';
 import { useCurrentActivePage } from './useCurrentActivePage';
 import { usePageObserver } from './usePageObserver';
@@ -33,6 +34,11 @@ const Sidebar: React.FC<SidebarProps> = ({
     activePages,
     evaluatedPagesVisibility,
   });
+  const layout = useLayoutType();
+  const responsiveSize = useMemo(() => {
+    const isTablet = layout === 'tablet';
+    return isTablet ? 'lg' : 'sm';
+  }, [layout]);
 
   return (
     <div className={styles.sidebar}>
@@ -51,7 +57,7 @@ const Sidebar: React.FC<SidebarProps> = ({
 
       <div className={styles.sideNavActions}>
         {sessionMode !== 'view' && (
-          <Button className={styles.saveButton} disabled={isFormSubmitting} type="submit">
+          <Button className={styles.saveButton} disabled={isFormSubmitting} type="submit" size={responsiveSize}>
             {isFormSubmitting ? (
               <InlineLoading description={t('submitting', 'Submitting') + '...'} />
             ) : (
@@ -68,7 +74,8 @@ const Sidebar: React.FC<SidebarProps> = ({
             onCancel?.();
             handleClose?.();
             hideFormCollapseToggle();
-          }}>
+          }}
+          size={responsiveSize}>
           {sessionMode === 'view' ? t('close', 'Close') : t('cancel', 'Cancel')}
         </Button>
       </div>
@@ -84,21 +91,24 @@ interface PageLinkProps {
 }
 
 function PageLink({ page, currentActivePage, pagesWithErrors, requestPage }: PageLinkProps) {
+  const { t } = useTranslation();
   const isActive = page.id === currentActivePage;
   const hasError = pagesWithErrors.includes(page.id);
+  const isTablet = useLayoutType() === 'tablet';
   return (
     <div
       className={classNames(styles.pageLink, {
         [styles.activePage]: isActive && !hasError,
         [styles.errorPage]: hasError && !isActive,
         [styles.activeErrorPage]: hasError && isActive,
+        [styles.pageLinkTablet]: isTablet,
       })}>
       <button
         onClick={(e) => {
           e.preventDefault();
           requestPage(page.id);
         }}>
-        <span>{page.label}</span>
+        <span>{t(page.label)}</span>
       </button>
     </div>
   );

package/src/components/sidebar/sidebar.scss

@@ -6,12 +6,16 @@
   border-left: 0.5rem solid colors.$teal-20;
   display: flex;
   align-items: center;
-  height: 3rem;
+  height: layout.$spacing-07;
   padding: 0.25rem 0.5rem;
   background-color: colors.$white;
   margin: 0 0 0.063rem;
 }
 
+.pageLinkTablet {
+  height: layout.$spacing-09;
+}
+
 .pageLink button {
   @include type.type-style('body-01');
   font-family: inherit;

package/src/form-engine.component.tsx

@@ -6,7 +6,7 @@ import { useSession, type Visit } from '@openmrs/esm-framework';
 import { FormFactoryProvider } from './provider/form-factory-provider';
 import { init, teardown } from './lifecycle';
 import { isEmpty, useFormJson } from '.';
-import { moduleName } from './globals';
+import { formEngineAppName } from './globals';
 import { reportError } from './utils/error-utils';
 import { useFormCollapse } from './hooks/useFormCollapse';
 import { useFormWorkspaceSize } from './hooks/useFormWorkspaceSize';
@@ -74,21 +74,23 @@ const FormEngine = ({
     return patient && workspaceSize === 'ultra-wide' && mode !== 'embedded-view';
   }, [patient, mode, workspaceSize]);
 
-  const showButtonSet = useMemo(() => {
+  const isFormWorkspaceTooNarrow = useMemo(() => ['narrow'].includes(workspaceSize), [workspaceSize]);
+
+  const showBottomButtonSet = useMemo(() => {
     if (mode === 'embedded-view' || isLoadingDependencies || hasMultiplePages === null) {
       return false;
     }
 
-    return ['narrow', 'wider'].includes(workspaceSize) || !hasMultiplePages;
-  }, [mode, workspaceSize, isLoadingDependencies, hasMultiplePages]);
+    return isFormWorkspaceTooNarrow || !hasMultiplePages;
+  }, [mode, isFormWorkspaceTooNarrow, isLoadingDependencies, hasMultiplePages]);
 
   const showSidebar = useMemo(() => {
     if (mode === 'embedded-view' || isLoadingDependencies || hasMultiplePages === null) {
       return false;
     }
 
-    return ['extra-wide', 'ultra-wide'].includes(workspaceSize) && hasMultiplePages;
-  }, [workspaceSize, isLoadingDependencies, hasMultiplePages]);
+    return !isFormWorkspaceTooNarrow && hasMultiplePages;
+  }, [isFormWorkspaceTooNarrow, isLoadingDependencies, hasMultiplePages]);
 
   useEffect(() => {
     reportError(formError, t('errorLoadingFormSchema', 'Error loading form schema'));
@@ -165,7 +167,7 @@ const FormEngine = ({
                     setIsLoadingFormDependencies={setIsLoadingDependencies}
                   />
                 </div>
-                {showButtonSet && (
+                {showBottomButtonSet && (
                   <ButtonSet className={styles.minifiedButtons}>
                     <Button
                       kind="secondary"
@@ -200,7 +202,7 @@ const FormEngine = ({
 
 function I18FormEngine(props: FormEngineProps) {
   return (
-    <I18nextProvider i18n={window.i18next} defaultNS={moduleName}>
+    <I18nextProvider i18n={window.i18next} defaultNS={formEngineAppName}>
       <FormEngine {...props} />
     </I18nextProvider>
   );

package/src/globals.ts

@@ -1 +1,2 @@
 export const moduleName = '@openmrs/esm-form-engine-lib';
+export const formEngineAppName = '@openmrs/esm-form-engine-app';

package/src/lifecycle.ts

@@ -1,5 +1,4 @@
 import { pageObserver } from './components/sidebar/page-observer';
-import setupFormEngineLibI18n from './setupI18n';
 import { type FormFieldValueAdapter } from './types';
 
 const formFieldAdapters = new Set<FormFieldValueAdapter>();
@@ -15,8 +14,6 @@ export function registerFormFieldAdaptersForCleanUp(formFieldAdaptersMap: Record
  * Invoked on mounting the "FormEngine" component
  */
 export function init() {
-  // Setting up the i18n for the form engine library
-  setupFormEngineLibI18n();
 }
 
 /**

package/src/setupI18n.ts

@@ -1,16 +0,0 @@
-import { moduleName } from './globals';
-
-function loadResourcesFromFile() {
-  const lang = window.i18next.language;
-  import(/* webpackMode: "lazy" */ `../translations/${lang}.json`)
-    .then((json) => {
-      const data = json ?? {};
-      window?.i18next?.addResourceBundle?.(lang, moduleName, data);
-    })
-    .catch((err) => console.error(err));
-}
-
-export default function setupFormEngineLibI18n() {
-  loadResourcesFromFile();
-  window.i18next?.on?.('languageChanged', loadResourcesFromFile);
-}

package/translations/en.json

@@ -1,40 +0,0 @@
-{
-  "add": "Add",
-  "addCameraImage": "Add camera image",
-  "addFile": "Add files",
-  "blank": "Blank",
-  "cameraCapture": "Camera capture",
-  "cancel": "Cancel",
-  "chooseAnOption": "Choose an option",
-  "clearFile": "Clear file",
-  "close": "Close",
-  "closeCamera": "Close camera",
-  "closesNotification": "Closes notification",
-  "errorLoadingFormSchema": "Error loading form schema",
-  "errorLoadingInitialValues": "Error loading initial values",
-  "errorRenderingField": "Error rendering field",
-  "fieldErrorDescriptionTitle": "Validation Errors",
-  "fileUploadDescription": "",
-  "fileUploadDescriptionAny": "Upload any file type",
-  "invalidWorkspaceName": "Invalid workspace name.",
-  "invalidWorkspaceNameSubtitle": "Please provide a valid workspace name.",
-  "launchWorkspace": "Launch Workspace",
-  "loading": "Loading",
-  "notification": "Notification",
-  "nullMandatoryField": "Please fill the required fields",
-  "preview": "Preview",
-  "previousValue": "Previous value:",
-  "remove": "Remove",
-  "required": "Required",
-  "reuseValue": "Reuse value",
-  "save": "Save",
-  "search": "Search",
-  "searching": "Searching",
-  "submitting": "Submitting",
-  "time": "Time",
-  "unspecified": "Unspecified",
-  "upload": "Upload",
-  "uploadedPhoto": "Uploaded photo",
-  "uploadImage": "Upload image",
-  "valuesOutOfBound": "Some of the values are out of bounds"
-}

package/translations/es.json

@@ -1,38 +0,0 @@
-{
-  "activeLoadingIndicator": "Indicador de carga activo",
-  "add": "Agregar",
-  "addCameraImage": "Agregar imagen de cámara",
-  "addFile": "Agregar archivos",
-  "cameraCapture": "Captura de cámara",
-  "cancel": "Cancelar",
-  "chooseAnOption": "Elegir una opción",
-  "close": "Cerrar",
-  "closeCamera": "Cerrar cámara",
-  "closesNotification": "Cerrar notificación",
-  "collapseAll": "Contraer todo",
-  "createdRecord": "Registro creado",
-  "createdRecordDescription": "Se creó un nuevo encuentro",
-  "errorDescriptionTitle": "Error al guardar el formulario",
-  "errorRenderingField": "Error al renderizar el campo",
-  "expandAll": "Expandir todo",
-  "fileUploadDescription": "",
-  "fileUploadDescriptionAny": "Subir cualquier tipo de archivo",
-  "loading": "Cargando",
-  "notification": "Notificación",
-  "preview": "Vista previa",
-  "previousValue": "Valor anterior:",
-  "removeGroup": "Eliminar grupo",
-  "revert": "Revertir",
-  "save": "Guardar",
-  "search": "Buscar",
-  "submitting": "Enviando",
-  "time": "Tiempo",
-  "toggleCollapseOrExpand": "Alternar entre contraer o expandir",
-  "unspecified": "No especificado",
-  "unspecifyAll": "No especificar todo",
-  "updatedRecord": "Registro actualizado",
-  "updatedRecordDescription": "Se actualizó el encuentro del paciente",
-  "upload": "Subir",
-  "uploadedPhoto": "Foto subida",
-  "uploadImage": "Subir imagen"
-}

package/translations/fr.json

@@ -1,38 +0,0 @@
-{
-  "activeLoadingIndicator": "Indicateur de chargement actif",
-  "add": "Ajouter",
-  "addCameraImage": "Ajouter une image de la caméra",
-  "addFile": "Ajouter des fichiers",
-  "cameraCapture": "Capture de la caméra",
-  "cancel": "Annuler",
-  "chooseAnOption": "Choisissez une option",
-  "close": "Fermer",
-  "closeCamera": "Fermer la caméra",
-  "closesNotification": "Ferme la notification",
-  "collapseAll": "Réduire tout",
-  "createdRecord": "Enregistrement créé",
-  "createdRecordDescription": "Une nouvelle rencontre a été créée",
-  "errorDescriptionTitle": "Erreur lors de l'enregistrement du formulaire",
-  "errorRenderingField": "Erreur lors du rendu du champ",
-  "expandAll": "Développer tout",
-  "fileUploadDescription": "",
-  "fileUploadDescriptionAny": "Télécharger n'importe quel type de fichier",
-  "loading": "Chargement",
-  "notification": "Notification",
-  "preview": "Aperçu",
-  "previousValue": "Valeur précédente :",
-  "removeGroup": "Supprimer le groupe",
-  "revert": "Revenir",
-  "save": "Enregistrer",
-  "search": "Recherche",
-  "submitting": "Soumission",
-  "time": "Temps",
-  "toggleCollapseOrExpand": "Basculer réduire ou développer",
-  "unspecified": "Non spécifié",
-  "unspecifyAll": "Tout non spécifié",
-  "updatedRecord": "Enregistrement mis à jour",
-  "updatedRecordDescription": "La rencontre du patient a été mise à jour",
-  "upload": "Télécharger",
-  "uploadedPhoto": "Photo téléchargée",
-  "uploadImage": "Télécharger une image"
-}

package/translations/km.json

@@ -1,38 +0,0 @@
-{
-  "activeLoadingIndicator": "សិទ្ធិដំណើរការអត្ថបទកំពុងស្រលាញ់",
-  "add": "បន្ថែម",
-  "addCameraImage": "បន្ថែមរូបភាពសាកល្បង",
-  "addFile": "បន្ថែមឯកសារ",
-  "cameraCapture": "ការថតរូបភាពតាមកាមេរ៉ា",
-  "cancel": "បោះបង់",
-  "chooseAnOption": "ជ្រើសរើសជម្រើស",
-  "close": "បិទ",
-  "closeCamera": "បិទកាមេរ៉ា",
-  "closesNotification": "បិទការជូនដំណឹង",
-  "collapseAll": "លាក់ទាំងអស់",
-  "createdRecord": "បានបង្កើតកំណត់ហេតុ",
-  "createdRecordDescription": "បានបង្កើតការចូលទិន្ន័រថ្មី",
-  "errorDescriptionTitle": "កំហុសព័ត៌មានលទ្ធផល",
-  "errorRenderingField": "កំហុសការបង្ហាញវាល",
-  "expandAll": "ពង្រីកទាំងអស់",
-  "fileUploadDescription": "",
-  "fileUploadDescriptionAny": "ផ្ទុកឡើងឯកសារប្រភេទណាមួយ",
-  "loading": "កំពុងដំណើរការ",
-  "notification": "ការជូនដំណឹង",
-  "preview": "មើលជាមុន",
-  "previousValue": "តម្លៃមុន:",
-  "removeGroup": "យកក្រុមចេញ",
-  "revert": "ត្រឡប់ទៅកាន់ដំណើរការដូចដើម",
-  "save": "រក្សាទុក",
-  "search": "ស្វែងរក",
-  "submitting": "កំពុងដាក់ស្នើ",
-  "time": "ពេលវេលា",
-  "toggleCollapseOrExpand": "បិទឬពង្រីកជាមួយគ្រាប់គ្នា",
-  "unspecified": "មិនបានបញ្ជាក់",
-  "unspecifyAll": "មិនបានបញ្ជាក់ទាំងអស់",
-  "updatedRecord": "កំណត់ហេតុដែលបានធ្វើបច្ចុប្បន្នភាព",
-  "updatedRecordDescription": "ការស៊ើបអ្នកជម្រើសបានធ្វើបច្ចុប្បន្នភាព",
-  "upload": "ផ្ទុកឡើង",
-  "uploadedPhoto": "រូបភាពដែលបានផ្ទុកឡើង",
-  "uploadImage": "ផ្ទុករូបភាពឡើង"
-}