@tesouro/embedded-components-react 0.2.6 → 0.2.15

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index450.js

@@ -1,125 +1,143 @@
-import { useCurrencies as m } from "./index60.js";
-import "react";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index491.js";
-const O = ({
-  approvalPolicy: i
+import { jsxs as l, Fragment as h, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as y, Controller as F } from "react-hook-form";
+import { getCountries as b } from "./index95.js";
+import "date-fns";
+import { FormField as d, FormItem as c, FormLabel as o, FormControl as a, FormMessage as s, FormDescription as S } from "./index278.js";
+import { Input as i } from "./index129.js";
+import { useLingui as N } from "@lingui/react";
+import { Field as f, FieldContent as w, FieldLabel as u } from "./index155.js";
+import { Select as C, SelectTrigger as v, SelectValue as j, SelectContent as I, SelectItem as L } from "./index258.js";
+import { USStatesEnum as T } from "./index385.js";
+const k = ({
+  entityType: p
 }) => {
   const {
-    i18n: t
-  } = d(), {
-    formatCurrencyToDisplay: s
-  } = m(), c = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by user");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Tags");
-      default:
-        return e;
-    }
-  }, l = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Has tags");
-      default:
-        return e;
-    }
-  }, _ = (e, u) => {
-    const a = s(e[0][1], u);
-    if (e.length === 1)
-      switch (e[0][0]) {
-        case o.GREATER_THAN:
-          return t._("Greater than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.GREATER_THAN_OR_EQUAL:
-          return t._("Greater than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN:
-          return t._("Less than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN_OR_EQUAL:
-          return t._("Less than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.EQUALS:
-          return t._("Equal to {formattedValue}", {
-            formattedValue: a
-          });
-        default:
-          return a;
-      }
-    if (e.length === 2) {
-      const r = e.find((n) => n[0] === o.GREATER_THAN_OR_EQUAL), g = e.find((n) => n[0] === o.LESS_THAN_OR_EQUAL);
-      if (r && g)
-        return t._("{from} - {to}", {
-          from: s(r[1], u),
-          to: s(g[1], u)
-        });
-    }
-    return a;
-  };
-  return ((e) => !!(e && typeof e == "object" && "all" in e && Array.isArray(e.all)))(i?.trigger) ? {
-    triggers: i.trigger?.all?.reduce((e, u) => {
-      if (typeof u == "string" || !u.operator || !u.left_operand || u.right_operand == null)
-        return e;
-      const {
-        key: a,
-        value: r
-      } = f(u);
-      if (!a || r == null || !p(a))
-        return e;
-      switch (a) {
-        case "amount":
-          (typeof r == "string" || typeof r == "number") && A(u.operator) && (e.amount || (e.amount = {
-            currency: "EUR",
-            value: []
-          }), e.amount.value.push([u.operator, r]));
-          break;
-        case "currency":
-          e.amount ? e.amount.currency = r : e.amount = {
-            value: [],
-            currency: r
-          };
-          break;
-        case "tags.id":
-          typeof r == "string" && (e.tags || (e.tags = []), e.tags.push(r));
-          break;
-        case "counterpart_id":
-        case "was_created_by_user_id":
-          Array.isArray(r) && (e[a] = r);
-          break;
-      }
-      return e;
-    }, {}),
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  } : {
-    triggers: {},
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  };
+    i18n: r
+  } = N(), {
+    control: n,
+    watch: x
+  } = y(), _ = b(r);
+  return /* @__PURE__ */ l(h, { children: [
+    p === "individual" ? /* @__PURE__ */ l(h, { children: [
+      /* @__PURE__ */ e(d, { name: "title", control: n, render: ({
+        field: t
+      }) => /* @__PURE__ */ l(c, { children: [
+        /* @__PURE__ */ e(o, { children: r._("Title") }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+        /* @__PURE__ */ e(s, {})
+      ] }) }),
+      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+        /* @__PURE__ */ e(d, { name: "name", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+          /* @__PURE__ */ e(o, { children: r._("Name") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+          /* @__PURE__ */ e(s, {})
+        ] }) }),
+        /* @__PURE__ */ e(d, { name: "surname", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+          /* @__PURE__ */ e(o, { children: r._("Surname") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+          /* @__PURE__ */ e(s, {})
+        ] }) })
+      ] })
+    ] }) : /* @__PURE__ */ e(d, { name: "name", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Legal name") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ e(d, { name: "tax_id", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Tax ID") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ e(d, { name: "email", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Email") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "email" }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ e(d, { name: "phone", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Contact phone number") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "tel" }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ e(d, { name: "website", control: n, render: ({
+      field: t
+    }) => /* @__PURE__ */ l(c, { children: [
+      /* @__PURE__ */ e(o, { children: r._("Website") }),
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, type: "url" }) }),
+      /* @__PURE__ */ e(s, {})
+    ] }) }),
+    /* @__PURE__ */ l("section", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+      /* @__PURE__ */ e("h3", { className: "ttw:text-lg ttw:font-semibold", children: r._("Address") }),
+      /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-6 ttw:border ttw:border-border ttw:rounded-xl", children: [
+        /* @__PURE__ */ e(d, { name: "address_line_1", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { children: [
+          /* @__PURE__ */ e(o, { children: r._("Street address") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+          /* @__PURE__ */ e(s, {})
+        ] }) }),
+        /* @__PURE__ */ e(d, { name: "address_line_2", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { children: [
+          /* @__PURE__ */ e(o, { children: r._("Apt, suite, floor, etc.") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+          /* @__PURE__ */ e(s, {})
+        ] }) }),
+        /* @__PURE__ */ l("div", { className: "ttw:flex ttw:justify-between ttw:gap-4", children: [
+          /* @__PURE__ */ e(d, { name: "city", control: n, render: ({
+            field: t
+          }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+            /* @__PURE__ */ e(o, { children: r._("City") }),
+            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+            /* @__PURE__ */ e(s, {})
+          ] }) }),
+          /* @__PURE__ */ e(d, { name: "postal_code", control: n, render: ({
+            field: t
+          }) => /* @__PURE__ */ l(c, { className: "ttw:flex ttw:flex-col ttw:flex-1", children: [
+            /* @__PURE__ */ e(o, { children: r._("Postal code") }),
+            /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t }) }),
+            /* @__PURE__ */ e(s, {})
+          ] }) })
+        ] }),
+        /* @__PURE__ */ e(F, { name: "state", control: n, render: ({
+          field: t
+        }) => x("country") === "US" ? /* @__PURE__ */ e(f, { children: /* @__PURE__ */ l(w, { children: [
+          /* @__PURE__ */ e(u, { htmlFor: t.name, children: r._("State") }),
+          /* @__PURE__ */ l(C, { value: t.value ?? void 0, onValueChange: t.onChange, children: [
+            /* @__PURE__ */ e(v, { ref: t.ref, onBlur: t.onBlur, className: "ttw:w-full", children: /* @__PURE__ */ e(j, { placeholder: r._("Select a state") }) }),
+            /* @__PURE__ */ e(I, { children: Object.entries(T).map(([m, g]) => /* @__PURE__ */ l(L, { value: m, children: [
+              g,
+              " — ",
+              m
+            ] }, m)) })
+          ] })
+        ] }) }) : /* @__PURE__ */ e(f, { children: /* @__PURE__ */ l(w, { children: [
+          /* @__PURE__ */ e(u, { htmlFor: t.name, children: r._("State") }),
+          /* @__PURE__ */ e(i, { id: t.name, ...t })
+        ] }) }) }),
+        /* @__PURE__ */ e(d, { name: "country", control: n, render: ({
+          field: t
+        }) => /* @__PURE__ */ l(c, { children: [
+          /* @__PURE__ */ e(o, { children: r._("Country") }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { ...t, disabled: !0, value: _[t.value ?? ""] }) }),
+          /* @__PURE__ */ e(S, { children: r._("You can't change the country the organization is registered in") }),
+          /* @__PURE__ */ e(s, {})
+        ] }) })
+      ] })
+    ] })
+  ] });
 };
 export {
-  O as useApprovalPolicyTrigger
+  k as EntityProfileFormContent
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index451.js

@@ -1,20 +1,24 @@
-import b from "@emotion/styled/base";
-function t() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const e = /* @__PURE__ */ b("ul", process.env.NODE_ENV === "production" ? {
-  target: "e10it8hw0"
-} : {
-  target: "e10it8hw0",
-  label: "ColumnList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}"
-} : {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL2xpYnMvdGVzb3Vyby1lbWJlZGRlZC1jb21wb25lbnRzLXJlYWN0L21vbml0ZS1zZGsvc3JjL2NvbXBvbmVudHMvYXBwcm92YWxQb2xpY2llcy9BcHByb3ZhbFBvbGljaWVzVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9saWJzL3Rlc291cm8tZW1iZWRkZWQtY29tcG9uZW50cy1yZWFjdC9tb25pdGUtc2RrL3NyYy9jb21wb25lbnRzL2FwcHJvdmFsUG9saWNpZXMvQXBwcm92YWxQb2xpY2llc1RhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcblxuICBsaSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDRweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuIl19 */",
-  toString: t
-});
+import { useMemo as s } from "react";
+import { useLingui as t } from "@lingui/react";
+import { useExistingCurrenciesFromProducts as u } from "./index487.js";
+const d = () => {
+  const {
+    i18n: r
+  } = t(), {
+    existingCurrencies: e,
+    isLoadingProducts: o
+  } = u();
+  return {
+    currencyGroups: s(() => [{
+      title: r._("You have items in"),
+      predicate: (i) => e.has(i.code)
+    }, {
+      title: r._("No items created in"),
+      predicate: (i) => !e.has(i.code)
+    }], [e, r]),
+    isLoadingCurrencyGroups: o
+  };
+};
 export {
-  e as ColumnList
+  d as useProductCurrencyGroups
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index452.js

@@ -1,18 +1,82 @@
-import { createElement as H } from "react";
-const e = ({
-  color: o = "currentColor",
-  size: a,
-  ...t
-}) => H("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, H("path", {
-  d: "M14,8h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2Zm0,4h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2ZM9,8h1a1,1,0,0,0,0-2H9A1,1,0,0,0,9,8Zm0,4h1a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Zm12,8H20V3a1,1,0,0,0-1-1H5A1,1,0,0,0,4,3V20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm-8,0H11V16h2Zm5,0H15V15a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v5H6V4H18Z"
-}));
+import { jsxs as s, jsx as r } from "@emotion/react/jsx-runtime";
+import { useMemo as m, Fragment as N } from "react";
+import { useCurrencies as A } from "./index60.js";
+import "./index94.js";
+import { useLingui as B } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { getCurrenciesArray as M, sortCurrencyOptionsByGroup as O, getGroupTitleForOption as j } from "./index96.js";
+import "date-fns";
+import { Combobox as E, ComboboxInput as P, ComboboxContent as V, ComboboxList as z, ComboboxEmpty as W, ComboboxCollection as u, ComboboxGroup as k, ComboboxLabel as q, ComboboxItem as D } from "./index92.js";
+import { InputGroupAddon as H, InputGroupText as J } from "./index103.js";
+const ne = ({
+  value: d,
+  onChange: w,
+  disabled: y,
+  invalid: L,
+  allowedCurrencies: p,
+  groups: n,
+  showCodeOnly: l = !1,
+  showCurrencyCode: h = !1,
+  showCurrencySymbol: v = !0,
+  showClearButton: S = !0,
+  className: G,
+  container: T
+}) => {
+  const {
+    i18n: a
+  } = B(), {
+    getSymbolFromCurrency: _
+  } = A(), i = m(() => {
+    const e = M(a);
+    return p ? e.filter((o) => p.includes(o.code)) : e;
+  }, [p, a]), C = m(() => O(i, n), [i, n]), f = m(() => new Map(i.map((e) => [e.code, e])), [i]), x = y || i.length === 1, g = d ? _(d) : "", F = (e) => {
+    const o = f.get(e);
+    return o ? l ? o.code : h ? `${o.label} (${o.code})` : o.label : e;
+  }, I = m(() => {
+    if (!n)
+      return C.map((o) => o.code);
+    const e = [];
+    for (const o of C) {
+      const {
+        title: c
+      } = j(o, n), t = e[e.length - 1];
+      t && t.title === c ? t.items.push(o.code) : e.push({
+        title: c,
+        items: [o.code]
+      });
+    }
+    return e;
+  }, [C, n]), b = (e) => {
+    const o = f.get(e);
+    return /* @__PURE__ */ s(D, { value: e, children: [
+      /* @__PURE__ */ s("span", { children: [
+        l ? e : o?.label ?? e,
+        !l && h && ` (${e})`
+      ] }),
+      !l && !h && /* @__PURE__ */ r("span", { className: "ttw:ml-auto ttw:text-xs ttw:text-muted-foreground", children: e })
+    ] }, e);
+  };
+  return /* @__PURE__ */ s(E, { value: d ?? null, onValueChange: (e) => w?.(e ?? void 0), items: I, itemToStringLabel: F, filter: (e, o, c) => {
+    const t = o.toLowerCase().trim();
+    return t ? e.toLowerCase().includes(t) || (c?.(e) ?? "").toLowerCase().includes(t) : !0;
+  }, disabled: x, children: [
+    /* @__PURE__ */ r(P, { showClear: S, disabled: x, className: G, placeholder: a._("Currency"), "aria-invalid": L || void 0, children: v && g && /* @__PURE__ */ r(H, { align: "inline-start", children: /* @__PURE__ */ r(J, { children: g }) }) }),
+    /* @__PURE__ */ r(V, { container: T, children: /* @__PURE__ */ s(z, { children: [
+      /* @__PURE__ */ r(W, { children: a._("No currencies found") }),
+      n ? (
+        // Grouped: outer Collection maps over filtered { title, items } objects;
+        // each ComboboxGroup provides its items via GroupCollectionContext so the
+        // inner Collection can render only that group's filtered codes.
+        /* @__PURE__ */ r(u, { children: (e) => /* @__PURE__ */ r(N, { children: e.title ? /* @__PURE__ */ s(k, { items: e.items, children: [
+          /* @__PURE__ */ r(q, { children: e.title }),
+          /* @__PURE__ */ r(u, { children: (o) => b(o) })
+        ] }) : /* @__PURE__ */ r(u, { children: (o) => b(o) }) }, e.title || "__ungrouped") })
+      ) : /* @__PURE__ */ r(u, { children: (e) => b(e) })
+    ] }) })
+  ] });
+};
 export {
-  e as UBuilding
+  ne as MoniteCurrencyShadcn
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index453.js

@@ -1,18 +1,22 @@
-import { createElement as l } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => l("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, l("path", {
-  d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z"
-}));
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as c } from "react";
+const u = ({
+  shouldStartProgress: e,
+  isError: d,
+  isSuccess: w
+}) => {
+  const [a, o] = l(0);
+  return c(() => {
+    let s;
+    return e && (s = setInterval(() => {
+      o((t) => t < 98 ? t + 2 : t === 98 ? t + 1 : t);
+    }, 200)), () => {
+      clearInterval(s);
+    };
+  }, [e]), w ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-success ttw:rounded-md" }) : d ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-danger ttw:rounded-md" }) : /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-neutral ttw:rounded-md", children: /* @__PURE__ */ r("div", { className: "ttw:bg-primary ttw:h-full ttw:rounded-md", style: {
+    width: `${a}%`
+  } }) });
+};
 export {
-  a as ULabel
+  u as UploadBar
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index454.js

@@ -1,18 +1,76 @@
-import { createElement as o } from "react";
-const l = ({
-  color: t = "currentColor",
-  size: a,
-  ...e
-}) => o("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: t,
-  ...e
-}, o("path", {
-  d: "M6,11a1,1,0,1,0,1,1A1,1,0,0,0,6,11Zm12,0a1,1,0,1,0,1,1A1,1,0,0,0,18,11Zm2-6H4A3,3,0,0,0,1,8v8a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V8A3,3,0,0,0,20,5Zm1,11a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V8A1,1,0,0,1,4,7H20a1,1,0,0,1,1,1ZM12,9a3,3,0,1,0,3,3A3,3,0,0,0,12,9Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,12,13Z"
-}));
+import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
+import { useMemo as k } from "react";
+import { User as w } from "./index281.js";
+import { useLingui as T } from "@lingui/react";
+import f from "@mui/icons-material/AddCircleOutline";
+import x from "@mui/icons-material/Delete";
+import { Stack as s, Chip as g, Paper as y, Table as C, TableHead as v, TableRow as d, TableCell as a, TableBody as A, IconButton as j, Button as B } from "@mui/material";
+import { useApprovalPolicyTrigger as E } from "./index392.js";
+const M = ({
+  triggers: r,
+  onAddTrigger: m,
+  onEditTrigger: b,
+  onDeleteTrigger: _
+}) => {
+  const {
+    i18n: n
+  } = T(), {
+    getTriggerLabel: p,
+    getAmountLabel: u
+  } = E({}), h = k(() => Object.keys(r).map((i) => {
+    const c = p(i);
+    let t;
+    switch (i) {
+      case "was_created_by_user_id":
+        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: r.was_created_by_user_id?.map((o) => /* @__PURE__ */ e(w, { userId: o.id }, o.id)) });
+        break;
+      case "tags":
+        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: r.tags?.map((o) => /* @__PURE__ */ e(g, { label: o.name }, o.id)) });
+        break;
+      case "counterpart_id":
+        t = /* @__PURE__ */ e(s, { direction: "row", gap: 1, sx: {
+          flexWrap: "wrap"
+        }, children: r.counterpart_id?.map((o) => /* @__PURE__ */ e(g, { label: o.label }, o.id)) });
+        break;
+      case "amount":
+        t = /* @__PURE__ */ e("p", { children: u(r.amount?.value ?? [], r.amount?.currency ?? "EUR") });
+        break;
+      default:
+        t = i;
+        break;
+    }
+    return {
+      key: i,
+      label: c,
+      value: t
+    };
+  }), [r, p, u]);
+  return /* @__PURE__ */ e(y, { variant: "outlined", children: /* @__PURE__ */ l(C, { children: [
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ l(d, { children: [
+      /* @__PURE__ */ e(a, { children: n._("Condition") }),
+      /* @__PURE__ */ e(a, { children: n._("Criteria") }),
+      /* @__PURE__ */ e(a, {})
+    ] }) }),
+    /* @__PURE__ */ l(A, { children: [
+      h.length > 0 ? h.map((i) => /* @__PURE__ */ l(d, { hover: !0, sx: {
+        "&.MuiTableRow-root": {
+          cursor: "pointer"
+        }
+      }, onClick: () => b(i.key), children: [
+        /* @__PURE__ */ e(a, { children: i.label }),
+        /* @__PURE__ */ e(a, { children: i.value }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(j, { "aria-label": n._("Delete trigger"), onClick: (c) => {
+          c.stopPropagation(), _(i.key);
+        }, children: /* @__PURE__ */ e(x, {}) }) })
+      ] }, i.label)) : /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(a, { colSpan: 3, children: n._("No conditions") }) }),
+      /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(a, { colSpan: 3, children: /* @__PURE__ */ e(B, { startIcon: /* @__PURE__ */ e(f, {}), onClick: m, disabled: !!(r?.was_created_by_user_id?.length && r?.tags?.length && r?.counterpart_id?.length && r?.amount?.value?.length), children: n._("Add new condition") }) }) })
+    ] })
+  ] }) });
+};
 export {
-  l as UMoneyBill
+  M as ConditionsTable
 };