@openmrs/esm-fast-data-entry-app 1.0.0-pre.19 → 1.0.0-pre.21

package/src/empty-state/EmptyState.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import { Tile } from "carbon-components-react";
+import styles from "./styles.scss";
+import { useLayoutType } from "@openmrs/esm-framework";
+import { EmptyDataIllustration } from "./EmptyDataIllustration";
+
+export interface EmptyStateProps {
+  headerTitle: string;
+  displayText: string;
+}
+const EmptyState: React.FC<EmptyStateProps> = ({
+  headerTitle,
+  displayText,
+}) => {
+  const isTablet = useLayoutType() === "tablet";
+
+  return (
+    <Tile light className={styles.tile}>
+      <div className={isTablet ? styles.tabletHeading : styles.desktopHeading}>
+        <h4>{headerTitle}</h4>
+      </div>
+      <EmptyDataIllustration />
+      <p className={styles.content}>{displayText}</p>
+    </Tile>
+  );
+};
+
+export default EmptyState;
+export { EmptyState };

package/src/empty-state/styles.scss

@@ -0,0 +1,55 @@
+@import "~@openmrs/esm-styleguide/src/vars";
+@import "~carbon-components/src/globals/scss/vars";
+@import "~carbon-components/src/globals/scss/mixins";
+
+.action {
+  margin-bottom: $spacing-03;
+}
+
+.content {
+  @include carbon--type-style("productive-heading-01");
+  color: $text-02;
+  margin-top: $spacing-05;
+  margin-bottom: $spacing-03;
+}
+
+.desktopHeading {
+  h4 {
+    @include carbon--type-style('productive-heading-02');
+    color: $text-02;
+  }
+}
+
+.tabletHeading {
+  h4 {
+    @include carbon--type-style('productive-heading-03');
+    color: $text-02;
+  }
+}
+
+.desktopHeading, .tabletHeading {
+  text-align: left;
+  text-transform: capitalize;
+  margin-bottom: $spacing-05;
+
+  h4:after {
+    content: "";
+    display: block;
+    width: 2rem;
+    padding-top: 0.188rem;
+    border-bottom: 0.375rem solid var(--brand-03);
+  }
+}
+
+.heading:after {
+  content: "";
+  display: block;
+  width: 2rem;
+  padding-top: 0.188rem;
+  border-bottom: 0.375rem solid var(--brand-03);
+}
+
+.tile {
+  text-align: center;
+  border: 1px solid $ui-03;
+}

package/src/forms/FormWorkflow.tsx

@@ -2,7 +2,7 @@ import { Add20, Close20 } from "@carbon/icons-react";
 import { ExtensionSlot } from "@openmrs/esm-framework";
 import { Button } from "carbon-components-react";
 import React, { useState } from "react";
-import { useParams } from "react-router-dom";
+import { Link, useParams } from "react-router-dom";
 import FormEntry from "../FormEntry";
 import PatientCard from "./PatientCard";
 import PatientInfo from "./PatientInfo";
@@ -45,7 +45,7 @@ const PatientSearchHeader = ({
       </span>
       <span style={{ flexGrow: 1 }} />
       <span>
-        <Button kind="ghost" disabled>
+        <Button kind="ghost" href={`${window.spaBase}/forms`}>
           Cancel <Close20 />
         </Button>
       </span>

package/src/forms/FormsRoot.tsx

@@ -14,8 +14,7 @@ export const formEncounterUrlPoc = `/ws/rest/v1/form?v=custom:${customFormRepres
 export function useFormEncounters(cachedOfflineFormsOnly = false) {
   const showHtmlFormEntryForms = true;
   const url = showHtmlFormEntryForms ? formEncounterUrl : formEncounterUrlPoc;
-
-  return useSWR([url, cachedOfflineFormsOnly], async () => {
+  const { data, error } = useSWR([url, cachedOfflineFormsOnly], async () => {
     const res = await openmrsFetch(url);
     // show published forms and hide component forms
     const forms =
@@ -25,6 +24,12 @@ export function useFormEncounters(cachedOfflineFormsOnly = false) {
 
     return forms;
   });
+
+  return {
+    forms: data,
+    isLoading: !error && !data,
+    error,
+  };
 }
 
 const cleanForms = (rawFormData) => {
@@ -34,12 +39,13 @@ const cleanForms = (rawFormData) => {
       id: form.uuid,
     }));
   }
+  return null;
 };
 
 const FormsRoot = () => {
   const config = useConfig() as Config;
   const { formCategories, formCategoriesToShow } = config;
-  const { data: forms } = useFormEncounters();
+  const { forms, isLoading, error } = useFormEncounters();
   const cleanRows = cleanForms(forms);
 
   const categoryRows = formCategoriesToShow.map((name) => {
@@ -57,11 +63,11 @@ const FormsRoot = () => {
       <h3 style={{ marginBottom: "1.5rem" }}>Forms</h3>
       <Tabs type="container">
         <Tab label="All Forms">
-          <FormsTable rows={cleanRows} />
+          <FormsTable rows={cleanRows} {...{ error, isLoading }} />
         </Tab>
         {categoryRows?.map((category) => (
           <Tab label={category.name}>
-            <FormsTable rows={category.rows} />
+            <FormsTable rows={category.rows} {...{ error, isLoading }} />
           </Tab>
         ))}
       </Tabs>

package/src/forms/FormsTable.tsx

@@ -1,3 +1,4 @@
+import { ErrorState } from "@openmrs/esm-framework";
 import {
   DataTable,
   DataTableSkeleton,
@@ -14,6 +15,7 @@ import {
 } from "carbon-components-react";
 import React from "react";
 import { Link } from "react-router-dom";
+import EmptyState from "../empty-state/EmptyState";
 
 const formsHeader = [
   {
@@ -26,13 +28,28 @@ const formsHeader = [
   },
 ];
 
-const FormsTable = ({ rows }) => {
+const FormsTable = ({ rows, error, isLoading }) => {
   const augmenteRows = rows?.map((row) => ({
     ...row,
     actions: <Link to={row.uuid}>Fill Form</Link>,
   }));
-  if (!rows || !rows?.length) {
-    return <DataTableSkeleton />;
+
+  if (isLoading) return <DataTableSkeleton />;
+  if (error) {
+    return (
+      <EmptyState
+        headerTitle="Error Loading Data"
+        displayText={`Something went wrong loading data from the server. "${error?.response?.status}: ${error?.response?.statusText}"`}
+      />
+    );
+  }
+  if (augmenteRows.length === 0) {
+    return (
+      <EmptyState
+        headerTitle="No Forms To Show"
+        displayText="No forms could be found for this category. Please double check the form concept uuids and access permissions."
+      />
+    );
   }
   return (
     <DataTable rows={augmenteRows} headers={formsHeader} isSortable>

package/dist/375.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_openmrs_esm_fast_data_entry_app=self.webpackChunk_openmrs_esm_fast_data_entry_app||[]).push([[375],{837:(e,t,r)=>{r.r(t),r.d(t,{FormsRoot:()=>A,customFormRepresentation:()=>x,default:()=>I,formEncounterUrl:()=>R,formEncounterUrlPoc:()=>T,useFormEncounters:()=>U});var n=r(5666),o=r.n(n),c=r(311),a=r(622),u=r(751),i=r(4211),l=r.n(i),s=r(8100),f=r(5393),m=r(2370),p=r(5566),d=r(2302),v=r(3567),y=r(5185),b=r(8529),O=r(8722),h=r(9758),w=r(4525),g=r(7450),P=r(7188),j=r(2221);function E(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Z(){return Z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Z.apply(this,arguments)}var k=[{key:"name",header:"Form name"},{key:"actions",header:"Actions"}];const _=function(e){var t=e.rows,r=null==t?void 0:t.map((function(e){return t=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){E(e,t,r[t])}))}return e}({},e),r=null!=(r={actions:l().createElement(j.Link,{to:e.uuid},"Fill Form")})?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})),t;var t,r}));return t&&(null==t?void 0:t.length)?l().createElement(m.ZP,{rows:r,headers:k,isSortable:!0},(function(e){var t=e.rows,r=e.headers,n=e.getTableProps,o=e.getHeaderProps,c=e.getRowProps,a=e.onInputChange;return l().createElement(p.Z,null,l().createElement("div",{style:{position:"relative",display:"flex",height:"3rem",justifyContent:"flex-end"}},l().createElement(d.Z,{style:{width:"20%",minWidth:"200px"}},l().createElement(v.Z,null,l().createElement(y.Z,{onChange:a})))),l().createElement(b.Z,Z({},n()),l().createElement(O.Z,null,l().createElement(h.Z,null,r.map((function(e){return l().createElement(w.Z,Z({},o({header:e})),e.header)})))),l().createElement(g.Z,null,null==t?void 0:t.map((function(e){return l().createElement(h.Z,Z({},c({row:e})),e.cells.map((function(e){return l().createElement(P.Z,{key:e.id},e.value)})))})))))})):l().createElement(f.Z,null)};function S(e,t,r,n,o,c,a){try{var u=e[c](a),i=u.value}catch(e){return void r(e)}u.done?t(i):Promise.resolve(i).then(n,o)}function D(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var c=e.apply(t,r);function a(e){S(c,n,o,a,u,"next",e)}function u(e){S(c,n,o,a,u,"throw",e)}a(void 0)}))}}function F(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function C(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){F(e,t,r[t])}))}return e}var x="(uuid,name,display,encounterType:(uuid,name,viewPrivilege,editPrivilege),version,published,retired,resources:(uuid,name,dataType,valueReference))",R="/ws/rest/v1/form?v=custom:".concat(x),T="/ws/rest/v1/form?v=custom:".concat(x,"&q=poc");function U(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=!0,r=t?R:T;return(0,s.ZP)([r,e],D(o().mark((function e(){var t,n,a,u,i;return o().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=3,(0,c.openmrsFetch)(r);case 3:return a=e.sent,i=null!==(u=null===(t=a.data)||void 0===t||null===(n=t.results)||void 0===n?void 0:n.filter((function(e){return e.published&&!/component/i.test(e.name)})))&&void 0!==u?u:[],e.abrupt("return",i);case 7:case"end":return e.stop()}}),e)}))))}var A=function(){var e=(0,c.useConfig)(),t=e.formCategories,r=e.formCategoriesToShow,n=function(e){if(e)return null==e?void 0:e.map((function(e){return t=C({},e),r=null!=(r={id:e.uuid})?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r}(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})),t;var t,r}))}(U().data),o=r.map((function(e){var r=t.find((function(t){return t.name===e})),o=[];if(r&&n&&n.length){var c,a=null===(c=r.forms)||void 0===c?void 0:c.map((function(e){return e.formUUID}));o=n.filter((function(e){return a.includes(e.uuid)}))}return C({},{name:e,rows:o})}));return l().createElement("div",{style:{padding:"2rem"}},l().createElement("h3",{style:{marginBottom:"1.5rem"}},"Forms"),l().createElement(a.Z,{type:"container"},l().createElement(u.Z,{label:"All Forms"},l().createElement(_,{rows:n})),null==o?void 0:o.map((function(e){return l().createElement(u.Z,{label:e.name},l().createElement(_,{rows:e.rows}))}))))};const I=A}}]);

package/dist/418.js

@@ -1 +0,0 @@
-(self.webpackChunk_openmrs_esm_fast_data_entry_app=self.webpackChunk_openmrs_esm_fast_data_entry_app||[]).push([[418],{1418:(e,n,t)=>{"use strict";t.r(n),t.d(n,{I18nContext:()=>k,I18nextProvider:()=>le,Trans:()=>G,Translation:()=>ue,composeInitialProps:()=>A,date:()=>ye,getDefaults:()=>I,getI18n:()=>R,getInitialProps:()=>L,initReactI18next:()=>T,number:()=>he,plural:()=>be,select:()=>ve,selectOrdinal:()=>Oe,setDefaults:()=>N,setI18n:()=>D,time:()=>me,useSSR:()=>fe,useTranslation:()=>re,withSSR:()=>ge,withTranslation:()=>ce});var r=t(3366);function o(e,n){if(null==e)return{};var t,o,i=(0,r.Z)(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var c=t(4211),s=t(1739),u=t.n(s),l=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;function f(e){var n={type:"tag",name:"",voidElement:!1,attrs:{},children:[]},t=e.match(/<\/?([^\s]+?)[/\s>]/);if(t&&(n.name=t[1],(u()[t[1]]||"/"===e.charAt(e.length-2))&&(n.voidElement=!0),n.name.startsWith("!--"))){var r=e.indexOf("--\x3e");return{type:"comment",comment:-1!==r?e.slice(4,r):""}}for(var o=new RegExp(l),i=null;null!==(i=o.exec(e));)if(i[0].trim())if(i[1]){var a=i[1].trim(),c=[a,""];a.indexOf("=")>-1&&(c=a.split("=")),n.attrs[c[0]]=c[1],o.lastIndex--}else i[2]&&(n.attrs[i[2]]=i[3].trim().substring(1,i[3].length-1));return n}var p=/<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g,d=/^\s*$/,g=Object.create(null);function y(e,n){switch(n.type){case"text":return e+n.content;case"tag":return e+="<"+n.name+(n.attrs?function(e){var n=[];for(var t in e)n.push(t+'="'+e[t]+'"');return n.length?" "+n.join(" "):""}(n.attrs):"")+(n.voidElement?"/>":">"),n.voidElement?e:e+n.children.reduce(y,"")+"</"+n.name+">";case"comment":return e+"\x3c!--"+n.comment+"--\x3e"}}var m={parse:function(e,n){n||(n={}),n.components||(n.components=g);var t,r=[],o=[],i=-1,a=!1;if(0!==e.indexOf("<")){var c=e.indexOf("<");r.push({type:"text",content:-1===c?e:e.substring(0,c)})}return e.replace(p,(function(c,s){if(a){if(c!=="</"+t.name+">")return;a=!1}var u,l="/"!==c.charAt(1),p=c.startsWith("\x3c!--"),g=s+c.length,y=e.charAt(g);if(p){var m=f(c);return i<0?(r.push(m),r):((u=o[i]).children.push(m),r)}if(l&&(i++,"tag"===(t=f(c)).type&&n.components[t.name]&&(t.type="component",a=!0),t.voidElement||a||!y||"<"===y||t.children.push({type:"text",content:e.slice(g,e.indexOf("<",g))}),0===i&&r.push(t),(u=o[i-1])&&u.children.push(t),o[i]=t),(!l||t.voidElement)&&(i>-1&&(t.voidElement||t.name===c.slice(2,-1))&&(i--,t=-1===i?r:o[i]),!a&&"<"!==y&&y)){u=-1===i?r:o[i].children;var h=e.indexOf("<",g),v=e.slice(g,-1===h?void 0:h);d.test(v)&&(v=" "),(h>-1&&i+u.length>=0||" "!==v)&&u.push({type:"text",content:v})}})),r},stringify:function(e){return e.reduce((function(e,n){return e+y("",n)}),"")}};const h=m;var v="".replace,b=/&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34);/g,O={"&amp;":"&","&#38;":"&","&lt;":"<","&#60;":"<","&gt;":">","&#62;":">","&apos;":"'","&#39;":"'","&quot;":'"',"&#34;":'"'};function j(e){return O[e]}function w(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function E(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var x,S={bindI18n:"languageChanged",bindI18nStore:"",transEmptyNodeValue:"",transSupportBasicHtmlNodes:!0,transWrapTextNodes:"",transKeepBasicHtmlNodesFor:["br","strong","i","p"],useSuspense:!0},k=(0,c.createContext)();function N(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};S=E(E({},S),e)}function I(){return S}var C=function(){function e(){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.usedNamespaces={}}var n,t;return n=e,(t=[{key:"addUsedNamespaces",value:function(e){var n=this;e.forEach((function(e){n.usedNamespaces[e]||(n.usedNamespaces[e]=!0)}))}},{key:"getUsedNamespaces",value:function(){return Object.keys(this.usedNamespaces)}}])&&w(n.prototype,t),Object.defineProperty(n,"prototype",{writable:!1}),e}();function D(e){x=e}function R(){return x}var T={type:"3rdParty",init:function(e){N(e.options.react),D(e)}};function A(e){return function(n){return new Promise((function(t){var r=L();e.getInitialProps?e.getInitialProps(n).then((function(e){t(E(E({},e),r))})):t(r)}))}}function L(){var e=R(),n=e.reportNamespaces?e.reportNamespaces.getUsedNamespaces():[],t={},r={};return e.languages.forEach((function(t){r[t]={},n.forEach((function(n){r[t][n]=e.getResourceBundle(t,n)||{}}))})),t.initialI18nStore=r,t.initialLanguage=e.language,t}function _(){if(console&&console.warn){for(var e,n=arguments.length,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];"string"==typeof t[0]&&(t[0]="react-i18next:: ".concat(t[0])),(e=console).warn.apply(e,t)}}var z={};function B(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];"string"==typeof n[0]&&z[n[0]]||("string"==typeof n[0]&&(z[n[0]]=new Date),_.apply(void 0,n))}function U(e,n,t){e.loadNamespaces(n,(function(){e.isInitialized?t():e.on("initialized",(function n(){setTimeout((function(){e.off("initialized",n)}),0),t()}))}))}function H(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.languages[0],o=!!n.options&&n.options.fallbackLng,i=n.languages[n.languages.length-1];if("cimode"===r.toLowerCase())return!0;var a=function(e,t){var r=n.services.backendConnector.state["".concat(e,"|").concat(t)];return-1===r||2===r};return!(t.bindI18n&&t.bindI18n.indexOf("languageChanging")>-1&&n.services.backendConnector.backend&&n.isLanguageChangingTo&&!a(n.isLanguageChangingTo,e)||!n.hasResourceBundle(r,e)&&n.services.backendConnector.backend&&(!n.options.resources||n.options.partialBundledLanguages)&&(!a(r,e)||o&&!a(i,e)))}function K(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!n.languages||!n.languages.length)return B("i18n.languages were undefined or empty",n.languages),!0;var r=void 0!==n.options.ignoreJSONStructure;return r?n.hasLoadedNamespace(e,{precheck:function(n,r){if(t.bindI18n&&t.bindI18n.indexOf("languageChanging")>-1&&n.services.backendConnector.backend&&n.isLanguageChangingTo&&!r(n.isLanguageChangingTo,e))return!1}}):H(e,n,t)}function V(e){return e.displayName||e.name||("string"==typeof e&&e.length>0?e:"Unknown")}var F=["format"],W=["children","count","parent","i18nKey","context","tOptions","values","defaults","components","ns","i18n","t","shouldUnescape"];function M(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function $(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?M(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):M(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Z(e,n){if(!e)return!1;var t=e.props?e.props.children:e.children;return n?t.length>0:!!t}function q(e){return e?e&&e.children?e.children:e.props&&e.props.children:[]}function Y(e){return Array.isArray(e)?e:[e]}function J(e,n){if(!e)return"";var t="",r=Y(e),a=n.transSupportBasicHtmlNodes&&n.transKeepBasicHtmlNodesFor?n.transKeepBasicHtmlNodesFor:[];return r.forEach((function(e,r){if("string"==typeof e)t+="".concat(e);else if((0,c.isValidElement)(e)){var s=Object.keys(e.props).length,u=a.indexOf(e.type)>-1,l=e.props.children;if(!l&&u&&0===s)t+="<".concat(e.type,"/>");else if(l||u&&0===s)if(e.props.i18nIsDynamicList)t+="<".concat(r,"></").concat(r,">");else if(u&&1===s&&"string"==typeof l)t+="<".concat(e.type,">").concat(l,"</").concat(e.type,">");else{var f=J(l,n);t+="<".concat(r,">").concat(f,"</").concat(r,">")}else t+="<".concat(r,"></").concat(r,">")}else if(null===e)_("Trans: the passed in value is invalid - seems you passed in a null child.");else if("object"===i(e)){var p=e.format,d=o(e,F),g=Object.keys(d);if(1===g.length){var y=p?"".concat(g[0],", ").concat(p):g[0];t+="{{".concat(y,"}}")}else _("react-i18next: the passed in object contained more than one variable - the object should look like {{ value, format }} where format is optional.",e)}else _("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.",e)})),t}function G(e){var n=e.children,t=e.count,r=e.parent,a=e.i18nKey,s=e.context,u=e.tOptions,l=void 0===u?{}:u,f=e.values,p=e.defaults,d=e.components,g=e.ns,y=e.i18n,m=e.t,O=e.shouldUnescape,w=o(e,W),P=(0,c.useContext)(k)||{},E=P.i18n,x=P.defaultNS,S=y||E||R();if(!S)return B("You will need to pass in an i18next instance by using i18nextReactModule"),n;var N=m||S.t.bind(S)||function(e){return e};s&&(l.context=s);var C=$($({},I()),S.options&&S.options.react),D=g||N.ns||x||S.options&&S.options.defaultNS;D="string"==typeof D?[D]:D||["translation"];var T=p||J(n,C)||C.transEmptyNodeValue||a,A=C.hashTransKey,L=a||(A?A(T):T),_=f?l.interpolation:{interpolation:$($({},l.interpolation),{},{prefix:"#$?",suffix:"?$#"})},z=$($($($({},l),{},{count:t},f),_),{},{defaultValue:T,ns:D}),U=function(e,n,t,r,o,a){if(""===n)return[];var s=r.transKeepBasicHtmlNodesFor||[],u=n&&new RegExp(s.join("|")).test(n);if(!e&&!u)return[n];var l={};!function e(n){Y(n).forEach((function(n){"string"!=typeof n&&(Z(n)?e(q(n)):"object"!==i(n)||(0,c.isValidElement)(n)||Object.assign(l,n))}))}(e);var f=h.parse("<0>".concat(n,"</0>")),p=$($({},l),o);function d(e,n,t){var r=q(e),o=y(r,n.children,t);return function(e){return"[object Array]"===Object.prototype.toString.call(e)&&e.every((function(e){return(0,c.isValidElement)(e)}))}(r)&&0===o.length?r:o}function g(e,n,t,r,o){e.dummy&&(e.children=n),t.push((0,c.cloneElement)(e,$($({},e.props),{},{key:r}),o?void 0:n))}function y(n,o,l){var f=Y(n);return Y(o).reduce((function(n,o,m){var h,O,w,P,E=o.children&&o.children[0]&&o.children[0].content&&t.services.interpolator.interpolate(o.children[0].content,p,t.language);if("tag"===o.type){var x=f[parseInt(o.name,10)];!x&&1===l.length&&l[0][o.name]&&(x=l[0][o.name]),x||(x={});var S=0!==Object.keys(o.attrs).length?(O={props:o.attrs},(P=$({},w=x)).props=Object.assign(O.props,w.props),P):x,k=(0,c.isValidElement)(S),N=k&&Z(o,!0)&&!o.voidElement,I=u&&"object"===i(S)&&S.dummy&&!k,C="object"===i(e)&&null!==e&&Object.hasOwnProperty.call(e,o.name);if("string"==typeof S){var D=t.services.interpolator.interpolate(S,p,t.language);n.push(D)}else if(Z(S)||N)g(S,d(S,o,l),n,m);else if(I){var R=y(f,o.children,l);n.push((0,c.cloneElement)(S,$($({},S.props),{},{key:m}),R))}else if(Number.isNaN(parseFloat(o.name)))if(C)g(S,d(S,o,l),n,m,o.voidElement);else if(r.transSupportBasicHtmlNodes&&s.indexOf(o.name)>-1)if(o.voidElement)n.push((0,c.createElement)(o.name,{key:"".concat(o.name,"-").concat(m)}));else{var T=y(f,o.children,l);n.push((0,c.createElement)(o.name,{key:"".concat(o.name,"-").concat(m)},T))}else if(o.voidElement)n.push("<".concat(o.name," />"));else{var A=y(f,o.children,l);n.push("<".concat(o.name,">").concat(A,"</").concat(o.name,">"))}else if("object"!==i(S)||k)1===o.children.length&&E?n.push((0,c.cloneElement)(S,$($({},S.props),{},{key:m}),E)):n.push((0,c.cloneElement)(S,$($({},S.props),{},{key:m})));else{var L=o.children[0]?E:null;L&&n.push(L)}}else if("text"===o.type){var _=r.transWrapTextNodes,z=a?(h=t.services.interpolator.interpolate(o.content,p,t.language),v.call(h,b,j)):t.services.interpolator.interpolate(o.content,p,t.language);_?n.push((0,c.createElement)(_,{key:"".concat(o.name,"-").concat(m)},z)):n.push(z)}return n}),[])}return q(y([{dummy:!0,children:e||[]}],f,Y(e||[]))[0])}(d||n,L?N(L,z):T,S,C,z,O),H=void 0!==r?r:C.defaultTransParent;return H?(0,c.createElement)(H,w,U):U}function Q(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function X(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Q(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Q(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ee(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function ne(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ee(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ee(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var te=function(e,n){var t=(0,c.useRef)();return(0,c.useEffect)((function(){t.current=n?t.current:e}),[e,n]),t.current};function re(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=n.i18n,r=(0,c.useContext)(k)||{},o=r.i18n,i=r.defaultNS,a=t||o||R();if(a&&!a.reportNamespaces&&(a.reportNamespaces=new C),!a){B("You will need to pass in an i18next instance by using initReactI18next");var s=function(e){return Array.isArray(e)?e[e.length-1]:e},u=[s,{},!1];return u.t=s,u.i18n={},u.ready=!1,u}a.options.react&&void 0!==a.options.react.wait&&B("It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");var l=ne(ne(ne({},I()),a.options.react),n),f=l.useSuspense,p=l.keyPrefix,d=e||i||a.options&&a.options.defaultNS;d="string"==typeof d?[d]:d||["translation"],a.reportNamespaces.addUsedNamespaces&&a.reportNamespaces.addUsedNamespaces(d);var g=(a.isInitialized||a.initializedStoreOnce)&&d.every((function(e){return K(e,a,l)}));function y(){return a.getFixedT(null,"fallback"===l.nsMode?d:d[0],p)}var m=(0,c.useState)(y),h=X(m,2),v=h[0],b=h[1],O=d.join(),j=te(O),w=(0,c.useRef)(!0);(0,c.useEffect)((function(){var e=l.bindI18n,n=l.bindI18nStore;function t(){w.current&&b(y)}return w.current=!0,g||f||U(a,d,(function(){w.current&&b(y)})),g&&j&&j!==O&&w.current&&b(y),e&&a&&a.on(e,t),n&&a&&a.store.on(n,t),function(){w.current=!1,e&&a&&e.split(" ").forEach((function(e){return a.off(e,t)})),n&&a&&n.split(" ").forEach((function(e){return a.store.off(e,t)}))}}),[a,O]);var P=(0,c.useRef)(!0);(0,c.useEffect)((function(){w.current&&!P.current&&b(y),P.current=!1}),[a]);var E=[v,a,g];if(E.t=v,E.i18n=a,E.ready=g,g)return E;if(!g&&!f)return E;throw new Promise((function(e){U(a,d,(function(){e()}))}))}var oe=["forwardedRef"];function ie(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function ae(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ie(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ie(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function ce(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return function(t){function r(r){var i=r.forwardedRef,a=o(r,oe),s=X(re(e,ae(ae({},a),{},{keyPrefix:n.keyPrefix})),3),u=s[0],l=s[1],f=s[2],p=ae(ae({},a),{},{t:u,i18n:l,tReady:f});return n.withRef&&i?p.ref=i:!n.withRef&&i&&(p.forwardedRef=i),(0,c.createElement)(t,p)}return r.displayName="withI18nextTranslation(".concat(V(t),")"),r.WrappedComponent=t,n.withRef?(0,c.forwardRef)((function(e,n){return(0,c.createElement)(r,Object.assign({},e,{forwardedRef:n}))})):r}}var se=["ns","children"];function ue(e){var n=e.ns,t=e.children,r=X(re(n,o(e,se)),3),i=r[0],a=r[1],c=r[2];return t(i,{i18n:a,lng:a.language},c)}function le(e){var n=e.i18n,t=e.defaultNS,r=e.children,o=(0,c.useMemo)((function(){return{i18n:n,defaultNS:t}}),[n,t]);return(0,c.createElement)(k.Provider,{value:o},r)}function fe(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.i18n,o=(0,c.useContext)(k)||{},i=o.i18n,a=r||i||R();a.options&&a.options.isClone||(e&&!a.initializedStoreOnce&&(a.services.resourceStore.data=e,a.options.ns=Object.values(e).reduce((function(e,n){return Object.keys(n).forEach((function(n){e.indexOf(n)<0&&e.push(n)})),e}),a.options.ns),a.initializedStoreOnce=!0,a.isInitialized=!0),n&&!a.initializedLanguageOnce&&(a.changeLanguage(n),a.initializedLanguageOnce=!0))}var pe=["initialI18nStore","initialLanguage"];function de(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function ge(){return function(e){function n(n){var t=n.initialI18nStore,r=n.initialLanguage,i=o(n,pe);return fe(t,r),(0,c.createElement)(e,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?de(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):de(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},i))}return n.getInitialProps=A(e),n.displayName="withI18nextSSR(".concat(V(e),")"),n.WrappedComponent=e,n}}var ye=function(){return""},me=function(){return""},he=function(){return""},ve=function(){return""},be=function(){return""},Oe=function(){return""}},1739:e=>{e.exports={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0}},3366:(e,n,t)=>{"use strict";function r(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}t.d(n,{Z:()=>r})}}]);