@tesouro/embedded-components-react 0.2.184 → 0.2.189

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

@@ -1,11 +1,409 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { CounterpartNameCellById as o } from "./index147.js";
-const n = ({
-  counterpartName: t,
-  counterpartId: e
-}) => t ? /* @__PURE__ */ r("span", { children: t }) : e ? /* @__PURE__ */ r(o, { counterpartId: e }) : /* @__PURE__ */ r("span", { style: {
-  opacity: 0.4
-}, children: "-" });
+const e = {
+  listDepartments: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/departments",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  createDepartment: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/departments",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getDepartment: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/departments/{departmentId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  updateDepartment: {
+    schema: {
+      method: "put",
+      url: "/identity/v1/departments/{departmentId}",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  deactivateDepartment: {
+    schema: {
+      method: "delete",
+      url: "/identity/v1/departments/{departmentId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  bulkUpdateDepartmentMembers: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/departments/{departmentId}/members",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  assignUserToDepartment: {
+    schema: {
+      method: "put",
+      url: "/identity/v1/departments/{departmentId}/members/{userId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  removeUserFromDepartment: {
+    schema: {
+      method: "delete",
+      url: "/identity/v1/departments/{departmentId}/members/{userId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  listLocations: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/locations",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  createLocation: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/locations",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getLocation: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/locations/{locationId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  updateLocation: {
+    schema: {
+      method: "put",
+      url: "/identity/v1/locations/{locationId}",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  deactivateLocation: {
+    schema: {
+      method: "delete",
+      url: "/identity/v1/locations/{locationId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  bulkUpdateLocationMembers: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/locations/{locationId}/members",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  assignUserToLocation: {
+    schema: {
+      method: "put",
+      url: "/identity/v1/locations/{locationId}/members/{userId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  removeUserFromLocation: {
+    schema: {
+      method: "delete",
+      url: "/identity/v1/locations/{locationId}/members/{userId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  listApplications: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/oidc-applications",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getApplication: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/oidc-applications/{applicationId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  patchApplicationScopes: {
+    schema: {
+      method: "patch",
+      url: "/identity/v1/oidc-applications/{applicationId}",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  disableApplication: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/oidc-applications/{applicationId}/disable",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  enableApplication: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/oidc-applications/{applicationId}/enable",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getOrganizations: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/organizations",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  createOrganization: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/organizations",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getVisibleOrganizationIds: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/organizations/visible-ids",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getOrganization: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/organizations/{organizationId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  updateOrganization: {
+    schema: {
+      method: "patch",
+      url: "/identity/v1/organizations/{organizationId}",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  disableOrganization: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/organizations/{organizationId}/disable",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  disableOrganizationApplications: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/organizations/{organizationId}/disable-applications",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getOrganizationPaymentRails: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/organizations/{organizationId}/disabled-payment-rails",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  patchOrganizationPaymentRails: {
+    schema: {
+      method: "patch",
+      url: "/identity/v1/organizations/{organizationId}/disabled-payment-rails",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  enableOrganization: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/organizations/{organizationId}/enable",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  enableOrganizationApplications: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/organizations/{organizationId}/enable-applications",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  uploadOrganizationLogo: {
+    schema: {
+      method: "put",
+      url: "/identity/v1/organizations/{organizationId}/logo",
+      mediaType: "multipart/form-data",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  deleteOrganizationLogo: {
+    schema: {
+      method: "delete",
+      url: "/identity/v1/organizations/{organizationId}/logo",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getOrganizationApplications: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/organizations/{organizationId}/oidc-applications",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getOrganizationSettings: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/organizations/{organizationId}/settings",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  patchOrganizationSettings: {
+    schema: {
+      method: "patch",
+      url: "/identity/v1/organizations/{organizationId}/settings",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  listRoles: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/roles",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  createRole: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/roles",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getRole: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/roles/{roleId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  updateRole: {
+    schema: {
+      method: "patch",
+      url: "/identity/v1/roles/{roleId}",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  deleteRole: {
+    schema: {
+      method: "delete",
+      url: "/identity/v1/roles/{roleId}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  listRoleMembers: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/roles/{roleId}/members",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  bulkUpdateRoleMembers: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/roles/{roleId}/members",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  listRolePermissions: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/roles/{roleId}/permissions",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  bulkUpdateRolePermissions: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/roles/{roleId}/permissions",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getUserData: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/user-data/{key}",
+      security: ["HTTPBearer"]
+    }
+  },
+  upsertUserData: {
+    schema: {
+      method: "put",
+      url: "/identity/v1/user-data/{key}",
+      mediaType: "application/json",
+      security: ["HTTPBearer"]
+    }
+  },
+  getUsers: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/users",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  createUser: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/users",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  getMe: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/users/me",
+      security: ["HTTPBearer"]
+    }
+  },
+  getUser: {
+    schema: {
+      method: "get",
+      url: "/identity/v1/users/{id}",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  updateUser: {
+    schema: {
+      method: "patch",
+      url: "/identity/v1/users/{id}",
+      mediaType: "application/json",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  disableUser: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/users/{userId}/disable",
+      security: ["APPToken", "USERToken"]
+    }
+  },
+  enableUser: {
+    schema: {
+      method: "post",
+      url: "/identity/v1/users/{userId}/enable",
+      security: ["APPToken", "USERToken"]
+    }
+  }
+};
 export {
-  n as InvoicesCounterpartCell
+  e as identityService
 };

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

@@ -1,48 +1,81 @@
-import { jsxs as w, jsx as c } from "@emotion/react/jsx-runtime";
-import { RECURRENCE_STATUS_ICON as g } from "./index246.js";
-import { getCommonRecurrenceStatusLabel as m } from "./index298.js";
-import "date-fns";
-import { Badge as l } from "./index243.js";
-import { cn as p } from "./index100.js";
-import { useLingui as u } from "@lingui/react";
-import { cva as b } from "class-variance-authority";
-const r = b("", {
-  variants: {
-    variant: {
-      // Active reads periwinkle (indigo) to match the recurrence design,
-      // sitting in the same cool family as the violet "Recurring" badge.
-      active: "ttw:bg-indigo-100 ttw:text-indigo-700",
-      paused: "ttw:bg-yellow-100 ttw:text-yellow-700",
-      canceled: "ttw:bg-red-100 ttw:text-red-700",
-      completed: "ttw:bg-green-100 ttw:text-green-700"
-    },
-    dotVariant: {
-      active: "ttw:border-indigo-100 ttw:bg-indigo-700",
-      paused: "ttw:border-yellow-100 ttw:bg-yellow-700",
-      canceled: "ttw:border-red-100 ttw:bg-red-700",
-      completed: "ttw:border-green-100 ttw:bg-green-700"
-    }
-  }
-}), R = ({
-  status: t,
-  className: o,
-  showBadgeBackground: e = !0,
-  showIcon: a = !1,
-  dotSize: i,
-  ref: s
-}) => {
-  const {
-    i18n: n
-  } = u(), d = g[t];
-  return /* @__PURE__ */ w(l, { ref: s, className: p("ttw:inline-flex ttw:items-center ttw:gap-1", r({
-    variant: t
-  }), o), dotClassName: r({
-    dotVariant: t
-  }), showBadgeBackground: e, showDotBorder: !e, dotSize: i, showDot: !1, children: [
-    a && /* @__PURE__ */ c(d, { className: "ttw:size-3", "aria-hidden": !0 }),
-    m(n, t)
+import { jsx as a, jsxs as l } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index100.js";
+import * as o from "@radix-ui/react-dialog";
+import { XIcon as u } from "lucide-react";
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Root, { "data-slot": "sheet", ...t });
+}
+function b({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Close, { "data-slot": "sheet-close", ...t });
+}
+function f({
+  container: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(o.Portal, { "data-slot": "sheet-portal", ...e, container: t });
+}
+const r = (t) => t === "under-dialogs" ? "ttw:z-1295" : "ttw:z-1300";
+function m({
+  className: t,
+  layer: e = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ a(o.Overlay, { "data-slot": "sheet-overlay", className: n("ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:fixed ttw:inset-0 ttw:bg-black/50", r(e), t), ...s });
+}
+function N({
+  className: t,
+  children: e,
+  side: s = "right",
+  container: w = typeof document < "u" ? document.body : null,
+  showCloseButton: d = !0,
+  layer: i = "default",
+  ...c
+}) {
+  return /* @__PURE__ */ l(f, { container: w, children: [
+    /* @__PURE__ */ a(m, { layer: i }),
+    /* @__PURE__ */ l(o.Content, { "data-slot": "sheet-content", className: n("ttw:bg-background ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:fixed ttw:flex ttw:flex-col ttw:gap-4 ttw:shadow-lg ttw:transition ttw:ease-in-out ttw:data-[state=closed]:duration-300 ttw:data-[state=open]:duration-500", r(i), s === "right" && "ttw:data-[state=closed]:slide-out-to-right ttw:data-[state=open]:slide-in-from-right ttw:inset-y-0 ttw:right-0 ttw:h-full ttw:w-3/4 ttw:sm:max-w-[600px]", s === "left" && "ttw:data-[state=closed]:slide-out-to-left ttw:data-[state=open]:slide-in-from-left ttw:inset-y-0 ttw:left-0 ttw:h-full ttw:w-3/4 ttw:sm:max-w-[600px]", s === "top" && "ttw:data-[state=closed]:slide-out-to-top ttw:data-[state=open]:slide-in-from-top ttw:inset-x-0 ttw:top-0 ttw:h-auto ttw:border-b", s === "bottom" && "ttw:data-[state=closed]:slide-out-to-bottom ttw:data-[state=open]:slide-in-from-bottom ttw:inset-x-0 ttw:bottom-0 ttw:h-auto ttw:border-t", t), ...c, children: [
+      e,
+      d && /* @__PURE__ */ l(o.Close, { className: "ttw:p-2 ttw:ring-offset-background ttw:focus:ring-ring ttw:data-[state=open]:bg-neutral ttw:absolute ttw:top-4 ttw:right-4 ttw:rounded-xs ttw:opacity-70 ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:ring-2 ttw:focus:ring-offset-2 ttw:focus:outline-hidden ttw:cursor-pointer ttw:disabled:pointer-events-none", children: [
+        /* @__PURE__ */ a(u, { className: "ttw:size-4" }),
+        /* @__PURE__ */ a("span", { className: "ttw:sr-only", children: "Close" })
+      ] })
+    ] })
   ] });
-};
+}
+function y({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a("div", { "data-slot": "sheet-header", className: n("ttw:flex ttw:flex-col ttw:gap-1.5 ttw:p-4", t), ...e });
+}
+function C({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a("div", { "data-slot": "sheet-footer", className: n("ttw:mt-auto ttw:flex ttw:flex-col ttw:gap-2 ttw:p-4", t), ...e });
+}
+function S({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(o.Title, { "data-slot": "sheet-title", className: n("ttw:text-foreground ttw:font-semibold", t), ...e });
+}
+function v({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(o.Description, { "data-slot": "sheet-description", className: n("ttw:text-muted-foreground ttw:text-sm", t), ...e });
+}
 export {
-  R as InvoiceRecurrenceStatusChip
+  x as Sheet,
+  b as SheetClose,
+  N as SheetContent,
+  v as SheetDescription,
+  C as SheetFooter,
+  y as SheetHeader,
+  S as SheetTitle
 };

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

@@ -1,78 +1,8 @@
-import { jsx as n, jsxs as o, Fragment as w } from "@emotion/react/jsx-runtime";
-import { useLingui as h } from "@lingui/react";
-import { ListFilter as p } from "lucide-react";
-import { useFilterPanel as g, FilterBar as f, FilterTag as C, Popover as v, PopoverTrigger as x, FilterMenuButton as _, PopoverContent as b, DateRangePicker as P, MultiSelectFilter as F, AmountFilter as M, Input as N, SearchInput as S } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-const k = {
-  due_date: "Due date",
-  created_at: "Created on",
-  issue_date: "Issue date"
-}, i = [{
-  id: "date_due_date",
-  label: "Due date",
-  field: "due_date"
-}, {
-  id: "date_created_at",
-  label: "Created on",
-  field: "created_at"
-}, {
-  id: "date_issue_date",
-  label: "Issue date",
-  field: "issue_date"
-}, {
-  id: "status",
-  label: "Status",
-  field: void 0
-}, {
-  id: "amount",
-  label: "Amount",
-  field: void 0
-}, {
-  id: "customer",
-  label: "Customer",
-  field: void 0
-}], I = {
-  date_due_date: "ttw:w-auto",
-  date_created_at: "ttw:w-auto",
-  date_issue_date: "ttw:w-auto",
-  status: "ttw:w-56",
-  amount: "ttw:w-64",
-  customer: "ttw:w-64"
-};
-function O(t) {
-  const {
-    i18n: s
-  } = h(), a = g(), r = a.isMenuOpen || !!a.activePanelId, d = a.activePanelId && I[a.activePanelId] || "ttw:w-52", u = t.allPresets.map((e) => ({
-    value: e.value,
-    label: e.label,
-    group: e.group
-  })), c = (e) => {
-    e || (a.closeMenu(), a.closePanel());
-  }, m = (e) => {
-    a.openPanel(e);
-  };
-  return /* @__PURE__ */ n(f, { className: "ttw:pl-4", searchSlot: /* @__PURE__ */ n(S, { value: t.searchValue, onChange: (e) => t.onSearchChange(e.target.value), placeholder: "Search by number or customer...", className: "ttw:min-w-64" }), menuSlot: /* @__PURE__ */ o(v, { open: r, onOpenChange: c, children: [
-    /* @__PURE__ */ n(x, { asChild: !0, children: /* @__PURE__ */ n(_, { activeCount: t.activeFilterCount, onClick: a.toggleMenu }) }),
-    /* @__PURE__ */ o(b, { align: "start", className: `ttw:p-0 ${d}`, children: [
-      a.isMenuOpen && /* @__PURE__ */ n("div", { className: "ttw:p-1", children: i.map((e) => /* @__PURE__ */ o("button", { type: "button", className: "ttw:flex ttw:items-center ttw:gap-2 ttw:w-full ttw:px-2 ttw:py-1.5 ttw:rounded-md ttw:text-xs ttw:font-medium ttw:hover:bg-accent ttw:transition-colors ttw:cursor-pointer", onClick: () => m(e.id), children: [
-        /* @__PURE__ */ n(p, { className: "ttw:size-4 ttw:text-muted-foreground ttw:shrink-0" }),
-        e.label
-      ] }, e.id)) }),
-      i.filter((e) => e.field !== void 0).map((e) => a.activePanelId === e.id && e.field && /* @__PURE__ */ n(P, { from: t.activeDateFields[e.field]?.from, to: t.activeDateFields[e.field]?.to, onRangeChange: (l) => t.onDateFieldRangeChange(e.field, l), selectedPreset: t.activeDateFields[e.field]?.preset, onPresetChange: (l) => t.onDateFieldPresetChange(e.field, l), presets: u, fieldLabel: k[e.field] }, e.id)),
-      a.activePanelId === "status" && /* @__PURE__ */ n(F, { options: t.statusOptions, selectedValues: t.selectedStatus, onSelectionChange: t.onStatusChange }),
-      a.activePanelId === "amount" && /* @__PURE__ */ n(M, { mode: t.amountMode, onModeChange: t.onAmountModeChange, min: t.amountMin, max: t.amountMax, onMinChange: t.onAmountMinChange, onMaxChange: t.onAmountMaxChange, showFlowDirection: !1, minLabel: "No less than", maxLabel: "No more than" }),
-      a.activePanelId === "customer" && /* @__PURE__ */ o("div", { className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2", children: [
-        /* @__PURE__ */ n("p", { className: "ttw:text-xs ttw:font-medium ttw:text-muted-foreground", children: "Customer name" }),
-        /* @__PURE__ */ n(N, { type: "text", value: t.customerName, onChange: (e) => t.onCustomerNameChange(e.target.value), placeholder: "Search customers...", className: "ttw:h-8 ttw:text-xs" }),
-        /* @__PURE__ */ n("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: s._("Matches names containing your search") })
-      ] })
-    ] })
-  ] }), activeChipsSlot: /* @__PURE__ */ o(w, { children: [
-    t.activeChips.map((e) => /* @__PURE__ */ n(C, { label: e.label, count: e.count, variant: "default", onLabelClick: e.key === "date" ? () => {
-      a.openPanel("date");
-    } : void 0, onDismiss: () => t.onDismissChip(e.key) }, e.key)),
-    t.activeFilterCount > 0 && /* @__PURE__ */ n("button", { type: "button", className: "ttw:text-xs ttw:text-muted-foreground ttw:hover:text-foreground ttw:transition-colors ttw:cursor-pointer ttw:whitespace-nowrap", onClick: t.onClearAll, children: "Clear all" })
-  ] }) });
-}
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { twMerge as e } from "tailwind-merge";
+const w = ({
+  className: t
+}) => /* @__PURE__ */ r("div", { className: e("ttw:w-8 ttw:h-8 ttw:rounded-full ttw:border-3 ttw:border-primary ttw:border-t-transparent ttw:animate-spin", t) });
 export {
-  O as InvoicesFilterBar
+  w as LoadingSpinner
 };