@open-mercato/core 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

package/dist/modules/customers/components/detail/ActivityTimelineFilters.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Phone, Mail, Users, StickyNote, SlidersHorizontal } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+const FILTER_TYPES = [
+  { type: "call", icon: Phone },
+  { type: "email", icon: Mail },
+  { type: "meeting", icon: Users },
+  { type: "note", icon: StickyNote }
+];
+function ActivityTimelineFilters({
+  entityId,
+  activeTypes,
+  dateFrom,
+  dateTo,
+  onTypesChange,
+  onDateFromChange,
+  onDateToChange,
+  onReset
+}) {
+  const t = useT();
+  const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo;
+  const [counts, setCounts] = React.useState(null);
+  React.useEffect(() => {
+    if (!entityId) return;
+    const controller = new AbortController();
+    void (async () => {
+      try {
+        const nextCounts = await readApiResultOrThrow(
+          `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,
+          { signal: controller.signal }
+        );
+        setCounts(nextCounts);
+      } catch {
+        setCounts(null);
+      }
+    })();
+    return () => controller.abort();
+  }, [entityId]);
+  const handleTypeToggle = React.useCallback((type) => {
+    if (activeTypes.includes(type)) {
+      onTypesChange(activeTypes.filter((filterType) => filterType !== type));
+    } else {
+      onTypesChange([...activeTypes, type]);
+    }
+  }, [activeTypes, onTypesChange]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border-b border-border/60 pb-4 md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-overline font-bold uppercase tracking-wider text-muted-foreground", children: t("customers.people.detail.activities.filterLabel", "FILTER:") }),
+      FILTER_TYPES.map(({ type, icon: Icon }) => {
+        const isActive = activeTypes.includes(type);
+        const count = counts?.[type];
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => handleTypeToggle(type),
+            className: cn(
+              "h-7 rounded-full px-2.5 text-xs gap-1.5",
+              isActive ? "border-foreground bg-background text-foreground" : "border-border bg-background text-muted-foreground"
+            ),
+            "aria-pressed": isActive,
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "size-2.5" }),
+              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t(`customers.timeline.filter.${type}`, type) }),
+              typeof count === "number" && count > 0 ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1 text-overline leading-4 text-muted-foreground", children: count }) : null
+            ]
+          },
+          type
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxs(Popover, { children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-7 rounded-md px-2.5 text-xs text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-2.5" }),
+            t("customers.people.detail.activities.moreFilters", "More")
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "w-72 space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium", children: t("customers.activities.filters.dateRange", "Date range") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "date",
+                value: dateFrom,
+                onChange: (event) => onDateFromChange(event.target.value),
+                className: "h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring",
+                "aria-label": t("customers.timeline.filter.from", "From date")
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: "\u2014" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "date",
+                value: dateTo,
+                onChange: (event) => onDateToChange(event.target.value),
+                className: "h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring",
+                "aria-label": t("customers.timeline.filter.to", "To date")
+              }
+            )
+          ] })
+        ] }),
+        hasActiveFilters ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: onReset,
+            className: "h-7 w-full text-xs",
+            children: t("customers.activities.filters.clearAll", "Clear filters")
+          }
+        ) : null
+      ] })
+    ] })
+  ] });
+}
+export {
+  ActivityTimelineFilters
+};
+//# sourceMappingURL=ActivityTimelineFilters.js.map

package/dist/modules/customers/components/detail/ActivityTimelineFilters.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActivityTimelineFilters.tsx"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, SlidersHorizontal } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\nconst FILTER_TYPES = [\n  { type: 'call', icon: Phone },\n  { type: 'email', icon: Mail },\n  { type: 'meeting', icon: Users },\n  { type: 'note', icon: StickyNote },\n] as const\n\ntype InteractionCounts = {\n  call: number\n  email: number\n  meeting: number\n  note: number\n  total: number\n}\n\ninterface ActivityTimelineFiltersProps {\n  entityId: string | null\n  activeTypes: string[]\n  dateFrom: string\n  dateTo: string\n  onTypesChange: (types: string[]) => void\n  onDateFromChange: (value: string) => void\n  onDateToChange: (value: string) => void\n  onReset: () => void\n}\n\nexport function ActivityTimelineFilters({\n  entityId,\n  activeTypes,\n  dateFrom,\n  dateTo,\n  onTypesChange,\n  onDateFromChange,\n  onDateToChange,\n  onReset,\n}: ActivityTimelineFiltersProps) {\n  const t = useT()\n  const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo\n  const [counts, setCounts] = React.useState<InteractionCounts | null>(null)\n\n  React.useEffect(() => {\n    if (!entityId) return\n    const controller = new AbortController()\n    void (async () => {\n      try {\n        const nextCounts = await readApiResultOrThrow<InteractionCounts>(\n          `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,\n          { signal: controller.signal },\n        )\n        setCounts(nextCounts)\n      } catch {\n        setCounts(null)\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId])\n\n  const handleTypeToggle = React.useCallback((type: string) => {\n    if (activeTypes.includes(type)) {\n      onTypesChange(activeTypes.filter((filterType) => filterType !== type))\n    } else {\n      onTypesChange([...activeTypes, type])\n    }\n  }, [activeTypes, onTypesChange])\n\n  return (\n    <div className=\"flex flex-col gap-3 border-b border-border/60 pb-4 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <span className=\"text-overline font-bold uppercase tracking-wider text-muted-foreground\">\n          {t('customers.people.detail.activities.filterLabel', 'FILTER:')}\n        </span>\n\n        {FILTER_TYPES.map(({ type, icon: Icon }) => {\n          const isActive = activeTypes.includes(type)\n          const count = counts?.[type as keyof InteractionCounts]\n          return (\n            <Button\n              key={type}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleTypeToggle(type)}\n              className={cn(\n                'h-7 rounded-full px-2.5 text-xs gap-1.5',\n                isActive\n                  ? 'border-foreground bg-background text-foreground'\n                  : 'border-border bg-background text-muted-foreground',\n              )}\n              aria-pressed={isActive}\n            >\n              <Icon className=\"size-2.5\" />\n              <span className=\"font-semibold\">{t(`customers.timeline.filter.${type}`, type)}</span>\n              {typeof count === 'number' && count > 0 ? (\n                <span className=\"rounded-full bg-muted px-1 text-overline leading-4 text-muted-foreground\">\n                  {count}\n                </span>\n              ) : null}\n            </Button>\n          )\n        })}\n      </div>\n\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-7 rounded-md px-2.5 text-xs text-muted-foreground\"\n          >\n            <SlidersHorizontal className=\"size-2.5\" />\n            {t('customers.people.detail.activities.moreFilters', 'More')}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent align=\"end\" className=\"w-72 space-y-3\">\n          <div className=\"space-y-1.5\">\n            <label className=\"text-xs font-medium\">\n              {t('customers.activities.filters.dateRange', 'Date range')}\n            </label>\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"date\"\n                value={dateFrom}\n                onChange={(event) => onDateFromChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.from', 'From date')}\n              />\n              <span className=\"shrink-0 text-xs text-muted-foreground\">\u2014</span>\n              <input\n                type=\"date\"\n                value={dateTo}\n                onChange={(event) => onDateToChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.to', 'To date')}\n              />\n            </div>\n          </div>\n\n          {hasActiveFilters ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReset}\n              className=\"h-7 w-full text-xs\"\n            >\n              {t('customers.activities.filters.clearAll', 'Clear filters')}\n            </Button>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/detail/ActivityTypeSelector.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Phone, Mail, Users, StickyNote } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+const ACTIVITY_TYPES = [
+  { type: "call", icon: Phone, labelKey: "customers.activityComposer.types.call", fallback: "Call" },
+  { type: "email", icon: Mail, labelKey: "customers.activityComposer.types.email", fallback: "Email" },
+  { type: "meeting", icon: Users, labelKey: "customers.activityComposer.types.meeting", fallback: "Meeting" },
+  { type: "note", icon: StickyNote, labelKey: "customers.activityComposer.types.note", fallback: "Note" }
+];
+function ActivityTypeSelector({ selectedType, onSelect }) {
+  const t = useT();
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: ACTIVITY_TYPES.map(({ type, icon: Icon, labelKey, fallback }) => {
+    const isSelected = selectedType === type;
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: () => onSelect(type),
+        "aria-pressed": isSelected,
+        className: cn(
+          "h-10 gap-2 rounded-lg",
+          isSelected ? "border-foreground bg-background text-foreground shadow-sm" : "border-border text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+          t(labelKey, fallback)
+        ]
+      },
+      type
+    );
+  }) });
+}
+export {
+  ACTIVITY_TYPES,
+  ActivityTypeSelector
+};
+//# sourceMappingURL=ActivityTypeSelector.js.map

package/dist/modules/customers/components/detail/ActivityTypeSelector.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActivityTypeSelector.tsx"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\n\nconst ACTIVITY_TYPES = [\n  { type: 'call', icon: Phone, labelKey: 'customers.activityComposer.types.call', fallback: 'Call' },\n  { type: 'email', icon: Mail, labelKey: 'customers.activityComposer.types.email', fallback: 'Email' },\n  { type: 'meeting', icon: Users, labelKey: 'customers.activityComposer.types.meeting', fallback: 'Meeting' },\n  { type: 'note', icon: StickyNote, labelKey: 'customers.activityComposer.types.note', fallback: 'Note' },\n] as const\n\nexport type ActivityType = (typeof ACTIVITY_TYPES)[number]['type']\n\ninterface ActivityTypeSelectorProps {\n  selectedType: ActivityType | null\n  onSelect: (type: ActivityType) => void\n}\n\nexport function ActivityTypeSelector({ selectedType, onSelect }: ActivityTypeSelectorProps) {\n  const t = useT()\n\n  return (\n    <div className=\"grid grid-cols-4 gap-2\">\n      {ACTIVITY_TYPES.map(({ type, icon: Icon, labelKey, fallback }) => {\n        const isSelected = selectedType === type\n        return (\n          <Button\n            key={type}\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => onSelect(type)}\n            aria-pressed={isSelected}\n            className={cn(\n              'h-10 gap-2 rounded-lg',\n              isSelected\n                ? 'border-foreground bg-background text-foreground shadow-sm'\n                : 'border-border text-muted-foreground',\n            )}\n          >\n            <Icon className=\"size-4\" />\n            {t(labelKey, fallback)}\n          </Button>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { ACTIVITY_TYPES }\n"],
+  "mappings": ";AA6BU,SAcE,KAdF;AA3BV,SAAS,OAAO,MAAM,OAAO,kBAAkB;AAC/C,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,MAAM,iBAAiB;AAAA,EACrB,EAAE,MAAM,QAAQ,MAAM,OAAO,UAAU,yCAAyC,UAAU,OAAO;AAAA,EACjG,EAAE,MAAM,SAAS,MAAM,MAAM,UAAU,0CAA0C,UAAU,QAAQ;AAAA,EACnG,EAAE,MAAM,WAAW,MAAM,OAAO,UAAU,4CAA4C,UAAU,UAAU;AAAA,EAC1G,EAAE,MAAM,QAAQ,MAAM,YAAY,UAAU,yCAAyC,UAAU,OAAO;AACxG;AASO,SAAS,qBAAqB,EAAE,cAAc,SAAS,GAA8B;AAC1F,QAAM,IAAI,KAAK;AAEf,SACE,oBAAC,SAAI,WAAU,0BACZ,yBAAe,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,SAAS,MAAM;AAChE,UAAM,aAAa,iBAAiB;AACpC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,IAAI;AAAA,QAC5B,gBAAc;AAAA,QACd,WAAW;AAAA,UACT;AAAA,UACA,aACI,8DACA;AAAA,QACN;AAAA,QAEA;AAAA,8BAAC,QAAK,WAAU,UAAS;AAAA,UACxB,EAAE,UAAU,QAAQ;AAAA;AAAA;AAAA,MAdhB;AAAA,IAeP;AAAA,EAEJ,CAAC,GACH;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/AiActionChips.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Sparkles } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@open-mercato/ui/primitives/tooltip";
+import { AI_TIMELINE_ACTIONS_BY_TYPE, resolveAiActions } from "./aiActionCatalog.js";
+function AiActionChips({ activityType }) {
+  const t = useT();
+  const actions = resolveAiActions(activityType, AI_TIMELINE_ACTIONS_BY_TYPE);
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "mr-1 text-xs text-muted-foreground", children: t("customers.ai.prefix", "AI:") }),
+    actions.map((action, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      index > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground/40", children: "|" }),
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "h-auto inline-flex items-center gap-0.5 px-1 py-0.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+            children: [
+              /* @__PURE__ */ jsx(Sparkles, { className: "size-2.5" }),
+              t(action.i18nKey, action.fallback)
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "text-xs", children: t("customers.ai.comingSoon", "Coming soon") })
+      ] })
+    ] }, action.key))
+  ] }) });
+}
+export {
+  AiActionChips
+};
+//# sourceMappingURL=AiActionChips.js.map

package/dist/modules/customers/components/detail/AiActionChips.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/AiActionChips.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Sparkles } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@open-mercato/ui/primitives/tooltip'\nimport { AI_TIMELINE_ACTIONS_BY_TYPE, resolveAiActions } from './aiActionCatalog'\n\ninterface AiActionChipsProps {\n  activityType: string\n}\n\nexport function AiActionChips({ activityType }: AiActionChipsProps) {\n  const t = useT()\n  const actions = resolveAiActions(activityType, AI_TIMELINE_ACTIONS_BY_TYPE)\n\n  return (\n    <TooltipProvider delayDuration={300}>\n      <div className=\"flex items-center gap-0.5\">\n        <span className=\"mr-1 text-xs text-muted-foreground\">\n          {t('customers.ai.prefix', 'AI:')}\n        </span>\n        {actions.map((action, index) => (\n          <React.Fragment key={action.key}>\n            {index > 0 && <span className=\"text-xs text-muted-foreground/40\">|</span>}\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"h-auto inline-flex items-center gap-0.5 px-1 py-0.5 text-xs text-muted-foreground hover:text-foreground transition-colors cursor-pointer\"\n                >\n                  <Sparkles className=\"size-2.5\" />\n                  {t(action.i18nKey, action.fallback)}\n                </Button>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\" className=\"text-xs\">\n                {t('customers.ai.comingSoon', 'Coming soon')}\n              </TooltipContent>\n            </Tooltip>\n          </React.Fragment>\n        ))}\n      </div>\n    </TooltipProvider>\n  )\n}\n"],
+  "mappings": ";AAoBQ,cAQQ,YARR;AAlBR,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,iBAAiB,sBAAsB;AACzE,SAAS,6BAA6B,wBAAwB;AAMvD,SAAS,cAAc,EAAE,aAAa,GAAuB;AAClE,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,iBAAiB,cAAc,2BAA2B;AAE1E,SACE,oBAAC,mBAAgB,eAAe,KAC9B,+BAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,UAAK,WAAU,sCACb,YAAE,uBAAuB,KAAK,GACjC;AAAA,IACC,QAAQ,IAAI,CAAC,QAAQ,UACpB,qBAAC,MAAM,UAAN,EACE;AAAA,cAAQ,KAAK,oBAAC,UAAK,WAAU,oCAAmC,eAAC;AAAA,MAClE,qBAAC,WACC;AAAA,4BAAC,kBAAe,SAAO,MACrB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YAEV;AAAA,kCAAC,YAAS,WAAU,YAAW;AAAA,cAC9B,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA;AAAA;AAAA,QACpC,GACF;AAAA,QACA,oBAAC,kBAAe,MAAK,UAAS,WAAU,WACrC,YAAE,2BAA2B,aAAa,GAC7C;AAAA,SACF;AAAA,SAjBmB,OAAO,GAkB5B,CACD;AAAA,KACH,GACF;AAEJ;",
+  "names": []
+}