@cc-openmrs/cc-esm-active-prescriptions 1.0.21 → 1.0.23

package/dist/296.js

@@ -1 +1 @@
-"use strict";(globalThis.webpackChunk_cc_openmrs_cc_esm_active_prescriptions=globalThis.webpackChunk_cc_openmrs_cc_esm_active_prescriptions||[]).push([[296],{4296(e,t,r){r.r(t),r.d(t,{default:()=>s});var n=r(6072),c=r(3335),o=r(5987),i=r(2076),a=r(8150);function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const s=function(e){var t=e.patientUuid,r=(0,i.useTranslation)().t,s=(0,n.useCallback)(function(){var e=function(e){var t;return null!=e?e:null===(t=window.location.pathname.match(/\/patient\/([^/]+)\/chart/))||void 0===t?void 0:t[1]}(t);e&&(0,o.navigateAndLaunchWorkspace)({targetUrl:"".concat(window.getOpenmrsSpaBase(),"patient/").concat(e,"/chart"),workspaceName:"active-prescriptions-workspace",contextKey:"patient/".concat(e),additionalProps:{patientUuid:e}})},[t]),u=r("prescriptionsActionMenuItem","Active prescriptions");return n.createElement(a.ED,{getIcon:function(e){return n.createElement(c.KM,(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){p(e,t,r[t])})}return e}({},e),r=null!=(r={"aria-hidden":"true"})?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}),t));var t,r},handler:s,iconDescription:u,label:u,type:"active-prescriptions"})}}}]);
+"use strict";(globalThis.webpackChunk_cc_openmrs_cc_esm_active_prescriptions=globalThis.webpackChunk_cc_openmrs_cc_esm_active_prescriptions||[]).push([[296],{4296(e,t,r){r.r(t),r.d(t,{default:()=>s});var n=r(6072),c=r(3335),i=r(5987),o=r(2076),a=r(8150);function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const s=function(e){var t=e.patientUuid,r=(0,o.useTranslation)().t,s=(0,n.useCallback)(function(){var e=function(e){var t;return null!=e?e:null===(t=window.location.pathname.match(/\/patient\/([^/]+)\/chart/))||void 0===t?void 0:t[1]}(t);e&&(0,i.launchWorkspace)("active-prescriptions-workspace",{patientUuid:e})},[t]),u=r("prescriptionsActionMenuItem","Active prescriptions");return n.createElement(a.ED,{getIcon:function(e){return n.createElement(c.KM,(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){p(e,t,r[t])})}return e}({},e),r=null!=(r={"aria-hidden":"true"})?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}),t));var t,r},handler:s,iconDescription:u,label:u,type:"active-prescriptions"})}}}]);

package/dist/openmrs-esm-template-app.js.buildmanifest.json

@@ -265,9 +265,9 @@
       "initial": false,
       "entry": false,
       "recorded": false,
-      "size": 3601,
+      "size": 3357,
       "sizes": {
-        "javascript": 3601
+        "javascript": 3357
       },
       "names": [],
       "idHints": [],
@@ -281,7 +281,7 @@
       "auxiliaryFiles": [
         "296.js.map"
       ],
-      "hash": "b9d359d185f9a39b",
+      "hash": "09d2e4b9da296d99",
       "childrenByOrder": {}
     },
     {
@@ -480,7 +480,7 @@
       "auxiliaryFiles": [
         "477.js.map"
       ],
-      "hash": "4183d200638a6f42",
+      "hash": "75c8b897ebf3de67",
       "childrenByOrder": {}
     },
     {

package/dist/routes.json

@@ -1 +1 @@
-{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":">=2.2.0"},"extensions":[{"name":"Red box","component":"redBox","slot":"Boxes"},{"name":"Blue box","component":"blueBox","slot":"Boxes"},{"name":"Brand box","component":"brandBox","slot":"Boxes"},{"name":"prescriptions-action-menu","component":"prescriptionsActionMenuItem","slot":"action-menu-patient-chart-items-slot","order":4,"meta":{"label":"Prescriptions 2","icon":"pill"}},{"name":"Prescriptions action","component":"prescriptionsActionButton","slot":"patient-actions-slot","order":50}],"pages":[{"component":"root","route":"root"}],"workspaces":[{"name":"active-prescriptions-workspace","title":"activePrescriptionsWorkspaceTitle","component":"root","type":"active-prescriptions","canHide":true,"width":"wider"}],"workspaces2":[{"name":"active-prescriptions-workspace","component":"root","window":"patient-chart-active-prescriptions"}],"workspaceWindows2":[{"name":"patient-chart-active-prescriptions","group":"patient-chart","icon":"prescriptionsActionMenuItem","order":4,"width":"wider","canMaximize":true}],"version":"1.0.21"}
+{"$schema":"https://json.openmrs.org/routes.schema.json","backendDependencies":{"fhir2":">=1.2","webservices.rest":">=2.2.0"},"extensions":[{"name":"Red box","component":"redBox","slot":"Boxes"},{"name":"Blue box","component":"blueBox","slot":"Boxes"},{"name":"Brand box","component":"brandBox","slot":"Boxes"},{"name":"prescriptions-siderail","component":"prescriptionsActionMenuItem","slot":"patient-chart-siderail-slot","order":4,"meta":{"label":"Prescriptions","icon":"pill"}},{"name":"prescriptions-action","component":"prescriptionsActionButton","slot":"action-menu-patient-chart-items-slot","order":50}],"pages":[{"component":"root","route":"root"}],"workspaces":[{"name":"active-prescriptions-workspace","title":"Active prescriptions","component":"root","group":"patient-chart","canHide":true,"width":"wider"}],"version":"1.0.23"}

package/fonta_ia.txt

@@ -0,0 +1,639 @@
+# src/root.component.tsx
+/**
+ * From here, the application is pretty typical React, but with lots of
+ * support from `@openmrs/esm-framework`. Check out `Greeter` to see
+ * usage of the configuration system, and check out `PatientGetter` to
+ * see data fetching using the OpenMRS FHIR API.
+ *
+ * Check out the Config docs:
+ *   https://openmrs.github.io/openmrs-esm-core/#/main/config
+ */
+
+import React, { useMemo, useState } from 'react';
+import { PrescriptionService, PrescriptionPayload } from './prescriptions.service';
+import {
+  Checkbox,
+  ComboBox,
+  InlineLoading,
+  InlineNotification,
+  Tab,
+  TabList,
+  TabPanel,
+  TabPanels,
+  Tabs,
+  TextInput,
+} from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import { useLocations, type Location } from '@openmrs/esm-framework';
+import { usePatientOrders } from './prescriptions-orders/usePatientOrders';
+import styles from './root.scss';
+
+interface RootProps {
+  patientUuid?: string;
+}
+
+const Root: React.FC<RootProps> = ({ patientUuid }) => {
+  const { t } = useTranslation();
+  const [activeTab, setActiveTab] = useState<'new' | 'past'>('new');
+  const [selectedLocation, setSelectedLocation] = useState<Location | null>(null);
+  const [policyNumber, setPolicyNumber] = useState('');
+  const [selectedOrders, setSelectedOrders] = useState<Set<string>>(new Set());
+  const [digitallySigned, setDigitallySigned] = useState(false);
+  const [printRequested, setPrintRequested] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const locations = useLocations();
+  const { orders, isLoading, error } = usePatientOrders(patientUuid);
+
+  const locationItems = useMemo(() => locations ?? [], [locations]);
+  const selectedOrdersLabel =
+    selectedOrders.size > 0
+      ? t('selectedOrdersCount', {
+          count: selectedOrders.size,
+        })
+      : null;
+
+  const toggleOrderSelection = (orderUuid: string) => {
+    setSelectedOrders((prev) => {
+      const updated = new Set(prev);
+      if (updated.has(orderUuid)) {
+        updated.delete(orderUuid);
+      } else {
+        updated.add(orderUuid);
+      }
+      return updated;
+    });
+  };
+
+  const renderOrdersSection = () => {
+    if (!patientUuid) {
+      return (
+        <InlineNotification
+          lowContrast
+          kind="warning"
+          title={t('ordersMissingPatientTitle', 'Select a patient to continue')}
+          subtitle={t(
+            'ordersMissingPatientSubtitle',
+            'Launch this workspace from a patient chart to review their orders.',
+          )}
+        />
+      );
+    }
+
+    if (error) {
+      return (
+        <InlineNotification
+          lowContrast
+          kind="error"
+          title={t('ordersErrorTitle', 'Unable to load orders')}
+          subtitle={t('ordersErrorSubtitle', 'Try again or refresh the patient chart.')}
+        />
+      );
+    }
+
+    if (isLoading) {
+      return <InlineLoading description={`${t('loading', 'Loading')}...`} />;
+    }
+
+    if (!orders.length) {
+      return (
+        <InlineNotification
+          lowContrast
+          kind="info"
+          title={t('ordersEmptyState', 'There are no orders for this patient yet.')}
+        />
+      );
+    }
+
+    return (
+      <>
+        <div className={styles.ordersList} role="group" aria-label={t('visitTypeHeading', 'Visit type')}>
+          {orders.map((order) => (
+            <Checkbox
+              key={order.uuid}
+              id={`order-${order.uuid}`}
+              labelText={
+                <span className={styles.orderLabel}>
+                  <span className={styles.orderName}>{order.conceptName}</span>
+                  {order.display && <span className={styles.orderMeta}>{order.display}</span>}
+                  {!order.display && order.orderNumber && <span className={styles.orderMeta}>{order.orderNumber}</span>}
+                </span>
+              }
+              checked={selectedOrders.has(order.uuid)}
+              onChange={() => toggleOrderSelection(order.uuid)}
+            />
+          ))}
+        </div>
+        {selectedOrdersLabel ? <p className={styles.selectionSummary}>{selectedOrdersLabel}</p> : null}
+      </>
+    );
+  };
+
+  return (
+    <div className={styles.workspace}>
+      <div className={styles.header}>
+        <h2>{t('activePrescriptionsWorkspaceTitle', 'Active prescriptions')}</h2>
+        <p className={styles.subtitle}>
+          {t(
+            'activePrescriptionsHelper',
+            'Review the patient context, choose the visit details, and add the matching orders to the prescription.',
+          )}
+        </p>
+      </div>
+
+      <section className={styles.section}>
+        <p className={styles.fieldLabel}>{t('visitTimingLabel', 'The visit is')}</p>
+        <Tabs
+          selectedIndex={activeTab === 'new' ? 0 : 1}
+          onChange={({ selectedIndex }) => setActiveTab(selectedIndex === 0 ? 'new' : 'past')}
+        >
+          <TabList aria-label={t('visitTimingLabel', 'The visit is')}>
+            <Tab>{t('visitTimingNew', 'New')}</Tab>
+            <Tab>{t('visitTimingPast', 'In the past')}</Tab>
+          </TabList>
+          <TabPanels>
+            <TabPanel className={styles.tabContent}>
+              <div className={styles.fieldGroup}>
+                <ComboBox
+                  id="visit-location"
+                  items={locationItems}
+                  itemToString={(item) => item?.display ?? ''}
+                  selectedItem={selectedLocation}
+                  onChange={({ selectedItem }) => setSelectedLocation((selectedItem as Location) ?? null)}
+                  placeholder={t('visitLocationPlaceholder', 'Select a location')}
+                  titleText={t('visitLocationHeading', 'Visit location')}
+                  helperText={t('visitLocationHelper', 'Select where the visit will take place.')}
+                />
+              </div>
+
+              <div className={styles.fieldGroup}>
+                <p className={styles.fieldLabel}>{t('visitTypeHeading', 'Visit type')}</p>
+                <p className={styles.helperText}>
+                  {t('visitTypeHelper', 'Select the orders that should be included in this prescription.')}
+                </p>
+                {renderOrdersSection()}
+              </div>
+
+              <div className={styles.fieldGroup}>
+                <TextInput
+                  id="insurance-policy"
+                  labelText={t('insurancePolicyNumberLabel', 'Insurance Policy Number (optional)')}
+                  placeholder={t('insurancePolicyNumberPlaceholder', 'Enter the policy number')}
+                  value={policyNumber}
+                  onChange={(event) => setPolicyNumber(event.target.value)}
+                />
+              </div>
+              <div className={styles.fieldGroup}>
+                <Checkbox
+                  id="sign-prescription-checkbox"
+                  labelText={t('signPrescriptionLabel', 'Digitally sign the prescription')}
+                  checked={digitallySigned}
+                  onChange={() => setDigitallySigned((prev) => !prev)}
+                />
+                <Checkbox
+                  id="print-prescription-checkbox"
+                  labelText={t('printPrescriptionLabel', 'Print the prescription')}
+                  checked={printRequested}
+                  onChange={() => setPrintRequested((prev) => !prev)}
+                />
+              </div>
+              <div className={styles.fieldGroup} style={{ flexDirection: 'row', gap: '1rem' }}>
+                <button
+                  type="button"
+                  id="discard-prescription-btn"
+                  onClick={() => {
+                    setSelectedLocation(null);
+                    setPolicyNumber('');
+                    setSelectedOrders(new Set());
+                    setDigitallySigned(false);
+                    setPrintRequested(false);
+                  }}
+                  disabled={isSubmitting}
+                >
+                  {t('discardButtonLabel', 'Discard')}
+                </button>
+                <button
+                  type="button"
+                  id="create-prescription-btn"
+                  onClick={async () => {
+                    if (!patientUuid || !selectedLocation || selectedOrders.size === 0) return;
+                    setIsSubmitting(true);
+                    // TODO: obter dados reais do paciente e do médico
+                    const payload: PrescriptionPayload = {
+                      patient: {
+                        uuid: patientUuid,
+                      },
+                      provider: {
+                        uuid: 'provider-uuid', // Substituir pelo uuid real do médico
+                      },
+                      location: {
+                        uuid: selectedLocation.uuid,
+                        name: selectedLocation.display,
+                      },
+                      policyNumber,
+                      orderUuids: Array.from(selectedOrders),
+                      digitallySigned,
+                      printRequested,
+                    };
+                    try {
+                      await PrescriptionService.createPrescription(payload);
+                      // Limpar formulário após sucesso
+                      setSelectedLocation(null);
+                      setPolicyNumber('');
+                      setSelectedOrders(new Set());
+                      setDigitallySigned(false);
+                      setPrintRequested(false);
+                    } catch (e) {
+                      // TODO: tratar erro
+                    } finally {
+                      setIsSubmitting(false);
+                    }
+                  }}
+                  disabled={isSubmitting}
+                >
+                  {isSubmitting ? t('loading', 'Loading') : t('createPrescriptionButtonLabel', 'Create Prescription')}
+                </button>
+              </div>
+            </TabPanel>
+            <TabPanel className={styles.tabContent}>
+              <InlineNotification
+                lowContrast
+                kind="info"
+                title={t('inPastTabPlaceholderTitle', 'Historic prescriptions will be available soon')}
+                subtitle={t('inPastTabPlaceholderSubtitle', 'Switch back to the New tab to manage current orders.')}
+              />
+            </TabPanel>
+          </TabPanels>
+        </Tabs>
+      </section>
+    </div>
+  );
+};
+
+export default Root;
+
+# src/prescriptions-actions/prescriptions-action-button.component.tsx
+import React, { useCallback } from 'react';
+import { OverflowMenuItem } from '@carbon/react';
+import { launchWorkspace, navigate } from '@openmrs/esm-framework';
+import { useTranslation } from 'react-i18next';
+
+interface PrescriptionsActionButtonProps {
+  patientUuid?: string;
+}
+
+const resolvePatientUuid = (patientUuid?: string) =>
+  patientUuid ?? window.location.pathname.match(/\/patient\/([^/]+)\/chart/)?.[1];
+
+const PrescriptionsActionButton: React.FC<PrescriptionsActionButtonProps> = ({ patientUuid }) => {
+  const { t } = useTranslation();
+  const label = t('prescriptionsActionButton', 'Active prescriptions');
+
+  const handleClick = useCallback(() => {
+    const uuid = resolvePatientUuid(patientUuid);
+    if (!uuid) return;
+
+    launchWorkspace('active-prescriptions-workspace', { patientUuid: uuid });
+  }, [patientUuid]);
+
+  return <OverflowMenuItem itemText={label} onClick={handleClick} />;
+};
+
+export default PrescriptionsActionButton;
+
+# src/prescriptions-actions/prescriptions-action-menu-item.component.tsx
+import React, { useCallback } from 'react';
+import { CertificateCheck } from '@carbon/react/icons';
+import { launchWorkspace, navigate } from '@openmrs/esm-framework';
+import { navigateAndLaunchWorkspace } from '@openmrs/esm-framework';
+import { useTranslation } from 'react-i18next';
+import { ActionMenuButton } from '@openmrs/esm-styleguide';
+
+interface PrescriptionsActionMenuItemProps {
+  patientUuid?: string;
+}
+
+const resolvePatientUuid = (patientUuid?: string) =>
+  patientUuid ?? window.location.pathname.match(/\/patient\/([^/]+)\/chart/)?.[1];
+
+const PrescriptionsActionMenuItem: React.FC<PrescriptionsActionMenuItemProps> = ({ patientUuid }) => {
+  const { t } = useTranslation();
+
+  const handleClick = useCallback(() => {
+    const uuid = resolvePatientUuid(patientUuid);
+    if (!uuid) return;
+
+    navigateAndLaunchWorkspace({
+      targetUrl: `${window.getOpenmrsSpaBase()}patient/${uuid}/chart`,
+      workspaceName: 'active-prescriptions-workspace',
+      contextKey: `patient/${uuid}`,
+      additionalProps: { patientUuid: uuid },
+    });
+  }, [patientUuid]);
+
+  const label = t('prescriptionsActionMenuItem', 'Active prescriptions');
+
+  return (
+    <ActionMenuButton
+      getIcon={(props) => <CertificateCheck {...props} aria-hidden="true" />}
+      handler={handleClick}
+      iconDescription={label}
+      label={label}
+      type="active-prescriptions"
+    />
+  );
+};
+
+export default PrescriptionsActionMenuItem;
+
+
+# src/prescriptions.service.ts
+// prescription.service.ts
+// Serviço para manipulação de prescrições e integração com backend
+
+export interface PrescriptionPayload {
+  patient: {
+    uuid: string;
+    name?: string;
+    birthDate?: string;
+    gender?: string;
+  };
+  provider: {
+    uuid: string;
+    name?: string;
+  };
+  location: {
+    uuid: string;
+    name?: string;
+  };
+  policyNumber?: string;
+  orderUuids: string[];
+  digitallySigned: boolean;
+  printRequested: boolean;
+}
+
+export class PrescriptionService {
+  static async createPrescription(payload: PrescriptionPayload): Promise<Response> {
+    // Troque a URL abaixo pelo endpoint real do backend
+    const url = '/api/prescriptions';
+    return fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(payload),
+    });
+  }
+}
+
+
+# src/index.ts
+/**
+ * This is the entrypoint file of the application. It communicates the
+ * important features of this microfrontend to the app shell. It
+ * connects the app shell to the React application(s) that make up this
+ * microfrontend.
+ */
+import { getAsyncLifecycle, defineConfigSchema } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
+
+const moduleName = '@cc-openmrs/cc-esm-active-prescriptions';
+
+const options = {
+  featureName: 'root-world',
+  moduleName,
+};
+
+/**
+ * This tells the app shell how to obtain translation files: that they
+ * are JSON files in the directory `../translations` (which you should
+ * see in the directory structure).
+ */
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
+
+/**
+ * This function performs any setup that should happen at microfrontend
+ * load-time (such as defining the config schema) and then returns an
+ * object which describes how the React application(s) should be
+ * rendered.
+ */
+export function startupApp() {
+  defineConfigSchema(moduleName, configSchema);
+}
+
+/**
+ * This named export tells the app shell that the default export of `root.component.tsx`
+ * should be rendered when the route matches `root`. The full route
+ * will be `openmrsSpaBase() + 'root'`, which is usually
+ * `/openmrs/spa/root`.
+ */
+export const root = getAsyncLifecycle(() => import('./root.component'), options);
+
+/**
+ * The following are named exports for the extensions defined in this frontend modules. See the `routes.json` file to see how these are used.
+ */
+export const redBox = getAsyncLifecycle(() => import('./boxes/extensions/red-box.component'), options);
+
+export const blueBox = getAsyncLifecycle(() => import('./boxes/extensions/blue-box.component'), options);
+
+export const brandBox = getAsyncLifecycle(() => import('./boxes/extensions/brand-box.component'), options);
+
+export const prescriptionsActionButton = getAsyncLifecycle(
+  () => import('./prescriptions-actions/prescriptions-action-button.component'),
+  options,
+);
+
+export const prescriptionsActionMenuItem = getAsyncLifecycle(
+  () => import('./prescriptions-actions/prescriptions-action-menu-item.component'),
+  options,
+);
+
+
+# package.json
+{
+  "name": "@cc-openmrs/cc-esm-active-prescriptions",
+  "version": "1.0.21",
+  "license": "MPL-2.0",
+  "description": "An OpenMRS seed application for building microfrontends",
+  "browser": "dist/openmrs-esm-template-app.js",
+  "main": "src/index.ts",
+  "source": true,
+  "scripts": {
+    "start": "openmrs develop",
+    "serve": "webpack serve --mode=development",
+    "build": "webpack --mode production",
+    "analyze": "webpack --mode=production --env analyze=true",
+    "lint": "eslint src --ext js,jsx,ts,tsx --max-warnings 0",
+    "prettier": "prettier --write \"src/**/*.{ts,tsx}\" --list-different",
+    "typescript": "tsc",
+    "test": "jest --config jest.config.js --passWithNoTests",
+    "verify": "turbo lint typescript coverage",
+    "coverage": "yarn test --coverage",
+    "prepare": "husky install",
+    "extract-translations": "i18next 'src/**/*.component.tsx' --config ./tools/i18next-parser.config.js",
+    "test-e2e": "playwright test"
+  },
+  "browserslist": [
+    "extends browserslist-config-openmrs"
+  ],
+  "keywords": [
+    "openmrs",
+    "microfrontends"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/openmrs/openmrs-esm-template-app.git"
+  },
+  "homepage": "https://github.com/openmrs/openmrs-esm-template-app#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "bugs": {
+    "url": "https://github.com/openmrs/openmrs-esm-template-app/issues"
+  },
+  "openmrs": {
+    "frontendModuleName": "@cc-openmrs/cc-esm-active-prescriptions",
+    "routes": "src/routes.json"
+  },
+  "dependencies": {
+    "@carbon/react": "^1.83.0",
+    "lodash-es": "^4.17.21"
+  },
+  "peerDependencies": {
+    "@openmrs/esm-framework": "*",
+    "dayjs": "1.x",
+    "react": "18.x",
+    "react-i18next": "16.x",
+    "react-router-dom": "6.x",
+    "rxjs": "6.x"
+  },
+  "devDependencies": {
+    "@openmrs/esm-framework": "8.0.0",
+    "@openmrs/esm-styleguide": "8.0.0",
+    "@playwright/test": "^1.52.0",
+    "@swc/cli": "^0.3.12",
+    "@swc/core": "^1.3.68",
+    "@swc/jest": "^0.2.36",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^15.0.6",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.3.21",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-router": "^5.1.20",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/webpack-env": "^1.18.1",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
+    "css-loader": "^6.8.1",
+    "dayjs": "^1.11.13",
+    "dotenv": "^16.0.3",
+    "eslint": "^8.50.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-jest-dom": "^5.4.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "husky": "^8.0.3",
+    "i18next": "^25.0.0",
+    "i18next-parser": "^9.3.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^15.2.2",
+    "openmrs": "8.0.0",
+    "prettier": "^3.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^16.0.0",
+    "react-router-dom": "^6.14.1",
+    "rxjs": "^6.6.7",
+    "swc-loader": "^0.2.3",
+    "turbo": "^2.5.2",
+    "typescript": "^5.0.0",
+    "webpack": "^5.99.9",
+    "webpack-cli": "^6.0.1"
+  },
+  "lint-staged": {
+    "packages/**/src/**/*.{ts,tsx}": "eslint --cache --fix --max-warnings 0",
+    "*.{css,scss,ts,tsx}": "prettier --write --list-different"
+  },
+  "packageManager": "yarn@4.10.3"
+}
+
+
+# src/routes.json
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "backendDependencies": {
+    "fhir2": ">=1.2",
+    "webservices.rest": ">=2.2.0"
+  },
+  "extensions": [
+    {
+      "name": "Red box",
+      "component": "redBox",
+      "slot": "Boxes"
+    },
+    {
+      "name": "Blue box",
+      "component": "blueBox",
+      "slot": "Boxes"
+    },
+    {
+      "name": "Brand box",
+      "component": "brandBox",
+      "slot": "Boxes"
+    },
+    {
+      "name": "prescriptions-action-menu",
+      "component": "prescriptionsActionMenuItem",
+      "slot": "action-menu-patient-chart-items-slot",
+      "order": 4,
+      "meta": {
+        "label": "Prescriptions 2",
+        "icon": "pill"
+      }
+    },
+    {
+      "name": "Prescriptions action",
+      "component": "prescriptionsActionButton",
+      "slot": "patient-actions-slot",
+      "order": 50
+    }
+  ],
+  "pages": [
+    {
+      "component": "root",
+      "route": "root"
+    }
+  ],
+  "workspaces": [
+    {
+      "name": "active-prescriptions-workspace",
+      "title": "activePrescriptionsWorkspaceTitle",
+      "component": "root",
+      "type": "active-prescriptions",
+      "canHide": true,
+      "width": "wider"
+    }
+  ],
+  "workspaces2": [
+    {
+      "name": "active-prescriptions-workspace",
+      "component": "root",
+      "window": "patient-chart-active-prescriptions"
+    }
+  ],
+  "workspaceWindows2": [
+    {
+      "name": "patient-chart-active-prescriptions",
+      "group": "patient-chart",
+      "icon": "prescriptionsActionMenuItem",
+      "order": 4,
+      "width": "wider",
+      "canMaximize": true
+    }
+  ]
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cc-openmrs/cc-esm-active-prescriptions",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "license": "MPL-2.0",
   "description": "An OpenMRS seed application for building microfrontends",
   "browser": "dist/openmrs-esm-template-app.js",

package/src/prescriptions-actions/prescriptions-action-button.component.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import { OverflowMenuItem } from '@carbon/react';
-import { launchWorkspace, navigate } from '@openmrs/esm-framework';
+import { launchWorkspace } from '@openmrs/esm-framework';
 import { useTranslation } from 'react-i18next';
 
 interface PrescriptionsActionButtonProps {

package/src/prescriptions-actions/prescriptions-action-menu-item.component.tsx

@@ -1,7 +1,6 @@
 import React, { useCallback } from 'react';
 import { CertificateCheck } from '@carbon/react/icons';
-import { launchWorkspace, navigate } from '@openmrs/esm-framework';
-import { navigateAndLaunchWorkspace } from '@openmrs/esm-framework';
+import { launchWorkspace } from '@openmrs/esm-framework';
 import { useTranslation } from 'react-i18next';
 import { ActionMenuButton } from '@openmrs/esm-styleguide';
 
@@ -19,12 +18,7 @@ const PrescriptionsActionMenuItem: React.FC<PrescriptionsActionMenuItemProps> =
     const uuid = resolvePatientUuid(patientUuid);
     if (!uuid) return;
 
-    navigateAndLaunchWorkspace({
-      targetUrl: `${window.getOpenmrsSpaBase()}patient/${uuid}/chart`,
-      workspaceName: 'active-prescriptions-workspace',
-      contextKey: `patient/${uuid}`,
-      additionalProps: { patientUuid: uuid },
-    });
+    launchWorkspace('active-prescriptions-workspace', { patientUuid: uuid });
   }, [patientUuid]);
 
   const label = t('prescriptionsActionMenuItem', 'Active prescriptions');

package/src/routes.json

@@ -21,19 +21,19 @@
       "slot": "Boxes"
     },
     {
-      "name": "prescriptions-action-menu",
+      "name": "prescriptions-siderail",
       "component": "prescriptionsActionMenuItem",
-      "slot": "action-menu-patient-chart-items-slot",
+      "slot": "patient-chart-siderail-slot",
       "order": 4,
       "meta": {
-        "label": "Prescriptions 2",
+        "label": "Prescriptions",
         "icon": "pill"
       }
     },
     {
-      "name": "Prescriptions action",
+      "name": "prescriptions-action",
       "component": "prescriptionsActionButton",
-      "slot": "patient-actions-slot",
+      "slot": "action-menu-patient-chart-items-slot",
       "order": 50
     }
   ],
@@ -46,28 +46,11 @@
   "workspaces": [
     {
       "name": "active-prescriptions-workspace",
-      "title": "activePrescriptionsWorkspaceTitle",
+      "title": "Active prescriptions",
       "component": "root",
-      "type": "active-prescriptions",
+      "group": "patient-chart",
       "canHide": true,
       "width": "wider"
     }
-  ],
-  "workspaces2": [
-    {
-      "name": "active-prescriptions-workspace",
-      "component": "root",
-      "window": "patient-chart-active-prescriptions"
-    }
-  ],
-  "workspaceWindows2": [
-    {
-      "name": "patient-chart-active-prescriptions",
-      "group": "patient-chart",
-      "icon": "prescriptionsActionMenuItem",
-      "order": 4,
-      "width": "wider",
-      "canMaximize": true
-    }
   ]
 }