@openmrs/esm-openconceptlab-app 3.0.1-pre.5 → 3.0.1-pre.7

package/src/previous-imports/import-overview/import-overview.test.tsx

@@ -0,0 +1,83 @@
+import React from 'react';
+import { screen, waitFor } from '@testing-library/react';
+import { formatDatetime } from '@openmrs/esm-framework';
+import { renderWithSwr } from '../../../../../tools/test-helpers';
+import { mockPreviousImports } from '../../../../../__mocks__/openconceptlab.mock';
+import { Import } from '../../types';
+import ImportOverview from './import-overview.component';
+
+describe(`Import Overview component`, () => {
+  it(`renders without dying`, () => {
+    renderImportOverviewComponent(mockPreviousImports[0]);
+  });
+
+  it(`renders the fields`, async () => {
+    renderImportOverviewComponent(mockPreviousImports[0]);
+    await waitForLoadingToFinish();
+
+    expect(screen.getByText('Started on')).toBeVisible();
+    expect(screen.getByText('Completed on')).toBeVisible();
+    expect(screen.getByText('Duration')).toBeVisible();
+    expect(screen.getByText('Result:')).toBeVisible();
+  });
+
+  it(`renders the import details when no errored items`, async () => {
+    const selectedImport = mockPreviousImports[0];
+
+    renderImportOverviewComponent(selectedImport);
+    await waitForLoadingToFinish();
+
+    const startedTimeText = formatDatetime(selectedImport.localDateStarted);
+    const stoppedTimeText = formatDatetime(selectedImport.localDateStopped);
+    const upToDateItemsText = selectedImport.upToDateItemsCount + ' concepts up to date';
+    const addedItemsText = selectedImport.addedItemsCount + ' concepts added';
+    const updatedItemsText = selectedImport.updatedItemsCount + ' concepts updated';
+    const retiredItemsText = selectedImport.retiredItemsCount + ' concepts retired';
+    const errorItemsText = selectedImport.errorItemsCount + ' errors found';
+    const ignoredErrorsText = selectedImport.ignoredErrorsCount + ' errors ignored';
+
+    expect(screen.getByText(startedTimeText)).toBeVisible();
+    expect(screen.getByText(stoppedTimeText)).toBeVisible();
+    expect(screen.getByText(upToDateItemsText)).toBeVisible();
+    expect(screen.getByText(addedItemsText)).toBeVisible();
+    expect(screen.getByText(updatedItemsText)).toBeVisible();
+    expect(screen.getByText(retiredItemsText)).toBeVisible();
+    expect(screen.getByText(errorItemsText)).toBeVisible();
+    expect(screen.getByText(ignoredErrorsText)).toBeVisible();
+  });
+
+  it(`renders the import details when there are errored items`, async () => {
+    const selectedImport = mockPreviousImports[1];
+
+    renderImportOverviewComponent(selectedImport);
+    await waitForLoadingToFinish();
+
+    const startedTimeText = formatDatetime(selectedImport.localDateStarted);
+    const stoppedTimeText = formatDatetime(selectedImport.localDateStopped);
+    const upToDateItemsText = selectedImport.upToDateItemsCount + ' concepts up to date';
+    const addedItemsText = selectedImport.addedItemsCount + ' concepts added';
+    const updatedItemsText = selectedImport.updatedItemsCount + ' concepts updated';
+    const retiredItemsText = selectedImport.retiredItemsCount + ' concepts retired';
+    const errorItemsText = selectedImport.errorItemsCount + ' errors found';
+    const ignoredErrorsText = selectedImport.ignoredErrorsCount + ' errors ignored';
+
+    expect(screen.getByText(startedTimeText)).toBeVisible();
+    expect(screen.getByText(stoppedTimeText)).toBeVisible();
+    expect(screen.getByText(upToDateItemsText)).toBeVisible();
+    expect(screen.getByText(addedItemsText)).toBeVisible();
+    expect(screen.getByText(updatedItemsText)).toBeVisible();
+    expect(screen.getByText(retiredItemsText)).toBeVisible();
+    expect(screen.getByText(errorItemsText)).toBeVisible();
+    expect(screen.getByText(ignoredErrorsText)).toBeVisible();
+  });
+});
+
+function renderImportOverviewComponent(importObject: Import) {
+  renderWithSwr(<ImportOverview selectedImportObject={importObject} />);
+}
+
+function waitForLoadingToFinish() {
+  return waitFor(() => {
+    expect(screen.getByText('Started on')).toBeVisible(), { timeout: 2000 };
+  });
+}

package/src/previous-imports/previous-imports.component.scss

@@ -0,0 +1,39 @@
+@use "@carbon/styles/scss/spacing";
+@use "@carbon/styles/scss/type";
+@import "~@openmrs/esm-styleguide/src/vars";
+
+.grid {
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.productiveHeading03 {
+  @include type.type-style('productive-heading-03');
+  margin-bottom: spacing.$spacing-03;
+}
+
+.pagination {
+  @include type.type-style('body-short-01');
+  background-color: $ui-02;
+  color: $text-02;
+  border: 1px solid $ui-03;
+  display: flex;
+}
+
+.tableBordered {
+  border: 1px solid $ui-03;
+}
+
+.tableRow > td {
+  background-color: $ui-02;
+  border-bottom: 1px solid $ui-03 !important;
+}
+
+.tableExpandedRow > td {
+  padding-left: spacing.$spacing-09 !important;
+  padding-right: spacing.$spacing-09;
+  padding-top: spacing.$spacing-05;
+  padding-bottom: spacing.$spacing-05;
+}

package/src/previous-imports/previous-imports.component.tsx

@@ -0,0 +1,136 @@
+import { formatDatetime, showNotification, usePagination } from '@openmrs/esm-framework';
+import {
+  Column,
+  DataTable,
+  DataTableSkeleton,
+  Pagination,
+  PaginationSkeleton,
+  Grid,
+  SkeletonText,
+  Table,
+  TableBody,
+  TableCell,
+  TableExpandedRow,
+  TableExpandHeader,
+  TableExpandRow,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@carbon/react';
+import React, { Fragment, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { usePreviousImports } from './previous-imports.resource';
+import styles from './previous-imports.component.scss';
+import { Import } from '../types';
+import ImportOverview from './import-overview/import-overview.component';
+
+const PreviousImports: React.FC = () => {
+  const { t } = useTranslation();
+  const [pageSize, setPageSize] = useState(10);
+
+  const { data: prevImports, isLoading, isError } = usePreviousImports();
+  const { results, currentPage, goTo } = usePagination(prevImports, pageSize);
+
+  if (isLoading) {
+    return (
+      <Grid className={styles.grid}>
+        <Column sm={4} md={8} lg={10}>
+          <SkeletonText className={styles.productiveHeading03} />
+          <DataTableSkeleton showHeader={false} showToolbar={false} rowCount={10} columnCount={3} />
+          <PaginationSkeleton />
+        </Column>
+      </Grid>
+    );
+  }
+
+  if (isError) {
+    showNotification({
+      kind: 'error',
+      description: t('previousImportsFetchError', 'Error occured while fetching the imports'),
+    });
+  }
+
+  const headerData = [
+    {
+      header: t('dateAndTime', 'Date and Time'),
+      key: 'localDateStarted',
+    },
+    {
+      header: t('duration', 'Duration'),
+      key: 'importTime',
+    },
+    {
+      header: t('status', 'Status'),
+      key: 'status',
+    },
+  ];
+
+  const rowData = results?.map((prevImport) => {
+    return {
+      id: prevImport.uuid,
+      localDateStarted: formatDatetime(new Date(prevImport.localDateStarted)),
+      importTime: prevImport.importTime,
+      status: prevImport.status,
+    };
+  });
+
+  return (
+    !isLoading &&
+    !isError && (
+      <Grid className={styles.grid}>
+        <Column sm={4} md={8} lg={10}>
+          <h3 className={styles.productiveHeading03}>{t('previousImports', 'Previous Imports')}</h3>
+
+          <DataTable rows={rowData} headers={headerData} size="sm">
+            {({ rows, headers, getHeaderProps, getRowProps, getTableProps }) => (
+              <Table {...getTableProps()} className={styles.tableBordered}>
+                <TableHead>
+                  <TableRow>
+                    <TableExpandHeader />
+                    {headers.map((header, i) => (
+                      <TableHeader key={i} {...getHeaderProps({ header })}>
+                        {header.header}
+                      </TableHeader>
+                    ))}
+                  </TableRow>
+                </TableHead>
+                <TableBody>
+                  {rows.map((row) => (
+                    <Fragment key={row.id}>
+                      <TableExpandRow {...getRowProps({ row })} className={styles.tableRow}>
+                        {row.cells.map((cell) => (
+                          <TableCell key={cell.id}>{cell.value}</TableCell>
+                        ))}
+                      </TableExpandRow>
+                      {row.isExpanded && (
+                        <TableExpandedRow colSpan={headers.length + 1} className={styles.tableExpandedRow}>
+                          <ImportOverview
+                            selectedImportObject={prevImports.find((importItem: Import) => importItem.uuid === row.id)}
+                          />
+                        </TableExpandedRow>
+                      )}
+                    </Fragment>
+                  ))}
+                </TableBody>
+              </Table>
+            )}
+          </DataTable>
+          <Pagination
+            className={styles.pagination}
+            size="sm"
+            page={currentPage}
+            pageSize={pageSize}
+            pageSizes={[10, 20, 50, 100]}
+            totalItems={prevImports.length}
+            onChange={({ page, pageSize }) => {
+              goTo(page);
+              setPageSize(pageSize);
+            }}
+          />
+        </Column>
+      </Grid>
+    )
+  );
+};
+
+export default PreviousImports;

package/src/previous-imports/previous-imports.resource.ts

@@ -0,0 +1,17 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+import { Import } from '../types';
+
+export function usePreviousImports() {
+  const { data, error, isValidating } = useSWR<{ data: { results: Import[] } }, Error>(
+    '/ws/rest/v1/openconceptlab/import?v=full',
+    openmrsFetch,
+  );
+
+  return {
+    data: data?.data?.results,
+    isLoading: !data && !error,
+    isError: error,
+    isValidating,
+  };
+}

package/src/previous-imports/previous-imports.test.tsx

@@ -0,0 +1,77 @@
+import React from 'react';
+import { screen, waitFor } from '@testing-library/react';
+import { formatDatetime, openmrsFetch, usePagination } from '@openmrs/esm-framework';
+import { renderWithSwr } from '../../../../tools/test-helpers';
+import { mockPreviousImports } from '../../../../__mocks__/openconceptlab.mock';
+import { Import } from '../types';
+import PreviousImports from './previous-imports.component';
+
+const mockOpenmrsFetch = openmrsFetch as jest.Mock;
+const mockUsePagination = usePagination as jest.Mock;
+
+jest.mock('@openmrs/esm-framework', () => {
+  const originalModule = jest.requireActual('@openmrs/esm-framework');
+
+  return {
+    ...originalModule,
+    usePagination: jest.fn(),
+  };
+});
+
+describe(`Previous Imports component`, () => {
+  afterEach(() => {
+    mockUsePagination.mockReset();
+  });
+
+  it(`renders without dying`, () => {
+    mockUsePagination.mockReturnValue({
+      currentPage: 1,
+      goTo: () => {},
+      results: [],
+    });
+    renderPreviousImportsComponent();
+  });
+
+  it(`renders the table`, async () => {
+    mockOpenmrsFetch.mockReturnValueOnce({ data: { results: [] } });
+    mockUsePagination.mockReturnValue({
+      currentPage: 1,
+      goTo: () => {},
+      results: [],
+    });
+    renderPreviousImportsComponent();
+    await waitForLoadingToFinish();
+
+    expect(screen.getByText('Previous Imports')).toBeVisible();
+    expect(screen.getByText('Date and Time')).toBeVisible();
+    expect(screen.getByText('Duration')).toBeVisible();
+    expect(screen.getByText('Status')).toBeVisible();
+  });
+
+  it(`renders the previous imports correctly`, async () => {
+    mockOpenmrsFetch.mockReturnValueOnce({ data: { results: mockPreviousImports } });
+    mockUsePagination.mockReturnValue({
+      currentPage: 1,
+      goTo: () => {},
+      results: mockPreviousImports,
+    });
+    renderPreviousImportsComponent();
+    await waitForLoadingToFinish();
+
+    mockPreviousImports.forEach((item: Import) => {
+      expect(screen.getByText(formatDatetime(item.localDateStarted))).toBeVisible();
+      expect(screen.getByText(item.importTime)).toBeVisible();
+      expect(screen.getByText(item.status)).toBeVisible();
+    });
+  });
+});
+
+function renderPreviousImportsComponent() {
+  renderWithSwr(<PreviousImports />);
+}
+
+function waitForLoadingToFinish() {
+  return waitFor(() => {
+    expect(screen.getByText('Previous Imports')).toBeVisible(), { timeout: 2000 };
+  });
+}

package/src/root.component.tsx

@@ -5,6 +5,7 @@ import { SWRConfig } from 'swr';
 import Subscription from './subscription/subscription.component';
 import styles from './root.component.scss';
 import Import from './import/import.component';
+import PreviousImports from './previous-imports/previous-imports.component';
 
 const Root: React.FC = () => {
   const { t } = useTranslation();
@@ -25,7 +26,9 @@ const Root: React.FC = () => {
             <TabPanel className={styles.tabPanel}>
               <Import />
             </TabPanel>
-            <TabPanel className={styles.tabPanel} />
+            <TabPanel className={styles.tabPanel}>
+              <PreviousImports />
+            </TabPanel>
           </TabPanels>
         </Tabs>
       </main>

package/src/types.ts

@@ -14,6 +14,7 @@ export interface Import {
   errorMessage: string;
   importProgress: number;
   allItemsCount: number;
+  addedItemsCount: number;
   errorItemsCount: number;
   ignoredErrorsCount: number;
   updatedItemsCount: number;
@@ -22,3 +23,12 @@ export interface Import {
   unretiredItemsCount: number;
   status: string;
 }
+
+export interface ImportItem {
+  uuid: string;
+  errorMessage: string;
+  type: 'CONCEPT' | 'MAPPING';
+  versionUrl: string;
+  updatedOn: Date;
+  state: 'ADDED' | 'UPDATED' | 'RETIRED' | 'UNRETIRED' | 'ERROR' | 'IGNORED_ERROR' | 'UP_TO_DATE' | 'DUPLICATE';
+}

package/translations/en.json

@@ -33,5 +33,21 @@
   "noFileSelected": "No file selected",
   "noSubscriptionError": "No saved subscription",
   "fileFormatError": "Only .zip files are allowed",
-  "subscriptionError": "Error occured while fetching the subscription"
+  "subscriptionError": "Error occured while fetching the subscription", 
+  "previousImportsFetchError": "Error occured while fetching the imports",
+  "dateAndTime": "Date and Time",
+  "duration": "Duration",
+  "status": "Status",
+  "startedOn": "Started on",
+  "completedOn": "Completed on",
+  "result": "Result:",
+  "conceptsUpToDate": "concepts up to date",
+  "conceptsAdded": "concepts added",
+  "conceptsUpdated": "concepts updated",
+  "conceptsRetired": "concepts retired",
+  "errorsFound": "errors found",
+  "errorsIgnored": "errors ignored",
+  "importItemsFetchError": "Error occured while fetching the import items",
+  "conceptOrMapping": "Concept/Mapping",
+  "message": "Message"
 }

package/dist/15.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_openmrs_esm_openconceptlab_app=self.webpackChunk_openmrs_esm_openconceptlab_app||[]).push([[15],{2015:(e,t,n)=>{n.r(t),n.d(t,{default:()=>oe});var r=n(4507),o=n(268),a=n.n(o),i=n(4924),c=n(9857),s=n(5047),l=n.n(s),u=n(906),p=n(9140);function m(e,t,n,r,o,a,i){try{var c=e[a](i),s=c.value}catch(e){return void n(e)}c.done?t(s):Promise.resolve(s).then(r,o)}function d(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function i(e){m(a,r,o,i,c,"next",e)}function c(e){m(a,r,o,i,c,"throw",e)}i(void 0)}))}}function b(e,t){return f.apply(this,arguments)}function f(){return(f=d(l().mark((function e(t,n){var r;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=(0,p.Z)(t.uuid)?"/ws/rest/v1/openconceptlab/subscription":"/ws/rest/v1/openconceptlab/subscription/".concat(t.uuid),e.abrupt("return",(0,u.openmrsFetch)(r,{method:"POST",body:t,headers:{"Content-Type":"application/json"},signal:null==n?void 0:n.signal}));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function _(e,t){return g.apply(this,arguments)}function g(){return(g=d(l().mark((function e(t,n){var r;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r="/ws/rest/v1/openconceptlab/subscription/".concat(t.uuid),e.abrupt("return",(0,u.openmrsFetch)(r,{method:"DELETE",signal:null==n?void 0:n.signal}));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var v=n(6062),h=n.n(v),y=n(4036),E=n.n(y),w=n(6793),k=n.n(w),N=n(7892),x=n.n(N),S=n(1173),T=n.n(S),P=n(2464),O=n.n(P),C=n(7542),F={};F.styleTagTransform=O(),F.setAttributes=x(),F.insert=k().bind(null,"head"),F.domAPI=E(),F.insertStyleElement=T(),h()(C.Z,F);const j=C.Z&&C.Z.locals?C.Z.locals:void 0;function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function Z(e,t,n,r,o,a,i){try{var c=e[a](i),s=c.value}catch(e){return void n(e)}c.done?t(s):Promise.resolve(s).then(r,o)}function D(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function i(e){Z(a,r,o,i,c,"next",e)}function c(e){Z(a,r,o,i,c,"throw",e)}i(void 0)}))}}function L(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){L(e,t,n[t])}))}return e}function z(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function B(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return A(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}(e,t)||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.")}()}const I=function(){var e=(0,i.useTranslation)().t,t=(0,c.kY)().mutate,n=B((0,o.useState)(""),2),s=n[0],p=n[1],m=B((0,o.useState)(""),2),d=m[0],f=m[1],g=B((0,o.useState)(!1),2),v=g[0],h=g[1],y=B((0,o.useState)("FULL"),2),E=y[0],w=y[1],k=function(){var e,t=(0,c.ZP)("/ws/rest/v1/openconceptlab/subscription?v=full",u.openmrsFetch),n=t.data,r=t.error,o=t.isValidating;return{data:null==n||null===(e=n.data)||void 0===e?void 0:e.results[0],isLoading:!n&&!r,isError:r,isValidating:o}}(),N=k.data,x=k.isLoading,S=k.isError;(0,o.useEffect)((function(){x||S||(p((null==N?void 0:N.url)||""),f((null==N?void 0:N.token)||""),h((null==N?void 0:N.subscribedToSnapshot)||!1),w((null==N?void 0:N.validationType)||"FULL"))}),[x,S,N]);var T,P=(0,o.useCallback)((function(e){p(e.target.value)}),[]),O=(0,o.useCallback)((function(e){f(e.target.value)}),[]),C=(0,o.useCallback)((function(e){w(e?"NONE":"FULL")}),[]),F=(0,o.useCallback)((function(e){h(e)}),[]),A=(0,o.useCallback)((T=D(l().mark((function n(r){var o,a,i;return l().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return r.preventDefault(),r.stopPropagation(),o=new AbortController,a=z(H({},N),{url:s,token:d,validationType:E,subscribedToSnapshot:v}),t("/ws/rest/v1/openconceptlab/subscription?v=full",a,!1),n.next=7,b(a,o);case 7:return i=n.sent,t("/ws/rest/v1/openconceptlab/subscription?v=full"),i.ok?(0,u.showNotification)({kind:"success",description:e(201===i.status?"subscriptionCreated":"subscriptionUpdated")}):(0,u.showNotification)({title:e("errorSavingSubscription"),kind:"error",critical:!0,description:JSON.stringify(i.data)}),n.abrupt("return",(function(){return o.abort()}));case 11:case"end":return n.stop()}}),n)}))),function(e){return T.apply(this,arguments)}),[s,d,E,v,e,N,t]),Z=(0,o.useCallback)((function(){p((null==N?void 0:N.url)||""),f((null==N?void 0:N.token)||""),h((null==N?void 0:N.subscribedToSnapshot)||!1),w((null==N?void 0:N.validationType)||"FULL"),(0,u.showNotification)({kind:"info",description:e("cancelledChanges")})}),[N,e]),L=(0,o.useCallback)(function(){var n=D(l().mark((function n(r){var o,a;return l().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return r.preventDefault(),r.stopPropagation(),o=new AbortController,n.next=5,_(N,o);case 5:return a=n.sent,t("/ws/rest/v1/openconceptlab/subscription?v=full"),204===a.status?(p(""),f(""),h(!1),w("FULL"),(0,u.showNotification)({kind:"success",description:e("subscriptionDeleted")})):(0,u.showNotification)({title:e("errorDeletingSubscription"),kind:"error",critical:!0,description:JSON.stringify(a.data)}),n.abrupt("return",(function(){return o.abort()}));case 9:case"end":return n.stop()}}),n)})));return function(e){return n.apply(this,arguments)}}(),[N,e,t]);return x?a().createElement(r.rjZ,{className:j.grid},a().createElement(r.sgG,{sm:4,md:8,lg:10},a().createElement(r.l09,null,a().createElement(r.N2B,{className:j.productiveHeading03}),a().createElement(r.Kqy,{gap:5},a().createElement(r.znL,null),a().createElement(r.znL,null),a().createElement(r.cwH,{legendText:a().createElement(r.N2B,{width:"75px"}),className:j.formGroup},a().createElement(r.jJq,null),a().createElement(r.jJq,null))),a().createElement(r.Db,null),a().createElement(r.Db,null)),a().createElement(r.l09,{className:j.unsubscribeForm},a().createElement(r.N2B,{className:j.productiveHeading03}),a().createElement(r.N2B,{className:j.unsubscribeText}),a().createElement(r.Db,null)))):(S&&(0,u.showNotification)({kind:"error",description:e("subscriptionError")}),a().createElement(r.rjZ,{className:j.grid},a().createElement(r.sgG,{sm:4,md:8,lg:10},a().createElement(r.l09,{onSubmit:A},a().createElement("h3",{className:j.productiveHeading03},e("setupSubscription")),a().createElement(r.Kqy,{gap:5},a().createElement(r.oil,{id:"subscriptionUrl",type:"url",labelText:e("subscriptionUrl"),placeholder:"https://api.openconceptlab.org/orgs/organization-name/collections/dictionary-name",value:s,onChange:P,light:!0,required:!0}),a().createElement(r.oil,{id:"apiToken",type:"password",placeholder:"••••••••••••••••••••••••••••••••••••••••••••••••",labelText:e("apiToken"),value:d,onChange:O,light:!0,required:!0}),a().createElement(r.cwH,{legendText:e("advancedOptions"),className:j.formGroup},a().createElement(r.XZJ,{checked:v,onChange:F,labelText:e("subscribeToSnapshotText"),id:"isSubscribedToSnapshot"}),a().createElement(r.XZJ,{checked:"NONE"===E,onChange:C,labelText:e("disableValidationText"),id:"isValidationDisabled"}))),a().createElement(r.zxk,{kind:"secondary",onClick:Z},e("cancelButton")),a().createElement(r.zxk,{kind:"primary",type:"submit"},e("subscribeButton"))),a().createElement(r.l09,{onSubmit:L,className:j.unsubscribeForm},a().createElement("h3",{className:j.productiveHeading03},e("unsubscribe")),a().createElement("p",{className:j.unsubscribeText},e("unsubscribeInfo")),a().createElement(r.zxk,{kind:"danger",type:"submit",disabled:!N},e("unsubscribeButton"))))))};var G=n(302),U={};U.styleTagTransform=O(),U.setAttributes=x(),U.insert=k().bind(null,"head"),U.domAPI=E(),U.insertStyleElement=T(),h()(G.Z,U);const K=G.Z&&G.Z.locals?G.Z.locals:void 0;var J=n(3111),q={};q.styleTagTransform=O(),q.setAttributes=x(),q.insert=k().bind(null,"head"),q.domAPI=E(),q.insertStyleElement=T(),h()(J.Z,q);const V=J.Z&&J.Z.locals?J.Z.locals:void 0;function M(e,t,n,r,o,a,i){try{var c=e[a](i),s=c.value}catch(e){return void n(e)}c.done?t(s):Promise.resolve(s).then(r,o)}function X(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function i(e){M(a,r,o,i,c,"next",e)}function c(e){M(a,r,o,i,c,"throw",e)}i(void 0)}))}}function Y(e){return $.apply(this,arguments)}function $(){return($=X(l().mark((function e(t){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",(0,u.openmrsFetch)("/ws/rest/v1/openconceptlab/import",{method:"POST",body:{},headers:{"Content-Type":"application/json"},signal:null==t?void 0:t.signal}));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function W(e,t){return Q.apply(this,arguments)}function Q(){return(Q=X(l().mark((function e(t,n){var r;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return(r=new FormData).append("file",t),e.abrupt("return",(0,u.openmrsFetch)("/ws/rest/v1/openconceptlab/import",{method:"POST",body:r,signal:null==n?void 0:n.signal}));case 4:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ee(e,t,n,r,o,a,i){try{var c=e[a](i),s=c.value}catch(e){return void n(e)}c.done?t(s):Promise.resolve(s).then(r,o)}function te(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var a=e.apply(t,n);function i(e){ee(a,r,o,i,c,"next",e)}function c(e){ee(a,r,o,i,c,"throw",e)}i(void 0)}))}}function ne(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,c=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(c)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}(e,t)||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.")}()}const re=function(){var e=(0,i.useTranslation)().t,t=ne((0,o.useState)(!1),2),n=t[0],s=t[1],p=ne((0,o.useState)(),2),m=p[0],d=p[1],b=function(){var e,t=(0,c.ZP)("/ws/rest/v1/openconceptlab/subscription?v=full",u.openmrsFetch),n=t.data,r=t.error,o=t.isValidating;return{data:null==n||null===(e=n.data)||void 0===e?void 0:e.results[0],isLoading:!n&&!r,isError:r,isValidating:o}}(),f=b.data,_=b.isLoading,g=b.isError;(0,o.useEffect)((function(){_||g||s(!!f)}),[_,g,f]);var v,h=(0,o.useCallback)((function(t,n){var r=n.addedFiles[0];"application/zip"!==r.type?(0,u.showNotification)({kind:"error",description:e("fileFormatError")}):d(r)}),[e]),y=(0,o.useCallback)((function(){d(null)}),[]),E=(0,o.useCallback)((v=te(l().mark((function t(r){var o;return l().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(r.preventDefault(),r.stopPropagation(),n){t.next=5;break}return(0,u.showNotification)({kind:"error",description:e("noSubscriptionError")}),t.abrupt("return");case 5:return o=new AbortController,t.next=8,Y(o);case 8:201===t.sent.status?(0,u.showNotification)({kind:"success",description:e("importSuccess")}):(0,u.showNotification)({kind:"error",description:e("importFailed")});case 10:case"end":return t.stop()}}),t)}))),function(e){return v.apply(this,arguments)}),[n,e]),w=(0,o.useCallback)(function(){var t=te(l().mark((function t(n){var r;return l().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(n.preventDefault(),n.stopPropagation(),m){t.next=5;break}return(0,u.showNotification)({kind:"error",description:e("noFileSelected")}),t.abrupt("return");case 5:return r=new AbortController,t.next=8,W(m,r);case 8:201===t.sent.status?(d(null),(0,u.showNotification)({kind:"success",description:e("importSuccess")})):(0,u.showNotification)({kind:"error",description:e("importFailed")});case 10:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}(),[m,e]);return _?a().createElement(r.rjZ,{className:V.grid},a().createElement(r.sgG,{sm:4,md:8,lg:10},a().createElement(r.l09,null,a().createElement(r.N2B,{className:V.productiveHeading03,heading:!0}),a().createElement(r.N2B,{className:V.formText,paragraph:!0,lineCount:2}),a().createElement(r.Db,null)),a().createElement(r.l09,{className:V.form},a().createElement(r.N2B,{className:V.productiveHeading03,heading:!0}),a().createElement(r.N2B,{className:V.formText}),a().createElement(r.rhD,{style:{marginBottom:"1.5rem"}}),a().createElement(r.Db,null)))):(g&&(0,u.showNotification)({kind:"error",description:e("subscriptionError")}),a().createElement(r.rjZ,{className:V.grid},a().createElement(r.sgG,{sm:4,md:8,lg:10},a().createElement(r.l09,{onSubmit:E},a().createElement("h3",{className:V.productiveHeading03},e("importConcepts")),a().createElement("p",{className:V.formText},e("importInstructions")),a().createElement(r.zxk,{kind:"primary",type:"submit",disabled:!n},e("importFromSubscription"))),a().createElement(r.l09,{className:V.form,onSubmit:w},a().createElement("h3",{className:V.productiveHeading03},e("importFromFileHeading")),a().createElement("p",{className:V.formText},e("importFromFileInfo")),m?a().createElement(r.Py3,{key:m.name,name:m.name,size:"default",status:"edit",iconDescription:e("fileAdded"),onDelete:y,style:{backgroundColor:"#e0e0e0"}}):a().createElement(r.awp,{accept:["application/zip"],multiple:!0,labelText:e("importFromFileDragInfo"),onAddFiles:h,style:{marginBottom:"1.5rem"}}),a().createElement(r.zxk,{kind:"primary",type:"submit"},e("importFromFile"))))))},oe=function(){var e=(0,i.useTranslation)().t;return a().createElement(c.J$,null,a().createElement("main",{className:"omrs-main-content ".concat(K.main)},a().createElement("h3",{className:K.moduleHeader},e("moduleTitle")),a().createElement(r.mQc,null,a().createElement(r.tdY,{className:K.tabList,contained:!0},a().createElement(r.OK9,null,e("subscription")," "),a().createElement(r.OK9,null,e("import")," "),a().createElement(r.OK9,null,e("previousImports")," ")),a().createElement(r.nPR,null,a().createElement(r.x45,{className:K.tabPanel},a().createElement(I,null)),a().createElement(r.x45,{className:K.tabPanel},a().createElement(re,null)),a().createElement(r.x45,{className:K.tabPanel})))))}},3111:(e,t,n)=>{n.d(t,{Z:()=>a});var r=n(2609),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-openconceptlab__import-component__grid___5wW0H{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.-esm-openconceptlab__import-component__productiveHeading03___m6cC7{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0);margin-bottom:.5rem}.-esm-openconceptlab__import-component__form___BAtOz{margin-top:2rem}.-esm-openconceptlab__import-component__formText___-LFNS{padding-bottom:1rem}.-esm-openconceptlab__import-component__fileUploaderDropContainer___u9wb\\+{margin-bottom:1.5rem}",""]),o.locals={grid:"-esm-openconceptlab__import-component__grid___5wW0H",productiveHeading03:"-esm-openconceptlab__import-component__productiveHeading03___m6cC7",form:"-esm-openconceptlab__import-component__form___BAtOz",formText:"-esm-openconceptlab__import-component__formText___-LFNS",fileUploaderDropContainer:"-esm-openconceptlab__import-component__fileUploaderDropContainer___u9wb+"};const a=o},302:(e,t,n)=>{n.d(t,{Z:()=>a});var r=n(2609),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-openconceptlab__root-component__main___G0\\+lN{background-color:#fff}.-esm-openconceptlab__root-component__moduleHeader___yB-PY{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0);padding-left:1rem;padding-top:1rem;padding-bottom:1rem}.-esm-openconceptlab__root-component__tabList___aXyg4{padding:0 1rem}.-esm-openconceptlab__root-component__tabPanel___2e0wL{height:100%;background-color:#f4f4f4}",""]),o.locals={main:"-esm-openconceptlab__root-component__main___G0+lN",moduleHeader:"-esm-openconceptlab__root-component__moduleHeader___yB-PY",tabList:"-esm-openconceptlab__root-component__tabList___aXyg4",tabPanel:"-esm-openconceptlab__root-component__tabPanel___2e0wL"};const a=o},7542:(e,t,n)=>{n.d(t,{Z:()=>a});var r=n(2609),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79}.-esm-openconceptlab__subscription-component__grid___Kwugy{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.-esm-openconceptlab__subscription-component__productiveHeading03___xgZur{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0);margin-bottom:.5rem}.-esm-openconceptlab__subscription-component__formGroup___GmK5h{margin-bottom:1rem}.-esm-openconceptlab__subscription-component__unsubscribeText___B9jCa{padding-bottom:1rem}.-esm-openconceptlab__subscription-component__unsubscribeForm___dMi0v{margin-top:1rem}",""]),o.locals={grid:"-esm-openconceptlab__subscription-component__grid___Kwugy",productiveHeading03:"-esm-openconceptlab__subscription-component__productiveHeading03___xgZur",formGroup:"-esm-openconceptlab__subscription-component__formGroup___GmK5h",unsubscribeText:"-esm-openconceptlab__subscription-component__unsubscribeText___B9jCa",unsubscribeForm:"-esm-openconceptlab__subscription-component__unsubscribeForm___dMi0v"};const a=o}}]);