@openmrs/esm-patient-banner-app 11.3.1-pre.9360 → 11.3.1-pre.9365

package/src/print-identifier-sticker/action-button.scss

@@ -1,3 +0,0 @@
-.menuitem {
-  max-width: none;
-}

package/src/print-identifier-sticker/patient-detail.component.tsx

@@ -1,147 +0,0 @@
-import React from 'react';
-import dayjs from 'dayjs';
-import { useTranslation } from 'react-i18next';
-import { age, type CoreTranslationKey, getCoreTranslation, getPatientName, useConfig } from '@openmrs/esm-framework';
-import { type ConfigObject } from '../config-schema';
-import styles from './print-identifier-sticker.scss';
-
-export interface PatientDetailProps {
-  patient: fhir.Patient;
-}
-
-export const PatientName: React.FC<PatientDetailProps> = ({ patient }) => {
-  const { t } = useTranslation();
-  return (
-    <div>
-      <span>
-        <strong className={styles.strong}>{t('patientNameWithSeparator', 'Patient name:')}</strong>
-      </span>
-      <span className={styles.patientDetail}>{getPatientName(patient)}</span>
-    </div>
-  );
-};
-
-export const PatientAge: React.FC<PatientDetailProps> = ({ patient }) => {
-  const { t } = useTranslation();
-  return (
-    <div>
-      <span>
-        <strong className={styles.strong}>{t('patientAge', 'Age:')}</strong>
-      </span>
-      <span className={styles.patientDetail}>{age(patient.birthDate)}</span>
-    </div>
-  );
-};
-
-export const PatientDob: React.FC<PatientDetailProps> = ({ patient }) => {
-  const { t } = useTranslation();
-  return (
-    <div>
-      <span>
-        <strong className={styles.strong}>{t('patientDateOfBirthWithSeparator', 'Date of birth:')}</strong>
-      </span>
-      <span className={styles.patientDetail}>{dayjs(patient.birthDate).format('DD-MM-YYYY')}</span>
-    </div>
-  );
-};
-
-export const PatientGender: React.FC<PatientDetailProps> = ({ patient }) => {
-  const { t } = useTranslation();
-  const getGender = (gender: string): string => {
-    switch (gender) {
-      case 'male':
-        return getCoreTranslation('male', 'Male');
-      case 'female':
-        return getCoreTranslation('female', 'Female');
-      case 'other':
-        return getCoreTranslation('other', 'Other');
-      case 'unknown':
-        return getCoreTranslation('unknown', 'Unknown');
-      default:
-        return gender;
-    }
-  };
-  return (
-    <div>
-      <span>
-        <strong className={styles.strong}>{t('patientGenderWithSeparator', 'Gender:')}</strong>
-      </span>
-      <span className={styles.patientDetail}>{getGender(patient.gender)}</span>
-    </div>
-  );
-};
-
-export const PatientIdentifier: React.FC<PatientDetailProps> = ({ patient }) => {
-  const { printPatientSticker } = useConfig<ConfigObject>();
-  const { identifiersToDisplay } = printPatientSticker ?? {};
-  const patientIdentifiers =
-    (identifiersToDisplay ?? []).length === 0
-      ? patient.identifier
-      : patient.identifier?.filter((identifier) => identifiersToDisplay.includes(identifier.type.coding[0].code));
-  return (
-    <div>
-      {patientIdentifiers?.map((identifier) => (
-        <div key={identifier.id}>
-          <span>
-            <strong className={styles.strong}>{identifier.type.text}:</strong>
-          </span>
-          <span className={styles.patientDetail}>{identifier.value}</span>
-        </div>
-      ))}
-    </div>
-  );
-};
-
-export const PatientContact: React.FC<PatientDetailProps> = ({ patient }) => {
-  const { t } = useTranslation();
-
-  if (!patient?.telecom?.length) {
-    return null;
-  }
-
-  return (
-    <div>
-      <span>
-        <strong className={styles.strong}>{t('telephoneNumberWithSeparator', 'Telephone number:')}</strong>
-      </span>
-      <span className={styles.patientDetail}>{patient.telecom?.[0]?.value}</span>
-    </div>
-  );
-};
-
-export const PatientAddress: React.FC<PatientDetailProps> = ({ patient }) => {
-  const address = patient?.address?.find((a) => a.use === 'home');
-  const getAddressKey = (url: string) => url.split('#')[1];
-
-  return (
-    <>
-      {address ? (
-        Object.entries(address)
-          .filter(([key]) => key !== 'id' && key !== 'use')
-          .map(([key, value]) =>
-            key === 'extension' ? (
-              address.extension?.[0]?.extension?.map((add, i) => (
-                <div key={`address-${key}-${i}`}>
-                  <span className={styles.strong}>
-                    {getCoreTranslation(
-                      getAddressKey(add.url) as CoreTranslationKey,
-                      getAddressKey(add.url) as CoreTranslationKey,
-                    )}
-                    :
-                  </span>
-                  <span className={styles.patientDetail}>{add.valueString}</span>
-                </div>
-              ))
-            ) : (
-              <div key={`address-${key}`}>
-                <span className={styles.strong}>{getCoreTranslation(key as CoreTranslationKey, key)}:</span>
-                <span className={styles.patientDetail}>{value}</span>
-              </div>
-            ),
-          )
-      ) : (
-        <li>--</li>
-      )}
-    </>
-  );
-};

package/src/print-identifier-sticker/print-identifier-sticker-action-button.component.tsx

@@ -1,35 +0,0 @@
-import React, { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { OverflowMenuItem } from '@carbon/react';
-import { showModal, useFeatureFlag } from '@openmrs/esm-framework';
-import styles from './action-button.scss';
-
-interface PrintIdentifierStickerOverflowMenuItemProps {
-  patient: fhir.Patient;
-}
-
-const PrintIdentifierStickerOverflowMenuItem: React.FC<PrintIdentifierStickerOverflowMenuItemProps> = ({ patient }) => {
-  const { t } = useTranslation();
-  const canPrintPatientIdentifierSticker = useFeatureFlag('print-patient-identifier-sticker');
-
-  const handleLaunchModal = useCallback(() => {
-    const dispose = showModal('print-identifier-sticker-modal', {
-      closeModal: () => dispose(),
-      patient,
-    });
-  }, [patient]);
-
-  if (!patient || !canPrintPatientIdentifierSticker) {
-    return null;
-  }
-
-  return (
-    <OverflowMenuItem
-      className={styles.menuitem}
-      itemText={t('printIdentifierSticker', 'Print identifier sticker')}
-      onClick={handleLaunchModal}
-    />
-  );
-};
-
-export default PrintIdentifierStickerOverflowMenuItem;

package/src/print-identifier-sticker/print-identifier-sticker-modal.test.tsx

@@ -1,131 +0,0 @@
-import React from 'react';
-import Barcode from 'react-barcode';
-import userEvent from '@testing-library/user-event';
-import { render, screen } from '@testing-library/react';
-import { useReactToPrint } from 'react-to-print';
-import { age, getDefaultsFromConfigSchema, useConfig } from '@openmrs/esm-framework';
-import { mockFhirPatient } from '__mocks__';
-import { type ConfigObject, configSchema } from '../config-schema';
-import { getByTextWithMarkup } from 'tools';
-import PrintIdentifierSticker from './print-identifier-sticker.modal';
-
-const mockedCloseModal = jest.fn();
-const mockedUseConfig = jest.mocked(useConfig<ConfigObject>);
-const mockedUseReactToPrint = jest.mocked(useReactToPrint);
-
-const defaultConfig: ConfigObject = getDefaultsFromConfigSchema(configSchema);
-
-jest.mock('react-to-print', () => ({
-  ...jest.requireActual('react-to-print'),
-  useReactToPrint: jest.fn(),
-}));
-
-jest.mock('react-barcode', () => jest.fn().mockReturnValue(<div data-testid="barcode" />));
-
-describe('PrintIdentifierStickerModal', () => {
-  beforeEach(() => {
-    mockedUseConfig.mockReturnValue(getDefaultsFromConfigSchema(configSchema));
-  });
-
-  it('renders the print modal', async () => {
-    const user = userEvent.setup();
-    const mockHandlePrint = jest.fn();
-    mockedUseReactToPrint.mockReturnValue(mockHandlePrint);
-
-    renderPrintIdentifierStickerModal();
-
-    expect(screen.getByText(/print identifier sticker/i)).toBeInTheDocument();
-    const printButton = screen.getByRole('button', { name: /print/i });
-    const cancelButton = screen.getByRole('button', { name: /cancel/i });
-
-    await user.click(cancelButton);
-    expect(mockedCloseModal).toHaveBeenCalledTimes(1);
-
-    await user.click(printButton);
-    expect(mockHandlePrint).toHaveBeenCalledTimes(1);
-  });
-
-  it('renders a barcode if enabled via config', async () => {
-    mockedUseConfig.mockReturnValue({
-      ...defaultConfig,
-      printPatientSticker: {
-        ...defaultConfig.printPatientSticker,
-        header: {
-          showBarcode: true,
-          showLogo: true,
-          logo: '',
-        },
-      },
-    });
-
-    renderPrintIdentifierStickerModal();
-
-    expect(screen.getByTestId('barcode')).toBeInTheDocument();
-    expect(Barcode).toHaveBeenCalledWith(
-      {
-        value: '100008E',
-        width: 2,
-        background: '#f4f4f4',
-        displayValue: true,
-        renderer: 'img',
-        font: 'IBM Plex Sans',
-        format: 'CODE39',
-        textAlign: 'center',
-        textPosition: 'bottom',
-        fontSize: 16,
-      },
-      {},
-    );
-    expect(screen.getByTestId('openmrs-logo')).toBeInTheDocument();
-  });
-
-  it("should not render a barcode if it's disabled via config", async () => {
-    mockedUseConfig.mockReturnValue({
-      ...defaultConfig,
-      printPatientSticker: {
-        ...defaultConfig.printPatientSticker,
-        header: {
-          showBarcode: false,
-          showLogo: false,
-          logo: '',
-        },
-      },
-    });
-
-    renderPrintIdentifierStickerModal();
-
-    expect(screen.queryByTestId('barcode')).not.toBeInTheDocument();
-    expect(screen.queryByTestId('openmrs-logo')).not.toBeInTheDocument();
-  });
-
-  it('renders a custom implementation logo if passed via config', () => {
-    mockedUseConfig.mockReturnValue({
-      ...defaultConfig,
-      printPatientSticker: {
-        ...defaultConfig.printPatientSticker,
-        header: {
-          showBarcode: true,
-          showLogo: true,
-          logo: '/openmrs/spa/logo.png',
-        },
-      },
-    });
-
-    renderPrintIdentifierStickerModal();
-
-    expect(screen.getByRole('img')).toHaveAttribute('src', '/openmrs/spa/logo.png');
-  });
-
-  it("renders the patient's details in the print modal", () => {
-    renderPrintIdentifierStickerModal();
-
-    expect(getByTextWithMarkup(/Joshua Johnson/i)).toBeInTheDocument();
-    expect(getByTextWithMarkup(/\+255777053243/i)).toBeInTheDocument();
-    expect(getByTextWithMarkup(/100008E/i)).toBeInTheDocument();
-    expect(getByTextWithMarkup(age(mockFhirPatient.birthDate))).toBeInTheDocument();
-  });
-});
-
-function renderPrintIdentifierStickerModal() {
-  return render(<PrintIdentifierSticker closeModal={mockedCloseModal} patient={mockFhirPatient} />);
-}

package/src/print-identifier-sticker/print-identifier-sticker.modal.tsx

@@ -1,168 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import Barcode from 'react-barcode';
-import { useTranslation } from 'react-i18next';
-import { useReactToPrint } from 'react-to-print';
-import { Button, InlineLoading, ModalBody, ModalFooter, ModalHeader } from '@carbon/react';
-import { getPatientName, showSnackbar, useConfig, getCoreTranslation } from '@openmrs/esm-framework';
-import { type ConfigObject } from '../config-schema';
-import { defaultBarcodeParams, getPatientField } from './print-identifier-sticker.resource';
-import styles from './print-identifier-sticker.scss';
-
-interface PrintIdentifierStickerProps {
-  closeModal: () => void;
-  patient: fhir.Patient;
-}
-
-interface PrintComponentProps extends Partial<ConfigObject> {
-  patient: fhir.Patient;
-}
-
-const PrintIdentifierSticker: React.FC<PrintIdentifierStickerProps> = ({ closeModal, patient }) => {
-  const { t } = useTranslation();
-  const { printPatientSticker } = useConfig<ConfigObject>();
-  const { pageSize, printScale = '1' } = printPatientSticker ?? {};
-  const contentToPrintRef = useRef(null);
-  const onBeforeGetContentResolve = useRef<() => void | null>(null);
-  const [isPrinting, setIsPrinting] = useState(false);
-  const headerTitle = t('patientIdentifierSticker', 'Patient identifier sticker');
-
-  useEffect(() => {
-    if (isPrinting && onBeforeGetContentResolve.current) {
-      onBeforeGetContentResolve.current();
-    }
-  }, [isPrinting]);
-
-  const handleBeforeGetContent = useCallback(
-    () =>
-      new Promise<void>((resolve) => {
-        if (patient && headerTitle) {
-          onBeforeGetContentResolve.current = resolve;
-          setIsPrinting(true);
-        }
-      }),
-    [headerTitle, patient],
-  );
-
-  const handleAfterPrint = useCallback(() => {
-    onBeforeGetContentResolve.current = null;
-    setIsPrinting(false);
-    closeModal();
-  }, [closeModal]);
-
-  const handlePrintError = useCallback((errorLocation, error) => {
-    onBeforeGetContentResolve.current = null;
-
-    showSnackbar({
-      isLowContrast: false,
-      kind: 'error',
-      title: getCoreTranslation('printError', 'Print error'),
-      subtitle:
-        getCoreTranslation('printErrorExplainer', 'An error occurred in "{{errorLocation}}": ', { errorLocation }) +
-        error,
-    });
-
-    setIsPrinting(false);
-  }, []);
-
-  const handleInitiatePrint = useCallback(
-    (printWindow: HTMLIFrameElement | null): Promise<void> => {
-      return new Promise<void>((resolve) => {
-        if (printWindow) {
-          const printContent = printWindow.contentDocument || printWindow.contentWindow?.document;
-          if (printContent) {
-            printContent.documentElement.style.setProperty('--print-scale', printScale);
-            printWindow.contentWindow?.print();
-            resolve();
-          }
-        }
-      });
-    },
-    [printScale],
-  );
-
-  const handlePrint = useReactToPrint({
-    content: () => contentToPrintRef.current,
-    documentTitle: `${getPatientName(patient)} - ${headerTitle}`,
-    onAfterPrint: handleAfterPrint,
-    onBeforeGetContent: handleBeforeGetContent,
-    onPrintError: handlePrintError,
-    print: handleInitiatePrint,
-    copyStyles: true,
-  });
-
-  return (
-    <>
-      <ModalHeader
-        closeModal={closeModal}
-        title={getCoreTranslation('printIdentifierSticker', 'Print identifier sticker')}
-      />
-      <ModalBody>
-        <div ref={contentToPrintRef}>
-          <style type="text/css" media="print">
-            {`
-              @page {
-                size: ${pageSize};
-              }
-            `}
-          </style>
-          <PrintComponent patient={patient} />
-        </div>
-      </ModalBody>
-      <ModalFooter>
-        <Button kind="secondary" onClick={closeModal}>
-          {getCoreTranslation('cancel', 'Cancel')}
-        </Button>
-        <Button className={styles.button} disabled={isPrinting} onClick={handlePrint} kind="primary">
-          {isPrinting ? (
-            <InlineLoading className={styles.loader} description={getCoreTranslation('printing', 'Printing') + '...'} />
-          ) : (
-            getCoreTranslation('print', 'Print')
-          )}
-        </Button>
-      </ModalFooter>
-    </>
-  );
-};
-
-const PrintComponent = ({ patient }: PrintComponentProps) => {
-  const { printPatientSticker } = useConfig<ConfigObject>();
-  const primaryIdentifierValue = patient?.identifier?.find((identifier) => identifier.use === 'official')?.value;
-  return (
-    <div className={styles.stickerContainer}>
-      <div className={styles.documentHeader}>
-        {printPatientSticker?.header?.showBarcode && (
-          <Barcode value={primaryIdentifierValue} {...defaultBarcodeParams} />
-        )}
-        {printPatientSticker?.header?.showLogo && (
-          <div className={styles.implementationLogo}>
-            <ImplementationLogo />
-          </div>
-        )}
-      </div>
-      {printPatientSticker.fields.map((field) => {
-        const Component = getPatientField(field);
-        return <Component key={field} patient={patient} />;
-      })}
-    </div>
-  );
-};
-
-const ImplementationLogo: React.FC = () => {
-  const { t } = useTranslation();
-  const { printPatientSticker } = useConfig<ConfigObject>();
-
-  return printPatientSticker?.header?.logo ? (
-    <img alt={t('implementationLogo', 'Implementation logo')} src={printPatientSticker?.header?.logo} />
-  ) : (
-    // TODO: Figure out why #omrs-logo-full-mono sprite is not working
-    <svg data-testid="openmrs-logo" role="img" viewBox="0 0 380 119" xmlns="http://www.w3.org/2000/svg">
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M40.29 40.328a27.755 27.755 0 0 1 19.688-8.154c7.669 0 14.613 3.102 19.647 8.116l.02-18.54A42.835 42.835 0 0 0 59.978 17c-7.089 0-13.813 1.93-19.709 4.968l.021 18.36ZM79.645 79.671a27.744 27.744 0 0 1-19.684 8.154c-7.67 0-14.614-3.101-19.651-8.116l-.02 18.54A42.857 42.857 0 0 0 59.96 103a42.833 42.833 0 0 0 19.672-4.751l.013-18.578ZM40.328 79.696c-5.038-5.037-8.154-11.995-8.154-19.685 0-7.669 3.102-14.612 8.116-19.65l-18.54-.02A42.85 42.85 0 0 0 17 60.012a42.819 42.819 0 0 0 4.752 19.672l18.576.013ZM79.634 40.289a27.753 27.753 0 0 1 8.154 19.688 27.744 27.744 0 0 1-8.117 19.646l18.542.02a42.842 42.842 0 0 0 4.749-19.666c0-7.09-1.714-13.779-4.751-19.675l-18.577-.013ZM156.184 60.002c0-8.748-6.118-15.776-15.025-15.776-8.909 0-15.025 7.028-15.025 15.776 0 8.749 6.116 15.78 15.025 15.78 8.907 0 15.025-7.031 15.025-15.78Zm-34.881 0c0-11.482 8.318-19.958 19.856-19.958 11.536 0 19.855 8.477 19.855 19.959 0 11.484-8.319 19.964-19.855 19.964-11.538 0-19.856-8.48-19.856-19.965ZM179.514 75.54c5.507 0 9.05-4.14 9.05-9.482 0-5.341-3.543-9.483-9.05-9.483-5.505 0-9.046 4.142-9.046 9.483 0 5.342 3.541 9.482 9.046 9.482ZM166.22 53.306h4.248v3.704h.11c2.344-2.725 5.449-4.36 9.154-4.36 8.014 0 13.408 5.67 13.408 13.408 0 7.63-5.613 13.406-12.752 13.406-4.58 0-8.231-2.29-9.81-5.178h-.11V90.87h-4.248V53.306ZM217.773 63.768c-.163-4.305-3-7.193-7.686-7.193-4.685 0-7.79 2.888-8.335 7.193h16.021Zm3.653 10.412c-3.001 3.868-6.596 5.284-11.339 5.284-8.01 0-12.914-5.993-12.914-13.406 0-7.901 5.559-13.407 13.08-13.407 7.196 0 12.096 4.906 12.096 13.354v1.362h-20.597c.325 4.413 3.704 8.173 8.335 8.173 3.65 0 6.105-1.307 8.12-3.868l3.219 2.508ZM227.854 59.356c0-2.346-.216-4.36-.216-6.05h4.031c0 1.363.11 2.777.11 4.195h.11c1.144-2.505 4.306-4.85 8.5-4.85 6.705 0 9.699 4.252 9.699 10.41v15.748h-4.248v-15.31c0-4.253-1.856-6.924-5.833-6.924-5.503 0-7.903 3.979-7.903 9.811V78.81h-4.25V59.356ZM259.211 41.008h6.708L278.8 70.791h.107l12.982-29.782h6.549v37.99h-4.506V47.124h-.106L280.192 79h-2.738l-13.629-31.875h-.107V79h-4.507V41.01ZM312.392 57.752h4.023c4.992 0 11.487 0 11.487-6.282 0-5.47-4.776-6.276-9.177-6.276h-6.333v12.558Zm-4.506-16.744h9.711c7.352 0 15.132 1.072 15.132 10.462 0 5.527-3.594 9.125-9.495 10.037L334.018 79h-5.525l-10.304-17.063h-5.797V79h-4.506V41.01ZM358.123 47.712c-1.506-2.413-4.187-3.486-6.926-3.486-3.973 0-8.1 1.88-8.1 6.385 0 3.49 1.931 5.047 7.994 6.98 5.903 1.878 11.377 3.809 11.377 11.267 0 7.567-6.495 11.11-13.36 11.11-4.402 0-9.125-1.45-11.7-5.262l3.862-3.165c1.61 2.794 4.83 4.24 8.105 4.24 3.862 0 8.263-2.253 8.263-6.601 0-4.669-3.165-5.474-9.928-7.728-5.366-1.771-9.442-4.134-9.442-10.463 0-7.298 6.277-10.945 12.929-10.945 4.241 0 7.836 1.178 10.625 4.45l-3.699 3.218Z"
-      />
-    </svg>
-  );
-};
-
-export default PrintIdentifierSticker;

package/src/print-identifier-sticker/print-identifier-sticker.resource.ts

@@ -1,46 +0,0 @@
-import { type Options } from 'react-barcode';
-import { type AllowedPatientFields } from '../config-schema';
-import {
-  PatientAddress,
-  PatientAge,
-  PatientContact,
-  type PatientDetailProps,
-  PatientDob,
-  PatientGender,
-  PatientIdentifier,
-  PatientName,
-} from './patient-detail.component';
-
-export const defaultBarcodeParams: Options = {
-  width: 2,
-  format: 'CODE39',
-  background: '#f4f4f4',
-  displayValue: true,
-  renderer: 'img',
-  font: 'IBM Plex Sans',
-  textAlign: 'center',
-  textPosition: 'bottom',
-  fontSize: 16,
-};
-
-export function getPatientField(field: AllowedPatientFields): React.FC<PatientDetailProps> {
-  switch (field) {
-    case 'name':
-      return PatientName;
-    case 'age':
-      return PatientAge;
-    case 'dob':
-      return PatientDob;
-    case 'gender':
-      return PatientGender;
-    case 'identifier':
-      return PatientIdentifier;
-    case 'contact':
-      return PatientContact;
-    case 'address':
-      return PatientAddress;
-    default:
-      console.error(`Invalid patient field: ${field}`);
-      return null;
-  }
-}

package/src/print-identifier-sticker/print-identifier-sticker.scss

@@ -1,88 +0,0 @@
-@use '@carbon/layout';
-@use '@carbon/type';
-@use '@openmrs/esm-styleguide/src/vars' as *;
-
-.stickerContainer {
-  padding: layout.$spacing-03 layout.$spacing-05;
-}
-
-.documentHeader {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid $brand-01;
-  margin-bottom: layout.$spacing-05;
-}
-
-.row {
-  margin: layout.$spacing-03 0 0;
-  display: flex;
-  flex-flow: row wrap;
-  gap: layout.$spacing-05;
-}
-
-.gridRow {
-  padding: 0px;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-
-  div {
-    margin-left: 0px;
-    margin-bottom: 5px;
-  }
-}
-
-.patientName {
-  font-size: layout.$spacing-06;
-  font-weight: bolder;
-  margin-bottom: 5px;
-}
-
-.button {
-  :global(.cds--inline-loading) {
-    min-height: layout.$spacing-05 !important;
-  }
-}
-
-.detailsGrid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: layout.$spacing-03 0;
-  margin-top: layout.$spacing-03;
-}
-
-.loader {
-  :global(.cds--inline-loading__text) {
-    @include type.type-style('body-01');
-  }
-}
-
-.strong {
-  @include type.type-style('heading-04');
-  font-weight: 700;
-  margin-inline-end: layout.$spacing-03;
-}
-
-.patientDetail {
-  @include type.type-style('heading-03');
-}
-
-.implementationLogo {
-  width: 40%;
-}
-
-@media print {
-  html,
-  body {
-    height: 100vh;
-    margin: 0 !important;
-    padding: 0 !important;
-    overflow: hidden;
-  }
-
-  .stickerContainer {
-    transform: scale(var(--print-scale));
-    transform-origin: left top;
-  }
-}