@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/MeasureUnitsManagerContainer.js

@@ -0,0 +1,151 @@
+"use client";
+import { jsxs as N, Fragment as T, jsx as A } from "react/jsx-runtime";
+import { useMemo as c, useState as i, useCallback as p } from "react";
+import "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "tailwind-merge";
+import { MeasureUnitsManager as G } from "../../../ui/dist/index4.js";
+import { MeasureUnitDeleteDialog as R } from "../../../ui/dist/index5.js";
+import "lucide-react";
+import "@tanstack/react-query";
+import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../../data-access/dist/lib/EmbedApiContext.js";
+import "../../../../data-access/dist/lib/rest/client.gen.js";
+import "../../../../data-access/dist/lib/rest/zod.gen.js";
+import { useMeasureUnitsQuery as q } from "../../../data-access/dist/index7.js";
+import { useProductsByMeasureUnitQuery as z } from "../../../data-access/dist/index8.js";
+import { useCreateMeasureUnitMutation as H } from "../../../data-access/dist/index9.js";
+import { useUpdateMeasureUnitMutation as J } from "../../../data-access/dist/index10.js";
+import { useDeleteMeasureUnitMutation as K } from "../../../data-access/dist/index11.js";
+import { extractApiErrorMessage as S } from "../../../../util/dist/index13.js";
+import { formatPrice as W, validateMeasureUnit as w } from "./helpers.js";
+import { PRODUCT_MESSAGE_LABELS_EN as X } from "./labels.js";
+const E = { name: "", description: "" };
+function ye({
+  open: D,
+  onClose: L,
+  managerLabels: $,
+  deleteLabels: _,
+  messageLabels: b
+}) {
+  const a = c(
+    () => ({ ...X, ...b }),
+    [b]
+  ), u = q(), l = H(), f = J(), g = K(), [C, x] = i(""), [n, v] = i(E), [O, M] = i(), [s, y] = i(), [o, P] = i(E), [V, d] = i(), [r, m] = i(), U = c(
+    () => (u.data?.data ?? []).map((e) => ({
+      id: e.id,
+      name: e.name,
+      description: e.description ?? ""
+    })),
+    [u.data]
+  ), j = c(() => {
+    const e = C.trim().toLowerCase();
+    return e ? U.filter(
+      (t) => t.name.toLowerCase().includes(e) || t.description.toLowerCase().includes(e)
+    ) : U;
+  }, [U, C]), h = z(r?.id), k = c(
+    () => (h.data?.data ?? []).map((e) => ({
+      id: e.id,
+      name: e.name,
+      priceLabel: W(e.price)
+    })),
+    [h.data]
+  ), B = p(async () => {
+    const e = w(n, a);
+    if (e) {
+      M(e);
+      return;
+    }
+    M(void 0);
+    try {
+      await l.mutateAsync({
+        body: {
+          name: n.name.trim(),
+          description: n.description.trim() || void 0
+        }
+      }), v(E);
+    } catch (t) {
+      M(
+        S(t) ?? a.createMeasureUnitError
+      );
+    }
+  }, [n, l, a]), Q = p((e) => {
+    y(e.id), P({ name: e.name, description: e.description }), d(void 0);
+  }, []), F = p(async () => {
+    if (!s) return;
+    const e = w(o, a);
+    if (e) {
+      d(e);
+      return;
+    }
+    d(void 0);
+    try {
+      await f.mutateAsync({
+        path: { unit_id: s },
+        body: {
+          name: o.name.trim(),
+          description: o.description.trim() || void 0
+        }
+      }), y(void 0);
+    } catch (t) {
+      d(
+        S(t) ?? a.updateMeasureUnitError
+      );
+    }
+  }, [s, o, f, a]), I = p(async () => {
+    if (r)
+      try {
+        await g.mutateAsync({ path: { unit_id: r.id } }), m(void 0);
+      } catch {
+      }
+  }, [r, g]);
+  return /* @__PURE__ */ N(T, { children: [
+    /* @__PURE__ */ A(
+      G,
+      {
+        open: D,
+        onOpenChange: (e) => {
+          e || L();
+        },
+        units: j,
+        isLoading: u.isLoading,
+        searchValue: C,
+        onSearchChange: x,
+        createValues: n,
+        createError: O,
+        onCreateChange: (e) => v((t) => ({ ...t, ...e })),
+        onCreateSubmit: B,
+        isCreating: l.isPending,
+        editingUnitId: s,
+        editValues: o,
+        editError: V,
+        onEditStart: Q,
+        onEditChange: (e) => P((t) => ({ ...t, ...e })),
+        onEditSubmit: F,
+        onEditCancel: () => y(void 0),
+        isUpdating: f.isPending,
+        onDeleteClick: m,
+        onDone: L,
+        labels: $
+      }
+    ),
+    /* @__PURE__ */ A(
+      R,
+      {
+        open: !!r,
+        onOpenChange: (e) => {
+          e || m(void 0);
+        },
+        unitName: r?.name ?? "",
+        affectedProducts: k,
+        isLoadingProducts: h.isLoading,
+        isDeleting: g.isPending,
+        onConfirm: I,
+        onCancel: () => m(void 0),
+        labels: _
+      }
+    )
+  ] });
+}
+export {
+  ye as MeasureUnitsManagerContainer
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/ProductSelector.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "tailwind-merge";
+import "lucide-react";
+import { ProductSelector as p } from "../../../ui/dist/index6.js";
+import { useProductSelector as u } from "./useProductSelector.js";
+function S({
+  value: e,
+  onValueChange: o,
+  limit: t,
+  debounceMs: r,
+  type: l,
+  disabled: a,
+  onCreateClick: i,
+  labels: s,
+  typeLabels: c
+}) {
+  const m = u({
+    value: e,
+    onValueChange: o,
+    limit: t,
+    debounceMs: r,
+    type: l,
+    typeLabels: c
+  });
+  return /* @__PURE__ */ n(
+    p,
+    {
+      ...m,
+      disabled: a,
+      onCreateClick: i,
+      labels: s
+    }
+  );
+}
+export {
+  S as ProductSelector
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/helpers.js

@@ -0,0 +1,195 @@
+import { PRODUCT_MESSAGE_LABELS_EN as u } from "./labels.js";
+const o = "USD", p = [
+  "USD",
+  "EUR",
+  "GBP",
+  "CAD",
+  "AUD",
+  "JPY",
+  "CHF",
+  "CNY",
+  "INR",
+  "BRL",
+  "MXN",
+  "SEK",
+  "NOK",
+  "DKK",
+  "NZD",
+  "SGD",
+  "HKD",
+  "ZAR",
+  "PLN",
+  "AED"
+];
+function _(r) {
+  return Array.from(
+    /* @__PURE__ */ new Set([...p, ...r ? [r] : []])
+  ).sort().map((t) => ({ value: t, label: t }));
+}
+function a(r) {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: r
+    }).resolvedOptions().maximumFractionDigits ?? 2;
+  } catch {
+    return 2;
+  }
+}
+function s(r, t) {
+  const n = 10 ** a(t);
+  return Math.round(r * n);
+}
+function m(r, t) {
+  const n = 10 ** a(t);
+  return r / n;
+}
+function d(r) {
+  if (!r) return "";
+  const t = m(r.value, r.currency);
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency: r.currency
+    }).format(t);
+  } catch {
+    return `${t} ${r.currency}`;
+  }
+}
+const l = new Intl.DateTimeFormat(void 0, {
+  year: "numeric",
+  month: "short",
+  day: "numeric"
+});
+function c(r) {
+  if (!r) return "";
+  const t = new Date(r);
+  return Number.isNaN(t.getTime()) ? "" : l.format(t);
+}
+function b(r) {
+  const t = {};
+  for (const n of r ?? []) t[n.id] = n.name;
+  return t;
+}
+function N(r) {
+  return (r ?? []).map((t) => ({ value: t.id, label: t.name }));
+}
+function P({
+  products: r,
+  unitNamesById: t
+}) {
+  return r.map((n) => ({
+    id: n.id,
+    name: n.name,
+    type: n.type,
+    description: n.description ?? "",
+    unitLabel: n.measure_unit_id ? t[n.measure_unit_id] ?? "" : "",
+    priceLabel: d(n.price)
+  }));
+}
+function v({
+  product: r,
+  unitNamesById: t
+}) {
+  return {
+    name: r.name,
+    description: r.description ?? "",
+    type: r.type,
+    unitLabel: r.measure_unit_id ? t[r.measure_unit_id] ?? "" : "",
+    priceLabel: d(r.price),
+    createdAtLabel: c(r.created_at),
+    updatedAtLabel: c(r.updated_at)
+  };
+}
+const D = {
+  name: "",
+  description: "",
+  type: "product",
+  unitId: "",
+  pricePerUnit: "",
+  currency: o
+};
+function R(r) {
+  const t = r.price?.currency ?? o;
+  return {
+    name: r.name,
+    description: r.description ?? "",
+    type: r.type ?? "product",
+    unitId: r.measure_unit_id ?? "",
+    pricePerUnit: r.price ? String(m(r.price.value, r.price.currency)) : "",
+    currency: t
+  };
+}
+function g(r) {
+  const t = r.pricePerUnit.trim();
+  return {
+    name: r.name.trim(),
+    type: r.type,
+    measure_unit_id: r.unitId || void 0,
+    // Omit price entirely when left blank so price-less products can be saved.
+    price: t === "" ? void 0 : {
+      value: s(Number(t), r.currency),
+      currency: r.currency
+    },
+    description: r.description.trim() ? r.description.trim() : void 0
+  };
+}
+function h(r) {
+  const t = r.pricePerUnit.trim();
+  return {
+    name: r.name.trim(),
+    type: r.type,
+    // Backend accepts null in PATCH to explicitly clear measure_unit_id and
+    // price, but the generated OpenAPI types have not yet been updated to mark
+    // them nullable. Do not change to undefined: JSON.stringify omits undefined
+    // and the existing server value would remain unchanged instead of being
+    // cleared. Remove these casts after schema is updated and accepts null.
+    measure_unit_id: r.unitId ? r.unitId : null,
+    price: t === "" ? null : {
+      value: s(Number(t), r.currency),
+      currency: r.currency
+    },
+    description: r.description.trim()
+  };
+}
+const y = 100, f = 255;
+function L(r, t = u) {
+  const n = {};
+  r.name.trim().length === 0 ? n.name = t.nameRequired : r.name.trim().length > y && (n.name = t.nameTooLong), r.type !== "product" && r.type !== "service" && (n.type = t.typeRequired);
+  const e = r.pricePerUnit.trim();
+  if (e !== "") {
+    const i = Number(e);
+    (!Number.isFinite(i) || i < 0) && (n.pricePerUnit = t.priceInvalid);
+  }
+  return r.currency.trim().length === 0 && (n.currency = t.currencyRequired), r.description.trim().length > f && (n.description = t.descriptionTooLong), n;
+}
+function S(r) {
+  return Object.values(r).some(Boolean);
+}
+function T(r, t = u) {
+  return r.name.trim().length === 0 ? t.unitNameRequired : void 0;
+}
+function E() {
+  const r = globalThis.getSelection?.();
+  return !!(r && r.toString().length > 0);
+}
+export {
+  o as DEFAULT_CURRENCY,
+  D as EMPTY_PRODUCT_FORM_VALUES,
+  v as buildProductDetailsView,
+  P as buildProductRows,
+  b as buildUnitNamesById,
+  N as buildUnitOptions,
+  d as formatPrice,
+  c as formatProductDate,
+  m as fromMinorUnits,
+  _ as getCurrencyOptions,
+  S as hasProductFormErrors,
+  E as hasSelectedText,
+  g as productFormValuesToRequest,
+  h as productFormValuesToUpdateRequest,
+  R as productToFormValues,
+  s as toMinorUnits,
+  T as validateMeasureUnit,
+  L as validateProductForm
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/labels.js

@@ -0,0 +1,15 @@
+const e = {
+  nameRequired: "Product name is required",
+  nameTooLong: "Product name must be 100 characters or less",
+  typeRequired: "Product type is required",
+  priceInvalid: "Price per unit must be 0 or greater",
+  currencyRequired: "Currency is required",
+  descriptionTooLong: "Description must be 255 characters or less",
+  unitNameRequired: "Unit label is required",
+  genericError: "Something went wrong. Please try again.",
+  createMeasureUnitError: "Failed to create measure unit.",
+  updateMeasureUnitError: "Failed to update measure unit."
+};
+export {
+  e as PRODUCT_MESSAGE_LABELS_EN
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useMeasureUnits.js

@@ -0,0 +1,25 @@
+"use client";
+import { useMemo as a } from "react";
+import "@tanstack/react-query";
+import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../../data-access/dist/lib/EmbedApiContext.js";
+import "../../../../data-access/dist/lib/rest/client.gen.js";
+import "../../../../data-access/dist/lib/rest/zod.gen.js";
+import { useMeasureUnitsQuery as r } from "../../../data-access/dist/index7.js";
+import { buildUnitNamesById as m, buildUnitOptions as s } from "./helpers.js";
+function y() {
+  const t = r(), i = a(
+    () => m(t.data?.data),
+    [t.data]
+  ), o = a(
+    () => s(t.data?.data),
+    [t.data]
+  );
+  return {
+    unitNamesById: i,
+    unitOptions: o
+  };
+}
+export {
+  y as useMeasureUnits
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useProductForm.js

@@ -0,0 +1,74 @@
+"use client";
+import { useState as l, useMemo as C, useCallback as s } from "react";
+import "@tanstack/react-query";
+import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../../data-access/dist/lib/EmbedApiContext.js";
+import "../../../../data-access/dist/lib/rest/client.gen.js";
+import "../../../../data-access/dist/lib/rest/zod.gen.js";
+import { useCreateProductMutation as E } from "../../../data-access/dist/index4.js";
+import { useUpdateProductMutation as V } from "../../../data-access/dist/index5.js";
+import { extractApiErrorMessage as h } from "../../../../util/dist/index13.js";
+import { EMPTY_PRODUCT_FORM_VALUES as y, getCurrencyOptions as R, productToFormValues as S, validateProductForm as w, hasProductFormErrors as A, productFormValuesToUpdateRequest as O, productFormValuesToRequest as U } from "./helpers.js";
+function $({
+  view: m,
+  setView: r,
+  selectedProductId: a,
+  setSelectedProductId: t,
+  product: i,
+  messages: u
+}) {
+  const c = E(), d = V(), P = c.isPending || d.isPending, [e, n] = l(
+    y
+  ), [f, o] = l({}), g = C(
+    () => R(e.currency),
+    [e.currency]
+  ), F = s(() => {
+    t(void 0), n(y), o({}), r("create");
+  }, [t, r]), v = s(() => {
+    i && (n(S(i)), o({}), r("edit"));
+  }, [i, r]), M = s(() => {
+    r("none"), t(void 0);
+  }, [t, r]), T = s(async () => {
+    const p = w(e, u);
+    if (A(p)) {
+      o(p);
+      return;
+    }
+    o({});
+    try {
+      m === "edit" && a ? await d.mutateAsync({
+        path: { product_id: a },
+        body: O(e)
+      }) : await c.mutateAsync({
+        body: U(e)
+      }), r("none"), t(void 0);
+    } catch (b) {
+      o({
+        form: h(b) ?? u.genericError
+      });
+    }
+  }, [
+    e,
+    m,
+    a,
+    c,
+    d,
+    u,
+    r,
+    t
+  ]);
+  return {
+    values: e,
+    errors: f,
+    setValues: n,
+    currencyOptions: g,
+    isSubmitting: P,
+    openCreate: F,
+    openEdit: v,
+    close: M,
+    submit: T
+  };
+}
+export {
+  $ as useProductForm
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/lib/useProductSelector.js

@@ -0,0 +1,74 @@
+"use client";
+import { useState as n, useEffect as c, useMemo as y, useCallback as p } from "react";
+import { PRODUCT_TYPE_BADGE_LABELS_EN as C } from "../../../ui/dist/index2.js";
+import "react/jsx-runtime";
+import "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "tailwind-merge";
+import "lucide-react";
+import { useProductsQuery as L } from "../../../data-access/dist/index2.js";
+import "@tanstack/react-query";
+import "../../../../data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../../data-access/dist/lib/EmbedApiContext.js";
+import "../../../../data-access/dist/lib/rest/client.gen.js";
+import "../../../../data-access/dist/lib/rest/zod.gen.js";
+import { formatPrice as P } from "./helpers.js";
+const S = 25, b = 300;
+function T(o, r) {
+  const i = {
+    ...C,
+    ...r
+  };
+  return (o ?? []).map((t) => ({
+    value: t.id,
+    label: t.name,
+    description: t.type === "service" ? i.service : i.product,
+    meta: P(t.price)
+  }));
+}
+function U({
+  value: o,
+  onValueChange: r,
+  limit: i = S,
+  debounceMs: t = b,
+  type: l,
+  typeLabels: m
+} = {}) {
+  const [d, u] = n(o ?? ""), [s, f] = n(""), [E, h] = n("");
+  c(() => {
+    u(o ?? "");
+  }, [o]), c(() => {
+    const a = setTimeout(() => {
+      h(s.trim());
+    }, t);
+    return () => clearTimeout(a);
+  }, [t, s]);
+  const e = L({
+    limit: i,
+    name__icontains: E || void 0,
+    type: l
+  }), _ = y(
+    () => T(e.data?.data, m),
+    [e.data, m]
+  ), g = p(
+    (a) => {
+      u(a), r?.(a);
+    },
+    [r]
+  ), v = p(() => {
+    e.refetch();
+  }, [e]);
+  return {
+    value: d,
+    options: _,
+    searchValue: s,
+    isLoading: e.isLoading,
+    isError: e.isError,
+    onSearchChange: f,
+    onValueChange: g,
+    onRetry: v
+  };
+}
+export {
+  T as buildProductSelectorOptions,
+  U as useProductSelector
+};

package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index2.js

@@ -0,0 +1,70 @@
+const e = {
+  product: "Product",
+  service: "Service"
+}, t = {
+  createTitle: "Add a product or service",
+  headerDescription: "Save the products and services you sell so you can quickly add them as line items on invoices.",
+  editTitle: "Edit {type}",
+  editingBanner: "Editing {type} details",
+  nameLabel: "Name",
+  namePlaceholder: "e.g. House blend espresso beans",
+  descriptionLabel: "Description",
+  descriptionOptional: "(optional)",
+  descriptionPlaceholder: "e.g. 16oz whole bean, medium-dark roast, ground to order",
+  descriptionCount: "{count}/255 characters",
+  typeLabel: "Type",
+  typeProduct: "Product",
+  typeProductDescription: "A physical or digital item",
+  typeService: "Service",
+  typeServiceDescription: "Work or labor you provide",
+  unitLabel: "Unit",
+  unitPlaceholder: "Select a unit",
+  noUnit: "No unit",
+  manageUnits: "Manage units of measure",
+  priceLabel: "Price per unit",
+  currencyLabel: "Currency",
+  currencyPlaceholder: "Select a currency",
+  cancelButton: "Cancel",
+  createButton: "Save {type}",
+  saveButton: "Save"
+}, i = {
+  title: "Manage measure units",
+  hiddenDescription: "Create, edit, and delete measure units",
+  searchPlaceholder: "Search",
+  columnLabel: "Unit label",
+  columnDescription: "Description (optional)",
+  namePlaceholder: "Unit label",
+  descriptionPlaceholder: "Description",
+  addButton: "Add",
+  doneButton: "Done",
+  editAction: "Edit unit",
+  deleteAction: "Delete unit",
+  saveAction: "Save unit",
+  cancelAction: "Cancel edit",
+  emptyText: "No measure units yet."
+}, o = {
+  titleNoItems: "Delete “{name}” unit?",
+  titleWithItems: "Delete “{name}” unit and associated items?",
+  messageNoItems: "There are no items created with this measure unit.",
+  messageNoItemsHint: "Deleting it won't affect your items.",
+  messageWithItems: "All items with this measure unit will get deleted, too.",
+  messageWithItemsHint: "Please, check the list of products and services that will get deleted:",
+  confirmButton: "Delete",
+  cancelButton: "Cancel"
+}, a = {
+  fieldLabel: "Product or service",
+  searchPlaceholder: "Search products and services",
+  selectPlaceholder: "Select a product or service",
+  loadingText: "Loading products...",
+  emptyText: "No products found.",
+  errorText: "Could not load products.",
+  retryButton: "Retry",
+  createButton: "Create product"
+};
+export {
+  i as MEASURE_UNITS_MANAGER_LABELS_EN,
+  o as MEASURE_UNIT_DELETE_DIALOG_LABELS_EN,
+  t as PRODUCT_FORM_SHEET_LABELS_EN,
+  a as PRODUCT_SELECTOR_LABELS_EN,
+  e as PRODUCT_TYPE_BADGE_LABELS_EN
+};