@open-mercato/core 0.6.8-develop.6998.1.d2bc46c56c → 0.6.8-develop.7001.1.03608ab252

package/dist/modules/warranty_claims/backend/components/productLookup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/productLookup.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { JSX } from 'react'\nimport { X } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LookupSelect, type LookupSelectItem } from '@open-mercato/ui/backend/inputs'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { computeWarrantyEntitlementPreview, type WarrantyEntitlementPreview } from '../../lib/warrantyPreview'\n\nexport type ClaimProductPick = {\n  productId: string\n  variantId: string | null\n  sku: string | null\n  productName: string\n}\n\ntype ProductOption = {\n  id: string\n  title: string\n  sku: string | null\n  thumbnailUrl: string | null\n  isConfigurable: boolean\n}\n\ntype VariantOption = {\n  id: string\n  title: string\n  sku: string | null\n  thumbnailUrl: string | null\n}\n\ntype LookupItemWithOption<TOption> = LookupSelectItem & {\n  option: TOption\n}\n\ntype ApiProductItem = Record<string, unknown> & {\n  name?: string | null\n  sku?: string | null\n  default_media_url?: string | null\n  defaultMediaUrl?: string | null\n  is_configurable?: boolean | null\n  isConfigurable?: boolean | null\n}\n\ntype ApiVariantItem = Record<string, unknown> & {\n  name?: string | null\n  sku?: string | null\n  default_media_url?: string | null\n  defaultMediaUrl?: string | null\n  thumbnailUrl?: string | null\n}\n\nfunction readString(value: unknown): string | null {\n  return typeof value === 'string' && value.trim().length ? value.trim() : null\n}\n\nfunction readBoolean(value: unknown): boolean {\n  return value === true || value === 'true' || value === 1 || value === '1'\n}\n\nfunction mapProductOption(item: Record<string, unknown>): ProductOption | null {\n  const id = readString(item.id)\n  if (!id) return null\n  const product = item as ApiProductItem\n  const title = readString(item.title) ?? readString(product.name) ?? readString(product.sku) ?? '\u2014'\n  return {\n    id,\n    title,\n    sku: readString(product.sku),\n    thumbnailUrl: readString(product.default_media_url) ?? readString(product.defaultMediaUrl),\n    isConfigurable: readBoolean(product.is_configurable ?? product.isConfigurable),\n  }\n}\n\nfunction mapVariantOption(item: Record<string, unknown>, fallbackThumbnail: string | null): VariantOption | null {\n  const id = readString(item.id)\n  if (!id) return null\n  const variant = item as ApiVariantItem\n  const title = readString(variant.name) ?? readString(item.title) ?? readString(variant.sku) ?? '\u2014'\n  return {\n    id,\n    title,\n    sku: readString(variant.sku),\n    thumbnailUrl:\n      readString(variant.default_media_url) ??\n      readString(variant.defaultMediaUrl) ??\n      readString(variant.thumbnailUrl) ??\n      fallbackThumbnail,\n  }\n}\n\nfunction buildPlaceholder(label?: string | null): JSX.Element {\n  return (\n    <div className=\"flex h-8 w-8 items-center justify-center rounded border border-border bg-muted text-xs uppercase text-muted-foreground\">\n      {(label ?? '').slice(0, 2) || '?'}\n    </div>\n  )\n}\n\nfunction ProductThumbnail({ src, alt }: { src: string; alt: string }) {\n  const [failed, setFailed] = React.useState(false)\n  if (failed) return buildPlaceholder(alt)\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className=\"h-8 w-8 rounded object-cover\"\n      onError={() => setFailed(true)}\n    />\n  )\n}\n\nfunction productToLookupItem(option: ProductOption): LookupItemWithOption<ProductOption> {\n  return {\n    id: option.id,\n    title: option.title,\n    subtitle: option.sku ?? undefined,\n    icon: option.thumbnailUrl ? (\n      <ProductThumbnail src={option.thumbnailUrl} alt={option.title} />\n    ) : (\n      buildPlaceholder(option.title)\n    ),\n    option,\n  }\n}\n\nfunction variantToLookupItem(option: VariantOption): LookupItemWithOption<VariantOption> {\n  return {\n    id: option.id,\n    title: option.title,\n    subtitle: option.sku ?? undefined,\n    icon: option.thumbnailUrl ? (\n      <ProductThumbnail src={option.thumbnailUrl} alt={option.title} />\n    ) : (\n      buildPlaceholder(option.title)\n    ),\n    option,\n  }\n}\n\nasync function loadProductById(productId: string): Promise<ProductOption | null> {\n  const response = await apiCall<{ items?: Array<Record<string, unknown>> }>(\n    `/api/catalog/products?id=${encodeURIComponent(productId)}&pageSize=1`,\n    undefined,\n    { fallback: { items: [] } },\n  )\n  const items = Array.isArray(response.result?.items) ? response.result.items : []\n  const record = items.find((entry) => entry.id === productId) ?? items[0] ?? null\n  return record ? mapProductOption(record) : null\n}\n\nasync function loadProductOptions(query?: string): Promise<LookupItemWithOption<ProductOption>[]> {\n  const params = new URLSearchParams({ pageSize: '8' })\n  const trimmed = query?.trim()\n  if (trimmed) params.set('search', trimmed)\n  else params.set('sortField', 'title')\n  const response = await apiCall<{ items?: Array<Record<string, unknown>> }>(\n    `/api/catalog/products?${params.toString()}`,\n    undefined,\n    { fallback: { items: [] } },\n  )\n  const items = Array.isArray(response.result?.items) ? response.result.items : []\n  return items\n    .map(mapProductOption)\n    .filter((option): option is ProductOption => option !== null)\n    .map(productToLookupItem)\n}\n\nasync function loadVariants(productId: string, productThumbnail: string | null): Promise<VariantOption[]> {\n  if (!productId) return []\n  const response = await apiCall<{ items?: Array<Record<string, unknown>> }>(\n    `/api/catalog/variants?productId=${encodeURIComponent(productId)}&pageSize=50`,\n    undefined,\n    { fallback: { items: [] } },\n  )\n  const items = Array.isArray(response.result?.items) ? response.result.items : []\n  return items\n    .map((item) => mapVariantOption(item, productThumbnail))\n    .filter((option): option is VariantOption => option !== null)\n}\n\nfunction createPick(product: ProductOption, variant: VariantOption | null): ClaimProductPick {\n  return {\n    productId: product.id,\n    variantId: variant?.id ?? null,\n    sku: variant?.sku ?? product.sku,\n    productName: product.title,\n  }\n}\n\nexport function computeEntitlementPreview(\n  purchaseDate: Date | null,\n  warrantyMonths: number | null,\n  now: Date = new Date(),\n): WarrantyEntitlementPreview {\n  return computeWarrantyEntitlementPreview(purchaseDate, warrantyMonths, now)\n}\n\nexport function EntitlementChip(props: {\n  status: 'in_warranty' | 'out_of_warranty' | 'unknown'\n  t: (key: string) => string\n}): JSX.Element | null {\n  if (props.status === 'unknown') return null\n  const variant = props.status === 'in_warranty' ? 'success' : 'error'\n  const key = props.status === 'in_warranty'\n    ? 'warranty_claims.form.entitlement.inWarranty'\n    : 'warranty_claims.form.entitlement.outOfWarranty'\n  return (\n    <StatusBadge variant={variant} dot>\n      {props.t(key)}\n    </StatusBadge>\n  )\n}\n\nexport function ClaimLineProductPicker(props: {\n  value: { productId?: string | null; variantId?: string | null; productName?: string | null; sku?: string | null }\n  onPick: (pick: ClaimProductPick) => void\n  onClear: () => void\n  disabled?: boolean\n  hideLabel?: boolean\n}): JSX.Element {\n  const t = useT()\n  const productOptionsRef = React.useRef<Map<string, ProductOption>>(new Map())\n  const variantOptionsRef = React.useRef<Map<string, VariantOption>>(new Map())\n  const productSelectionSequenceRef = React.useRef(0)\n  const [productOption, setProductOption] = React.useState<ProductOption | null>(null)\n  const [variantOption, setVariantOption] = React.useState<VariantOption | null>(null)\n  const [variantOptions, setVariantOptions] = React.useState<VariantOption[]>([])\n  const [variantsLoadedFor, setVariantsLoadedFor] = React.useState<string | null>(null)\n\n  const productId = readString(props.value.productId)\n  const variantId = readString(props.value.variantId)\n  const fallbackProductName = readString(props.value.productName)\n  const fallbackSku = readString(props.value.sku)\n\n  React.useEffect(() => {\n    let cancelled = false\n    if (!productId) {\n      setProductOption(null)\n      setVariantOption(null)\n      setVariantOptions([])\n      setVariantsLoadedFor(null)\n      return () => {\n        cancelled = true\n      }\n    }\n    const cached = productOptionsRef.current.get(productId)\n    if (cached) {\n      setProductOption(cached)\n      return () => {\n        cancelled = true\n      }\n    }\n    void loadProductById(productId)\n      .then((option) => {\n        if (cancelled) return\n        const resolved = option ?? {\n          id: productId,\n          title: fallbackProductName ?? fallbackSku ?? t('warranty_claims.form.productUnknown'),\n          sku: fallbackSku,\n          thumbnailUrl: null,\n          isConfigurable: false,\n        }\n        productOptionsRef.current.set(resolved.id, resolved)\n        setProductOption(resolved)\n      })\n      .catch(() => {\n        if (!cancelled) {\n          const fallback = {\n            id: productId,\n            title: fallbackProductName ?? fallbackSku ?? t('warranty_claims.form.productUnknown'),\n            sku: fallbackSku,\n            thumbnailUrl: null,\n            isConfigurable: false,\n          }\n          productOptionsRef.current.set(fallback.id, fallback)\n          setProductOption(fallback)\n        }\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [fallbackProductName, fallbackSku, productId, t])\n\n  React.useEffect(() => {\n    let cancelled = false\n    const selectedProduct = productOption\n    if (!selectedProduct) {\n      setVariantOptions([])\n      setVariantsLoadedFor(null)\n      return () => {\n        cancelled = true\n      }\n    }\n    if (variantsLoadedFor === selectedProduct.id) return () => {\n      cancelled = true\n    }\n    void loadVariants(selectedProduct.id, selectedProduct.thumbnailUrl)\n      .then((options) => {\n        if (cancelled) return\n        variantOptionsRef.current = new Map(options.map((option) => [option.id, option]))\n        setVariantOptions(options)\n        setVariantsLoadedFor(selectedProduct.id)\n        if (variantId) setVariantOption(options.find((option) => option.id === variantId) ?? null)\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setVariantOptions([])\n          setVariantsLoadedFor(selectedProduct.id)\n        }\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [productOption, variantId, variantsLoadedFor])\n\n  const fetchProductItems = React.useCallback(async (query: string) => {\n    const items = await loadProductOptions(query)\n    for (const item of items) productOptionsRef.current.set(item.option.id, item.option)\n    return items\n  }, [])\n\n  const fetchVariantItems = React.useCallback(async (query: string) => {\n    const needle = query.trim().toLowerCase()\n    const options = variantOptions.length\n      ? variantOptions\n      : productOption\n        ? await loadVariants(productOption.id, productOption.thumbnailUrl)\n        : []\n    for (const option of options) variantOptionsRef.current.set(option.id, option)\n    const filtered = needle\n      ? options.filter((option) => option.title.toLowerCase().includes(needle) || (option.sku ?? '').toLowerCase().includes(needle))\n      : options\n    return filtered.map(variantToLookupItem)\n  }, [productOption, variantOptions])\n\n  const clearProduct = React.useCallback(() => {\n    productSelectionSequenceRef.current += 1\n    setProductOption(null)\n    setVariantOption(null)\n    setVariantOptions([])\n    setVariantsLoadedFor(null)\n    props.onClear()\n  }, [props])\n\n  const selectedProductOption = productOption\n    ? [productToLookupItem(productOption)]\n    : productId\n      ? [productToLookupItem({\n        id: productId,\n        title: fallbackProductName ?? fallbackSku ?? t('warranty_claims.form.productUnknown'),\n        sku: fallbackSku,\n        thumbnailUrl: null,\n        isConfigurable: false,\n      })]\n      : undefined\n  const selectedVariantOption = variantOption ? [variantToLookupItem(variantOption)] : undefined\n  const showVariantPicker = Boolean(productOption && (productOption.isConfigurable || variantOptions.length > 1))\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"space-y-2\">\n        {!props.hideLabel || productId ? (\n          <div className={props.hideLabel ? 'flex items-center justify-end gap-2' : 'flex items-center justify-between gap-2'}>\n            {!props.hideLabel ? <Label>{t('warranty_claims.form.productLookup')}</Label> : null}\n            {productId ? (\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"h-auto px-2 py-1 text-xs\" onClick={clearProduct} disabled={props.disabled}>\n                <X className=\"size-3\" aria-hidden=\"true\" />\n                {t('warranty_claims.form.productLookup.clear')}\n              </Button>\n            ) : null}\n          </div>\n        ) : null}\n        <LookupSelect\n          value={productId}\n          onChange={(next) => {\n            const selectionSequence = ++productSelectionSequenceRef.current\n            if (!next) {\n              clearProduct()\n              return\n            }\n            const selected = productOptionsRef.current.get(next)\n            if (!selected) {\n              void loadProductById(next).then((option) => {\n                if (!option || selectionSequence !== productSelectionSequenceRef.current) return\n                productOptionsRef.current.set(option.id, option)\n                setProductOption(option)\n                setVariantOption(null)\n                props.onPick(createPick(option, null))\n              })\n              return\n            }\n            if (selectionSequence !== productSelectionSequenceRef.current) return\n            setProductOption(selected)\n            setVariantOption(null)\n            setVariantOptions([])\n            setVariantsLoadedFor(null)\n            props.onPick(createPick(selected, null))\n          }}\n          fetchItems={fetchProductItems}\n          options={selectedProductOption}\n          minQuery={1}\n          searchPlaceholder={t('warranty_claims.form.productLookup.search')}\n          disabled={props.disabled}\n        />\n      </div>\n      {showVariantPicker ? (\n        <div className=\"space-y-2\">\n          <Label>{t('warranty_claims.form.variantLookup')}</Label>\n          <LookupSelect\n            key={productOption?.id ?? 'no-product'}\n            value={variantId}\n            onChange={(next) => {\n              if (!productOption) return\n              const selected = next ? variantOptionsRef.current.get(next) ?? null : null\n              setVariantOption(selected)\n              props.onPick(createPick(productOption, selected))\n            }}\n            fetchItems={fetchVariantItems}\n            options={selectedVariantOption}\n            minQuery={0}\n            searchPlaceholder={t('warranty_claims.form.variantLookup.search')}\n            disabled={props.disabled || !productOption}\n          />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/warranty_claims/backend/components/useUserDisplayNames.js

@@ -0,0 +1,61 @@
+"use client";
+import * as React from "react";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+function toStringOrNull(value) {
+  return typeof value === "string" && value.trim().length ? value : null;
+}
+function getUserDisplayName(record) {
+  const displayName = toStringOrNull(record.display_name) ?? toStringOrNull(record.displayName) ?? toStringOrNull(record.name);
+  if (displayName) return displayName;
+  return toStringOrNull(record.email);
+}
+function useUserDisplayNames(userIds) {
+  const [userNames, setUserNames] = React.useState({});
+  const resolvedUserIdsRef = React.useRef(/* @__PURE__ */ new Set());
+  const idsKey = React.useMemo(() => {
+    const normalized = /* @__PURE__ */ new Set();
+    for (const userId of userIds) {
+      const value = toStringOrNull(userId);
+      if (value) normalized.add(value);
+    }
+    return [...normalized].sort((left, right) => left < right ? -1 : left > right ? 1 : 0).join(",");
+  }, [userIds]);
+  React.useEffect(() => {
+    if (!idsKey) return;
+    const unresolvedIds = idsKey.split(",").filter((userId) => !resolvedUserIdsRef.current.has(userId));
+    if (!unresolvedIds.length) return;
+    const controller = new AbortController();
+    const load = async () => {
+      const users = [];
+      for (let offset = 0; offset < unresolvedIds.length; offset += 100) {
+        const batch = unresolvedIds.slice(offset, offset + 100);
+        const data = await readApiResultOrThrow(
+          `/api/warranty_claims/assignees?ids=${batch.map(encodeURIComponent).join(",")}`,
+          { signal: controller.signal },
+          { errorMessage: "[internal] Failed to load user display names" }
+        );
+        users.push(...data.items ?? []);
+      }
+      if (!controller.signal.aborted) {
+        for (const userId of unresolvedIds) resolvedUserIdsRef.current.add(userId);
+        const nextNames = {};
+        for (const user of users) {
+          const userId = toStringOrNull(user.id);
+          const displayName = getUserDisplayName(user);
+          if (userId && displayName) nextNames[userId] = displayName;
+        }
+        if (Object.keys(nextNames).length) {
+          setUserNames((current) => ({ ...current, ...nextNames }));
+        }
+      }
+    };
+    void load().catch(() => {
+    });
+    return () => controller.abort();
+  }, [idsKey]);
+  return userNames;
+}
+export {
+  useUserDisplayNames
+};
+//# sourceMappingURL=useUserDisplayNames.js.map

package/dist/modules/warranty_claims/backend/components/useUserDisplayNames.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/warranty_claims/backend/components/useUserDisplayNames.ts"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\nfunction toStringOrNull(value: unknown): string | null {\n  return typeof value === 'string' && value.trim().length ? value : null\n}\n\nfunction getUserDisplayName(record: Record<string, unknown>): string | null {\n  const displayName = toStringOrNull(record.display_name)\n    ?? toStringOrNull(record.displayName)\n    ?? toStringOrNull(record.name)\n  if (displayName) return displayName\n  return toStringOrNull(record.email)\n}\n\nexport function useUserDisplayNames(userIds: readonly (string | null | undefined)[]): Record<string, string> {\n  const [userNames, setUserNames] = React.useState<Record<string, string>>({})\n  const resolvedUserIdsRef = React.useRef<Set<string>>(new Set())\n\n  const idsKey = React.useMemo(() => {\n    const normalized = new Set<string>()\n    for (const userId of userIds) {\n      const value = toStringOrNull(userId)\n      if (value) normalized.add(value)\n    }\n    return [...normalized].sort((left, right) => (left < right ? -1 : left > right ? 1 : 0)).join(',')\n  }, [userIds])\n\n  React.useEffect(() => {\n    if (!idsKey) return\n    const unresolvedIds = idsKey.split(',').filter((userId) => !resolvedUserIdsRef.current.has(userId))\n    if (!unresolvedIds.length) return\n\n    const controller = new AbortController()\n    const load = async () => {\n      const users: Array<Record<string, unknown>> = []\n      for (let offset = 0; offset < unresolvedIds.length; offset += 100) {\n        const batch = unresolvedIds.slice(offset, offset + 100)\n        const data = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/warranty_claims/assignees?ids=${batch.map(encodeURIComponent).join(',')}`,\n          { signal: controller.signal },\n          { errorMessage: '[internal] Failed to load user display names' },\n        )\n        users.push(...(data.items ?? []))\n      }\n      if (!controller.signal.aborted) {\n        for (const userId of unresolvedIds) resolvedUserIdsRef.current.add(userId)\n        const nextNames: Record<string, string> = {}\n        for (const user of users) {\n          const userId = toStringOrNull(user.id)\n          const displayName = getUserDisplayName(user)\n          if (userId && displayName) nextNames[userId] = displayName\n        }\n        if (Object.keys(nextNames).length) {\n          setUserNames((current) => ({ ...current, ...nextNames }))\n        }\n      }\n    }\n    void load().catch(() => {})\n    return () => controller.abort()\n  }, [idsKey])\n\n  return userNames\n}\n"],
+  "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,4BAA4B;AAErC,SAAS,eAAe,OAA+B;AACrD,SAAO,OAAO,UAAU,YAAY,MAAM,KAAK,EAAE,SAAS,QAAQ;AACpE;AAEA,SAAS,mBAAmB,QAAgD;AAC1E,QAAM,cAAc,eAAe,OAAO,YAAY,KACjD,eAAe,OAAO,WAAW,KACjC,eAAe,OAAO,IAAI;AAC/B,MAAI,YAAa,QAAO;AACxB,SAAO,eAAe,OAAO,KAAK;AACpC;AAEO,SAAS,oBAAoB,SAAyE;AAC3G,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAiC,CAAC,CAAC;AAC3E,QAAM,qBAAqB,MAAM,OAAoB,oBAAI,IAAI,CAAC;AAE9D,QAAM,SAAS,MAAM,QAAQ,MAAM;AACjC,UAAM,aAAa,oBAAI,IAAY;AACnC,eAAW,UAAU,SAAS;AAC5B,YAAM,QAAQ,eAAe,MAAM;AACnC,UAAI,MAAO,YAAW,IAAI,KAAK;AAAA,IACjC;AACA,WAAO,CAAC,GAAG,UAAU,EAAE,KAAK,CAAC,MAAM,UAAW,OAAO,QAAQ,KAAK,OAAO,QAAQ,IAAI,CAAE,EAAE,KAAK,GAAG;AAAA,EACnG,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAQ;AACb,UAAM,gBAAgB,OAAO,MAAM,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,mBAAmB,QAAQ,IAAI,MAAM,CAAC;AAClG,QAAI,CAAC,cAAc,OAAQ;AAE3B,UAAM,aAAa,IAAI,gBAAgB;AACvC,UAAM,OAAO,YAAY;AACvB,YAAM,QAAwC,CAAC;AAC/C,eAAS,SAAS,GAAG,SAAS,cAAc,QAAQ,UAAU,KAAK;AACjE,cAAM,QAAQ,cAAc,MAAM,QAAQ,SAAS,GAAG;AACtD,cAAM,OAAO,MAAM;AAAA,UACjB,sCAAsC,MAAM,IAAI,kBAAkB,EAAE,KAAK,GAAG,CAAC;AAAA,UAC7E,EAAE,QAAQ,WAAW,OAAO;AAAA,UAC5B,EAAE,cAAc,+CAA+C;AAAA,QACjE;AACA,cAAM,KAAK,GAAI,KAAK,SAAS,CAAC,CAAE;AAAA,MAClC;AACA,UAAI,CAAC,WAAW,OAAO,SAAS;AAC9B,mBAAW,UAAU,cAAe,oBAAmB,QAAQ,IAAI,MAAM;AACzE,cAAM,YAAoC,CAAC;AAC3C,mBAAW,QAAQ,OAAO;AACxB,gBAAM,SAAS,eAAe,KAAK,EAAE;AACrC,gBAAM,cAAc,mBAAmB,IAAI;AAC3C,cAAI,UAAU,YAAa,WAAU,MAAM,IAAI;AAAA,QACjD;AACA,YAAI,OAAO,KAAK,SAAS,EAAE,QAAQ;AACjC,uBAAa,CAAC,aAAa,EAAE,GAAG,SAAS,GAAG,UAAU,EAAE;AAAA,QAC1D;AAAA,MACF;AAAA,IACF;AACA,SAAK,KAAK,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAC1B,WAAO,MAAM,WAAW,MAAM;AAAA,EAChC,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AACT;",
+  "names": []
+}