@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/profile-widget/feature/dist/index2.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsx as v } from "react/jsx-runtime";
+import { useEffect as A, useState as P, useCallback as C } from "react";
+import { useProfileQuery as h } from "../../data-access/dist/index2.js";
+import { ProfileCard as T } from "../../ui/dist/index2.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import { WidgetProvider as j } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { useAnalyticsTrack as B } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { ProfileWidgetAnalyticsEvent as _ } from "./index4.js";
+import { DEFAULT_FEATURE_LABELS as U } from "./index3.js";
+const o = {
+  Personal: "personal",
+  Business: "business"
+}, F = "https://d9qpikyk3ti89.cloudfront.net/misc/gradients/profile-gradient.png", w = "https://d9qpikyk3ti89.cloudfront.net/misc/gradients/business-gradient.png";
+function n(e, a) {
+  return e?.trim() ? e : a;
+}
+function z(e) {
+  return [e?.first_name, e?.last_name].filter((a) => !!a?.trim()).join(" ");
+}
+function I(e) {
+  if (!e)
+    return "";
+  const a = [e.line1, e.line2].filter((r) => !!r?.trim()).join(" "), i = [e.state, e.postal_code].filter((r) => !!r?.trim()).join(" ");
+  return [a, e.city, i].filter((r) => !!r?.trim()).join(", ");
+}
+function Q(e) {
+  return e ? e.type === "organization" ? e.organization.legal_name : [e.individual.first_name, e.individual.last_name].filter((a) => !!a?.trim()).join(" ") : "";
+}
+function S(e) {
+  return e.split(" ").filter(Boolean).map((a) => a.charAt(0).toUpperCase()).slice(0, 2).join("");
+}
+function W({
+  labels: e,
+  featureLabels: a
+}) {
+  const i = {
+    ...U,
+    ...a
+  }, r = B();
+  A(() => {
+    r(_.Mounted);
+  }, [r]);
+  const [m, b] = P(
+    o.Personal
+  ), d = C((k) => {
+    (k === o.Personal || k === o.Business) && b(k);
+  }, []), { userQuery: l, entityQuery: s } = h(), f = l.isLoading || s.isLoading, c = l.isError || s.isError, g = l.data, u = s.data, p = m === o.Personal, L = z(g), t = i.emptyValue, y = n(Q(u), t), E = p ? [
+    { label: i.nameLabel, value: n(L, t) },
+    {
+      label: i.phoneLabel,
+      value: n(g?.phone, t)
+    },
+    {
+      label: i.emailLabel,
+      value: n(g?.email, t)
+    }
+  ] : [
+    {
+      label: i.legalNameLabel,
+      value: y
+    },
+    {
+      label: i.companyAddressLabel,
+      value: n(I(u?.address), t)
+    },
+    {
+      label: i.companyPhoneLabel,
+      value: n(u?.phone, t)
+    },
+    {
+      label: i.companyEmailLabel,
+      value: n(u?.email, t)
+    }
+  ];
+  return /* @__PURE__ */ v(
+    T,
+    {
+      labels: e,
+      tabs: [
+        { id: o.Personal, label: i.personalTab },
+        { id: o.Business, label: i.businessTab }
+      ],
+      activeTabId: m,
+      onTabChange: d,
+      banner: p ? {
+        imageUrl: F,
+        imageAlt: i.personalBannerAlt
+      } : {
+        imageUrl: w,
+        imageAlt: i.businessBannerAlt
+      },
+      avatarMode: p ? "label" : "icon",
+      avatarLabel: S(L),
+      title: p ? n(L, t) : y,
+      subtitle: i.subtitle,
+      fields: E,
+      isLoading: f,
+      isError: c
+    }
+  );
+}
+function te({
+  baseUrl: e,
+  widgetToken: a,
+  organizationId: i,
+  configClient: r,
+  linkComponent: m,
+  implementation: b,
+  uiFramework: d,
+  errorFallback: l,
+  onError: s,
+  analytics: f,
+  ...c
+}) {
+  return /* @__PURE__ */ v(
+    j,
+    {
+      baseUrl: e,
+      widgetToken: a,
+      organizationId: i,
+      configClient: r,
+      linkComponent: m,
+      implementation: b,
+      uiFramework: d,
+      errorFallback: l,
+      onError: s,
+      analytics: f,
+      children: /* @__PURE__ */ v(W, { ...c })
+    }
+  );
+}
+export {
+  te as ProfileWidget
+};

package/dist/libs/tesouro-embedded-components-react/profile-widget/feature/dist/index3.js

@@ -0,0 +1,18 @@
+const e = {
+  personalTab: "Personal information",
+  businessTab: "Business information",
+  personalBannerAlt: "Personal profile banner",
+  businessBannerAlt: "Business profile banner",
+  subtitle: "To change this information, please contact support.",
+  nameLabel: "Name",
+  emailLabel: "Email address",
+  phoneLabel: "Phone",
+  legalNameLabel: "Legal name",
+  companyAddressLabel: "Company address",
+  companyPhoneLabel: "Company phone",
+  companyEmailLabel: "Company email",
+  emptyValue: "-"
+};
+export {
+  e as DEFAULT_FEATURE_LABELS
+};

package/dist/libs/tesouro-embedded-components-react/profile-widget/feature/dist/index4.js

@@ -0,0 +1,6 @@
+const e = {
+  Mounted: "profile_widget.mounted"
+};
+export {
+  e as ProfileWidgetAnalyticsEvent
+};

package/dist/libs/tesouro-embedded-components-react/profile-widget/ui/dist/index2.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsxs as a, jsx as t, Fragment as f } from "react/jsx-runtime";
+import { Avatar as p, AvatarFallback as v, Skeleton as r, Tabs as N, TabsList as k, TabsTrigger as L, TabsContent as T } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Building2Icon as y } from "lucide-react";
+import { Fragment as A } from "react";
+import { DEFAULT_LABELS as C } from "./index3.js";
+function E({
+  labels: o,
+  tabs: c,
+  activeTabId: i,
+  onTabChange: m,
+  banner: l,
+  avatarMode: h = "label",
+  avatarLabel: g,
+  title: b,
+  subtitle: s,
+  fields: u,
+  isLoading: w = !1,
+  isError: x = !1
+}) {
+  const n = { ...C, ...o }, d = h === "icon";
+  return /* @__PURE__ */ a("div", { className: "ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-background", children: [
+    l ? /* @__PURE__ */ t(
+      "img",
+      {
+        src: l.imageUrl,
+        alt: l.imageAlt,
+        className: "ttw:h-28 ttw:w-full ttw:object-cover"
+      }
+    ) : /* @__PURE__ */ t("div", { className: "ttw:h-28 ttw:w-full ttw:bg-gradient-to-r ttw:from-muted ttw:to-accent" }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-3 ttw:px-6", children: [
+      /* @__PURE__ */ t(
+        p,
+        {
+          className: d ? "ttw:size-24 ttw:shrink-0 ttw:-translate-y-1/3 ttw:rounded-[20px] ttw:border-4 ttw:border-background ttw:shadow-md" : "ttw:size-24 ttw:shrink-0 ttw:-translate-y-1/3 ttw:border-4 ttw:border-background ttw:shadow-md",
+          children: /* @__PURE__ */ t(
+            v,
+            {
+              className: d ? "ttw:rounded-none ttw:text-3xl" : "ttw:text-3xl",
+              children: d ? /* @__PURE__ */ t(y, { "aria-hidden": !0, className: "ttw:size-10" }) : g
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "ttw:mt-auto ttw:min-w-0 ttw:pb-2", children: w ? /* @__PURE__ */ a("div", { "aria-hidden": !0, children: [
+        /* @__PURE__ */ t(r, { width: 150, height: 28, className: "ttw:mb-2" }),
+        /* @__PURE__ */ t(r, { width: 250, height: 20 })
+      ] }) : /* @__PURE__ */ a(f, { children: [
+        /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-2xl ttw:font-semibold ttw:text-foreground", children: b }),
+        s ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: s }) : null
+      ] }) })
+    ] }),
+    /* @__PURE__ */ a(
+      N,
+      {
+        value: i,
+        onValueChange: m,
+        className: "ttw:px-6 ttw:py-4",
+        children: [
+          /* @__PURE__ */ t(k, { children: c.map((e) => /* @__PURE__ */ t(L, { value: e.id, children: e.label }, e.id)) }),
+          /* @__PURE__ */ t(T, { value: i, children: w ? /* @__PURE__ */ a(
+            "div",
+            {
+              role: "status",
+              "aria-label": n.loadingLabel,
+              className: "ttw:grid ttw:grid-cols-2 ttw:gap-2 ttw:py-4",
+              children: [
+                /* @__PURE__ */ t(r, { width: 100, height: 20 }),
+                /* @__PURE__ */ t(r, { width: 100, height: 20 }),
+                /* @__PURE__ */ t(r, { width: 100, height: 20 }),
+                /* @__PURE__ */ t(r, { width: 100, height: 20 })
+              ]
+            }
+          ) : x ? /* @__PURE__ */ t(
+            "div",
+            {
+              role: "alert",
+              className: "ttw:py-4 ttw:text-sm ttw:text-destructive",
+              children: n.errorLabel
+            }
+          ) : /* @__PURE__ */ t("dl", { className: "ttw:grid ttw:grid-cols-[50%_1fr] ttw:gap-x-6 ttw:gap-y-4 ttw:py-4", children: u.map((e) => /* @__PURE__ */ a(A, { children: [
+            /* @__PURE__ */ t("dt", { className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground", children: e.label }),
+            /* @__PURE__ */ t("dd", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: e.value })
+          ] }, e.label)) }) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  E as ProfileCard
+};

package/dist/libs/tesouro-embedded-components-react/profile-widget/ui/dist/index3.js

@@ -0,0 +1,7 @@
+const o = {
+  loadingLabel: "Loading profile",
+  errorLabel: "Unable to load profile"
+};
+export {
+  o as DEFAULT_LABELS
+};

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index2.js

@@ -0,0 +1,299 @@
+"use client";
+import { jsx as t, jsxs as A } from "react/jsx-runtime";
+import { useEffect as U, useState as P } from "react";
+import "@emotion/react/jsx-runtime";
+import "../../../monite-sdk/dist/index59.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import "lucide-react";
+import "@lingui/react";
+import "date-fns";
+import "@radix-ui/react-dropdown-menu";
+import "../../../monite-sdk/dist/index86.js";
+import "react-hot-toast";
+import "../../../monite-sdk/dist/index87.js";
+import "radix-ui";
+import "react-hook-form";
+import "../../../monite-sdk/dist/index227.js";
+import "@radix-ui/react-label";
+import "@radix-ui/react-radio-group";
+import "@hookform/resolvers/zod";
+import "zod";
+import "../../../monite-sdk/dist/index318.js";
+import "@radix-ui/react-checkbox";
+import "@radix-ui/react-select";
+import "../../../monite-sdk/dist/index92.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { hasAnyScope as w } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import "@tanstack/react-query";
+import { useCurrentUserQuery as F } from "../../../shared/data-access/dist/lib/useCurrentUserQuery.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as p } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../monite-sdk/dist/index94.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "../../../monite-sdk/dist/index221.js";
+import "../../../monite-sdk/dist/index85.js";
+import "../../../monite-sdk/dist/index57.js";
+import "@mui/material";
+import "../../../monite-sdk/dist/index52.js";
+import "@mui/icons-material/ArrowBack";
+import "@mui/icons-material/Close";
+import "@mui/material/IconButton";
+import "@mui/material/Tooltip";
+import "@tanstack/react-table";
+import "../../../monite-sdk/dist/index186.js";
+import "@radix-ui/react-avatar";
+import "../../../monite-sdk/dist/index292.js";
+import "@mui/icons-material/AddCircleOutline";
+import "@mui/icons-material/Delete";
+import "@emotion/react";
+import "../../../monite-sdk/dist/index103.js";
+import "../../../monite-sdk/dist/index488.js";
+import "../../../monite-sdk/dist/index466.js";
+import "../../../monite-sdk/dist/index436.js";
+import "../../../monite-sdk/dist/index355.js";
+import "@mui/icons-material/Cancel";
+import "@mui/icons-material/HourglassEmpty";
+import "@mui/icons-material/PaidOutlined";
+import { Tabs as q, TabsList as $, TabsTrigger as y, TabsContent as W } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ApprovalPolicies as j } from "../../../monite-sdk/dist/index10.js";
+import "../../../monite-sdk/dist/index88.js";
+import "@mui/icons-material/DangerousOutlined";
+import "@mui/x-date-pickers";
+import "../../../monite-sdk/dist/index362.js";
+import "@mui/icons-material/CheckCircleOutlineRounded";
+import "@mui/icons-material/HighlightOffRounded";
+import "@mui/icons-material/Add";
+import "@mui/icons-material/DeleteForever";
+import "@mui/icons-material/AttachFile";
+import "@mui/icons-material/CloudUploadOutlined";
+import "@mui/icons-material/MoreVert";
+import "../../../monite-sdk/dist/index476.js";
+import "../../../monite-sdk/dist/index261.js";
+import "../../../monite-sdk/dist/index263.js";
+import "../../../monite-sdk/dist/index403.js";
+import "../../../monite-sdk/dist/index136.js";
+import "@mui/icons-material/Sync";
+import "@mui/icons-material/Search";
+import "@mui/icons-material/CalendarToday";
+import "../../../monite-sdk/dist/index306.js";
+import "@mui/icons-material/BlockOutlined";
+import "@mui/icons-material/CheckOutlined";
+import "@mui/icons-material/ErrorOutlineOutlined";
+import "@mui/icons-material/HourglassBottomOutlined";
+import "@mui/icons-material/InsertDriveFileOutlined";
+import "@mui/icons-material/ReplayOutlined";
+import "@mui/icons-material/SendOutlined";
+import "@mui/icons-material/StarHalfOutlined";
+import "../../../monite-sdk/dist/index314.js";
+import "../../../monite-sdk/dist/index316.js";
+import "../../../monite-sdk/dist/index468.js";
+import "@mui/icons-material/DriveFileRenameOutline";
+import "deep-eql";
+import "react-use";
+import "react-day-picker";
+import "../../../monite-sdk/dist/index376.js";
+import "@radix-ui/react-accordion";
+import "../../../monite-sdk/dist/index296.js";
+import "@mui/icons-material/ErrorOutline";
+import "@mui/icons-material/Refresh";
+import "../../../monite-sdk/dist/index163.js";
+import { TemplateSettings as z } from "../../../monite-sdk/dist/index54.js";
+import "../../../monite-sdk/dist/index233.js";
+import "../../../monite-sdk/dist/index377.js";
+import "../../../monite-sdk/dist/index58.js";
+import "react-script-hook";
+import "../../../monite-sdk/dist/index56.js";
+import "@mui/icons-material/Money";
+import "@mui/icons-material/MonetizationOnOutlined";
+import "@mui/material/styles";
+import "@emotion/cache";
+import "../../../monite-sdk/dist/index108.js";
+import "@openapi-qraft/react/Unstable_QraftSecureRequestFn";
+import "@openapi-qraft/react";
+import "@openapi-qraft/react/callbacks/index";
+import { TagsWidget as I } from "../../../tags-widget/feature/dist/index2.js";
+import { TeamWidget as _ } from "../../../team-widget/feature/dist/index2.js";
+import { SettingsWidgetUi as M } from "../../ui/dist/index2.js";
+import { ExpenseApprovalPoliciesWidget as B } from "../../../expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js";
+import { ExpenseRequirementsWidget as D } from "../../../expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js";
+import { GLCodeTableWidget as G } from "../../../gl-code-table-widget/feature/dist/index2.js";
+import { HelpWidget as Q } from "../../../help-widget/feature/dist/index2.js";
+import { ProfileWidget as H } from "../../../profile-widget/feature/dist/index2.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "@radix-ui/react-use-controllable-state";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import "react-error-boundary";
+import { useAnalyticsTrack as N } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { useWidgetConfig as V } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { MoniteRegionProvider as Z } from "../../../shared/monite-wrapper/feature/dist/lib/MoniteRegionProvider.js";
+import { SettingsWidgetAnalyticsEvent as J } from "./index4.js";
+import { DEFAULT_FEATURE_LABELS as K } from "./index3.js";
+const X = {
+  profile: [],
+  team: [p.UserReadOrg],
+  invoice: [p.OrganizationSettingsWriteOrg],
+  "bill-pay": [p.ApprovalPolicyWriteOrg],
+  accounting: [p.AccountingConfigReadOrg],
+  tags: [p.AccountingConfigReadOrg],
+  expense: [p.ApprovalPolicyWriteOrg],
+  help: []
+};
+function Y(o, r) {
+  return [o, r].map((e) => e?.trim()).filter((e) => !!e).join(" ");
+}
+function tt(o) {
+  return o.split(" ").filter(Boolean).map((r) => r.charAt(0).toUpperCase()).slice(0, 2).join("");
+}
+function it({
+  approvalsLabel: o,
+  requirementsLabel: r
+}) {
+  const [e, m] = P("approvals");
+  return /* @__PURE__ */ A(
+    q,
+    {
+      value: e,
+      onValueChange: m,
+      className: "ttw:w-full ttw:space-y-5",
+      children: [
+        /* @__PURE__ */ A($, { children: [
+          /* @__PURE__ */ t(y, { value: "approvals", children: o }),
+          /* @__PURE__ */ t(y, { value: "requirements", children: r })
+        ] }),
+        /* @__PURE__ */ t(W, { value: "approvals", children: /* @__PURE__ */ t(B, {}) }),
+        /* @__PURE__ */ t(W, { value: "requirements", children: /* @__PURE__ */ t(D, {}) })
+      ]
+    }
+  );
+}
+function ot({
+  labels: o,
+  featureLabels: r,
+  profileContent: e,
+  teamContent: m,
+  billPayContent: l,
+  helpContent: s,
+  expenseContent: c,
+  accountingContent: g,
+  tagsContent: f,
+  invoiceContent: d
+}) {
+  const i = {
+    ...K,
+    ...r
+  }, n = N();
+  U(() => {
+    n(J.Mounted);
+  }, [n]);
+  const { data: a } = F(), u = Y(a?.first_name, a?.last_name), b = a?.email?.trim() || a?.login?.trim() || "", x = tt(u) || b.charAt(0).toUpperCase(), L = u || b ? {
+    title: u || void 0,
+    subtitle: b || void 0,
+    avatarFallback: x
+  } : void 0, { initResponse: k } = V(), E = k?.scopes, v = [
+    {
+      id: "profile",
+      label: i.profileSection,
+      content: e ?? /* @__PURE__ */ t(H, {})
+    },
+    {
+      id: "team",
+      label: i.teamSection,
+      content: m ?? /* @__PURE__ */ t(_, {})
+    },
+    {
+      id: "invoice",
+      label: i.invoiceSection,
+      content: d ?? /* @__PURE__ */ t(z, {})
+    },
+    {
+      id: "expense",
+      label: i.expenseSection,
+      content: c ?? /* @__PURE__ */ t(
+        it,
+        {
+          approvalsLabel: i.expenseApprovalsTab,
+          requirementsLabel: i.expenseRequirementsTab
+        }
+      )
+    },
+    {
+      id: "bill-pay",
+      label: i.billPaySection,
+      content: l ?? /* @__PURE__ */ t(j, {})
+    },
+    {
+      id: "accounting",
+      label: i.accountingSection,
+      content: g ?? /* @__PURE__ */ t(G, {})
+    },
+    {
+      id: "tags",
+      label: i.tagsSection,
+      content: f ?? /* @__PURE__ */ t(I, {})
+    },
+    {
+      id: "help",
+      label: i.helpSection,
+      content: s ?? /* @__PURE__ */ t(Q, {})
+    }
+  ].filter((C) => {
+    const T = X[C.id] ?? [];
+    return T.length === 0 || w(E, T);
+  }), S = v[0]?.id ?? "", [h, O] = P(
+    S
+  ), R = v.some(
+    (C) => C.id === h
+  ) ? h : S;
+  return /* @__PURE__ */ t(
+    M,
+    {
+      labels: o,
+      sections: v,
+      selectedSectionId: R,
+      onSectionChange: O,
+      identity: L
+    }
+  );
+}
+function Uo({
+  baseUrl: o,
+  widgetToken: r,
+  organizationId: e,
+  configClient: m,
+  linkComponent: l,
+  implementation: s,
+  uiFramework: c,
+  errorFallback: g,
+  onError: f,
+  finopsThemeColors: d,
+  analytics: i,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    Z,
+    {
+      baseUrl: o,
+      widgetToken: r,
+      organizationId: e,
+      configClient: m,
+      linkComponent: l,
+      implementation: s,
+      uiFramework: c,
+      errorFallback: g,
+      onError: f,
+      finopsThemeColors: d,
+      analytics: i,
+      children: /* @__PURE__ */ t(ot, { ...n })
+    }
+  );
+}
+export {
+  Uo as SettingsWidget
+};

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index3.js

@@ -0,0 +1,15 @@
+const e = {
+  profileSection: "Profile",
+  teamSection: "Team",
+  invoiceSection: "Invoices",
+  billPaySection: "Bill pay",
+  accountingSection: "Accounting",
+  tagsSection: "Tags",
+  expenseSection: "Expenses",
+  helpSection: "Help",
+  expenseApprovalsTab: "Approvals",
+  expenseRequirementsTab: "Requirements"
+};
+export {
+  e as DEFAULT_FEATURE_LABELS
+};

package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index4.js

@@ -0,0 +1,6 @@
+const t = {
+  Mounted: "settings_widget.mounted"
+};
+export {
+  t as SettingsWidgetAnalyticsEvent
+};

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/index2.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Tabs as d, Avatar as c, AvatarFallback as m, TabsList as o, TabsTrigger as u, TabsContent as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as f } from "./index3.js";
+function v({
+  labels: r,
+  sections: i,
+  selectedSectionId: n,
+  onSectionChange: w,
+  identity: e
+}) {
+  const l = { ...f, ...r };
+  return /* @__PURE__ */ s("section", { className: "ttw:w-full ttw:space-y-5", children: [
+    /* @__PURE__ */ s("div", { className: "ttw:min-w-0", children: [
+      /* @__PURE__ */ t("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: l.title }),
+      /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: l.description })
+    ] }),
+    /* @__PURE__ */ s(
+      d,
+      {
+        value: n,
+        onValueChange: w,
+        className: "ttw:grid ttw:w-full ttw:gap-5 ttw:md:grid-cols-[14rem_minmax(0,1fr)]",
+        children: [
+          /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+            e ? /* @__PURE__ */ s("div", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-3 ttw:px-1", children: [
+              /* @__PURE__ */ t(c, { className: "ttw:size-10 ttw:shrink-0", children: /* @__PURE__ */ t(m, { children: e.avatarFallback }) }),
+              /* @__PURE__ */ s("div", { className: "ttw:min-w-0", children: [
+                e.title ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:font-medium ttw:text-foreground", children: e.title }) : null,
+                e.subtitle ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: e.subtitle }) : null
+              ] })
+            ] }) : null,
+            /* @__PURE__ */ t(o, { className: "ttw:h-auto ttw:w-full ttw:flex-col ttw:items-stretch ttw:justify-start ttw:gap-1 ttw:bg-transparent ttw:p-0", children: i.map((a) => /* @__PURE__ */ t(
+              u,
+              {
+                value: a.id,
+                className: "ttw:w-full ttw:justify-start ttw:rounded-md ttw:px-3 ttw:py-2 ttw:hover:bg-muted/60 ttw:data-[state=active]:bg-primary/10 ttw:data-[state=active]:font-medium ttw:data-[state=active]:text-primary ttw:group-data-[variant=default]/tabs-list:data-[state=active]:bg-primary/10 ttw:group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none",
+                children: a.label
+              },
+              a.id
+            )) })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "ttw:min-w-0", children: i.map((a) => /* @__PURE__ */ t(p, { value: a.id, children: a.content }, a.id)) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  v as SettingsWidgetUi
+};

package/dist/libs/tesouro-embedded-components-react/settings-widget/ui/dist/index3.js

@@ -0,0 +1,7 @@
+const n = {
+  title: "Settings",
+  description: "Manage organization and finance configuration."
+};
+export {
+  n as DEFAULT_LABELS
+};