@bahmni/appointments-app 0.0.1-dev.266 → 0.0.1-dev.267

package/dist/index-BXvg2o0e.js

@@ -0,0 +1,630 @@
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { T as g, S, U as B, V as P, a0 as Z, b, a1 as ee, a2 as te, a3 as ie, Q as ae, a4 as ne, u as K, a5 as U, a6 as re, a7 as se, a8 as le, a9 as y, aa as O, ab as V, ac as C, ad as F, ae as Y, af as x, g as de, q as oe, a as ce, z as k, s as me, ag as Ae, ah as Ie, ai as ue, t as _e, C as Te, aj as Le } from "./index-Dd5zlHOS.js";
+import { useState as h, useMemo as N, useEffect as $, useRef as ve, useCallback as E } from "react";
+const Ne = "Available for appointments", q = "Get Appointment Unavailability", pe = "Add Appointment Unavailability", G = "Appointment Location", Me = () => {
+  try {
+    return Z().uuid;
+  } catch {
+    return "";
+  }
+}, w = (e) => ({
+  id: "",
+  text: e
+}), be = (e) => ({
+  display: e,
+  uuid: ""
+}), De = (e, a) => {
+  const n = e.map((t) => ({
+    id: t.uuid,
+    text: t.name,
+    originalItem: t
+  }));
+  return n.length > 0 && n.push({
+    id: "select-all-services",
+    text: a,
+    isSelectAll: !0
+  }), n;
+}, ye = (e, a) => {
+  const n = e.map((t) => ({
+    id: t.uuid,
+    text: t.person?.display,
+    originalItem: t
+  }));
+  return n.length > 0 && n.push({
+    id: "select-all-providers",
+    text: a,
+    isSelectAll: !0
+  }), n;
+}, Ee = (e, a) => ({
+  locationUuid: e.locationUuid,
+  startDate: g(e.startDate, a, !1, P).formattedResult,
+  startTime: B(
+    `${e.startTime} ${e.startTimePeriod}`
+  ),
+  endDate: g(e.endDate, a, !1, P).formattedResult,
+  endTime: B(`${e.endTime} ${e.endTimePeriod}`)
+}), he = (e, a) => {
+  const n = {}, t = a("ADMIN_UNAVAILABILITY_FORM_REQUIRED");
+  if (e.locationUuid || (n.location = t), e.startDate || (n.startDate = t), e.startTime || (n.startTime = t), e.endDate || (n.endDate = t), e.endTime || (n.endTime = t), e.startDate && e.startTime && e.endDate && e.endTime && e.startDate.toDateString() === e.endDate.toDateString()) {
+    const d = S(
+      `${e.startTime} ${e.startTimePeriod}`
+    ), c = S(
+      `${e.endTime} ${e.endTimePeriod}`
+    );
+    d !== null && c !== null && c <= d && (n.dateTime = a("ADMIN_UNAVAILABILITY_DATETIME_ERROR_MESSAGE"));
+  }
+  return n;
+}, ge = (e, a) => ({
+  id: e.uuid,
+  startDateTime: g(`${e.startDate}T${e.startTime}`, a, !0).formattedResult,
+  endDateTime: g(`${e.endDate}T${e.endTime}`, a, !0).formattedResult,
+  locationName: e.location.name,
+  appointmentServiceName: e.service?.name ?? a("ADMIN_UNAVAILABILITY_ALL"),
+  providerName: e.provider?.name ?? a("ADMIN_UNAVAILABILITY_ALL")
+}), H = (e) => e.filter((a) => !a.isSelectAll).map((a) => a.id), Ue = (e, a) => {
+  const n = Ee(
+    {
+      locationUuid: e.locationUuid,
+      startDate: e.startDate,
+      startTime: e.startTime,
+      startTimePeriod: e.startTimePeriod,
+      endDate: e.endDate,
+      endTime: e.endTime,
+      endTimePeriod: e.endTimePeriod
+    },
+    a
+  ), t = H(e.selectedServiceItems), d = H(e.selectedProviderItems), A = t.length === e.filteredServicesCount || t.length === 0 ? [void 0] : t, m = d.length === e.availableProvidersCount || d.length === 0 ? [void 0] : d;
+  return A.flatMap(
+    (r) => m.map((l) => ({
+      ...n,
+      appointmentServiceUuid: r,
+      providerUuid: l
+    }))
+  );
+}, fe = (e) => !e.entry || e.entry.length === 0 ? [] : e.entry.map((a) => ({
+  uuid: a.resource?.id ?? "",
+  display: a.resource?.name ?? "",
+  childLocations: []
+})), Re = () => {
+  const {
+    data: e,
+    isLoading: a,
+    isError: n
+  } = b({
+    queryKey: ["currentUser"],
+    queryFn: ee
+  }), {
+    data: t = [],
+    isLoading: d,
+    isError: c
+  } = b({
+    queryKey: ["providerLoginLocations", e?.uuid],
+    queryFn: async () => {
+      const I = await te(
+        e.uuid
+      );
+      if (I.length === 0) {
+        const u = await ie(
+          G
+        );
+        return fe(u);
+      }
+      return I.filter(
+        (u) => u.tags?.some((v) => v.display === G)
+      );
+    },
+    enabled: !!e?.uuid
+  }), {
+    data: A = [],
+    isLoading: L,
+    isError: m
+  } = b({
+    queryKey: ["appointmentServices"],
+    queryFn: ae
+  }), {
+    data: r = [],
+    isLoading: l,
+    isError: _
+  } = b({
+    queryKey: ["providers"],
+    queryFn: ne
+  });
+  return {
+    loginLocations: t,
+    services: A,
+    providers: r,
+    isLoading: a || d || L || l,
+    isError: n || c || m || _
+  };
+}, Se = "_formContent_1huph_1", Be = "_formField_1huph_7", Pe = "_loading_1huph_12", Oe = "_error_1huph_16", Ve = "_grid_1huph_27", Ce = "_column_1huph_31", Fe = "_dateTimeColumn_1huph_36", Ye = "_datePicker_1huph_41", xe = "_timePicker_1huph_55", o = {
+  formContent: Se,
+  formField: Be,
+  loading: Pe,
+  error: Oe,
+  grid: Ve,
+  column: Ce,
+  dateTimeColumn: Fe,
+  datePicker: Ye,
+  timePicker: xe
+}, ke = ({
+  errors: e,
+  formDataRef: a,
+  onClearErrors: n
+}) => {
+  const { t } = K(), { loginLocations: d, services: c, providers: A, isLoading: L, isError: m } = Re(), [r, l] = h({
+    locationUuid: Me(),
+    selectedServiceItems: [],
+    selectedProviderItems: [],
+    startDate: null,
+    startTime: "",
+    startTimePeriod: "AM",
+    endDate: null,
+    endTime: "",
+    endTimePeriod: "AM"
+  }), _ = N(
+    () => c.filter((i) => i.location?.uuid === r.locationUuid),
+    [c, r.locationUuid]
+  ), I = N(
+    () => A.filter(
+      (i) => i.attributes?.some(
+        (D) => D.attributeType?.display === Ne && D.value
+      )
+    ),
+    [A]
+  ), u = N(
+    () => U(!1, !1, d, be, {
+      loading: "",
+      error: "",
+      empty: t("ADMIN_UNAVAILABILITY_FORM_NO_LOCATIONS")
+    }),
+    [d]
+  ), v = N(
+    () => U(
+      !1,
+      !1,
+      De(
+        _,
+        t("ADMIN_UNAVAILABILITY_FORM_ALL_SERVICES")
+      ),
+      w,
+      {
+        loading: "",
+        error: "",
+        empty: t("ADMIN_UNAVAILABILITY_FORM_NO_SERVICES")
+      }
+    ),
+    [_]
+  ), M = N(
+    () => U(
+      !1,
+      !1,
+      ye(
+        I,
+        t("ADMIN_UNAVAILABILITY_FORM_ALL_PROVIDERS")
+      ),
+      w,
+      {
+        loading: "",
+        error: "",
+        empty: t("ADMIN_UNAVAILABILITY_FORM_NO_PROVIDERS")
+      }
+    ),
+    [I]
+  );
+  return $(() => {
+    _.length > 0 && l((i) => ({
+      ...i,
+      selectedServiceItems: v
+    }));
+  }, [v]), $(() => {
+    I.length > 0 && l((i) => ({
+      ...i,
+      selectedProviderItems: M
+    }));
+  }, [M]), a.current = {
+    ...r,
+    filteredServicesCount: _.length,
+    availableProvidersCount: I.length
+  }, L ? /* @__PURE__ */ s(
+    "div",
+    {
+      "data-testid": "unavailability-form-skeleton",
+      className: o.formContent,
+      children: /* @__PURE__ */ s(re, { type: "multi", className: o.loading })
+    }
+  ) : m ? /* @__PURE__ */ s(
+    "div",
+    {
+      id: "unavailability-form-error",
+      "data-testid": "unavailability-form-error",
+      className: o.error,
+      children: t("ADMIN_UNAVAILABILITY_FORM_LOAD_ERROR_MESSAGE")
+    }
+  ) : /* @__PURE__ */ p(
+    "div",
+    {
+      id: "unavailability-form-content",
+      "data-testid": "unavailability-form-content-test-id",
+      "aria-label": "unavailability-form-content-aria-label",
+      className: o.formContent,
+      children: [
+        /* @__PURE__ */ s("div", { className: o.formField, children: /* @__PURE__ */ s(
+          se,
+          {
+            id: "location-dropdown",
+            "data-testid": "location-dropdown",
+            label: t("ADMIN_UNAVAILABILITY_FORM_LOCATION_LABEL"),
+            titleText: t("ADMIN_UNAVAILABILITY_FORM_LOCATION_LABEL"),
+            items: u,
+            itemToString: (i) => i?.display ?? "",
+            selectedItem: r.locationUuid ? d.find(
+              (i) => i.uuid === r.locationUuid
+            ) ?? null : null,
+            onChange: (i) => {
+              n(["location"]), l({
+                ...r,
+                locationUuid: i.selectedItem?.uuid ?? "",
+                selectedServiceItems: []
+              });
+            },
+            invalid: !!e.location,
+            invalidText: e.location
+          }
+        ) }),
+        /* @__PURE__ */ p(
+          le,
+          {
+            id: "unavailability-form-grid",
+            "data-testid": "unavailability-form-grid-test-id",
+            "aria-label": "unavailability-form-grid-aria-label",
+            className: o.grid,
+            children: [
+              /* @__PURE__ */ p(
+                y,
+                {
+                  id: "unavailability-form-start-date-time",
+                  "data-testid": "unavailability-form-start-date-time-test-id",
+                  "aria-label": "unavailability-form-start-date-time-aria-label",
+                  sm: 2,
+                  md: 4,
+                  lg: 8,
+                  className: `${o.column} ${o.dateTimeColumn}`,
+                  children: [
+                    /* @__PURE__ */ s(
+                      O,
+                      {
+                        datePickerType: "single",
+                        minDate: V(),
+                        value: r.startDate ?? void 0,
+                        onChange: (i) => {
+                          i[0] && (n(["startDate", "dateTime"]), l({
+                            ...r,
+                            startDate: i[0]
+                          }));
+                        },
+                        className: o.datePicker,
+                        children: /* @__PURE__ */ s(
+                          C,
+                          {
+                            id: "start-date",
+                            "data-testid": "start-date-input",
+                            labelText: t("ADMIN_UNAVAILABILITY_FORM_START_DATE_LABEL"),
+                            placeholder: t("ADMIN_UNAVAILABILITY_FORM_DATE_PLACEHOLDER"),
+                            invalid: !!e.startDate,
+                            invalidText: e.startDate
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ s(
+                      F,
+                      {
+                        id: "start-time",
+                        "data-testid": "start-time-input",
+                        labelText: t("ADMIN_UNAVAILABILITY_FORM_START_TIME_LABEL"),
+                        onChange: (i) => {
+                          n(["startTime", "dateTime"]), l({ ...r, startTime: i.target.value });
+                        },
+                        invalid: !!e.startTime,
+                        invalidText: e.startTime,
+                        placeholder: "hh:mm",
+                        pattern: "(1[012]|[0-9]):[0-5][0-9]",
+                        use24HourFormat: !1,
+                        className: o.timePicker,
+                        children: /* @__PURE__ */ p(
+                          Y,
+                          {
+                            id: "start-time-period",
+                            "data-testid": "start-time-period-select",
+                            onChange: (i) => {
+                              n(["dateTime"]), l({
+                                ...r,
+                                startTimePeriod: i.target.value
+                              });
+                            },
+                            value: r.startTimePeriod,
+                            children: [
+                              /* @__PURE__ */ s("option", { value: "AM", children: t("ADMIN_UNAVAILABILITY_AM") }),
+                              /* @__PURE__ */ s("option", { value: "PM", children: t("ADMIN_UNAVAILABILITY_PM") })
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ p(
+                y,
+                {
+                  id: "unavailability-form-end-date-time",
+                  "data-testid": "unavailability-form-end-date-time-test-id",
+                  "aria-label": "unavailability-form-end-date-time-aria-label",
+                  sm: 2,
+                  md: 4,
+                  lg: 8,
+                  className: `${o.column} ${o.dateTimeColumn}`,
+                  children: [
+                    /* @__PURE__ */ s(
+                      O,
+                      {
+                        datePickerType: "single",
+                        minDate: r.startDate ?? V(),
+                        value: r.endDate ?? void 0,
+                        onChange: (i) => {
+                          i[0] && (n(["endDate", "dateTime"]), l({
+                            ...r,
+                            endDate: i[0]
+                          }));
+                        },
+                        className: o.datePicker,
+                        children: /* @__PURE__ */ s(
+                          C,
+                          {
+                            id: "end-date",
+                            "data-testid": "end-date-input",
+                            labelText: t("ADMIN_UNAVAILABILITY_FORM_END_DATE_LABEL"),
+                            placeholder: t("ADMIN_UNAVAILABILITY_FORM_DATE_PLACEHOLDER"),
+                            invalid: !!e.endDate,
+                            invalidText: e.endDate
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ s(
+                      F,
+                      {
+                        id: "end-time",
+                        "data-testid": "end-time-input",
+                        labelText: t("ADMIN_UNAVAILABILITY_FORM_END_TIME_LABEL"),
+                        onChange: (i) => {
+                          n(["endTime", "dateTime"]), l({ ...r, endTime: i.target.value });
+                        },
+                        invalid: !!(e.endTime ?? e.dateTime),
+                        invalidText: e.dateTime ?? e.endTime,
+                        placeholder: "hh:mm",
+                        pattern: "(1[012]|[0-9]):[0-5][0-9]",
+                        use24HourFormat: !1,
+                        className: o.timePicker,
+                        children: /* @__PURE__ */ p(
+                          Y,
+                          {
+                            id: "end-time-period",
+                            "data-testid": "end-time-period-select",
+                            onChange: (i) => {
+                              n(["dateTime"]), l({
+                                ...r,
+                                endTimePeriod: i.target.value
+                              });
+                            },
+                            value: r.endTimePeriod,
+                            children: [
+                              /* @__PURE__ */ s("option", { value: "AM", children: t("ADMIN_UNAVAILABILITY_AM") }),
+                              /* @__PURE__ */ s("option", { value: "PM", children: t("ADMIN_UNAVAILABILITY_PM") })
+                            ]
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s(
+                y,
+                {
+                  id: "unavailability-form-service",
+                  "data-testid": "unavailability-form-service-test-id",
+                  "aria-label": "unavailability-form-service-aria-label",
+                  sm: 2,
+                  md: 4,
+                  lg: 8,
+                  className: o.column,
+                  children: /* @__PURE__ */ s(
+                    x,
+                    {
+                      id: "service-multiselect",
+                      "data-testid": "service-multiselect",
+                      titleText: t("ADMIN_UNAVAILABILITY_FORM_SERVICE_LABEL"),
+                      placeholder: t("ADMIN_UNAVAILABILITY_FORM_SERVICE_LABEL"),
+                      items: v,
+                      itemToString: (i) => i?.text ?? "",
+                      selectedItems: r.selectedServiceItems,
+                      onChange: (i) => l({
+                        ...r,
+                        selectedServiceItems: i.selectedItems
+                      })
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s(
+                y,
+                {
+                  id: "unavailability-form-provider",
+                  "data-testid": "unavailability-form-provider-test-id",
+                  "aria-label": "unavailability-form-provider-aria-label",
+                  sm: 2,
+                  md: 4,
+                  lg: 8,
+                  className: o.column,
+                  children: /* @__PURE__ */ s(
+                    x,
+                    {
+                      id: "provider-multiselect",
+                      "data-testid": "provider-multiselect",
+                      titleText: t("ADMIN_UNAVAILABILITY_FORM_PROVIDER_LABEL"),
+                      placeholder: t("ADMIN_UNAVAILABILITY_FORM_PROVIDER_LABEL"),
+                      items: M,
+                      itemToString: (i) => i?.text ?? "",
+                      selectedItems: r.selectedProviderItems,
+                      onChange: (i) => l({
+                        ...r,
+                        selectedProviderItems: i.selectedItems
+                      })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, $e = "_page_8pcnh_1", qe = {
+  page: $e
+}, Ke = () => {
+  const { t: e } = K(), a = de(), { userPrivileges: n } = oe(), { addNotification: t } = ce(), [d, c] = h(!1), [A, L] = h(!1), m = ve(null), [r, l] = h({}), _ = k(
+    n,
+    q
+  ), I = k(n, [
+    pe,
+    q
+  ]), { data: u, isLoading: v, isError: M } = b({
+    queryKey: ["appointmentUnavailabilities"],
+    queryFn: Le,
+    enabled: _
+  }), i = [
+    { id: "home", label: e("BREADCRUMB_HOME"), href: me },
+    {
+      id: "appointments",
+      label: e("BREADCRUMB_APPOINTMENTS"),
+      href: "/appointments"
+    },
+    { id: "admin", label: e("BREADCRUMB_ADMIN"), isCurrentPage: !0 }
+  ], D = N(() => [
+    { key: "startDateTime", header: e("ADMIN_UNAVAILABILITY_COLUMN_START") },
+    { key: "endDateTime", header: e("ADMIN_UNAVAILABILITY_COLUMN_END") },
+    {
+      key: "locationName",
+      header: e("ADMIN_UNAVAILABILITY_COLUMN_LOCATION")
+    },
+    {
+      key: "appointmentServiceName",
+      header: e("ADMIN_UNAVAILABILITY_COLUMN_SERVICE")
+    },
+    {
+      key: "providerName",
+      header: e("ADMIN_UNAVAILABILITY_COLUMN_PROVIDER")
+    }
+  ], [e]), Q = N(() => u ? u.map((T) => ge(T, e)) : [], [u, e]), f = E(
+    async (T) => {
+      L(!0);
+      try {
+        await Ae(T), t({
+          title: e("ADMIN_UNAVAILABILITY_FORM_SUCCESS_TITLE"),
+          message: e("ADMIN_UNAVAILABILITY_FORM_SUCCESS_MESSAGE"),
+          type: "success",
+          timeout: 5e3
+        }), c(!1), a.invalidateQueries({
+          queryKey: ["appointmentUnavailabilities"]
+        });
+      } catch {
+        t({
+          title: e("ADMIN_UNAVAILABILITY_FORM_ERROR_TITLE"),
+          message: e("ADMIN_UNAVAILABILITY_FORM_ERROR_MESSAGE"),
+          type: "error"
+        });
+      } finally {
+        L(!1);
+      }
+    },
+    [t, a, e]
+  ), j = E(async () => {
+    if (!m.current) return;
+    const T = he(m.current, e);
+    l(T), !(Object.keys(T).length > 0) && await f(Ue(m.current, e));
+  }, [e, f]), z = E(
+    (T) => {
+      l((J) => {
+        const R = { ...J };
+        return T.forEach((X) => delete R[X]), R;
+      });
+    },
+    []
+  ), W = E(() => {
+    c(!1), m.current = null, l({});
+  }, []);
+  return /* @__PURE__ */ s(
+    Ie,
+    {
+      headerWSideNav: /* @__PURE__ */ s(Te, { breadcrumbItems: i }),
+      hasSideNav: !1,
+      mainDisplay: /* @__PURE__ */ s(
+        "div",
+        {
+          id: "appointment-unavailability-page",
+          "data-testid": "appointment-unavailability-page-test-id",
+          "aria-label": "appointment-unavailability-page-aria-label",
+          className: qe.page,
+          children: /* @__PURE__ */ s(
+            _e,
+            {
+              id: "appointment-unavailability-actions-table",
+              "data-testid": "appointment-unavailability-actions-table-test-id",
+              "aria-label": "appointment-unavailability-actions-table-aria-label",
+              title: e("ADMIN_UNAVAILABILITY_TITLE"),
+              headers: D,
+              rows: Q,
+              ariaLabel: "unavailability-table",
+              loading: v,
+              errorStateMessage: M ? e("ADMIN_UNAVAILABILITY_ERROR_MESSAGE") : null,
+              emptyStateMessage: e("ADMIN_UNAVAILABILITY_EMPTY_MESSAGE"),
+              actionButton: !d && I ? {
+                label: e("ADMIN_UNAVAILABILITY_ADD_BUTTON"),
+                onClick: () => c(!0),
+                props: { id: "add-unavailability-btn", kind: "primary" }
+              } : void 0
+            }
+          )
+        }
+      ),
+      actionArea: d && /* @__PURE__ */ s(
+        ue,
+        {
+          "data-testid": "appointment-unavailability-form-panel-test-id",
+          "aria-label": "appointment-unavailability-form-panel-aria-label",
+          title: e("ADMIN_UNAVAILABILITY_FORM_TITLE"),
+          primaryButtonText: e("ADMIN_UNAVAILABILITY_FORM_ADD"),
+          onPrimaryButtonClick: j,
+          isPrimaryButtonDisabled: A,
+          secondaryButtonText: e("ADMIN_UNAVAILABILITY_FORM_CANCEL"),
+          onSecondaryButtonClick: W,
+          isSecondaryButtonDisabled: A,
+          content: /* @__PURE__ */ s(
+            ke,
+            {
+              errors: r,
+              formDataRef: m,
+              onClearErrors: z
+            }
+          )
+        }
+      ),
+      isActionAreaVisible: d
+    }
+  );
+};
+export {
+  Ke as default
+};