@tesouro/embedded-components-react 0.2.16 → 0.2.17

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

@@ -1,77 +1,18 @@
-import { getCurrencyEnum as o } from "./index211.js";
-import { z as t } from "zod";
-const r = (e, n) => !!n?.required_fields?.includes(e), c = (e) => {
-  const n = t.array(t.object({
-    id: t.string().meta({
-      title: e._("Item ID")
-    }),
-    name: t.string().min(1, e._("Item name is required")).meta({
-      title: e._("Item Name")
-    }),
-    quantity: t.coerce.number().positive(e._("Item quantity must be positive")).meta({
-      title: e._("Quantity")
-    }),
-    price: t.coerce.number().min(0, e._("Item price cannot be negative")).meta({
-      title: e._("Price")
-    }),
-    tax: t.coerce.number().min(0, e._("Item tax cannot be negative")).max(100, e._("Item tax cannot exceed 100%")).meta({
-      title: e._("Tax")
-    }),
-    ledger_account_id: t.string().nullable().optional().meta({
-      title: e._("GL Code")
-    })
-  })).meta({
-    title: e._("Line Items")
-  }), i = t.object({
-    id: t.string(),
-    name: t.string()
-  }).loose().meta({
-    title: e._("Tag")
-  });
-  return t.object({
-    invoiceNumber: t.string().min(1, e._("Invoice Number is required")).meta({
-      title: e._("Invoice Number")
-    }),
-    counterpart: t.string().meta({
-      title: e._("Vendor")
-    }),
-    counterpartBankAccount: t.string().optional().meta({
-      title: e._("Vendor Bank Account")
-    }),
-    invoiceDate: t.preprocess((a) => a === null ? void 0 : a, t.date()).optional().meta({
-      title: e._("Invoice Date")
-    }),
-    dueDate: t.preprocess((a) => a === null ? void 0 : a, t.date()).optional().meta({
-      title: e._("Due Date")
-    }),
-    currency: o().optional().meta({
-      title: e._("Currency")
-    }),
-    tags: t.array(i).meta({
-      title: e._("Tags")
-    }),
-    lineItems: n,
-    discount: t.union([t.coerce.number().min(0), t.null()]).optional().meta({
-      title: e._("Discount")
-    })
-  });
-}, s = (e, n) => c(e).refine((i) => i.dueDate instanceof Date, {
-  path: ["dueDate"],
-  message: e._("Due date is required")
-}).refine((i) => !r("counterpart_id", n) || !!i.counterpart, {
-  path: ["counterpart"],
-  message: e._("Vendor is required")
-}).refine((i) => !r("counterpart_bank_account_id", n) || !!i.counterpartBankAccount, {
-  path: ["counterpartBankAccount"],
-  message: e._("Vendor bank account is required")
-}).refine((i) => !r("issued_at", n) || i.invoiceDate instanceof Date, {
-  path: ["invoiceDate"],
-  message: e._("Invoice date is required")
-}).refine((i) => !r("currency", n) || i.currency !== void 0, {
-  path: ["currency"],
-  message: e._("Currency is required")
-});
+import { useCounterpartList as u } from "./index73.js";
+import { useCounterpartsBankAccountsList as o } from "./index205.js";
+function s({
+  currentCounterpartId: r
+}) {
+  const t = u({
+    query: {
+      is_vendor: !0
+    }
+  }), e = o(r);
+  return {
+    counterpartQuery: t,
+    counterpartBankAccountQuery: e
+  };
+}
 export {
-  s as getPayableDetailsFormSchema,
-  r as isFieldRequiredByValidations
+  s as usePayableDetailsForm
 };

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

@@ -1,11 +1,77 @@
-import { getCountries as e } from "./index95.js";
-import { getCurrencies as o } from "./index96.js";
-const m = (t, n) => {
-  const c = u(t, n);
-  return n.is_default_for_currency ? t._("{bankAccountName} (Default)", {
-    bankAccountName: c
-  }) : c;
-}, u = (t, n) => n.name ? n.name : n.country && n.currency ? `${e(t)[n.country]} (${o(t)[n.currency]})` : n.id;
+import { getCurrencyEnum as o } from "./index174.js";
+import { z as t } from "zod";
+const r = (e, n) => !!n?.required_fields?.includes(e), c = (e) => {
+  const n = t.array(t.object({
+    id: t.string().meta({
+      title: e._("Item ID")
+    }),
+    name: t.string().min(1, e._("Item name is required")).meta({
+      title: e._("Item Name")
+    }),
+    quantity: t.coerce.number().positive(e._("Item quantity must be positive")).meta({
+      title: e._("Quantity")
+    }),
+    price: t.coerce.number().min(0, e._("Item price cannot be negative")).meta({
+      title: e._("Price")
+    }),
+    tax: t.coerce.number().min(0, e._("Item tax cannot be negative")).max(100, e._("Item tax cannot exceed 100%")).meta({
+      title: e._("Tax")
+    }),
+    ledger_account_id: t.string().nullable().optional().meta({
+      title: e._("GL Code")
+    })
+  })).meta({
+    title: e._("Line Items")
+  }), i = t.object({
+    id: t.string(),
+    name: t.string()
+  }).loose().meta({
+    title: e._("Tag")
+  });
+  return t.object({
+    invoiceNumber: t.string().min(1, e._("Invoice Number is required")).meta({
+      title: e._("Invoice Number")
+    }),
+    counterpart: t.string().meta({
+      title: e._("Vendor")
+    }),
+    counterpartBankAccount: t.string().optional().meta({
+      title: e._("Vendor Bank Account")
+    }),
+    invoiceDate: t.preprocess((a) => a === null ? void 0 : a, t.date()).optional().meta({
+      title: e._("Invoice Date")
+    }),
+    dueDate: t.preprocess((a) => a === null ? void 0 : a, t.date()).optional().meta({
+      title: e._("Due Date")
+    }),
+    currency: o().optional().meta({
+      title: e._("Currency")
+    }),
+    tags: t.array(i).meta({
+      title: e._("Tags")
+    }),
+    lineItems: n,
+    discount: t.union([t.coerce.number().min(0), t.null()]).optional().meta({
+      title: e._("Discount")
+    })
+  });
+}, s = (e, n) => c(e).refine((i) => i.dueDate instanceof Date, {
+  path: ["dueDate"],
+  message: e._("Due date is required")
+}).refine((i) => !r("counterpart_id", n) || !!i.counterpart, {
+  path: ["counterpart"],
+  message: e._("Vendor is required")
+}).refine((i) => !r("counterpart_bank_account_id", n) || !!i.counterpartBankAccount, {
+  path: ["counterpartBankAccount"],
+  message: e._("Vendor bank account is required")
+}).refine((i) => !r("issued_at", n) || i.invoiceDate instanceof Date, {
+  path: ["invoiceDate"],
+  message: e._("Invoice date is required")
+}).refine((i) => !r("currency", n) || i.currency !== void 0, {
+  path: ["currency"],
+  message: e._("Currency is required")
+});
 export {
-  m as getBankAccountName
+  s as getPayableDetailsFormSchema,
+  r as isFieldRequiredByValidations
 };

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

@@ -1,59 +1,24 @@
-import { jsx as o, jsxs as b } from "@emotion/react/jsx-runtime";
-import { useMemo as g, Fragment as w } from "react";
-import { getCurrenciesArray as x, sortCurrencyOptionsByGroup as O, filterOptions as v, getGroupTitleForOption as B } from "./index96.js";
-import "date-fns";
-import { RHFAutocomplete as M } from "./index489.js";
-import { ListSubheader as S, Divider as q } from "@mui/material";
-import { useLingui as L } from "@lingui/react";
-import { CurrencyInput as W } from "./index490.js";
-import { CurrencyOption as j } from "./index491.js";
-const R = ({
-  required: s,
-  actualCurrency: y,
-  groups: t,
-  fullWidth: m,
-  showCodeOnly: i,
-  hideLabel: h = !1,
-  showCurrencyCode: p = !1,
-  showCurrencySymbol: u = !0,
-  showClearButton: C = !0,
-  allowedCurrencies: l,
-  ...d
-}) => {
+import { useMemo as s } from "react";
+import { useLingui as t } from "@lingui/react";
+import { useExistingCurrenciesFromProducts as u } from "./index480.js";
+const d = () => {
   const {
-    i18n: n
-  } = L(), a = n._("Currency"), c = g(() => {
-    const e = x(n);
-    return l ? e.filter((r) => l.includes(r.code)) : e;
-  }, [l, n]), f = O(c, t);
-  return /* @__PURE__ */ o(M, { ...d, required: s, disabled: c?.length === 1 || d.disabled, className: `Monite-Currency ${h && "Monite-Label-Hidden"}`, disableClearable: !C, label: a, options: f, optionKey: "code", labelKey: i ? "code" : "label", fullWidth: m, slotProps: {
-    paper: {
-      sx: {
-        "& .MuiAutocomplete-listbox hr:last-of-type": {
-          display: "none"
-        }
-      }
-    }
-  }, renderInput: (e, r) => /* @__PURE__ */ o(W, { error: r?.error, defaultValue: y, required: r?.required ?? s, label: r?.label ?? a, showCodeOnly: i, showCurrencySymbol: u, showCurrencyCode: p, ...e }), renderOption: (e, r) => /* @__PURE__ */ o(j, { props: e, option: r, showCodeOnly: i, showCurrencyCode: p, showCurrencySymbol: u }, r.code), filterOptions: v, groupBy: t ? (e) => B(e, t)?.title : void 0, renderGroup: (e) => e.group.trim() === "" ? e.children : /* @__PURE__ */ b(w, { children: [
-    /* @__PURE__ */ o(S, { component: "div", title: e.group, sx: {
-      bgcolor: "background.paper",
-      typography: "body2",
-      fontWeight: (r) => r.typography.fontWeightBold,
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      whiteSpace: "nowrap",
-      py: 1.25,
-      px: 2,
-      top: -12
-      // hack needed to align the group title with the first option (MUI handles custom groups poorly)
-    }, children: e.group }),
-    e.children,
-    /* @__PURE__ */ o(q, { sx: {
-      mx: 1,
-      mt: 1
-    } })
-  ] }, e.key) });
+    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 {
-  R as MoniteCurrency
+  d as useProductCurrencyGroups
 };

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

@@ -9,13 +9,13 @@ import "./index59.js";
 import "@mui/x-data-grid";
 import { zodResolver as N } from "@hookform/resolvers/zod";
 import { Button as p } from "./index86.js";
-import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index139.js";
-import { LoadingSpinner as L } from "./index140.js";
+import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index167.js";
+import { LoadingSpinner as L } from "./index169.js";
 import { useForm as M, FormProvider as k } from "react-hook-form";
-import { useCreateProduct as q } from "./index181.js";
+import { useCreateProduct as q } from "./index220.js";
 import "react-hot-toast";
-import { getProductValidationSchema as z } from "./index182.js";
-import { ProductFormContent as T } from "./index183.js";
+import { getProductValidationSchema as z } from "./index221.js";
+import { ProductFormContent as T } from "./index222.js";
 const ie = (s) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(V, { ...s }) }), V = ({
   onClose: s,
   open: u,

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

@@ -1,74 +1,11 @@
-import { jsxs as A, Fragment as F, jsx as i } from "@emotion/react/jsx-runtime";
-import { createElement as j } from "@emotion/react";
-import { useTags as k } from "./index493.js";
-import { TagFormModal as w } from "./index49.js";
-import { useRootElements as y } from "./index94.js";
-import { useLingui as S } from "@lingui/react";
-import I from "@mui/icons-material/Add";
-import { Autocomplete as L, TextField as M, Button as V } from "@mui/material";
-import { createFilterOptions as W } from "@mui/material/Autocomplete";
-import { useState as B, useMemo as m } from "react";
-const p = (o) => o ? o.map(({
-  id: r,
-  name: n
-}) => ({
-  value: r,
-  label: n
-})) : [], d = "__create-new__";
-function D(o) {
-  return o?.value === d;
-}
-const J = W(), U = ({
-  disabled: o,
-  value: r,
-  onChange: n,
-  label: f,
-  variant: c = "filled",
-  error: v = !1,
-  helperText: h,
-  required: g = !1
-}) => {
-  const {
-    i18n: x
-  } = S(), {
-    root: b
-  } = y(), {
-    tagsQuery: s
-  } = k(), [T, u] = B(!1), C = m(() => r ? p(r) : [], [r]), O = m(() => {
-    const t = s.data?.data || [], e = r || [], a = [...t];
-    return e.forEach((l) => {
-      a.find((q) => q.id === l.id) || a.push(l);
-    }), p(a);
-  }, [s.data?.data, r]), _ = (t) => {
-    const e = t.map((l) => l.value), a = s.data?.data?.filter((l) => e.includes(l.id)) || [];
-    n?.(a);
-  }, E = () => {
-    u(!0);
-  };
-  return /* @__PURE__ */ A(F, { children: [
-    /* @__PURE__ */ i(w, { open: T, onClose: () => u(!1), onCreate: (t) => {
-      const e = [...r || [], t];
-      n?.(e);
-    }, isDeleteAllowed: !1 }),
-    /* @__PURE__ */ i(L, { disabled: o, multiple: !0, filterSelectedOptions: !0, getOptionLabel: (t) => t.label, options: O, slotProps: {
-      popper: {
-        container: b
-      }
-    }, isOptionEqualToValue: (t, e) => t.value === e.value, value: C, onChange: (t, e) => {
-      _(e || []);
-    }, filterOptions: (t, e) => {
-      const a = J(t, e);
-      return a.unshift({
-        value: d,
-        label: x._("Create new tag")
-      }), a;
-    }, renderOption: (t, e) => D(e) ? /* @__PURE__ */ i(V, { variant: "text", startIcon: /* @__PURE__ */ i(I, {}), fullWidth: !0, sx: {
-      justifyContent: "flex-start",
-      px: 2
-    }, onClick: E, children: e.label }, e.value) : /* @__PURE__ */ j("li", { ...t, key: e.value }, e.label), renderInput: (t) => /* @__PURE__ */ i(M, { ...t, label: f, variant: c, fullWidth: !0, error: v, helperText: h, required: g }) })
-  ] });
-};
+import { getCountries as e } from "./index95.js";
+import { getCurrencies as o } from "./index96.js";
+const m = (t, n) => {
+  const c = u(t, n);
+  return n.is_default_for_currency ? t._("{bankAccountName} (Default)", {
+    bankAccountName: c
+  }) : c;
+}, u = (t, n) => n.name ? n.name : n.country && n.currency ? `${e(t)[n.country]} (${o(t)[n.currency]})` : n.id;
 export {
-  U as TagsAutocomplete,
-  p as tagsToSelect
+  m as getBankAccountName
 };

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

@@ -1,23 +1,59 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { TagsAutocomplete as f } from "./index460.js";
-import { FormControl as p } from "@mui/material";
-import { Controller as u } from "react-hook-form";
-const T = ({
-  control: t,
-  name: i,
-  label: n,
-  variant: o = "filled",
-  disabled: m = !1,
-  required: l = !1,
-  helperText: d
-}) => /* @__PURE__ */ r(u, { name: i, control: t, render: ({
-  field: a,
-  fieldState: {
-    error: e
-  }
-}) => /* @__PURE__ */ r(p, { variant: o, fullWidth: !0, required: l, error: !!e, children: /* @__PURE__ */ r(f, { disabled: m, value: a.value || [], onChange: (s) => {
-  a.onChange(s);
-}, label: n, variant: o, error: !!e, helperText: e?.message || d, required: l }) }) });
+import { jsx as o, jsxs as b } from "@emotion/react/jsx-runtime";
+import { useMemo as g, Fragment as w } from "react";
+import { getCurrenciesArray as x, sortCurrencyOptionsByGroup as O, filterOptions as v, getGroupTitleForOption as B } from "./index96.js";
+import "date-fns";
+import { RHFAutocomplete as M } from "./index485.js";
+import { ListSubheader as S, Divider as q } from "@mui/material";
+import { useLingui as L } from "@lingui/react";
+import { CurrencyInput as W } from "./index486.js";
+import { CurrencyOption as j } from "./index487.js";
+const R = ({
+  required: s,
+  actualCurrency: y,
+  groups: t,
+  fullWidth: m,
+  showCodeOnly: i,
+  hideLabel: h = !1,
+  showCurrencyCode: p = !1,
+  showCurrencySymbol: u = !0,
+  showClearButton: C = !0,
+  allowedCurrencies: l,
+  ...d
+}) => {
+  const {
+    i18n: n
+  } = L(), a = n._("Currency"), c = g(() => {
+    const e = x(n);
+    return l ? e.filter((r) => l.includes(r.code)) : e;
+  }, [l, n]), f = O(c, t);
+  return /* @__PURE__ */ o(M, { ...d, required: s, disabled: c?.length === 1 || d.disabled, className: `Monite-Currency ${h && "Monite-Label-Hidden"}`, disableClearable: !C, label: a, options: f, optionKey: "code", labelKey: i ? "code" : "label", fullWidth: m, slotProps: {
+    paper: {
+      sx: {
+        "& .MuiAutocomplete-listbox hr:last-of-type": {
+          display: "none"
+        }
+      }
+    }
+  }, renderInput: (e, r) => /* @__PURE__ */ o(W, { error: r?.error, defaultValue: y, required: r?.required ?? s, label: r?.label ?? a, showCodeOnly: i, showCurrencySymbol: u, showCurrencyCode: p, ...e }), renderOption: (e, r) => /* @__PURE__ */ o(j, { props: e, option: r, showCodeOnly: i, showCurrencyCode: p, showCurrencySymbol: u }, r.code), filterOptions: v, groupBy: t ? (e) => B(e, t)?.title : void 0, renderGroup: (e) => e.group.trim() === "" ? e.children : /* @__PURE__ */ b(w, { children: [
+    /* @__PURE__ */ o(S, { component: "div", title: e.group, sx: {
+      bgcolor: "background.paper",
+      typography: "body2",
+      fontWeight: (r) => r.typography.fontWeightBold,
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      py: 1.25,
+      px: 2,
+      top: -12
+      // hack needed to align the group title with the first option (MUI handles custom groups poorly)
+    }, children: e.group }),
+    e.children,
+    /* @__PURE__ */ o(q, { sx: {
+      mx: 1,
+      mt: 1
+    } })
+  ] }, e.key) });
+};
 export {
-  T as TagsAutocompleteInput
+  R as MoniteCurrency
 };

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

@@ -1,76 +1,74 @@
-import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
-import { useMemo as k } from "react";
-import { User as w } from "./index329.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 "./index430.js";
-const M = ({
-  triggers: r,
-  onAddTrigger: m,
-  onEditTrigger: b,
-  onDeleteTrigger: _
+import { jsxs as A, Fragment as F, jsx as i } from "@emotion/react/jsx-runtime";
+import { createElement as j } from "@emotion/react";
+import { useTags as k } from "./index484.js";
+import { TagFormModal as w } from "./index49.js";
+import { useRootElements as y } from "./index94.js";
+import { useLingui as S } from "@lingui/react";
+import I from "@mui/icons-material/Add";
+import { Autocomplete as L, TextField as M, Button as V } from "@mui/material";
+import { createFilterOptions as W } from "@mui/material/Autocomplete";
+import { useState as B, useMemo as m } from "react";
+const p = (o) => o ? o.map(({
+  id: r,
+  name: n
+}) => ({
+  value: r,
+  label: n
+})) : [], d = "__create-new__";
+function D(o) {
+  return o?.value === d;
+}
+const J = W(), U = ({
+  disabled: o,
+  value: r,
+  onChange: n,
+  label: f,
+  variant: c = "filled",
+  error: v = !1,
+  helperText: h,
+  required: g = !1
 }) => {
   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") }) }) })
-    ] })
-  ] }) });
+    i18n: x
+  } = S(), {
+    root: b
+  } = y(), {
+    tagsQuery: s
+  } = k(), [T, u] = B(!1), C = m(() => r ? p(r) : [], [r]), O = m(() => {
+    const t = s.data?.data || [], e = r || [], a = [...t];
+    return e.forEach((l) => {
+      a.find((q) => q.id === l.id) || a.push(l);
+    }), p(a);
+  }, [s.data?.data, r]), _ = (t) => {
+    const e = t.map((l) => l.value), a = s.data?.data?.filter((l) => e.includes(l.id)) || [];
+    n?.(a);
+  }, E = () => {
+    u(!0);
+  };
+  return /* @__PURE__ */ A(F, { children: [
+    /* @__PURE__ */ i(w, { open: T, onClose: () => u(!1), onCreate: (t) => {
+      const e = [...r || [], t];
+      n?.(e);
+    }, isDeleteAllowed: !1 }),
+    /* @__PURE__ */ i(L, { disabled: o, multiple: !0, filterSelectedOptions: !0, getOptionLabel: (t) => t.label, options: O, slotProps: {
+      popper: {
+        container: b
+      }
+    }, isOptionEqualToValue: (t, e) => t.value === e.value, value: C, onChange: (t, e) => {
+      _(e || []);
+    }, filterOptions: (t, e) => {
+      const a = J(t, e);
+      return a.unshift({
+        value: d,
+        label: x._("Create new tag")
+      }), a;
+    }, renderOption: (t, e) => D(e) ? /* @__PURE__ */ i(V, { variant: "text", startIcon: /* @__PURE__ */ i(I, {}), fullWidth: !0, sx: {
+      justifyContent: "flex-start",
+      px: 2
+    }, onClick: E, children: e.label }, e.value) : /* @__PURE__ */ j("li", { ...t, key: e.value }, e.label), renderInput: (t) => /* @__PURE__ */ i(M, { ...t, label: f, variant: c, fullWidth: !0, error: v, helperText: h, required: g }) })
+  ] });
 };
 export {
-  M as ConditionsTable
+  U as TagsAutocomplete,
+  p as tagsToSelect
 };