@fluid-app/portal-sdk 0.1.373 → 0.1.375

package/dist/ShopWidget-BbCPV2_Y.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShopWidget-BbCPV2_Y.cjs","names":["createTranslationContext","getProductImageUrl","formatPortalPrice","determineProductPrice","formatPortalPriceRange","CirclePlay","Badge","Card","useWidgetPreviewContext","useWidgetInteraction","usePortalProductCatalog","SearchSort","DropdownMenu","DropdownMenuTrigger","Button","ArrowUpDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuRadioGroup","DropdownMenuRadioItem","ImageIcon","Skeleton","getColorField","getPaddingField","getBorderRadiusField"],"sources":["../../../shop/core/src/translation-api-context.ts","../../../shop/ui/src/utils/media-helpers.ts","../../../shop/ui/src/components/product-card.tsx","../../widgets/src/widgets/ShopWidget.tsx"],"sourcesContent":["import { createTranslationContext } from \"@fluid-app/i18n/translation-api-context-factory\";\nimport type { ShopDict } from \"./translation-dictionary\";\n\nconst { Provider, useTranslation } = createTranslationContext<ShopDict>(\"Shop\");\n\nexport const ShopTranslationProvider = Provider;\nexport const useShopTranslation = useTranslation;\n","const VIDEO_EXTENSIONS = [\n  \".mp4\",\n  \".webm\",\n  \".mov\",\n  \".avi\",\n  \".m4v\",\n  \".mkv\",\n  \".ogv\",\n  \".ogg\",\n  \".wmv\",\n  \".flv\",\n  \".3gp\",\n];\n\nconst IMAGE_EXTENSIONS = [\n  \".jpg\",\n  \".jpeg\",\n  \".png\",\n  \".gif\",\n  \".webp\",\n  \".svg\",\n  \".bmp\",\n  \".ico\",\n  \".tiff\",\n  \".tif\",\n];\n\nexport function isVideoUrl(url: string | undefined | null): boolean {\n  if (!url) return false;\n  const lowerUrl = url.toLowerCase();\n  return VIDEO_EXTENSIONS.some((ext) => lowerUrl.includes(ext));\n}\n\nexport function isImageUrl(url: string | undefined | null): boolean {\n  if (!url) return false;\n  const lowerUrl = url.toLowerCase();\n  return IMAGE_EXTENSIONS.some((ext) => lowerUrl.includes(ext));\n}\n\nexport function getMediaTypeFromUrl(\n  url: string | undefined | null,\n): \"video\" | \"image\" | \"unknown\" {\n  if (isVideoUrl(url)) return \"video\";\n  if (isImageUrl(url)) return \"image\";\n  return \"unknown\";\n}\n\nexport function getVideoThumbnailUrl(videoUrl: string): string {\n  if (videoUrl.includes(\"ik.imagekit.io\")) {\n    return `${videoUrl}/ik-thumbnail.jpg`;\n  }\n  return videoUrl;\n}\n\nexport function ensureImageIsFeatured<\n  T extends { image_url: string; position?: number },\n>(items: T[]): T[] {\n  if (items.length === 0) return items;\n\n  const firstItem = items[0];\n  if (!firstItem || !isVideoUrl(firstItem.image_url)) {\n    return items;\n  }\n\n  const firstImageIndex = items.findIndex(\n    (item) => !isVideoUrl(item.image_url),\n  );\n\n  if (firstImageIndex === -1) {\n    return items;\n  }\n\n  const reordered = [...items];\n  const [imageToMove] = reordered.splice(firstImageIndex, 1);\n  if (imageToMove) {\n    reordered.unshift(imageToMove);\n  }\n\n  return reordered;\n}\n","import type React from \"react\";\nimport { useState, type ReactNode } from \"react\";\nimport type { products, portalProducts } from \"@fluid-app/products-core\";\nimport {\n  determineProductPrice,\n  formatPortalPrice,\n  formatPortalPriceRange,\n  getProductImageUrl,\n} from \"@fluid-app/products-core\";\nimport { Badge, Card } from \"@fluid-app/ui-primitives\";\nimport { useShopTranslation } from \"@fluid-app/shop-core/translation-api-context\";\nimport { CirclePlay } from \"lucide-react\";\nimport { getVideoThumbnailUrl, isVideoUrl } from \"../utils/media-helpers\";\n\ntype LegacyProduct = (products.Product | products.ShopProduct) & {\n  kind?: string;\n  video_url?: string;\n};\n\nexport interface RenderImageProps {\n  src: string;\n  alt: string;\n  fill?: boolean;\n  className?: string;\n  onError?: (e: React.SyntheticEvent<HTMLImageElement>) => void;\n  unoptimized?: boolean;\n}\n\ntype TaggedPortalProduct = portalProducts.Product & {\n  readonly __portalProduct: true;\n};\n\nexport type ProductCardProduct = LegacyProduct | TaggedPortalProduct;\n\ninterface ProductCardProps {\n  product: ProductCardProduct;\n  countryIso?: string;\n  companyLogoUrl?: string | null;\n  showShareModal?: boolean;\n  setShareModalOpen?: (open: boolean) => void;\n  setSelectedProduct?: (product: LegacyProduct) => void;\n  renderLink?: (props: { href: string; children: ReactNode }) => ReactNode;\n  renderImage?: (props: RenderImageProps) => ReactNode;\n  onClick?: () => void;\n}\n\nexport function tagPortalProduct(\n  product: portalProducts.Product,\n): TaggedPortalProduct {\n  return { ...product, __portalProduct: true as const };\n}\n\nfunction isPortalProduct(\n  product: ProductCardProduct,\n): product is TaggedPortalProduct {\n  return \"__portalProduct\" in product && product.__portalProduct === true;\n}\n\nfunction getPortalProductCoverImage(\n  product: portalProducts.Product,\n): string | null {\n  if (product.images && product.images.length > 0) {\n    return product.images[0]?.url ?? null;\n  }\n  return null;\n}\n\nfunction defaultRenderImage({\n  src,\n  alt,\n  fill,\n  className,\n  onError,\n}: RenderImageProps): ReactNode {\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={`${fill ? \"absolute inset-0 h-full w-full\" : \"\"} ${className ?? \"\"}`}\n      onError={onError}\n    />\n  );\n}\n\nfunction ProductCardContent({\n  product,\n  countryIso,\n  companyLogoUrl,\n  renderImage = defaultRenderImage,\n}: {\n  product: ProductCardProduct;\n  countryIso?: string;\n  companyLogoUrl?: string | null;\n  renderImage?: (props: RenderImageProps) => ReactNode;\n}) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { t } = useShopTranslation();\n\n  const isPortal = isPortalProduct(product);\n  const coverImage = isPortal\n    ? getPortalProductCoverImage(product)\n    : getProductImageUrl(product as Parameters<typeof getProductImageUrl>[0]);\n  const isVideo = isVideoUrl(coverImage);\n  const productName = isPortal\n    ? product.name || t(\"no_title\")\n    : (product as LegacyProduct).title || t(\"no_title\");\n\n  const isBundle = isPortal && product.is_bundle === true;\n\n  let repPrice: string | null | undefined = null;\n  let price: string | null | undefined = null;\n  if (isPortal) {\n    // wholesale_price is non-null for reps, null for customers\n    if (product.wholesale_price) {\n      repPrice = formatPortalPrice(product.wholesale_price, product.currency);\n      // Show retail as strikethrough if different from wholesale\n      const retailFormatted = formatPortalPrice(\n        product.price,\n        product.currency,\n      );\n      if (retailFormatted !== repPrice) {\n        price = retailFormatted;\n      }\n    } else {\n      repPrice = formatPortalPrice(product.price, product.currency);\n    }\n  } else if (countryIso) {\n    const prices = determineProductPrice(product, countryIso);\n    repPrice = prices.repPrice;\n    price = prices.price;\n  }\n\n  // A bundle's master-variant price is often $0, so show the resolved range.\n  // Fall back to the single (backend-guaranteed non-zero) retail price when no\n  // range — matching the detail page's fallback so card and detail never diverge.\n  const bundlePrice = isBundle\n    ? (formatPortalPriceRange(product.price_range, product.currency) ??\n      formatPortalPrice(product.price, product.currency))\n    : null;\n\n  const resolvedCoverImage =\n    isVideo && coverImage\n      ? getVideoThumbnailUrl(coverImage)\n      : coverImage ||\n        \"https://ik.imagekit.io/fluid/tr:w-1500,h-1500,cm-pad_resize,bg-FFFFFF/980191006/images/WJHL8V/WeCommerce_Logotype-Black_NcO-MzatB.png\";\n\n  return (\n    <>\n      {/* Image/Video container */}\n      <div\n        className=\"bg-muted relative aspect-square overflow-hidden\"\n        onMouseEnter={() => isVideo && setIsHovered(true)}\n        onMouseLeave={() => isVideo && setIsHovered(false)}\n      >\n        {isVideo && isHovered ? (\n          <video\n            src={coverImage || \"\"}\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            autoPlay\n            muted\n            loop\n            playsInline\n          />\n        ) : (\n          <>\n            {!isVideo && (\n              <img\n                key={resolvedCoverImage}\n                src={resolvedCoverImage}\n                alt=\"\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                className=\"absolute inset-0 h-full w-full scale-125 object-cover blur-md\"\n                aria-hidden=\"true\"\n                onError={(e) => {\n                  e.currentTarget.style.display = \"none\";\n                }}\n              />\n            )}\n            {renderImage({\n              src: resolvedCoverImage,\n              alt: productName,\n              fill: true,\n              className: \"object-contain\",\n              onError: (e) => {\n                e.currentTarget.src =\n                  companyLogoUrl ||\n                  \"https://ik.imagekit.io/fluid/tr:w-1500,h-1500,cm-pad_resize,bg-FFFFFF/980191006/images/WJHL8V/WeCommerce_Logotype-Black_NcO-MzatB.png\";\n              },\n              unoptimized: true,\n            })}\n          </>\n        )}\n\n        {/* Video play indicator */}\n        {isVideo && !isHovered && (\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <div className=\"flex size-16 items-center justify-center rounded-full bg-black/50 backdrop-blur-sm\">\n              <CirclePlay className=\"size-12 text-white\" />\n            </div>\n          </div>\n        )}\n\n        {/* Bundle badge */}\n        {isBundle && (\n          <Badge variant=\"secondary\" className=\"absolute top-2 left-2\">\n            {t(\"bundle_badge\")}\n          </Badge>\n        )}\n      </div>\n\n      {/* Product info */}\n      <div className=\"px-3 pt-2 pb-4\">\n        <h3 className=\"text-foreground line-clamp-1 text-sm font-bold\">\n          {productName}\n        </h3>\n\n        <div className=\"flex items-center gap-2\">\n          {isBundle ? (\n            bundlePrice && (\n              <span className=\"text-foreground text-sm font-bold\">\n                {bundlePrice}\n              </span>\n            )\n          ) : (\n            <>\n              {repPrice && (\n                <span className=\"text-foreground text-sm font-bold\">\n                  {repPrice}\n                </span>\n              )}\n              {price && (\n                <span className=\"text-muted-foreground text-sm line-through\">\n                  {price}\n                </span>\n              )}\n            </>\n          )}\n        </div>\n\n        {!isPortal && countryIso && (\n          <div className=\"text-muted-foreground text-sm\">\n            CV{\" \"}\n            {getVariantCountryValue(\n              getSelectedVariant(product as LegacyProduct),\n              countryIso,\n              \"cv\",\n            ) || \"-\"}{\" \"}\n            | QV{\" \"}\n            {getVariantCountryValue(\n              getSelectedVariant(product as LegacyProduct),\n              countryIso,\n              \"qv\",\n            ) || \"-\"}\n          </div>\n        )}\n\n        {isPortal && product.wholesale_price != null && (\n          <div className=\"text-muted-foreground text-sm\">\n            CV {product.cv ?? \"-\"} | QV {product.qv ?? \"-\"}\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n\nfunction getSelectedVariant(\n  product: LegacyProduct,\n): products.Variant | products.ShopVariant | null {\n  if (!product.variants || product.variants.length === 0) return null;\n\n  const masterVariant = product.variants.find(\n    (v: products.Variant | products.ShopVariant) => {\n      return \"is_master\" in v && v.is_master;\n    },\n  );\n  if (masterVariant) return masterVariant;\n\n  return product.variants[0] || null;\n}\n\nfunction getVariantCountryValue(\n  variant: products.Variant | products.ShopVariant | null,\n  countryIso: string,\n  field: \"cv\" | \"qv\",\n): number | null {\n  if (!variant || !variant.variant_countries) return null;\n\n  if (\n    typeof variant.variant_countries === \"object\" &&\n    !Array.isArray(variant.variant_countries)\n  ) {\n    const countryData = variant.variant_countries[countryIso] as\n      | products.VariantCountry\n      | undefined;\n    return countryData?.[field] ?? null;\n  }\n\n  if (Array.isArray(variant.variant_countries)) {\n    const countryData = variant.variant_countries.find(\n      (vc: products.ShopVariantCountry) => vc.country_iso === countryIso,\n    );\n    return countryData?.[field] ?? null;\n  }\n\n  return null;\n}\n\nexport default function ProductCard({\n  product,\n  countryIso,\n  companyLogoUrl,\n  showShareModal = false,\n  setShareModalOpen,\n  setSelectedProduct,\n  renderLink,\n  renderImage,\n  onClick,\n}: ProductCardProps): React.JSX.Element {\n  const cardContent = (\n    <ProductCardContent\n      product={product}\n      {...(countryIso !== undefined && { countryIso })}\n      {...(companyLogoUrl !== undefined && { companyLogoUrl })}\n      {...(renderImage !== undefined && { renderImage })}\n    />\n  );\n\n  const cardClassName = \"overflow-hidden border-0 shadow-none pt-0 gap-0\";\n\n  if (showShareModal && !isPortalProduct(product)) {\n    const handleShareClick = () => {\n      if (setSelectedProduct && setShareModalOpen) {\n        setSelectedProduct(product);\n        setShareModalOpen(true);\n      }\n    };\n    return (\n      <Card className={cardClassName}>\n        <button\n          onClick={handleShareClick}\n          className=\"group block w-full cursor-pointer text-left\"\n        >\n          {cardContent}\n        </button>\n      </Card>\n    );\n  }\n\n  if (onClick) {\n    return (\n      <Card className={cardClassName}>\n        <button\n          onClick={onClick}\n          className=\"group block w-full cursor-pointer text-left\"\n        >\n          {cardContent}\n        </button>\n      </Card>\n    );\n  }\n\n  const href = `/portal/shop/${product.id}`;\n\n  if (renderLink) {\n    return (\n      <Card className={cardClassName}>\n        {renderLink({ href, children: cardContent })}\n      </Card>\n    );\n  }\n\n  return (\n    <Card className={cardClassName}>\n      <a href={href} className=\"group block cursor-pointer\">\n        {cardContent}\n      </a>\n    </Card>\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentProps,\n} from \"react\";\nimport type React from \"react\";\nimport {\n  usePortalProductCatalog,\n  type PortalProductPageParam,\n  type portalProducts,\n} from \"@fluid-app/products-core\";\nimport { useInfiniteQuery } from \"@tanstack/react-query\";\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Skeleton,\n} from \"@fluid-app/ui-primitives\";\nimport { SearchSort } from \"@fluid-app/ui-components/components/SearchSort\";\nimport ProductCard, {\n  tagPortalProduct,\n} from \"@fluid-app/shop-ui/components/product-card\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport { ArrowUpDown, ImageIcon } from \"lucide-react\";\nimport {\n  getBorderRadiusField,\n  getColorField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { useWidgetInteraction } from \"../contexts/WidgetInteractionContext\";\n\ntype ColumnsKey = 2 | 3 | 4 | 5 | 6;\n\ntype ShopWidgetProps = ComponentProps<\"div\"> & {\n  titleEnabled?: boolean;\n  title?: string;\n  titleColor?: ColorOptions;\n  showSearch?: boolean;\n  showSort?: boolean;\n  columns?: ColumnsKey;\n  pageSize?: number;\n  useDataSource?: boolean;\n  products?: portalProducts.Product[];\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  cardBackground?: ColorOptions;\n  cardTextColor?: ColorOptions;\n};\n\nconst GRID_BY_COLUMNS: Record<ColumnsKey, string> = {\n  2: \"grid grid-cols-2 gap-3 sm:gap-6\",\n  3: \"grid grid-cols-2 gap-3 sm:gap-6 md:grid-cols-3\",\n  4: \"grid grid-cols-2 gap-3 sm:gap-6 sm:grid-cols-3 md:grid-cols-4\",\n  5: \"grid grid-cols-2 gap-3 sm:gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5\",\n  6: \"grid grid-cols-2 gap-3 sm:gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6\",\n};\n\nconst SORT_OPTIONS = [\n  { id: \"title_asc\", label: \"Title (A–Z)\" },\n  { id: \"title_desc\", label: \"Title (Z–A)\" },\n  { id: \"price_asc\", label: \"Price (Low to High)\" },\n  { id: \"price_desc\", label: \"Price (High to Low)\" },\n  { id: \"created_at_desc\", label: \"Recently added\" },\n  { id: \"created_at_asc\", label: \"Oldest\" },\n] as const;\n\nconst PREVIEW_PRODUCTS: ReadonlyArray<{\n  id: string;\n  name: string;\n  price: string;\n}> = [\n  { id: \"preview-1\", name: \"Premium Wireless Headphones\", price: \"$249\" },\n  { id: \"preview-2\", name: \"Smart Watch Series X\", price: \"$199\" },\n  { id: \"preview-3\", name: \"Sunglasses\", price: \"$79\" },\n  { id: \"preview-4\", name: \"Trail Running Shoes\", price: \"$129\" },\n  { id: \"preview-5\", name: \"Daypack Backpack\", price: \"$89\" },\n  { id: \"preview-6\", name: \"Stainless Bottle\", price: \"$32\" },\n  { id: \"preview-7\", name: \"Linen Throw\", price: \"$59\" },\n  { id: \"preview-8\", name: \"Ceramic Mug\", price: \"$24\" },\n  { id: \"preview-9\", name: \"Wool Blanket\", price: \"$148\" },\n  { id: \"preview-10\", name: \"Leather Wallet\", price: \"$45\" },\n  { id: \"preview-11\", name: \"Pour-Over Kettle\", price: \"$78\" },\n  { id: \"preview-12\", name: \"Linen Shirt\", price: \"$95\" },\n];\n\nfunction clampColumns(value: number | undefined): ColumnsKey {\n  const n = Math.round(value ?? 4);\n  if (n <= 2) return 2;\n  if (n >= 6) return 6;\n  return n as ColumnsKey;\n}\n\nconst INFINITE_SCROLL_THRESHOLD = 10;\n\nfunction clampPageSize(value: number | undefined): number {\n  const n = Math.round(value ?? 25);\n  return Math.max(1, n);\n}\n\n// Data sources can deliver products in legacy/shareable shape (`title`,\n// `image_url`/`imageUrl`/`thumbnail_url`) or portal shape (`name`, `images`).\n// Modeled as a typed superset so the probe doesn't lose type-safety.\ntype LegacyProductFields = {\n  title?: string;\n  image_url?: string;\n  imageUrl?: string;\n  thumbnail_url?: string;\n};\n\ntype LegacyImageFields = {\n  url?: string;\n  image_url?: string;\n  alt?: string | null;\n};\n\nfunction normalizeDataSourceProduct(\n  input: portalProducts.Product,\n): portalProducts.Product {\n  const r = input as portalProducts.Product & LegacyProductFields;\n  const name = r.name ?? r.title ?? \"\";\n\n  let images: portalProducts.ProductImage[];\n  if (Array.isArray(r.images) && r.images.length > 0) {\n    images = r.images.flatMap<portalProducts.ProductImage>((img) => {\n      const i = img as LegacyImageFields;\n      const url = i.url ?? i.image_url;\n      if (!url) return [];\n      return [{ url, alt: i.alt ?? null }];\n    });\n  } else {\n    const url = r.image_url ?? r.imageUrl ?? r.thumbnail_url;\n    images = url ? [{ url, alt: null }] : [];\n  }\n\n  // Strip undefined props from the spread so EOPT accepts the result.\n  const cleaned: Record<string, unknown> = {};\n  for (const [k, v] of Object.entries(r)) {\n    if (v !== undefined) cleaned[k] = v;\n  }\n  return { ...(cleaned as portalProducts.Product), name, images };\n}\n\n// Tailwind v4 @theme inline aliases --color-*; remap the underlying --card / --foreground tokens.\nfunction cardScopedStyle(\n  cardBackground: ColorOptions | undefined,\n  cardTextColor: ColorOptions | undefined,\n): React.CSSProperties {\n  const style: Record<string, string> = {};\n  if (cardBackground) style[\"--card\"] = `var(--${cardBackground})`;\n  if (cardTextColor) style[\"--foreground\"] = `var(--${cardTextColor})`;\n  return style as React.CSSProperties;\n}\n\nexport function ShopWidget({\n  titleEnabled = true,\n  title = \"\",\n  titleColor = \"foreground\",\n  showSearch = true,\n  showSort = true,\n  columns = 4,\n  pageSize = 25,\n  useDataSource = false,\n  products,\n\n  background = { type: \"solid\", color: \"background\" },\n  padding = 6,\n  borderRadius = \"lg\",\n\n  cardBackground,\n  cardTextColor,\n\n  className,\n  ...props\n}: ShopWidgetProps): React.JSX.Element {\n  const { isPreview } = useWidgetPreviewContext();\n  const safeColumns = clampColumns(columns);\n  const safePageSize = clampPageSize(pageSize);\n\n  const backgroundColor = background.color ?? \"background\";\n  const backgroundImage =\n    background.type === \"image\" &&\n    (background.resource?.image_url || background.resource?.imageUrl)\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n\n  return (\n    <div\n      className={`bg-${backgroundColor} p-${padding} rounded-${borderRadius} @container ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {isPreview ? (\n        <PreviewBody\n          columns={safeColumns}\n          titleEnabled={titleEnabled}\n          title={title}\n          titleColor={titleColor}\n          showSearch={showSearch}\n          showSort={showSort}\n          cardBackground={cardBackground}\n          cardTextColor={cardTextColor}\n        />\n      ) : (\n        <LiveBody\n          columns={safeColumns}\n          pageSize={safePageSize}\n          titleEnabled={titleEnabled}\n          title={title}\n          titleColor={titleColor}\n          showSearch={showSearch}\n          showSort={showSort}\n          useDataSource={useDataSource}\n          products={products}\n          cardBackground={cardBackground}\n          cardTextColor={cardTextColor}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction PreviewBody({\n  columns,\n  titleEnabled,\n  title,\n  titleColor,\n  showSearch,\n  showSort,\n  cardBackground,\n  cardTextColor,\n}: {\n  columns: ColumnsKey;\n  titleEnabled: boolean;\n  title: string | undefined;\n  titleColor: ColorOptions;\n  showSearch: boolean;\n  showSort: boolean;\n  cardBackground: ColorOptions | undefined;\n  cardTextColor: ColorOptions | undefined;\n}) {\n  const hasTitle = titleEnabled && !!title;\n  const hasHeader = hasTitle || showSearch || showSort;\n  return (\n    <div>\n      {hasHeader && (\n        <div className=\"mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-2\">\n          {hasTitle && (\n            <h2\n              className={`text-${titleColor} text-2xl font-semibold tracking-tight`}\n            >\n              {title}\n            </h2>\n          )}\n          {(showSearch || showSort) && (\n            <div className=\"flex items-center gap-2 sm:ml-auto\">\n              {showSearch && (\n                <div\n                  aria-hidden\n                  className=\"bg-muted h-9 w-full max-w-sm rounded-md sm:w-64\"\n                />\n              )}\n              {showSort && (\n                <div aria-hidden className=\"bg-muted size-9 rounded-md\" />\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      <div\n        className={GRID_BY_COLUMNS[columns]}\n        style={cardScopedStyle(cardBackground, cardTextColor)}\n      >\n        {PREVIEW_PRODUCTS.slice(0, columns * 2).map((p) => (\n          <ProductCardCompact\n            key={p.id}\n            name={p.name}\n            imageUrl={null}\n            price={p.price}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction LiveBody({\n  useDataSource,\n  products,\n  ...rest\n}: {\n  columns: ColumnsKey;\n  pageSize: number;\n  titleEnabled: boolean;\n  title: string | undefined;\n  titleColor: ColorOptions;\n  showSearch: boolean;\n  showSort: boolean;\n  useDataSource: boolean;\n  products: portalProducts.Product[] | undefined;\n  cardBackground: ColorOptions | undefined;\n  cardTextColor: ColorOptions | undefined;\n}) {\n  // Branch at the component level so the catalog hook (which throws when\n  // PortalProductsCoreProvider is missing) is only called in catalog mode.\n  if (useDataSource) {\n    // DataAwareWidget owns loading state; undefined here just means no data source configured, not \"still loading.\"\n    return (\n      <DataSourceBody\n        columns={rest.columns}\n        titleEnabled={rest.titleEnabled}\n        title={rest.title}\n        titleColor={rest.titleColor}\n        products={products ?? []}\n        cardBackground={rest.cardBackground}\n        cardTextColor={rest.cardTextColor}\n      />\n    );\n  }\n  return <CatalogBody {...rest} />;\n}\n\nfunction DataSourceBody({\n  columns,\n  titleEnabled,\n  title,\n  titleColor,\n  products,\n  cardBackground,\n  cardTextColor,\n}: {\n  columns: ColumnsKey;\n  titleEnabled: boolean;\n  title: string | undefined;\n  titleColor: ColorOptions;\n  products: portalProducts.Product[];\n  cardBackground: ColorOptions | undefined;\n  cardTextColor: ColorOptions | undefined;\n}) {\n  const { onNavigate } = useWidgetInteraction();\n  const handleSelect = useCallback(\n    (id: string | number) => {\n      onNavigate?.(`shop/${id}`);\n    },\n    [onNavigate],\n  );\n\n  const hasTitle = titleEnabled && !!title;\n\n  return (\n    <div>\n      {hasTitle && (\n        <h2\n          className={`text-${titleColor} mb-6 text-2xl font-semibold tracking-tight`}\n        >\n          {title}\n        </h2>\n      )}\n      {products.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <p className=\"text-muted-foreground text-sm\">No products yet.</p>\n        </div>\n      ) : (\n        <div\n          className={GRID_BY_COLUMNS[columns]}\n          style={cardScopedStyle(cardBackground, cardTextColor)}\n        >\n          {products.map((product) => {\n            if (product.id == null) return null;\n            // Defensive: older widgets may have a data source that returns\n            // non-product shareables (Medium, EnrollmentPack, Page, Library).\n            // The shop widget only knows how to navigate to product detail,\n            // so skip anything that isn't a Product. Items without\n            // `shareable_type` (static products / untagged feeds) fall through.\n            const shareableType = (product as { shareable_type?: string })\n              .shareable_type;\n            if (shareableType != null && shareableType !== \"Product\")\n              return null;\n            const productId = product.id;\n            return (\n              <ProductCard\n                key={productId}\n                product={tagPortalProduct(normalizeDataSourceProduct(product))}\n                onClick={() => handleSelect(productId)}\n              />\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction CatalogBody({\n  columns,\n  pageSize,\n  titleEnabled,\n  title,\n  titleColor,\n  showSearch,\n  showSort,\n  cardBackground,\n  cardTextColor,\n}: {\n  columns: ColumnsKey;\n  pageSize: number;\n  titleEnabled: boolean;\n  title: string | undefined;\n  titleColor: ColorOptions;\n  showSearch: boolean;\n  showSort: boolean;\n  cardBackground: ColorOptions | undefined;\n  cardTextColor: ColorOptions | undefined;\n}) {\n  const observerTarget = useRef<HTMLDivElement>(null);\n  const { onNavigate } = useWidgetInteraction();\n\n  // Cap the API batch in infinite mode so the observer has pages left to fetch.\n  const isInfinite = pageSize > INFINITE_SCROLL_THRESHOLD;\n  const apiPerPage = isInfinite ? INFINITE_SCROLL_THRESHOLD : pageSize;\n\n  const catalog = usePortalProductCatalog({ perPage: apiPerPage });\n  const {\n    data,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    error,\n    isFetched,\n  } = useInfiniteQuery({\n    queryKey: catalog.queryKey,\n    queryFn: ({ pageParam, signal }) =>\n      catalog.fetchProducts(pageParam, signal),\n    getNextPageParam: catalog.getNextPageParam,\n    initialPageParam: undefined as PortalProductPageParam,\n  });\n\n  const allProducts = useMemo(\n    () => data?.pages.flatMap((page) => page.products) ?? [],\n    [data?.pages],\n  );\n\n  const visibleProducts = useMemo(\n    () => (isInfinite ? allProducts : allProducts.slice(0, pageSize)),\n    [allProducts, pageSize, isInfinite],\n  );\n  const reachedLimit = !isInfinite && visibleProducts.length >= pageSize;\n\n  const handleIntersect = useCallback(\n    (entries: IntersectionObserverEntry[]) => {\n      if (\n        entries[0]?.isIntersecting &&\n        hasNextPage &&\n        !isFetchingNextPage &&\n        !reachedLimit\n      ) {\n        fetchNextPage();\n      }\n    },\n    [hasNextPage, isFetchingNextPage, fetchNextPage, reachedLimit],\n  );\n\n  useEffect(() => {\n    const target = observerTarget.current;\n    if (!target) return;\n    const observer = new IntersectionObserver(handleIntersect, {\n      threshold: 0.1,\n      rootMargin: \"200px\",\n    });\n    observer.observe(target);\n    return () => observer.disconnect();\n  }, [handleIntersect]);\n\n  const handleSelect = useCallback(\n    (id: string | number) => {\n      onNavigate?.(`shop/${id}`);\n    },\n    [onNavigate],\n  );\n\n  const hasTitle = titleEnabled && !!title;\n  const hasHeader = hasTitle || showSearch || showSort;\n\n  return (\n    <div>\n      {hasHeader && (\n        <div className=\"mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-2\">\n          {hasTitle && (\n            <h2\n              className={`text-${titleColor} text-2xl font-semibold tracking-tight`}\n            >\n              {title}\n            </h2>\n          )}\n          {(showSearch || showSort) && (\n            <div className=\"flex items-center gap-2 sm:ml-auto\">\n              {showSearch && (\n                <div className=\"w-full max-w-sm sm:w-64\">\n                  <SearchSort\n                    searchValue={catalog.searchTerm}\n                    onSearchChange={catalog.setSearchTerm}\n                    placeholder=\"Search products\"\n                  />\n                </div>\n              )}\n              {showSort && (\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"outline\"\n                      size=\"icon\"\n                      className=\"border-foreground/10 size-9 shrink-0\"\n                    >\n                      <ArrowUpDown className=\"size-3\" />\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align=\"end\" className=\"w-60\">\n                    <DropdownMenuLabel>Sort by</DropdownMenuLabel>\n                    <DropdownMenuSeparator />\n                    <DropdownMenuRadioGroup\n                      value={catalog.currentSort}\n                      onValueChange={catalog.setCurrentSort}\n                    >\n                      {SORT_OPTIONS.map((opt) => (\n                        <DropdownMenuRadioItem key={opt.id} value={opt.id}>\n                          {opt.label}\n                        </DropdownMenuRadioItem>\n                      ))}\n                    </DropdownMenuRadioGroup>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      {isLoading ? (\n        // Floor of 8 keeps mobile (always 2 cols) from rendering a stubby grid.\n        <SkeletonGrid columns={columns} count={Math.max(columns * 2, 8)} />\n      ) : error && visibleProducts.length === 0 ? (\n        <div className=\"bg-destructive/10 text-destructive my-6 rounded-lg px-4 py-3 text-sm\">\n          Couldn&rsquo;t load products. Try again later.\n        </div>\n      ) : isFetched && visibleProducts.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <p className=\"text-muted-foreground text-sm\">\n            {catalog.searchTerm\n              ? `No products match “${catalog.searchTerm}”.`\n              : \"No products yet.\"}\n          </p>\n        </div>\n      ) : (\n        <>\n          <div\n            className={GRID_BY_COLUMNS[columns]}\n            style={cardScopedStyle(cardBackground, cardTextColor)}\n          >\n            {visibleProducts.map((product) => {\n              if (product.id == null) return null;\n              const productId = product.id;\n              return (\n                <ProductCard\n                  key={productId}\n                  product={tagPortalProduct(product)}\n                  onClick={() => handleSelect(productId)}\n                />\n              );\n            })}\n          </div>\n          {!reachedLimit && <div ref={observerTarget} />}\n          {isFetchingNextPage && !reachedLimit && (\n            <div className=\"mt-6\">\n              <SkeletonGrid columns={columns} count={columns} />\n            </div>\n          )}\n          {error && (\n            <div className=\"bg-destructive/10 text-destructive mt-6 rounded-lg px-4 py-3 text-sm\">\n              Couldn&rsquo;t load more products. Try again later.\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction ProductCardCompact({\n  name,\n  imageUrl,\n  price,\n  onClick,\n}: {\n  name: string;\n  imageUrl: string | null;\n  price: string | null;\n  onClick?: () => void;\n}) {\n  const interactive = !!onClick;\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={!interactive}\n      className={`bg-card text-card-foreground group flex flex-col overflow-hidden rounded-lg border border-transparent text-left ${interactive ? \"hover:border-border cursor-pointer transition-shadow hover:shadow-md\" : \"cursor-default\"} focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none`}\n    >\n      <div className=\"bg-muted relative aspect-square w-full overflow-hidden\">\n        {imageUrl ? (\n          <>\n            <img\n              key={imageUrl}\n              src={imageUrl}\n              alt=\"\"\n              loading=\"lazy\"\n              decoding=\"async\"\n              className=\"absolute inset-0 h-full w-full scale-125 object-cover blur-md\"\n              aria-hidden=\"true\"\n              onError={(e) => {\n                e.currentTarget.style.display = \"none\";\n              }}\n            />\n            <img\n              src={imageUrl}\n              alt={name}\n              className=\"relative z-[1] h-full w-full object-contain\"\n              loading=\"lazy\"\n            />\n          </>\n        ) : (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <ImageIcon className=\"text-muted-foreground/40 size-10\" />\n          </div>\n        )}\n      </div>\n      <div className=\"p-3\">\n        <h3 className=\"text-foreground line-clamp-2 text-sm font-medium\">\n          {name}\n        </h3>\n        {price && (\n          <p className=\"text-foreground mt-1 text-sm font-semibold\">{price}</p>\n        )}\n      </div>\n    </button>\n  );\n}\n\nfunction SkeletonGrid({\n  columns,\n  count,\n}: {\n  columns: ColumnsKey;\n  count: number;\n}) {\n  return (\n    <div className={GRID_BY_COLUMNS[columns]}>\n      {Array.from({ length: count }, (_, i) => (\n        <div key={i} className=\"space-y-3\">\n          <Skeleton className=\"aspect-square w-full rounded-lg\" />\n          <Skeleton className=\"h-4 w-3/4\" />\n          <Skeleton className=\"h-4 w-1/3\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport const shopWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShopWidget\",\n  displayName: \"Shop\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"products\"],\n  fields: [\n    // Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the heading shown above the grid\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Heading text shown above the grid\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color of the heading text\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Display group\n    {\n      key: \"showSearch\",\n      label: \"Show Search\",\n      type: \"boolean\",\n      description: \"Display the search input above the grid\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Display\",\n      requiresKeyValue: { key: \"useDataSource\", value: false },\n    },\n    {\n      key: \"showSort\",\n      label: \"Show Sort\",\n      type: \"boolean\",\n      description: \"Display the sort menu above the grid\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Display\",\n      requiresKeyValue: { key: \"useDataSource\", value: false },\n    },\n    {\n      key: \"columns\",\n      label: \"Columns (desktop)\",\n      type: \"select\",\n      description:\n        \"Max columns at the largest breakpoint. Mobile is always 2 columns; intermediate sizes scale smoothly between.\",\n      options: [\n        { label: \"2\", value: 2 },\n        { label: \"3\", value: 3 },\n        { label: \"4\", value: 4 },\n        { label: \"5\", value: 5 },\n        { label: \"6\", value: 6 },\n      ],\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Display\",\n    },\n\n    // Design group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Container background\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Inner spacing around the grid\",\n      defaultValue: 6,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Container corner radius\",\n      defaultValue: \"lg\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n\n    // Card group — optional theme overrides; unset means \"inherit from theme\".\n    getColorField({\n      key: \"cardBackground\",\n      label: \"Card Background\",\n      description:\n        \"Override the card background color. Leave unset to use the theme's card color.\",\n      tab: \"styling\",\n      group: \"Card\",\n    }),\n    getColorField({\n      key: \"cardTextColor\",\n      label: \"Card Text\",\n      description:\n        \"Override title + price color inside each card. Leave unset to use the theme's foreground color.\",\n      tab: \"styling\",\n      group: \"Card\",\n    }),\n\n    // Data tab\n    {\n      key: \"useDataSource\",\n      label: \"Use Data Source\",\n      type: \"boolean\",\n      description:\n        \"Off shows all products from the catalog. On replaces the catalog with a data source — disables search and sort.\",\n      defaultValue: false,\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n    {\n      key: \"pageSize\",\n      label: \"Products to show\",\n      type: \"number\",\n      description:\n        \"Up to 10 acts as a hard cap. Above 10 the grid switches to infinite scroll (products load in batches of 10 as you scroll).\",\n      defaultValue: 25,\n      tab: \"data\",\n      group: \"Data Configuration\",\n      requiresKeyValue: { key: \"useDataSource\", value: false },\n    },\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n      requiresKeyToBeTrue: \"useDataSource\",\n    },\n  ],\n};\n"],"mappings":"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"}

package/dist/ShopWidget-YMXis5SJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShopWidget-YMXis5SJ.mjs","names":[],"sources":["../../../shop/core/src/translation-api-context.ts","../../../shop/ui/src/utils/media-helpers.ts","../../../shop/ui/src/components/product-card.tsx","../../widgets/src/widgets/ShopWidget.tsx"],"sourcesContent":["import { createTranslationContext } from \"@fluid-app/i18n/translation-api-context-factory\";\nimport type { ShopDict } from \"./translation-dictionary\";\n\nconst { Provider, useTranslation } = createTranslationContext<ShopDict>(\"Shop\");\n\nexport const ShopTranslationProvider = Provider;\nexport const useShopTranslation = useTranslation;\n","const VIDEO_EXTENSIONS = [\n  \".mp4\",\n  \".webm\",\n  \".mov\",\n  \".avi\",\n  \".m4v\",\n  \".mkv\",\n  \".ogv\",\n  \".ogg\",\n  \".wmv\",\n  \".flv\",\n  \".3gp\",\n];\n\nconst IMAGE_EXTENSIONS = [\n  \".jpg\",\n  \".jpeg\",\n  \".png\",\n  \".gif\",\n  \".webp\",\n  \".svg\",\n  \".bmp\",\n  \".ico\",\n  \".tiff\",\n  \".tif\",\n];\n\nexport function isVideoUrl(url: string | undefined | null): boolean {\n  if (!url) return false;\n  const lowerUrl = url.toLowerCase();\n  return VIDEO_EXTENSIONS.some((ext) => lowerUrl.includes(ext));\n}\n\nexport function isImageUrl(url: string | undefined | null): boolean {\n  if (!url) return false;\n  const lowerUrl = url.toLowerCase();\n  return IMAGE_EXTENSIONS.some((ext) => lowerUrl.includes(ext));\n}\n\nexport function getMediaTypeFromUrl(\n  url: string | undefined | null,\n): \"video\" | \"image\" | \"unknown\" {\n  if (isVideoUrl(url)) return \"video\";\n  if (isImageUrl(url)) return \"image\";\n  return \"unknown\";\n}\n\nexport function getVideoThumbnailUrl(videoUrl: string): string {\n  if (videoUrl.includes(\"ik.imagekit.io\")) {\n    return `${videoUrl}/ik-thumbnail.jpg`;\n  }\n  return videoUrl;\n}\n\nexport function ensureImageIsFeatured<\n  T extends { image_url: string; position?: number },\n>(items: T[]): T[] {\n  if (items.length === 0) return items;\n\n  const firstItem = items[0];\n  if (!firstItem || !isVideoUrl(firstItem.image_url)) {\n    return items;\n  }\n\n  const firstImageIndex = items.findIndex(\n    (item) => !isVideoUrl(item.image_url),\n  );\n\n  if (firstImageIndex === -1) {\n    return items;\n  }\n\n  const reordered = [...items];\n  const [imageToMove] = reordered.splice(firstImageIndex, 1);\n  if (imageToMove) {\n    reordered.unshift(imageToMove);\n  }\n\n  return reordered;\n}\n","import type React from \"react\";\nimport { useState, type ReactNode } from \"react\";\nimport type { products, portalProducts } from \"@fluid-app/products-core\";\nimport {\n  determineProductPrice,\n  formatPortalPrice,\n  formatPortalPriceRange,\n  getProductImageUrl,\n} from \"@fluid-app/products-core\";\nimport { Badge, Card } from \"@fluid-app/ui-primitives\";\nimport { useShopTranslation } from \"@fluid-app/shop-core/translation-api-context\";\nimport { CirclePlay } from \"lucide-react\";\nimport { getVideoThumbnailUrl, isVideoUrl } from \"../utils/media-helpers\";\n\ntype LegacyProduct = (products.Product | products.ShopProduct) & {\n  kind?: string;\n  video_url?: string;\n};\n\nexport interface RenderImageProps {\n  src: string;\n  alt: string;\n  fill?: boolean;\n  className?: string;\n  onError?: (e: React.SyntheticEvent<HTMLImageElement>) => void;\n  unoptimized?: boolean;\n}\n\ntype TaggedPortalProduct = portalProducts.Product & {\n  readonly __portalProduct: true;\n};\n\nexport type ProductCardProduct = LegacyProduct | TaggedPortalProduct;\n\ninterface ProductCardProps {\n  product: ProductCardProduct;\n  countryIso?: string;\n  companyLogoUrl?: string | null;\n  showShareModal?: boolean;\n  setShareModalOpen?: (open: boolean) => void;\n  setSelectedProduct?: (product: LegacyProduct) => void;\n  renderLink?: (props: { href: string; children: ReactNode }) => ReactNode;\n  renderImage?: (props: RenderImageProps) => ReactNode;\n  onClick?: () => void;\n}\n\nexport function tagPortalProduct(\n  product: portalProducts.Product,\n): TaggedPortalProduct {\n  return { ...product, __portalProduct: true as const };\n}\n\nfunction isPortalProduct(\n  product: ProductCardProduct,\n): product is TaggedPortalProduct {\n  return \"__portalProduct\" in product && product.__portalProduct === true;\n}\n\nfunction getPortalProductCoverImage(\n  product: portalProducts.Product,\n): string | null {\n  if (product.images && product.images.length > 0) {\n    return product.images[0]?.url ?? null;\n  }\n  return null;\n}\n\nfunction defaultRenderImage({\n  src,\n  alt,\n  fill,\n  className,\n  onError,\n}: RenderImageProps): ReactNode {\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={`${fill ? \"absolute inset-0 h-full w-full\" : \"\"} ${className ?? \"\"}`}\n      onError={onError}\n    />\n  );\n}\n\nfunction ProductCardContent({\n  product,\n  countryIso,\n  companyLogoUrl,\n  renderImage = defaultRenderImage,\n}: {\n  product: ProductCardProduct;\n  countryIso?: string;\n  companyLogoUrl?: string | null;\n  renderImage?: (props: RenderImageProps) => ReactNode;\n}) {\n  const [isHovered, setIsHovered] = useState(false);\n  const { t } = useShopTranslation();\n\n  const isPortal = isPortalProduct(product);\n  const coverImage = isPortal\n    ? getPortalProductCoverImage(product)\n    : getProductImageUrl(product as Parameters<typeof getProductImageUrl>[0]);\n  const isVideo = isVideoUrl(coverImage);\n  const productName = isPortal\n    ? product.name || t(\"no_title\")\n    : (product as LegacyProduct).title || t(\"no_title\");\n\n  const isBundle = isPortal && product.is_bundle === true;\n\n  let repPrice: string | null | undefined = null;\n  let price: string | null | undefined = null;\n  if (isPortal) {\n    // wholesale_price is non-null for reps, null for customers\n    if (product.wholesale_price) {\n      repPrice = formatPortalPrice(product.wholesale_price, product.currency);\n      // Show retail as strikethrough if different from wholesale\n      const retailFormatted = formatPortalPrice(\n        product.price,\n        product.currency,\n      );\n      if (retailFormatted !== repPrice) {\n        price = retailFormatted;\n      }\n    } else {\n      repPrice = formatPortalPrice(product.price, product.currency);\n    }\n  } else if (countryIso) {\n    const prices = determineProductPrice(product, countryIso);\n    repPrice = prices.repPrice;\n    price = prices.price;\n  }\n\n  // A bundle's master-variant price is often $0, so show the resolved range.\n  // Fall back to the single (backend-guaranteed non-zero) retail price when no\n  // range — matching the detail page's fallback so card and detail never diverge.\n  const bundlePrice = isBundle\n    ? (formatPortalPriceRange(product.price_range, product.currency) ??\n      formatPortalPrice(product.price, product.currency))\n    : null;\n\n  const resolvedCoverImage =\n    isVideo && coverImage\n      ? getVideoThumbnailUrl(coverImage)\n      : coverImage ||\n        \"https://ik.imagekit.io/fluid/tr:w-1500,h-1500,cm-pad_resize,bg-FFFFFF/980191006/images/WJHL8V/WeCommerce_Logotype-Black_NcO-MzatB.png\";\n\n  return (\n    <>\n      {/* Image/Video container */}\n      <div\n        className=\"bg-muted relative aspect-square overflow-hidden\"\n        onMouseEnter={() => isVideo && setIsHovered(true)}\n        onMouseLeave={() => isVideo && setIsHovered(false)}\n      >\n        {isVideo && isHovered ? (\n          <video\n            src={coverImage || \"\"}\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            autoPlay\n            muted\n            loop\n            playsInline\n          />\n        ) : (\n          <>\n            {!isVideo && (\n              <img\n                key={resolvedCoverImage}\n                src={resolvedCoverImage}\n                alt=\"\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                className=\"absolute inset-0 h-full w-full scale-125 object-cover blur-md\"\n                aria-hidden=\"true\"\n                onError={(e) => {\n                  e.currentTarget.style.display = \"none\";\n                }}\n              />\n            )}\n            {renderImage({\n              src: resolvedCoverImage,\n              alt: productName,\n              fill: true,\n              className: \"object-contain\",\n              onError: (e) => {\n                e.currentTarget.src =\n                  companyLogoUrl ||\n                  \"https://ik.imagekit.io/fluid/tr:w-1500,h-1500,cm-pad_resize,bg-FFFFFF/980191006/images/WJHL8V/WeCommerce_Logotype-Black_NcO-MzatB.png\";\n              },\n              unoptimized: true,\n            })}\n          </>\n        )}\n\n        {/* Video play indicator */}\n        {isVideo && !isHovered && (\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <div className=\"flex size-16 items-center justify-center rounded-full bg-black/50 backdrop-blur-sm\">\n              <CirclePlay className=\"size-12 text-white\" />\n            </div>\n          </div>\n        )}\n\n        {/* Bundle badge */}\n        {isBundle && (\n          <Badge variant=\"secondary\" className=\"absolute top-2 left-2\">\n            {t(\"bundle_badge\")}\n          </Badge>\n        )}\n      </div>\n\n      {/* Product info */}\n      <div className=\"px-3 pt-2 pb-4\">\n        <h3 className=\"text-foreground line-clamp-1 text-sm font-bold\">\n          {productName}\n        </h3>\n\n        <div className=\"flex items-center gap-2\">\n          {isBundle ? (\n            bundlePrice && (\n              <span className=\"text-foreground text-sm font-bold\">\n                {bundlePrice}\n              </span>\n            )\n          ) : (\n            <>\n              {repPrice && (\n                <span className=\"text-foreground text-sm font-bold\">\n                  {repPrice}\n                </span>\n              )}\n              {price && (\n                <span className=\"text-muted-foreground text-sm line-through\">\n                  {price}\n                </span>\n              )}\n            </>\n          )}\n        </div>\n\n        {!isPortal && countryIso && (\n          <div className=\"text-muted-foreground text-sm\">\n            CV{\" \"}\n            {getVariantCountryValue(\n              getSelectedVariant(product as LegacyProduct),\n              countryIso,\n              \"cv\",\n            ) || \"-\"}{\" \"}\n            | QV{\" \"}\n            {getVariantCountryValue(\n              getSelectedVariant(product as LegacyProduct),\n              countryIso,\n              \"qv\",\n            ) || \"-\"}\n          </div>\n        )}\n\n        {isPortal && product.wholesale_price != null && (\n          <div className=\"text-muted-foreground text-sm\">\n            CV {product.cv ?? \"-\"} | QV {product.qv ?? \"-\"}\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n\nfunction getSelectedVariant(\n  product: LegacyProduct,\n): products.Variant | products.ShopVariant | null {\n  if (!product.variants || product.variants.length === 0) return null;\n\n  const masterVariant = product.variants.find(\n    (v: products.Variant | products.ShopVariant) => {\n      return \"is_master\" in v && v.is_master;\n    },\n  );\n  if (masterVariant) return masterVariant;\n\n  return product.variants[0] || null;\n}\n\nfunction getVariantCountryValue(\n  variant: products.Variant | products.ShopVariant | null,\n  countryIso: string,\n  field: \"cv\" | \"qv\",\n): number | null {\n  if (!variant || !variant.variant_countries) return null;\n\n  if (\n    typeof variant.variant_countries === \"object\" &&\n    !Array.isArray(variant.variant_countries)\n  ) {\n    const countryData = variant.variant_countries[countryIso] as\n      | products.VariantCountry\n      | undefined;\n    return countryData?.[field] ?? null;\n  }\n\n  if (Array.isArray(variant.variant_countries)) {\n    const countryData = variant.variant_countries.find(\n      (vc: products.ShopVariantCountry) => vc.country_iso === countryIso,\n    );\n    return countryData?.[field] ?? null;\n  }\n\n  return null;\n}\n\nexport default function ProductCard({\n  product,\n  countryIso,\n  companyLogoUrl,\n  showShareModal = false,\n  setShareModalOpen,\n  setSelectedProduct,\n  renderLink,\n  renderImage,\n  onClick,\n}: ProductCardProps): React.JSX.Element {\n  const cardContent = (\n    <ProductCardContent\n      product={product}\n      {...(countryIso !== undefined && { countryIso })}\n      {...(companyLogoUrl !== undefined && { companyLogoUrl })}\n      {...(renderImage !== undefined && { renderImage })}\n    />\n  );\n\n  const cardClassName = \"overflow-hidden border-0 shadow-none pt-0 gap-0\";\n\n  if (showShareModal && !isPortalProduct(product)) {\n    const handleShareClick = () => {\n      if (setSelectedProduct && setShareModalOpen) {\n        setSelectedProduct(product);\n        setShareModalOpen(true);\n      }\n    };\n    return (\n      <Card className={cardClassName}>\n        <button\n          onClick={handleShareClick}\n          className=\"group block w-full cursor-pointer text-left\"\n        >\n          {cardContent}\n        </button>\n      </Card>\n    );\n  }\n\n  if (onClick) {\n    return (\n      <Card className={cardClassName}>\n        <button\n          onClick={onClick}\n          className=\"group block w-full cursor-pointer text-left\"\n        >\n          {cardContent}\n        </button>\n      </Card>\n    );\n  }\n\n  const href = `/portal/shop/${product.id}`;\n\n  if (renderLink) {\n    return (\n      <Card className={cardClassName}>\n        {renderLink({ href, children: cardContent })}\n      </Card>\n    );\n  }\n\n  return (\n    <Card className={cardClassName}>\n      <a href={href} className=\"group block cursor-pointer\">\n        {cardContent}\n      </a>\n    </Card>\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ComponentProps,\n} from \"react\";\nimport type React from \"react\";\nimport {\n  usePortalProductCatalog,\n  type PortalProductPageParam,\n  type portalProducts,\n} from \"@fluid-app/products-core\";\nimport { useInfiniteQuery } from \"@tanstack/react-query\";\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  Skeleton,\n} from \"@fluid-app/ui-primitives\";\nimport { SearchSort } from \"@fluid-app/ui-components/components/SearchSort\";\nimport ProductCard, {\n  tagPortalProduct,\n} from \"@fluid-app/shop-ui/components/product-card\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport { ArrowUpDown, ImageIcon } from \"lucide-react\";\nimport {\n  getBorderRadiusField,\n  getColorField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { useWidgetInteraction } from \"../contexts/WidgetInteractionContext\";\n\ntype ColumnsKey = 2 | 3 | 4 | 5 | 6;\n\ntype ShopWidgetProps = ComponentProps<\"div\"> & {\n  titleEnabled?: boolean;\n  title?: string;\n  titleColor?: ColorOptions;\n  showSearch?: boolean;\n  showSort?: boolean;\n  columns?: ColumnsKey;\n  pageSize?: number;\n  useDataSource?: boolean;\n  products?: portalProducts.Product[];\n  background?: BackgroundValue;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  cardBackground?: ColorOptions;\n  cardTextColor?: ColorOptions;\n};\n\nconst GRID_BY_COLUMNS: Record<ColumnsKey, string> = {\n  2: \"grid grid-cols-2 gap-3 sm:gap-6\",\n  3: \"grid grid-cols-2 gap-3 sm:gap-6 md:grid-cols-3\",\n  4: \"grid grid-cols-2 gap-3 sm:gap-6 sm:grid-cols-3 md:grid-cols-4\",\n  5: \"grid grid-cols-2 gap-3 sm:gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5\",\n  6: \"grid grid-cols-2 gap-3 sm:gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6\",\n};\n\nconst SORT_OPTIONS = [\n  { id: \"title_asc\", label: \"Title (A–Z)\" },\n  { id: \"title_desc\", label: \"Title (Z–A)\" },\n  { id: \"price_asc\", label: \"Price (Low to High)\" },\n  { id: \"price_desc\", label: \"Price (High to Low)\" },\n  { id: \"created_at_desc\", label: \"Recently added\" },\n  { id: \"created_at_asc\", label: \"Oldest\" },\n] as const;\n\nconst PREVIEW_PRODUCTS: ReadonlyArray<{\n  id: string;\n  name: string;\n  price: string;\n}> = [\n  { id: \"preview-1\", name: \"Premium Wireless Headphones\", price: \"$249\" },\n  { id: \"preview-2\", name: \"Smart Watch Series X\", price: \"$199\" },\n  { id: \"preview-3\", name: \"Sunglasses\", price: \"$79\" },\n  { id: \"preview-4\", name: \"Trail Running Shoes\", price: \"$129\" },\n  { id: \"preview-5\", name: \"Daypack Backpack\", price: \"$89\" },\n  { id: \"preview-6\", name: \"Stainless Bottle\", price: \"$32\" },\n  { id: \"preview-7\", name: \"Linen Throw\", price: \"$59\" },\n  { id: \"preview-8\", name: \"Ceramic Mug\", price: \"$24\" },\n  { id: \"preview-9\", name: \"Wool Blanket\", price: \"$148\" },\n  { id: \"preview-10\", name: \"Leather Wallet\", price: \"$45\" },\n  { id: \"preview-11\", name: \"Pour-Over Kettle\", price: \"$78\" },\n  { id: \"preview-12\", name: \"Linen Shirt\", price: \"$95\" },\n];\n\nfunction clampColumns(value: number | undefined): ColumnsKey {\n  const n = Math.round(value ?? 4);\n  if (n <= 2) return 2;\n  if (n >= 6) return 6;\n  return n as ColumnsKey;\n}\n\nconst INFINITE_SCROLL_THRESHOLD = 10;\n\nfunction clampPageSize(value: number | undefined): number {\n  const n = Math.round(value ?? 25);\n  return Math.max(1, n);\n}\n\n// Data sources can deliver products in legacy/shareable shape (`title`,\n// `image_url`/`imageUrl`/`thumbnail_url`) or portal shape (`name`, `images`).\n// Modeled as a typed superset so the probe doesn't lose type-safety.\ntype LegacyProductFields = {\n  title?: string;\n  image_url?: string;\n  imageUrl?: string;\n  thumbnail_url?: string;\n};\n\ntype LegacyImageFields = {\n  url?: string;\n  image_url?: string;\n  alt?: string | null;\n};\n\nfunction normalizeDataSourceProduct(\n  input: portalProducts.Product,\n): portalProducts.Product {\n  const r = input as portalProducts.Product & LegacyProductFields;\n  const name = r.name ?? r.title ?? \"\";\n\n  let images: portalProducts.ProductImage[];\n  if (Array.isArray(r.images) && r.images.length > 0) {\n    images = r.images.flatMap<portalProducts.ProductImage>((img) => {\n      const i = img as LegacyImageFields;\n      const url = i.url ?? i.image_url;\n      if (!url) return [];\n      return [{ url, alt: i.alt ?? null }];\n    });\n  } else {\n    const url = r.image_url ?? r.imageUrl ?? r.thumbnail_url;\n    images = url ? [{ url, alt: null }] : [];\n  }\n\n  // Strip undefined props from the spread so EOPT accepts the result.\n  const cleaned: Record<string, unknown> = {};\n  for (const [k, v] of Object.entries(r)) {\n    if (v !== undefined) cleaned[k] = v;\n  }\n  return { ...(cleaned as portalProducts.Product), name, images };\n}\n\n// Tailwind v4 @theme inline aliases --color-*; remap the underlying --card / --foreground tokens.\nfunction cardScopedStyle(\n  cardBackground: ColorOptions | undefined,\n  cardTextColor: ColorOptions | undefined,\n): React.CSSProperties {\n  const style: Record<string, string> = {};\n  if (cardBackground) style[\"--card\"] = `var(--${cardBackground})`;\n  if (cardTextColor) style[\"--foreground\"] = `var(--${cardTextColor})`;\n  return style as React.CSSProperties;\n}\n\nexport function ShopWidget({\n  titleEnabled = true,\n  title = \"\",\n  titleColor = \"foreground\",\n  showSearch = true,\n  showSort = true,\n  columns = 4,\n  pageSize = 25,\n  useDataSource = false,\n  products,\n\n  background = { type: \"solid\", color: \"background\" },\n  padding = 6,\n  borderRadius = \"lg\",\n\n  cardBackground,\n  cardTextColor,\n\n  className,\n  ...props\n}: ShopWidgetProps): React.JSX.Element {\n  const { isPreview } = useWidgetPreviewContext();\n  const safeColumns = clampColumns(columns);\n  const safePageSize = clampPageSize(pageSize);\n\n  const backgroundColor = background.color ?? \"background\";\n  const backgroundImage =\n    background.type === \"image\" &&\n    (background.resource?.image_url || background.resource?.imageUrl)\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n\n  return (\n    <div\n      className={`bg-${backgroundColor} p-${padding} rounded-${borderRadius} @container ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {isPreview ? (\n        <PreviewBody\n          columns={safeColumns}\n          titleEnabled={titleEnabled}\n          title={title}\n          titleColor={titleColor}\n          showSearch={showSearch}\n          showSort={showSort}\n          cardBackground={cardBackground}\n          cardTextColor={cardTextColor}\n        />\n      ) : (\n        <LiveBody\n          columns={safeColumns}\n          pageSize={safePageSize}\n          titleEnabled={titleEnabled}\n          title={title}\n          titleColor={titleColor}\n          showSearch={showSearch}\n          showSort={showSort}\n          useDataSource={useDataSource}\n          products={products}\n          cardBackground={cardBackground}\n          cardTextColor={cardTextColor}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction PreviewBody({\n  columns,\n  titleEnabled,\n  title,\n  titleColor,\n  showSearch,\n  showSort,\n  cardBackground,\n  cardTextColor,\n}: {\n  columns: ColumnsKey;\n  titleEnabled: boolean;\n  title: string | undefined;\n  titleColor: ColorOptions;\n  showSearch: boolean;\n  showSort: boolean;\n  cardBackground: ColorOptions | undefined;\n  cardTextColor: ColorOptions | undefined;\n}) {\n  const hasTitle = titleEnabled && !!title;\n  const hasHeader = hasTitle || showSearch || showSort;\n  return (\n    <div>\n      {hasHeader && (\n        <div className=\"mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-2\">\n          {hasTitle && (\n            <h2\n              className={`text-${titleColor} text-2xl font-semibold tracking-tight`}\n            >\n              {title}\n            </h2>\n          )}\n          {(showSearch || showSort) && (\n            <div className=\"flex items-center gap-2 sm:ml-auto\">\n              {showSearch && (\n                <div\n                  aria-hidden\n                  className=\"bg-muted h-9 w-full max-w-sm rounded-md sm:w-64\"\n                />\n              )}\n              {showSort && (\n                <div aria-hidden className=\"bg-muted size-9 rounded-md\" />\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      <div\n        className={GRID_BY_COLUMNS[columns]}\n        style={cardScopedStyle(cardBackground, cardTextColor)}\n      >\n        {PREVIEW_PRODUCTS.slice(0, columns * 2).map((p) => (\n          <ProductCardCompact\n            key={p.id}\n            name={p.name}\n            imageUrl={null}\n            price={p.price}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction LiveBody({\n  useDataSource,\n  products,\n  ...rest\n}: {\n  columns: ColumnsKey;\n  pageSize: number;\n  titleEnabled: boolean;\n  title: string | undefined;\n  titleColor: ColorOptions;\n  showSearch: boolean;\n  showSort: boolean;\n  useDataSource: boolean;\n  products: portalProducts.Product[] | undefined;\n  cardBackground: ColorOptions | undefined;\n  cardTextColor: ColorOptions | undefined;\n}) {\n  // Branch at the component level so the catalog hook (which throws when\n  // PortalProductsCoreProvider is missing) is only called in catalog mode.\n  if (useDataSource) {\n    // DataAwareWidget owns loading state; undefined here just means no data source configured, not \"still loading.\"\n    return (\n      <DataSourceBody\n        columns={rest.columns}\n        titleEnabled={rest.titleEnabled}\n        title={rest.title}\n        titleColor={rest.titleColor}\n        products={products ?? []}\n        cardBackground={rest.cardBackground}\n        cardTextColor={rest.cardTextColor}\n      />\n    );\n  }\n  return <CatalogBody {...rest} />;\n}\n\nfunction DataSourceBody({\n  columns,\n  titleEnabled,\n  title,\n  titleColor,\n  products,\n  cardBackground,\n  cardTextColor,\n}: {\n  columns: ColumnsKey;\n  titleEnabled: boolean;\n  title: string | undefined;\n  titleColor: ColorOptions;\n  products: portalProducts.Product[];\n  cardBackground: ColorOptions | undefined;\n  cardTextColor: ColorOptions | undefined;\n}) {\n  const { onNavigate } = useWidgetInteraction();\n  const handleSelect = useCallback(\n    (id: string | number) => {\n      onNavigate?.(`shop/${id}`);\n    },\n    [onNavigate],\n  );\n\n  const hasTitle = titleEnabled && !!title;\n\n  return (\n    <div>\n      {hasTitle && (\n        <h2\n          className={`text-${titleColor} mb-6 text-2xl font-semibold tracking-tight`}\n        >\n          {title}\n        </h2>\n      )}\n      {products.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <p className=\"text-muted-foreground text-sm\">No products yet.</p>\n        </div>\n      ) : (\n        <div\n          className={GRID_BY_COLUMNS[columns]}\n          style={cardScopedStyle(cardBackground, cardTextColor)}\n        >\n          {products.map((product) => {\n            if (product.id == null) return null;\n            // Defensive: older widgets may have a data source that returns\n            // non-product shareables (Medium, EnrollmentPack, Page, Library).\n            // The shop widget only knows how to navigate to product detail,\n            // so skip anything that isn't a Product. Items without\n            // `shareable_type` (static products / untagged feeds) fall through.\n            const shareableType = (product as { shareable_type?: string })\n              .shareable_type;\n            if (shareableType != null && shareableType !== \"Product\")\n              return null;\n            const productId = product.id;\n            return (\n              <ProductCard\n                key={productId}\n                product={tagPortalProduct(normalizeDataSourceProduct(product))}\n                onClick={() => handleSelect(productId)}\n              />\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction CatalogBody({\n  columns,\n  pageSize,\n  titleEnabled,\n  title,\n  titleColor,\n  showSearch,\n  showSort,\n  cardBackground,\n  cardTextColor,\n}: {\n  columns: ColumnsKey;\n  pageSize: number;\n  titleEnabled: boolean;\n  title: string | undefined;\n  titleColor: ColorOptions;\n  showSearch: boolean;\n  showSort: boolean;\n  cardBackground: ColorOptions | undefined;\n  cardTextColor: ColorOptions | undefined;\n}) {\n  const observerTarget = useRef<HTMLDivElement>(null);\n  const { onNavigate } = useWidgetInteraction();\n\n  // Cap the API batch in infinite mode so the observer has pages left to fetch.\n  const isInfinite = pageSize > INFINITE_SCROLL_THRESHOLD;\n  const apiPerPage = isInfinite ? INFINITE_SCROLL_THRESHOLD : pageSize;\n\n  const catalog = usePortalProductCatalog({ perPage: apiPerPage });\n  const {\n    data,\n    isLoading,\n    isFetchingNextPage,\n    hasNextPage,\n    fetchNextPage,\n    error,\n    isFetched,\n  } = useInfiniteQuery({\n    queryKey: catalog.queryKey,\n    queryFn: ({ pageParam, signal }) =>\n      catalog.fetchProducts(pageParam, signal),\n    getNextPageParam: catalog.getNextPageParam,\n    initialPageParam: undefined as PortalProductPageParam,\n  });\n\n  const allProducts = useMemo(\n    () => data?.pages.flatMap((page) => page.products) ?? [],\n    [data?.pages],\n  );\n\n  const visibleProducts = useMemo(\n    () => (isInfinite ? allProducts : allProducts.slice(0, pageSize)),\n    [allProducts, pageSize, isInfinite],\n  );\n  const reachedLimit = !isInfinite && visibleProducts.length >= pageSize;\n\n  const handleIntersect = useCallback(\n    (entries: IntersectionObserverEntry[]) => {\n      if (\n        entries[0]?.isIntersecting &&\n        hasNextPage &&\n        !isFetchingNextPage &&\n        !reachedLimit\n      ) {\n        fetchNextPage();\n      }\n    },\n    [hasNextPage, isFetchingNextPage, fetchNextPage, reachedLimit],\n  );\n\n  useEffect(() => {\n    const target = observerTarget.current;\n    if (!target) return;\n    const observer = new IntersectionObserver(handleIntersect, {\n      threshold: 0.1,\n      rootMargin: \"200px\",\n    });\n    observer.observe(target);\n    return () => observer.disconnect();\n  }, [handleIntersect]);\n\n  const handleSelect = useCallback(\n    (id: string | number) => {\n      onNavigate?.(`shop/${id}`);\n    },\n    [onNavigate],\n  );\n\n  const hasTitle = titleEnabled && !!title;\n  const hasHeader = hasTitle || showSearch || showSort;\n\n  return (\n    <div>\n      {hasHeader && (\n        <div className=\"mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-2\">\n          {hasTitle && (\n            <h2\n              className={`text-${titleColor} text-2xl font-semibold tracking-tight`}\n            >\n              {title}\n            </h2>\n          )}\n          {(showSearch || showSort) && (\n            <div className=\"flex items-center gap-2 sm:ml-auto\">\n              {showSearch && (\n                <div className=\"w-full max-w-sm sm:w-64\">\n                  <SearchSort\n                    searchValue={catalog.searchTerm}\n                    onSearchChange={catalog.setSearchTerm}\n                    placeholder=\"Search products\"\n                  />\n                </div>\n              )}\n              {showSort && (\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"outline\"\n                      size=\"icon\"\n                      className=\"border-foreground/10 size-9 shrink-0\"\n                    >\n                      <ArrowUpDown className=\"size-3\" />\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align=\"end\" className=\"w-60\">\n                    <DropdownMenuLabel>Sort by</DropdownMenuLabel>\n                    <DropdownMenuSeparator />\n                    <DropdownMenuRadioGroup\n                      value={catalog.currentSort}\n                      onValueChange={catalog.setCurrentSort}\n                    >\n                      {SORT_OPTIONS.map((opt) => (\n                        <DropdownMenuRadioItem key={opt.id} value={opt.id}>\n                          {opt.label}\n                        </DropdownMenuRadioItem>\n                      ))}\n                    </DropdownMenuRadioGroup>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      {isLoading ? (\n        // Floor of 8 keeps mobile (always 2 cols) from rendering a stubby grid.\n        <SkeletonGrid columns={columns} count={Math.max(columns * 2, 8)} />\n      ) : error && visibleProducts.length === 0 ? (\n        <div className=\"bg-destructive/10 text-destructive my-6 rounded-lg px-4 py-3 text-sm\">\n          Couldn&rsquo;t load products. Try again later.\n        </div>\n      ) : isFetched && visibleProducts.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <p className=\"text-muted-foreground text-sm\">\n            {catalog.searchTerm\n              ? `No products match “${catalog.searchTerm}”.`\n              : \"No products yet.\"}\n          </p>\n        </div>\n      ) : (\n        <>\n          <div\n            className={GRID_BY_COLUMNS[columns]}\n            style={cardScopedStyle(cardBackground, cardTextColor)}\n          >\n            {visibleProducts.map((product) => {\n              if (product.id == null) return null;\n              const productId = product.id;\n              return (\n                <ProductCard\n                  key={productId}\n                  product={tagPortalProduct(product)}\n                  onClick={() => handleSelect(productId)}\n                />\n              );\n            })}\n          </div>\n          {!reachedLimit && <div ref={observerTarget} />}\n          {isFetchingNextPage && !reachedLimit && (\n            <div className=\"mt-6\">\n              <SkeletonGrid columns={columns} count={columns} />\n            </div>\n          )}\n          {error && (\n            <div className=\"bg-destructive/10 text-destructive mt-6 rounded-lg px-4 py-3 text-sm\">\n              Couldn&rsquo;t load more products. Try again later.\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\nfunction ProductCardCompact({\n  name,\n  imageUrl,\n  price,\n  onClick,\n}: {\n  name: string;\n  imageUrl: string | null;\n  price: string | null;\n  onClick?: () => void;\n}) {\n  const interactive = !!onClick;\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={!interactive}\n      className={`bg-card text-card-foreground group flex flex-col overflow-hidden rounded-lg border border-transparent text-left ${interactive ? \"hover:border-border cursor-pointer transition-shadow hover:shadow-md\" : \"cursor-default\"} focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none`}\n    >\n      <div className=\"bg-muted relative aspect-square w-full overflow-hidden\">\n        {imageUrl ? (\n          <>\n            <img\n              key={imageUrl}\n              src={imageUrl}\n              alt=\"\"\n              loading=\"lazy\"\n              decoding=\"async\"\n              className=\"absolute inset-0 h-full w-full scale-125 object-cover blur-md\"\n              aria-hidden=\"true\"\n              onError={(e) => {\n                e.currentTarget.style.display = \"none\";\n              }}\n            />\n            <img\n              src={imageUrl}\n              alt={name}\n              className=\"relative z-[1] h-full w-full object-contain\"\n              loading=\"lazy\"\n            />\n          </>\n        ) : (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <ImageIcon className=\"text-muted-foreground/40 size-10\" />\n          </div>\n        )}\n      </div>\n      <div className=\"p-3\">\n        <h3 className=\"text-foreground line-clamp-2 text-sm font-medium\">\n          {name}\n        </h3>\n        {price && (\n          <p className=\"text-foreground mt-1 text-sm font-semibold\">{price}</p>\n        )}\n      </div>\n    </button>\n  );\n}\n\nfunction SkeletonGrid({\n  columns,\n  count,\n}: {\n  columns: ColumnsKey;\n  count: number;\n}) {\n  return (\n    <div className={GRID_BY_COLUMNS[columns]}>\n      {Array.from({ length: count }, (_, i) => (\n        <div key={i} className=\"space-y-3\">\n          <Skeleton className=\"aspect-square w-full rounded-lg\" />\n          <Skeleton className=\"h-4 w-3/4\" />\n          <Skeleton className=\"h-4 w-1/3\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport const shopWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShopWidget\",\n  displayName: \"Shop\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"products\"],\n  fields: [\n    // Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the heading shown above the grid\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Heading text shown above the grid\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color of the heading text\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Display group\n    {\n      key: \"showSearch\",\n      label: \"Show Search\",\n      type: \"boolean\",\n      description: \"Display the search input above the grid\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Display\",\n      requiresKeyValue: { key: \"useDataSource\", value: false },\n    },\n    {\n      key: \"showSort\",\n      label: \"Show Sort\",\n      type: \"boolean\",\n      description: \"Display the sort menu above the grid\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Display\",\n      requiresKeyValue: { key: \"useDataSource\", value: false },\n    },\n    {\n      key: \"columns\",\n      label: \"Columns (desktop)\",\n      type: \"select\",\n      description:\n        \"Max columns at the largest breakpoint. Mobile is always 2 columns; intermediate sizes scale smoothly between.\",\n      options: [\n        { label: \"2\", value: 2 },\n        { label: \"3\", value: 3 },\n        { label: \"4\", value: 4 },\n        { label: \"5\", value: 5 },\n        { label: \"6\", value: 6 },\n      ],\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Display\",\n    },\n\n    // Design group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Container background\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Inner spacing around the grid\",\n      defaultValue: 6,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Container corner radius\",\n      defaultValue: \"lg\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n\n    // Card group — optional theme overrides; unset means \"inherit from theme\".\n    getColorField({\n      key: \"cardBackground\",\n      label: \"Card Background\",\n      description:\n        \"Override the card background color. Leave unset to use the theme's card color.\",\n      tab: \"styling\",\n      group: \"Card\",\n    }),\n    getColorField({\n      key: \"cardTextColor\",\n      label: \"Card Text\",\n      description:\n        \"Override title + price color inside each card. Leave unset to use the theme's foreground color.\",\n      tab: \"styling\",\n      group: \"Card\",\n    }),\n\n    // Data tab\n    {\n      key: \"useDataSource\",\n      label: \"Use Data Source\",\n      type: \"boolean\",\n      description:\n        \"Off shows all products from the catalog. On replaces the catalog with a data source — disables search and sort.\",\n      defaultValue: false,\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n    {\n      key: \"pageSize\",\n      label: \"Products to show\",\n      type: \"number\",\n      description:\n        \"Up to 10 acts as a hard cap. Above 10 the grid switches to infinite scroll (products load in batches of 10 as you scroll).\",\n      defaultValue: 25,\n      tab: \"data\",\n      group: \"Data Configuration\",\n      requiresKeyValue: { key: \"useDataSource\", value: false },\n    },\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n      requiresKeyToBeTrue: \"useDataSource\",\n    },\n  ],\n};\n"],"mappings":"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"}

package/dist/ToDoWidget-BZyJIX1X.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToDoWidget-BZyJIX1X.mjs","names":[],"sources":["../../widgets/src/hooks/use-todos.preview.ts","../../widgets/src/hooks/use-todos.ts","../../widgets/src/hooks/use-update-todo.ts","../../widgets/src/hooks/use-delete-todo.ts","../../widgets/src/hooks/use-create-todo.ts","../../widgets/src/widgets/CreateTodoDialog.tsx","../../widgets/src/widgets/EditTodoDialog.tsx","../../widgets/src/widgets/ToDoWidget.tsx"],"sourcesContent":["import type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction daysFromNow(days: number): string {\n  const d = new Date(now);\n  d.setDate(d.getDate() + days);\n  return d.toISOString();\n}\n\nexport const PREVIEW_DATA: Todo[] = [\n  {\n    id: 1,\n    body: \"Send follow-up email to new leads\",\n    dueAt: daysFromNow(1),\n    completedAt: null,\n    createdAt: daysFromNow(-2),\n    contactId: 101,\n    contactName: \"Sarah Johnson\",\n  },\n  {\n    id: 2,\n    body: \"Prepare slides for team training\",\n    dueAt: daysFromNow(3),\n    completedAt: null,\n    createdAt: daysFromNow(-1),\n    contactId: null,\n    contactName: null,\n  },\n  {\n    id: 3,\n    body: \"Review monthly sales report\",\n    dueAt: daysFromNow(-1),\n    completedAt: null,\n    createdAt: daysFromNow(-5),\n    contactId: 102,\n    contactName: \"Mike Chen\",\n  },\n];\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport type { TodosStateFilter } from \"@fluid-app/portal-core/widgets-api\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { PREVIEW_DATA } from \"./use-todos.preview\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\nexport type { TodosStateFilter } from \"@fluid-app/portal-core/widgets-api\";\n\n/**\n * Shared cache key for the todos list. Both useTodos (read) and\n * useUpdateTodo (write) use this — drift would silently break optimistic\n * updates. The `state` arg is included so the active/completed lists\n * cache independently.\n */\nexport function todosQueryKey(args: {\n  baseUrl: string | undefined;\n  isPreview: boolean;\n  state?: TodosStateFilter;\n}) {\n  return [\n    \"portal-widget-use\",\n    \"todos\",\n    args.isPreview ? \"preview\" : args.baseUrl,\n    args.state ?? \"incomplete\",\n  ] as const;\n}\n\nexport function todosQueryKeyPrefix(args: {\n  baseUrl: string | undefined;\n  isPreview: boolean;\n}) {\n  return [\n    \"portal-widget-use\",\n    \"todos\",\n    args.isPreview ? \"preview\" : args.baseUrl,\n  ] as const;\n}\n\nexport interface UseTodosOptions {\n  state?: TodosStateFilter;\n}\n\nexport function useTodos(\n  options?: UseTodosOptions,\n): UseQueryResult<Todo[], Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n  const state = options?.state;\n\n  return useQuery({\n    queryKey: todosQueryKey(\n      state !== undefined\n        ? { baseUrl, isPreview, state }\n        : { baseUrl, isPreview },\n    ),\n    queryFn: ({ signal }) =>\n      widgetsApi.fetchTodos(\n        state !== undefined ? { state } : undefined,\n        signal,\n      ),\n    enabled: !isPreview,\n    ...(isPreview &&\n      (state === undefined || state === \"incomplete\") && {\n        placeholderData: PREVIEW_DATA,\n      }),\n    ...(isPreview &&\n      state !== undefined &&\n      state !== \"incomplete\" && {\n        placeholderData: [],\n      }),\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\nimport { todosQueryKey, todosQueryKeyPrefix } from \"./use-todos\";\n\nexport interface UpdateTodoVariables {\n  id: number;\n  body?: string;\n  due_at?: string | null;\n  completed?: boolean;\n  /**\n   * Used to invalidate `contactsKeys.tasks(contactId)` after a successful\n   * update so the in-contact tasks view stays in sync.\n   */\n  contactId?: number | null;\n}\n\nexport function useUpdateTodo() {\n  const widgetsApi = useWidgetsApi();\n  const queryClient = useQueryClient();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n\n  const queryKey = todosQueryKey({ baseUrl, isPreview });\n\n  return useMutation({\n    mutationFn: ({ id, body, due_at, completed }: UpdateTodoVariables) => {\n      // Defense in depth: ToDoWidget already disables the checkbox in\n      // preview mode, but if any other caller fires this mutation while\n      // previewing we'd PATCH demo data on the real backend. Fail closed.\n      if (isPreview) {\n        return Promise.reject(\n          new Error(\"Todo updates are disabled in preview mode\"),\n        );\n      }\n      const input: {\n        body?: string;\n        due_at?: string | null;\n        completed?: boolean;\n      } = {};\n      if (body !== undefined) input.body = body;\n      if (due_at !== undefined) input.due_at = due_at;\n      if (completed !== undefined) input.completed = completed;\n      return widgetsApi.updateTodo(id, input);\n    },\n    onMutate: async (variables) => {\n      // Only apply the optimistic-completion shortcut when the caller is\n      // toggling completion alone (the checkbox case). Body/due_at edits\n      // come from the dialog and fall back to invalidate-on-success.\n      const isCompletionToggle =\n        variables.completed !== undefined &&\n        variables.body === undefined &&\n        variables.due_at === undefined;\n      if (!isCompletionToggle) return { previous: undefined };\n\n      await queryClient.cancelQueries({ queryKey });\n      const previous = queryClient.getQueryData<Todo[]>(queryKey);\n      queryClient.setQueryData<Todo[]>(queryKey, (current) =>\n        (current ?? []).map((todo) =>\n          todo.id === variables.id\n            ? {\n                ...todo,\n                completedAt: variables.completed\n                  ? new Date().toISOString()\n                  : null,\n              }\n            : todo,\n        ),\n      );\n      return { previous };\n    },\n    onSuccess: (updated, variables) => {\n      queryClient.setQueryData<Todo[]>(queryKey, (current) =>\n        (current ?? []).map((todo) =>\n          todo.id === updated.id ? updated : todo,\n        ),\n      );\n      // Match the documented test plan: completing toasts, un-completing\n      // is silent. Body/due_at edits also toast as \"Todo updated\".\n      const isCompletionToggle =\n        variables.completed !== undefined &&\n        variables.body === undefined &&\n        variables.due_at === undefined;\n      if (isCompletionToggle) {\n        if (variables.completed) {\n          fluidToast({ title: \"Todo completed\", type: \"success\" });\n        }\n      } else {\n        fluidToast({ title: \"Todo updated\", type: \"success\" });\n      }\n      // Keep the contact-scoped tasks view in sync when the todo is\n      // attached to a contact.\n      if (variables.contactId != null) {\n        queryClient.invalidateQueries({\n          queryKey: contactsKeys.tasks(String(variables.contactId)),\n        });\n      }\n    },\n    onError: (_error, _variables, context) => {\n      if (context?.previous) {\n        queryClient.setQueryData(queryKey, context.previous);\n      }\n      fluidToast({ title: \"Failed to update todo\", type: \"error\" });\n    },\n    onSettled: () => {\n      queryClient.invalidateQueries({\n        queryKey: todosQueryKeyPrefix({ baseUrl, isPreview }),\n      });\n    },\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\nimport { todosQueryKey, todosQueryKeyPrefix } from \"./use-todos\";\n\nexport interface DeleteTodoVariables {\n  id: number;\n  /**\n   * Used to invalidate `contactsKeys.tasks(contactId)` after a successful\n   * delete so the in-contact tasks view stays in sync.\n   */\n  contactId?: number | null;\n}\n\nexport function useDeleteTodo() {\n  const widgetsApi = useWidgetsApi();\n  const queryClient = useQueryClient();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n\n  const queryKey = todosQueryKey({ baseUrl, isPreview });\n\n  return useMutation({\n    mutationFn: ({ id }: DeleteTodoVariables) => {\n      if (isPreview) {\n        return Promise.reject(\n          new Error(\"Todo deletion is disabled in preview mode\"),\n        );\n      }\n      return widgetsApi.deleteTodo(id);\n    },\n    onMutate: async ({ id }) => {\n      await queryClient.cancelQueries({ queryKey });\n      const previous = queryClient.getQueryData<Todo[]>(queryKey);\n      queryClient.setQueryData<Todo[]>(queryKey, (current) =>\n        (current ?? []).filter((todo) => todo.id !== id),\n      );\n      return { previous };\n    },\n    onSuccess: (_result, variables) => {\n      fluidToast({ title: \"Todo deleted\", type: \"success\" });\n      if (variables.contactId != null) {\n        queryClient.invalidateQueries({\n          queryKey: contactsKeys.tasks(String(variables.contactId)),\n        });\n      }\n    },\n    onError: (_error, _variables, context) => {\n      if (context?.previous) {\n        queryClient.setQueryData(queryKey, context.previous);\n      }\n      fluidToast({ title: \"Failed to delete todo\", type: \"error\" });\n    },\n    onSettled: () => {\n      queryClient.invalidateQueries({\n        queryKey: todosQueryKeyPrefix({ baseUrl, isPreview }),\n      });\n    },\n  });\n}\n","import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { fluidToast } from \"@fluid-app/ui-primitives\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { contactsKeys } from \"@fluid-app/contacts-core/query-keys\";\nimport { todosQueryKey } from \"./use-todos\";\n\nexport interface CreateTodoVariables {\n  body: string;\n  due_at: string | null;\n  contact_id: number | null;\n}\n\nexport function useCreateTodo() {\n  const widgetsApi = useWidgetsApi();\n  const queryClient = useQueryClient();\n  const { isPreview } = useWidgetPreviewContext();\n  const { baseUrl } = useDataSourceRegistryConfig();\n\n  return useMutation({\n    mutationFn: (variables: CreateTodoVariables) => {\n      if (isPreview) {\n        return Promise.reject(\n          new Error(\"Todo creation is disabled in preview mode\"),\n        );\n      }\n      return widgetsApi.createTodo(variables);\n    },\n    onSuccess: (_created, variables) => {\n      fluidToast({ title: \"Todo created\", type: \"success\" });\n      queryClient.invalidateQueries({\n        queryKey: todosQueryKey({ baseUrl, isPreview }),\n      });\n      if (variables.contact_id != null) {\n        queryClient.invalidateQueries({\n          queryKey: contactsKeys.tasks(String(variables.contact_id)),\n        });\n      }\n    },\n    onError: () => {\n      fluidToast({ title: \"Failed to create todo\", type: \"error\" });\n    },\n  });\n}\n","\"use client\";\n\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Check, Search, UserRound } from \"lucide-react\";\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  cn,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  PortalContainerProvider,\n} from \"@fluid-app/ui-primitives\";\nimport { useInfiniteContacts } from \"@fluid-app/contacts-core/hooks/use-infinite-contacts\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport type { Contact } from \"@fluid-app/contacts-core/types\";\nimport { TaskComposerForm } from \"@fluid-app/contacts-ui/portal/components/tasks/task-composer-form\";\nimport { useCreateTodo } from \"../hooks/use-create-todo\";\n\nconst SEARCH_DEBOUNCE_MS = 200;\n\nfunction getContactInitials(contact: Contact): string | undefined {\n  const firstInitial = contact.first_name?.trim().charAt(0);\n  const lastInitial = contact.last_name?.trim().charAt(0);\n  const explicitInitials = `${firstInitial ?? \"\"}${lastInitial ?? \"\"}`;\n\n  if (explicitInitials) return explicitInitials.toUpperCase();\n\n  const initials = contact.full_name\n    .trim()\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map((part) => part.charAt(0))\n    .join(\"\")\n    .toUpperCase();\n\n  return initials || undefined;\n}\n\nfunction ContactBadgeAvatar({\n  contact,\n}: {\n  contact: Contact | null;\n}): React.JSX.Element {\n  const initials = contact ? getContactInitials(contact) : undefined;\n\n  return (\n    <Avatar className=\"size-4 text-current\" aria-hidden=\"true\">\n      {contact?.avatar_url ? (\n        <AvatarImage src={contact.avatar_url} alt=\"\" />\n      ) : null}\n      <AvatarFallback className=\"bg-transparent text-[0.625rem] font-semibold text-current\">\n        {initials ?? <UserRound className=\"size-3\" aria-hidden=\"true\" />}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n\nexport interface CreateTodoDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport function CreateTodoDialog({\n  open,\n  onOpenChange,\n}: CreateTodoDialogProps): React.JSX.Element {\n  const [selectedContact, setSelectedContact] = useState<Contact | null>(null);\n  // Anchor nested popovers inside the dialog's themed portal subtree.\n  // ui-primitives PopoverContent reads this via usePortalContainer(), so the\n  // task date popover inherits portal theme variables instead of falling back\n  // to document.body. Dialog also applies pointer-events: none to the body\n  // while open, which kills clicks and scroll on a body-portaled popover in\n  // WebKit. See edit-bill-date-dialog for the canonical pattern.\n  const [themedPopoverContainer, setThemedPopoverContainer] =\n    useState<HTMLDivElement | null>(null);\n  const { t } = useContactsTranslation();\n\n  const createTodo = useCreateTodo();\n\n  // Reset state when the dialog closes so the next open starts fresh.\n  useEffect(() => {\n    if (!open) setSelectedContact(null);\n  }, [open]);\n\n  const handleSubmit = (values: { body: string; due_at: string | null }) => {\n    createTodo.mutate(\n      {\n        body: values.body,\n        due_at: values.due_at,\n        contact_id: selectedContact ? selectedContact.id : null,\n      },\n      {\n        onSuccess: () => onOpenChange(false),\n      },\n    );\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"gap-4 p-4 sm:max-w-xl sm:gap-6 sm:p-6\">\n        <DialogHeader>\n          <DialogTitle>{t(\"add_todo_dialog_title\")}</DialogTitle>\n        </DialogHeader>\n\n        <PortalContainerProvider container={themedPopoverContainer}>\n          <div className=\"mt-2 flex flex-col gap-3\">\n            <TaskComposerForm\n              onSubmit={handleSubmit}\n              isSubmitting={createTodo.isPending}\n              metadataControls={\n                <ContactPicker\n                  value={selectedContact}\n                  onSelect={setSelectedContact}\n                  onClear={() => setSelectedContact(null)}\n                />\n              }\n            />\n          </div>\n        </PortalContainerProvider>\n        {/* Portal target for the popover. Must live INSIDE DialogContent so\n            it ends up in the dialog's body-level portal — otherwise it\n            renders inline next to the widget, and any transformed ancestor\n            (builder canvas zoom, etc.) would break `position: fixed`.\n            Intentionally NOT aria-hidden — the popover content portaled\n            into this container has its own listbox/option semantics that\n            screen readers need to reach. `pointer-events-none` keeps the\n            empty overlay from capturing clicks; the popover content sets\n            `pointer-events-auto` so it remains interactive. */}\n        <div\n          ref={setThemedPopoverContainer}\n          className=\"pointer-events-none fixed inset-0 z-[9998]\"\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\ninterface ContactPickerProps {\n  value: Contact | null;\n  onSelect: (contact: Contact) => void;\n  onClear: () => void;\n}\n\nfunction ContactPicker({\n  value,\n  onSelect,\n  onClear,\n}: ContactPickerProps): React.JSX.Element {\n  const { t } = useContactsTranslation();\n  const [open, setOpen] = useState(false);\n  const [searchInput, setSearchInput] = useState(\"\");\n  const [debouncedSearch, setDebouncedSearch] = useState(\"\");\n  const sentinelRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handle = window.setTimeout(() => {\n      setDebouncedSearch(searchInput.trim());\n    }, SEARCH_DEBOUNCE_MS);\n    return () => window.clearTimeout(handle);\n  }, [searchInput]);\n\n  const queryParams = useMemo(\n    () => ({\n      ...(debouncedSearch ? { search_query: debouncedSearch } : {}),\n      sort_by: \"full_name\",\n      sort_direction: \"asc\",\n      per_page: 25,\n    }),\n    [debouncedSearch],\n  );\n\n  const {\n    data,\n    isLoading,\n    isError,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useInfiniteContacts(queryParams);\n\n  const contacts: Contact[] = useMemo(\n    () => data?.pages.flatMap((page) => page.contacts ?? []) ?? [],\n    [data],\n  );\n\n  // Auto-load the next page when the sentinel scrolls into view, so reps\n  // with many contacts can reach all of them without typing a precise\n  // search query.\n  useEffect(() => {\n    if (!open) return;\n\n    const sentinel = sentinelRef.current;\n    if (!sentinel || !hasNextPage) return;\n\n    const observer = new IntersectionObserver((entries) => {\n      const entry = entries[0];\n      if (entry?.isIntersecting && !isFetchingNextPage) {\n        fetchNextPage();\n      }\n    });\n\n    observer.observe(sentinel);\n    return () => observer.disconnect();\n  }, [open, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  const selectedContactLabel = value ? value.full_name : t(\"select_contact\");\n\n  return (\n    <div className=\"flex min-w-0 items-center\">\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            aria-label={t(\"contact_picker_trigger_aria\", {\n              selection: selectedContactLabel,\n            })}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            className={cn(\n              \"flex max-w-40 min-w-0 shrink items-center gap-1 rounded-full px-3 py-1 text-left text-xs font-medium transition-colors\",\n              value\n                ? \"bg-primary text-primary-foreground\"\n                : \"bg-muted text-muted-foreground hover:bg-muted/70\",\n            )}\n          >\n            <ContactBadgeAvatar contact={value} />\n            <span className=\"min-w-0 truncate\">{selectedContactLabel}</span>\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          align=\"start\"\n          className=\"bg-popover text-popover-foreground pointer-events-auto z-[9999] w-72 max-w-[calc(100vw-2rem)] overflow-hidden rounded-md border p-0 shadow-md\"\n        >\n          <div className=\"border-border flex items-center gap-2 border-b px-3 py-2\">\n            <Search\n              className=\"text-muted-foreground size-4 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <Input\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              placeholder={t(\"search_placeholder\")}\n              aria-label={t(\"search_placeholder\")}\n              className=\"h-7 border-0 px-0 shadow-none focus-visible:ring-0\"\n            />\n          </div>\n          <div className=\"max-h-64 overflow-y-auto py-1\" role=\"listbox\">\n            <button\n              type=\"button\"\n              role=\"option\"\n              aria-selected={value === null}\n              onClick={() => {\n                onClear();\n                setOpen(false);\n              }}\n              className=\"hover:bg-muted/50 flex w-full items-center justify-between gap-2 px-3 py-1.5 text-left text-sm transition-colors\"\n            >\n              <span className=\"text-muted-foreground truncate italic\">\n                {t(\"no_contact\")}\n              </span>\n              {value === null && (\n                <Check\n                  className=\"text-primary size-4 shrink-0\"\n                  aria-hidden=\"true\"\n                />\n              )}\n            </button>\n            {isLoading ? (\n              <div className=\"text-muted-foreground px-3 py-6 text-center text-xs\">\n                {t(\"loading\")}\n              </div>\n            ) : isError ? (\n              <div className=\"text-destructive px-3 py-6 text-center text-xs\">\n                {t(\"error_loading_list\")}\n              </div>\n            ) : contacts.length === 0 ? (\n              <div className=\"text-muted-foreground px-3 py-6 text-center text-xs\">\n                {debouncedSearch\n                  ? t(\"no_contacts_search\", { term: debouncedSearch })\n                  : t(\"no_contacts_yet\")}\n              </div>\n            ) : (\n              <>\n                {contacts.map((contact) => {\n                  const isSelected = value?.id === contact.id;\n                  return (\n                    <button\n                      key={contact.id}\n                      type=\"button\"\n                      role=\"option\"\n                      aria-selected={isSelected}\n                      onClick={() => {\n                        onSelect(contact);\n                        setOpen(false);\n                      }}\n                      className=\"hover:bg-muted/50 flex w-full items-center justify-between gap-2 px-3 py-1.5 text-left text-sm transition-colors\"\n                    >\n                      <span className=\"truncate\">{contact.full_name}</span>\n                      {isSelected && (\n                        <Check\n                          className=\"text-primary size-4 shrink-0\"\n                          aria-hidden=\"true\"\n                        />\n                      )}\n                    </button>\n                  );\n                })}\n                {hasNextPage && (\n                  <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-4\" />\n                )}\n                {isFetchingNextPage && (\n                  <div className=\"text-muted-foreground px-3 py-2 text-center text-xs\">\n                    {t(\"loading_more\")}\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  PortalContainerProvider,\n} from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport { TaskComposerForm } from \"@fluid-app/contacts-ui/portal/components/tasks/task-composer-form\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\nimport { useUpdateTodo } from \"../hooks/use-update-todo\";\n\nexport interface EditTodoDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  todo: Todo | null;\n}\n\nexport function EditTodoDialog({\n  open,\n  onOpenChange,\n  todo,\n}: EditTodoDialogProps): React.JSX.Element | null {\n  const { t } = useContactsTranslation();\n  const updateTodo = useUpdateTodo();\n  // Anchor nested popovers inside the dialog's themed portal subtree.\n  // ui-primitives PopoverContent reads this via usePortalContainer(), so the\n  // task date popover inherits portal theme variables instead of falling back\n  // to document.body.\n  const [themedPopoverContainer, setThemedPopoverContainer] =\n    useState<HTMLDivElement | null>(null);\n\n  if (!todo) return null;\n\n  const handleSubmit = (values: { body: string; due_at: string | null }) => {\n    updateTodo.mutate(\n      {\n        id: todo.id,\n        body: values.body,\n        due_at: values.due_at,\n        contactId: todo.contactId,\n      },\n      {\n        onSuccess: () => onOpenChange(false),\n      },\n    );\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"gap-4 p-4 sm:max-w-md sm:gap-6 sm:p-6\">\n        <DialogHeader>\n          <DialogTitle>{t(\"edit_todo\")}</DialogTitle>\n        </DialogHeader>\n        <PortalContainerProvider container={themedPopoverContainer}>\n          <TaskComposerForm\n            key={todo.id}\n            initialBody={todo.body}\n            initialDueAt={todo.dueAt}\n            onSubmit={handleSubmit}\n            isSubmitting={updateTodo.isPending}\n            submitLabel={t(\"save_changes\")}\n            submittingLabel={t(\"saving\")}\n          />\n        </PortalContainerProvider>\n        <div\n          ref={setThemedPopoverContainer}\n          className=\"pointer-events-none fixed inset-0 z-[9998]\"\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n","import { useState, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { Todo } from \"@fluid-app/portal-core/widgets-api-types\";\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@fluid-app/ui-primitives\";\nimport { useContactsTranslation } from \"@fluid-app/contacts-core/translation-api-context\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  EllipsisVertical,\n  ListChecks,\n  Plus,\n} from \"lucide-react\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { parseTaskBody } from \"@fluid-app/contacts-core/parse-task-body\";\nimport {\n  ALL_DAY_PATTERN,\n  LOCAL_TIMED_DUE_AT_PATTERN,\n} from \"@fluid-app/contacts-ui/portal/utils/format-date\";\nimport { useTodos } from \"../hooks/use-todos\";\nimport { useUpdateTodo } from \"../hooks/use-update-todo\";\nimport { useDeleteTodo } from \"../hooks/use-delete-todo\";\nimport { ErrorState } from \"../components/error-state\";\nimport { CreateTodoDialog } from \"./CreateTodoDialog\";\nimport { EditTodoDialog } from \"./EditTodoDialog\";\n\nconst pluralRulesCache = new Map<string, Intl.PluralRules>();\n\nfunction usesSingularPluralForm(locale: string, count: number): boolean {\n  const tag = locale.replace(/_/g, \"-\");\n  let rules = pluralRulesCache.get(tag);\n  if (!rules) {\n    rules = new Intl.PluralRules(tag);\n    pluralRulesCache.set(tag, rules);\n  }\n\n  return rules.select(count) === \"one\";\n}\n\ntype ToDoWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Content\n  maxItems?: number;\n};\n\n/**\n * Format a todo due_at ISO string as a short date + time (e.g. \"Jun 1, 9:00 AM\").\n * Mirrors the mobile widget formatting.\n *\n * All-day / date-only values (bare YYYY-MM-DD or timezone-qualified ISO strings\n * whose time component is 00:00) are formatted in UTC so the displayed calendar\n * date matches the source prefix without shifting. Local timed values produced\n * by the task composer, including explicit 00:00, use a single locale-native\n * formatter with both date and time parts.\n */\nfunction formatDueAt(dateStr: string, locale?: string): string {\n  const normalizedLocale = locale?.replace(/_/g, \"-\") ?? \"en-US\";\n\n  // Detect date-only / all-day: bare YYYY-MM-DD or timezone-qualified ISO whose\n  // time is exactly 00:00 (including fractional seconds and offset variants like\n  // 2024-06-01T00:00:00.000+02:00). Local timed strings from the task composer\n  // remain timed, so 2024-06-01T00:00:00 displays 12:00 AM instead of all-day.\n  if (\n    ALL_DAY_PATTERN.test(dateStr) &&\n    !LOCAL_TIMED_DUE_AT_PATTERN.test(dateStr)\n  ) {\n    const match = /^(\\d{4})-(\\d{2})-(\\d{2})/.exec(dateStr);\n    if (match?.[1] && match[2] && match[3]) {\n      const date = new Date(\n        Date.UTC(Number(match[1]), Number(match[2]) - 1, Number(match[3])),\n      );\n      return date.toLocaleDateString(normalizedLocale, {\n        month: \"short\",\n        day: \"numeric\",\n        timeZone: \"UTC\",\n      });\n    }\n  }\n\n  // Genuinely timed value — use a single formatter so ordering and\n  // separators are locale-native.\n  const date = new Date(dateStr);\n  return date.toLocaleString(normalizedLocale, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n  });\n}\n\nexport function ToDoWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"To-Do\",\n  titleFontSize = \"lg\",\n  titleColor = \"foreground\",\n\n  // Styling defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  // Content defaults\n  maxItems = 5,\n\n  className,\n  ...props\n}: ToDoWidgetProps): React.JSX.Element {\n  const { t, locale } = useContactsTranslation();\n  const backgroundColor = background.color || \"background\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    background.type === \"image\"\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const { data: todos = [], isLoading, isError } = useTodos();\n  const { data: completedTodos = [], isLoading: isCompletedLoading } = useTodos(\n    { state: \"completed\" },\n  );\n  const updateTodo = useUpdateTodo();\n  const deleteTodo = useDeleteTodo();\n  const { isPreview } = useWidgetPreviewContext();\n  const [pendingIds, setPendingIds] = useState<Set<number>>(new Set());\n  const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);\n  const [editingTodo, setEditingTodo] = useState<Todo | null>(null);\n  const [isDoneExpanded, setIsDoneExpanded] = useState(false);\n\n  const toggleTodo = (todo: Todo, completed: boolean) => {\n    if (isPreview || pendingIds.has(todo.id)) return;\n    setPendingIds((prev) => new Set(prev).add(todo.id));\n    updateTodo.mutate(\n      { id: todo.id, completed, contactId: todo.contactId },\n      {\n        onSettled: () =>\n          setPendingIds((prev) => {\n            const next = new Set(prev);\n            next.delete(todo.id);\n            return next;\n          }),\n      },\n    );\n  };\n\n  const activeTodos = todos.filter((todo) => !todo.completedAt);\n  const todosToShow = activeTodos.slice(0, maxItems);\n  const remainingCount = activeTodos.length - todosToShow.length;\n  const isEmpty = activeTodos.length === 0;\n\n  // Group todos by contactId so same-named contacts stay separate.\n  const groupedTodos = todosToShow.reduce<\n    {\n      contactId: number | null;\n      contactName: string | null;\n      todos: typeof todosToShow;\n    }[]\n  >((groups, todo) => {\n    const existing = groups.find((g) => g.contactId === todo.contactId);\n    if (existing) {\n      existing.todos.push(todo);\n    } else {\n      groups.push({\n        contactId: todo.contactId,\n        contactName: todo.contactName,\n        todos: [todo],\n      });\n    }\n    return groups;\n  }, []);\n\n  const doneCount = completedTodos.length;\n\n  const handleRowClick = (todo: Todo) => {\n    if (isPreview) return;\n    setEditingTodo(todo);\n  };\n\n  const handleDelete = (todo: Todo) => {\n    if (isPreview) return;\n    deleteTodo.mutate({ id: todo.id, contactId: todo.contactId });\n  };\n\n  return (\n    <div\n      className={`overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} text-${textColor} p-${padding} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      {/* Header */}\n      <div className=\"mb-3 flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          {titleEnabled && titleText && (\n            <h2\n              className={`text-${titleFontSize} font-header font-bold text-${titleColor}`}\n            >\n              {titleText}\n            </h2>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {!isEmpty && !isLoading && (\n            <span className={`text-2xl font-bold text-${accentColor}`}>\n              {activeTodos.length}\n            </span>\n          )}\n          <div className={`flex size-10 shrink-0 items-center justify-center`}>\n            <ListChecks className={`h-5 w-5 text-${accentColor}-foreground`} />\n          </div>\n        </div>\n      </div>\n\n      {/* Loading state */}\n      {isLoading ? (\n        <div className=\"flex min-h-[120px] items-center justify-center\">\n          <div className=\"size-6 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n        </div>\n      ) : isError ? (\n        /* Error state */\n        <ErrorState />\n      ) : isEmpty ? (\n        /* Empty state */\n        <div className=\"flex flex-col items-center justify-center gap-3 py-8\">\n          <p className={`text-center text-${textColor}/60`}>\n            {t(\"todo_empty\")}\n          </p>\n          {!isPreview && (\n            <button\n              type=\"button\"\n              onClick={() => setIsCreateDialogOpen(true)}\n              className={`inline-flex items-center gap-1.5 rounded-full bg-${accentColor} text-${accentColor}-foreground hover:bg-${accentColor}/90 px-4 py-1.5 text-xs font-semibold transition-colors`}\n            >\n              <Plus className=\"size-3.5\" aria-hidden=\"true\" />\n              {t(\"add_todo\")}\n            </button>\n          )}\n        </div>\n      ) : (\n        /* Todo List */\n        <>\n          <div className=\"flex flex-col gap-3\">\n            {groupedTodos.map((group) => (\n              <div\n                key={group.contactId ?? \"__unassigned__\"}\n                className=\"flex flex-col\"\n              >\n                {group.contactName && (\n                  <div\n                    className={`mb-1 text-xs font-semibold tracking-wide uppercase text-${textColor}/60`}\n                  >\n                    {group.contactName}\n                  </div>\n                )}\n                {group.todos.map((todo, index) => {\n                  const showBottomBorder = index !== group.todos.length - 1;\n                  return (\n                    <div\n                      key={todo.id}\n                      className={`group/row flex items-center gap-3 py-2 ${\n                        showBottomBorder\n                          ? `border-b border-${textColor}/10`\n                          : \"\"\n                      }`}\n                    >\n                      <input\n                        type=\"checkbox\"\n                        className={`h-5 w-5 rounded-full border-2 border-${textColor}/30 bg-transparent not-disabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-60`}\n                        checked={!!todo.completedAt}\n                        disabled={isPreview || pendingIds.has(todo.id)}\n                        onChange={(event) =>\n                          toggleTodo(todo, event.target.checked)\n                        }\n                        onClick={(event) => event.stopPropagation()}\n                        aria-label={t(\"mark_as_completed\")}\n                      />\n                      <button\n                        type=\"button\"\n                        onClick={() => handleRowClick(todo)}\n                        disabled={isPreview}\n                        aria-label={t(\"edit_todo\")}\n                        className=\"flex min-w-0 flex-1 flex-col items-start gap-0.5 text-left not-disabled:cursor-pointer\"\n                      >\n                        <span className=\"line-clamp-1 text-sm\">\n                          {parseTaskBody(todo.body).title}\n                        </span>\n                        {todo.dueAt && (\n                          <span className={`text-xs text-${textColor}/60`}>\n                            {formatDueAt(todo.dueAt, locale)}\n                          </span>\n                        )}\n                      </button>\n                      {!isPreview && (\n                        <DropdownMenu>\n                          <DropdownMenuTrigger asChild>\n                            <Button\n                              variant=\"ghost\"\n                              size=\"icon-xs\"\n                              onClick={(event) => event.stopPropagation()}\n                              aria-label={t(\"task_actions\")}\n                              className=\"opacity-60 transition-opacity group-hover/row:opacity-100 focus-visible:opacity-100\"\n                            >\n                              <EllipsisVertical className=\"size-4\" />\n                            </Button>\n                          </DropdownMenuTrigger>\n                          <DropdownMenuContent align=\"end\">\n                            <DropdownMenuItem\n                              onClick={(event) => {\n                                event.stopPropagation();\n                                handleRowClick(todo);\n                              }}\n                            >\n                              {t(\"edit_todo\")}\n                            </DropdownMenuItem>\n                            <DropdownMenuItem\n                              className=\"text-destructive\"\n                              onClick={(event) => {\n                                event.stopPropagation();\n                                handleDelete(todo);\n                              }}\n                            >\n                              {t(\"delete_todo\")}\n                            </DropdownMenuItem>\n                          </DropdownMenuContent>\n                        </DropdownMenu>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n\n          {/* Footer */}\n          <div className=\"mt-2 flex items-center justify-between\">\n            {remainingCount > 0 && (\n              <span className={`text-sm text-${textColor}/50 underline`}>\n                {usesSingularPluralForm(locale, remainingCount)\n                  ? t(\"todo_more_tasks_one\", { count: remainingCount })\n                  : t(\"todo_more_tasks_other\", { count: remainingCount })}\n              </span>\n            )}\n            <div className=\"ml-auto\">\n              <button\n                type=\"button\"\n                onClick={() => setIsCreateDialogOpen(true)}\n                disabled={isPreview}\n                aria-label={t(\"add_todo\")}\n                className={`flex h-8 w-8 items-center justify-center rounded-full transition-colors not-disabled:cursor-pointer hover:bg-${textColor}/10 disabled:opacity-60`}\n              >\n                <Plus className={`h-5 w-5 text-${textColor}/50`} />\n              </button>\n            </div>\n          </div>\n        </>\n      )}\n\n      {/* Done section */}\n      {!isPreview &&\n        !isLoading &&\n        !isError &&\n        !isCompletedLoading &&\n        doneCount > 0 && (\n          <div className={`mt-3 border-t border-${textColor}/10 pt-2`}>\n            <button\n              type=\"button\"\n              onClick={() => setIsDoneExpanded((v) => !v)}\n              className={`flex w-full items-center justify-between gap-2 rounded-md py-1 text-xs font-medium text-${textColor}/60 hover:bg-${textColor}/5`}\n              aria-expanded={isDoneExpanded}\n            >\n              <span>\n                {isDoneExpanded\n                  ? t(\"hide_done\")\n                  : t(\"view_done\", { count: doneCount })}\n              </span>\n              {isDoneExpanded ? (\n                <ChevronUp className=\"size-4\" aria-hidden=\"true\" />\n              ) : (\n                <ChevronDown className=\"size-4\" aria-hidden=\"true\" />\n              )}\n            </button>\n            {isDoneExpanded && (\n              <div className=\"mt-1 flex flex-col\">\n                {completedTodos.map((todo, index) => (\n                  <div\n                    key={todo.id}\n                    className={`group/row flex items-center gap-3 py-2 ${\n                      index !== completedTodos.length - 1\n                        ? `border-b border-${textColor}/10`\n                        : \"\"\n                    }`}\n                  >\n                    <input\n                      type=\"checkbox\"\n                      className={`h-5 w-5 rounded-full border-2 border-${textColor}/30 bg-transparent not-disabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-60`}\n                      checked\n                      disabled={pendingIds.has(todo.id)}\n                      onChange={() => toggleTodo(todo, false)}\n                      onClick={(event) => event.stopPropagation()}\n                      aria-label={t(\"mark_as_open\")}\n                    />\n                    <button\n                      type=\"button\"\n                      onClick={() => handleRowClick(todo)}\n                      aria-label={t(\"edit_todo\")}\n                      className={`flex min-w-0 flex-1 cursor-pointer flex-col items-start gap-0.5 text-left text-${textColor}/60 line-through`}\n                    >\n                      <span className=\"line-clamp-1 text-sm\">\n                        {parseTaskBody(todo.body).title}\n                      </span>\n                      {todo.dueAt && (\n                        <span className=\"text-xs\">\n                          {formatDueAt(todo.dueAt, locale)}\n                        </span>\n                      )}\n                    </button>\n                    <DropdownMenu>\n                      <DropdownMenuTrigger asChild>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon-xs\"\n                          onClick={(event) => event.stopPropagation()}\n                          aria-label={t(\"task_actions\")}\n                          className=\"opacity-60 transition-opacity group-hover/row:opacity-100 focus-visible:opacity-100\"\n                        >\n                          <EllipsisVertical className=\"size-4\" />\n                        </Button>\n                      </DropdownMenuTrigger>\n                      <DropdownMenuContent align=\"end\">\n                        <DropdownMenuItem\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            handleRowClick(todo);\n                          }}\n                        >\n                          {t(\"edit_todo\")}\n                        </DropdownMenuItem>\n                        <DropdownMenuItem\n                          className=\"text-destructive\"\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            handleDelete(todo);\n                          }}\n                        >\n                          {t(\"delete_todo\")}\n                        </DropdownMenuItem>\n                      </DropdownMenuContent>\n                    </DropdownMenu>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n\n      {!isPreview && (\n        <CreateTodoDialog\n          open={isCreateDialogOpen}\n          onOpenChange={setIsCreateDialogOpen}\n        />\n      )}\n      {!isPreview && (\n        <EditTodoDialog\n          open={editingTodo !== null}\n          onOpenChange={(open) => {\n            if (!open) setEditingTodo(null);\n          }}\n          todo={editingTodo}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const toDoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ToDoWidget\",\n  displayName: \"To-Do Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the todo list\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the todo list\",\n      defaultValue: \"To-Do\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the widget title\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for todo items\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color used for count badge and icon\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"maxItems\",\n      label: \"Max Items\",\n      type: \"number\",\n      description: \"Maximum number of todo items to display\",\n      min: 1,\n      max: 20,\n      step: 1,\n      defaultValue: 5,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}