@digihmis/esm-administration-app 1.0.0 → 1.0.2

package/src/billing-management/billing-charge-items/billing-charge-items-workspace/billing-charge-item.workspace.tsx

@@ -1,212 +0,0 @@
-import React, { useEffect, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ButtonSet, Button, Stack, Toggle, InlineNotification, InlineLoading } from '@carbon/react';
-import { Add } from '@carbon/react/icons';
-import { useForm, FormProvider, useFieldArray, Controller } from 'react-hook-form';
-
-import { type DefaultWorkspaceProps, useLayoutType, ResponsiveWrapper, showSnackbar, restBaseUrl } from '@openmrs/esm-framework';
-import styles from './global/billing-charge-commodity.scss';
-import classNames from 'classnames';
-import { zodResolver } from '@hookform/resolvers/zod';
-import PriceField from './components/price.component';
-import { billableFormSchema, BillableFormSchema } from './schemas/form-schemas';
-import { handleMutation } from '../../billing-payment-modes/billing-payment-modes-workspace/billing-payment-modes.resource';
-import { formatBillableServicePayloadForSubmission, mapInputToPayloadSchema } from '../utils';
-import { createBillableService } from './billing-charge-items.resource';
-import StockItemSearch from './components/stock-search.component';
-
-type CommodityFormProps = DefaultWorkspaceProps & {
-  initialValues?: BillableFormSchema;
-};
-
-const CommodityForm: React.FC<CommodityFormProps> = ({
-  closeWorkspace,
-  closeWorkspaceWithSavedChanges,
-  promptBeforeClosing,
-  initialValues,
-}) => {
-  const { t } = useTranslation();
-  const isTablet = useLayoutType() === 'tablet';
-  const formMethods = useForm<BillableFormSchema>({
-    resolver: zodResolver(billableFormSchema),
-    defaultValues: initialValues
-      ? {
-          ...mapInputToPayloadSchema(initialValues),
-          serviceType: {
-            uuid: initialValues.serviceType?.uuid ?? '',
-            display: initialValues.serviceType?.display ?? '',
-          },
-        }
-      : { servicePrices: [], serviceStatus: 'ENABLED' },
-  });
-
-  const {
-    setValue,
-    control,
-    handleSubmit,
-    trigger,
-    formState: { errors, isDirty, isSubmitting },
-  } = formMethods;
-
-  const { fields, append, remove } = useFieldArray({
-    control,
-    name: 'servicePrices',
-  });
-
-  useEffect(() => {
-    if (initialValues) {
-      trigger();
-    }
-  }, [initialValues, trigger]);
-
-  const onSubmit = async (formValues: BillableFormSchema) => {
-    const payload = formatBillableServicePayloadForSubmission(formValues, initialValues?.['uuid']);
-    try {
-      const response = await createBillableService(payload, initialValues?.['uuid']);
-      if (response.ok) {
-        showSnackbar({
-          title: t('commodityBillableCreated', 'Commodity price created successfully'),
-          subtitle: t('commodityBillableCreatedSubtitle', 'The commodity price has been created successfully'),
-          kind: 'success',
-          isLowContrast: true,
-          timeoutInMs: 5000,
-        });
-        handleMutation(`${restBaseUrl}/cashier/billableService?v`);
-        closeWorkspaceWithSavedChanges();
-      }
-    } catch (e) {
-      const errorMessage =
-        e?.responseBody?.error?.message || e?.message || t('unknownError', 'An unknown error occurred');
-      showSnackbar({
-        title: t('commodityBillableCreationFailed', 'Commodity price creation failed'),
-        subtitle: t(
-          'commodityBillableCreationFailedSubtitle',
-          'The commodity price creation failed: {{errorMessage}}',
-          {
-            errorMessage: String(errorMessage).trim(),
-          },
-        ),
-        kind: 'error',
-        isLowContrast: true,
-        timeoutInMs: 5000,
-      });
-    }
-  };
-
-  useEffect(() => {
-    promptBeforeClosing(() => isDirty);
-  }, [isDirty, promptBeforeClosing]);
-
-  const renderServicePriceFields = useMemo(
-    () =>
-      fields.map((field, index) => (
-        <PriceField
-          key={field.id}
-          field={field}
-          index={index}
-          control={control}
-          removeServicePrice={remove}
-          errors={errors}
-        />
-      )),
-    [fields, control, remove, errors],
-  );
-
-  function flattenErrors(errors: Record<string, any>): string[] {
-    const messages: string[] = [];
-
-    Object.entries(errors).forEach(([key, value]) => {
-      if (Array.isArray(value)) {
-        value.forEach((item, index) => {
-          Object.entries(item as Record<string, { message: string }>).forEach(([subKey, subVal]) => {
-            messages.push(`${key}[${index}].${subKey}: ${subVal.message}`);
-          });
-        });
-      } else if (typeof value === 'object' && value?.message) {
-        messages.push(`${key}: ${value.message}`);
-      }
-    });
-
-    return messages;
-  }
-
-  const handleError = (err) => {
-    console.error(JSON.stringify(err, null, 2));
-    const errorMessage = flattenErrors(err).join('; ');
-    showSnackbar({
-      title: t('serviceCreationFailed', 'Service creation failed'),
-      subtitle: t('serviceCreationFailedSubtitle', 'The service creation failed: {{errorMessage}}', {
-        errorMessage,
-      }),
-      kind: 'error',
-      isLowContrast: true,
-      timeoutInMs: 5000,
-    });
-  };
-
-  return (
-    <FormProvider {...formMethods}>
-      <form onSubmit={handleSubmit(onSubmit, handleError)} className={styles.form}>
-        <div className={styles.formContainer}>
-          <Stack className={styles.formStackControl} gap={7}>
-            <StockItemSearch setValue={setValue} defaultStockItem={initialValues?.name} />
-            {errors.concept && (
-              <InlineNotification
-                kind="error"
-                lowContrast={true}
-                title={t('conceptMissing', 'Concept missing for {{name}}', { name: initialValues?.name })}
-                subtitle={t('conceptMissingSubtitle', 'Please delete the current item and re-create the charge item')}
-              />
-            )}
-            <ResponsiveWrapper>
-              <Controller
-                control={control}
-                name="serviceStatus"
-                render={({ field }) => (
-                  <Toggle
-                    labelText={t('status', 'Status')}
-                    labelA="Off"
-                    labelB="On"
-                    defaultToggled={field.value === 'ENABLED'}
-                    id="serviceStatus"
-                    onToggle={(value) => (value ? field.onChange('ENABLED') : field.onChange('DISABLED'))}
-                  />
-                )}
-              />
-            </ResponsiveWrapper>
-            {renderServicePriceFields}
-            <Button size="sm" kind="tertiary" renderIcon={Add} onClick={() => append({})}>
-              {t('addPaymentMethod', 'Add payment method')}
-            </Button>
-            {!!errors.servicePrices && (
-              <InlineNotification
-                aria-label="closes notification"
-                kind="error"
-                lowContrast={true}
-                statusIconDescription="notification"
-                title={t('paymentMethodRequired', 'Payment method required')}
-                subtitle={t('atLeastOnePriceRequired', 'At least one price is required')}
-              />
-            )}
-          </Stack>
-        </div>
-        <ButtonSet className={classNames({ [styles.tablet]: isTablet, [styles.desktop]: !isTablet })}>
-          <Button style={{ maxWidth: '50%' }} kind="secondary" onClick={() => closeWorkspace()}>
-            {t('cancel', 'Cancel')}
-          </Button>
-          <Button disabled={isSubmitting || !isDirty} style={{ maxWidth: '50%' }} kind="primary" type="submit">
-            {isSubmitting ? (
-              <span style={{ display: 'flex', justifyItems: 'center' }}>
-                {t('submitting', 'Submitting...')} <InlineLoading status="active" iconDescription="Loading" />
-              </span>
-            ) : (
-              t('saveAndClose', 'Save & close')
-            )}
-          </Button>
-        </ButtonSet>
-      </form>
-    </FormProvider>
-  );
-};
-
-export default CommodityForm;

package/src/billing-management/billing-charge-items/billing-charge-items-workspace/components/stock-search.component.tsx

@@ -1,107 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { FormGroup, Search, InlineLoading } from '@carbon/react';
-import { ErrorState, ResponsiveWrapper, useDebounce } from '@openmrs/esm-framework';
-import type { UseFormSetValue } from 'react-hook-form';
-import styles from '../global/billing-charge-commodity.scss';
-import { formatStockItemToPayload } from '../../utils';
-import { BillableFormSchema } from '../schemas/form-schemas';
-import { useCommodityItem } from '../billing-charge-items.resource';
-
-interface StockItem {
-  uuid: string;
-  commonName: string;
-}
-
-type StockItemSearchProps = {
-  setValue: UseFormSetValue<BillableFormSchema>;
-  defaultStockItem?: string;
-};
-
-const StockItemSearch: React.FC<StockItemSearchProps> = ({ setValue, defaultStockItem }) => {
-  const { t } = useTranslation();
-  const [inputValue, setInputValue] = useState<string>(defaultStockItem ?? '');
-  const [searchTerm, setSearchTerm] = useState<string>(defaultStockItem ? '' : '');
-  const debouncedSearchTerm = useDebounce(searchTerm, 500);
-  const [selectedStockItem, setSelectedStockItem] = useState<StockItem | null>(null);
-
-  const { stockItems = [], isLoading, error } = useCommodityItem(debouncedSearchTerm);
-
-  useEffect(() => {
-    if (defaultStockItem && !selectedStockItem) {
-      setSelectedStockItem(stockItems.find((item) => item.uuid === defaultStockItem) ?? null);
-    }
-  }, [defaultStockItem, selectedStockItem, setValue, stockItems]);
-
-  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const v = e?.currentTarget?.value ?? '';
-    setInputValue(v);
-    setSearchTerm(v);
-    setSelectedStockItem(null);
-  };
-
-  const handleClear = () => {
-    setInputValue('');
-    setSearchTerm('');
-    setSelectedStockItem(null);
-  };
-
-  const handleStockItemSelect = (item: StockItem) => {
-    setSelectedStockItem(item);
-    setInputValue(item.commonName);
-    setSearchTerm(''); // hide results
-    const payload = formatStockItemToPayload(item);
-    Object.entries(payload).forEach(([key, value]) => {
-      setValue(key as keyof BillableFormSchema, value);
-    });
-  };
-
-  if (error) {
-    return <ErrorState headerTitle={t('stockItemError', 'Stock Item')} error={error} />;
-  }
-
-  return (
-    <FormGroup className={styles.formGroupWithConcept} legendText={t('searchForCommodity', 'Search for commodity')}>
-      <ResponsiveWrapper>
-        <Search
-          placeholder={t('searchForCommodity', 'Search for commodity')}
-          labelText={t('search', 'Search')}
-          closeButtonLabelText={t('clear', 'Clear')}
-          value={inputValue}
-          onChange={handleInputChange}
-          onClear={handleClear}
-          disabled={Boolean(defaultStockItem)}
-        />
-      </ResponsiveWrapper>
-
-      {isLoading && (
-        <div className={styles.searchResults}>
-          <InlineLoading status="active" iconDescription="Loading" description={t('loadingData', 'Loading data...')} />
-        </div>
-      )}
-
-      {!isLoading && stockItems.length > 0 && searchTerm && (
-        <div className={styles.searchResults} role="listbox">
-          {stockItems.map((item) => (
-            <div
-              key={item.uuid}
-              className={styles.searchItem}
-              role="option"
-              aria-selected={selectedStockItem?.uuid === item.uuid}
-              tabIndex={0}
-              onClick={() => handleStockItemSelect(item)}
-              onKeyPress={(e) => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                  handleStockItemSelect(item);
-                }
-              }}>
-              {item.commonName}
-            </div>
-          ))}
-        </div>
-      )}
-    </FormGroup>
-  );
-};
-
-export default StockItemSearch;