@fluid-app/portal-sdk 0.1.259 → 0.1.261

package/dist/{NestedWidget-B8lW9Fzv.mjs.map → NestedWidget-DrZ62oaO.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NestedWidget-B8lW9Fzv.mjs","names":[],"sources":["../../widgets/src/ui/scroll-arrows.tsx","../../widgets/src/widgets/NestedWidget.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\n\ntype ScrollArrowsProps = {\n  onPrevious: () => void;\n  onNext: () => void;\n};\n\nexport function ScrollArrows({\n  onPrevious,\n  onNext,\n}: ScrollArrowsProps): React.JSX.Element {\n  return (\n    <>\n      <button\n        type=\"button\"\n        className=\"bg-foreground text-background flex h-6 w-6 items-center justify-center rounded-2xl opacity-70 transition-colors hover:opacity-50 disabled:opacity-30\"\n        onClick={onPrevious}\n        aria-label=\"Previous slide\"\n      >\n        <ChevronLeft className=\"h-4 w-4\" />\n      </button>\n      <button\n        type=\"button\"\n        className=\"bg-foreground text-background flex h-6 w-6 items-center justify-center rounded-2xl opacity-70 transition-colors hover:opacity-50 disabled:opacity-30\"\n        onClick={onNext}\n        aria-label=\"Next slide\"\n      >\n        <ChevronRight className=\"h-4 w-4\" />\n      </button>\n    </>\n  );\n}\n","import { useRef, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  MediaRenderer,\n  getMediaPropsFromShareable,\n} from \"../components/MediaRenderer\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n  AlignOptions,\n  GapOptions,\n  BackgroundValue,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n} from \"../core/fields\";\nimport { ScrollArrows } from \"../ui/scroll-arrows\";\nimport { type ShareableItem } from \"@fluid-app/portal-core/types\";\nimport { useWidgetInteraction } from \"../contexts/WidgetInteractionContext\";\n\nconst DEFAULT_SHAREABLES: ShareableItem[] = [];\n\ntype NestedWidgetProps = ComponentProps<\"div\"> & {\n  // Content\n  resource?: ShareableItem;\n  titleEnabled?: boolean;\n  titleText?: string;\n  shareables?: ShareableItem[];\n\n  // Layout\n  gap?: GapOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  primaryMediaHeight?: string;\n\n  // Title styling\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  titleAlignment?: AlignOptions;\n\n  // Nested media styling\n  nestedTextColor?: ColorOptions;\n  background?: BackgroundValue;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n};\n\nexport function NestedWidget({\n  resource,\n  titleEnabled = true,\n  titleText = \"Featured Collection\",\n  shareables = DEFAULT_SHAREABLES,\n  gap = \"md\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  primaryMediaHeight = \"400px\",\n  titleFontSize = \"xl\",\n  titleColor = \"background\",\n  titleAlignment = { horizontal: \"left\", vertical: \"bottom\" },\n  nestedTextColor = \"foreground\",\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  overlayEnabled = true,\n  overlayType = \"gradient\",\n  overlayIntensity = 50,\n  className,\n  ...props\n}: NestedWidgetProps): React.JSX.Element {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const scrollByAmount = (direction: \"prev\" | \"next\") => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const computedGap = parseFloat(getComputedStyle(container).gap) || 0;\n    const firstItem = container.firstElementChild as HTMLElement | null;\n    const itemWidth = firstItem?.offsetWidth ?? 0;\n    const scrollAmount = itemWidth + computedGap;\n\n    container.scrollTo({\n      left:\n        container.scrollLeft +\n        (direction === \"next\" ? scrollAmount : -scrollAmount),\n      behavior: \"smooth\",\n    });\n  };\n\n  // Cap border radius for the primary media container: \"full\" creates a circle that clips\n  // the absolutely-positioned title overlay to the narrow bottom of the circle.\n  const primaryMediaRadius = borderRadius === \"full\" ? \"2xl\" : borderRadius;\n\n  const { onItemClick } = useWidgetInteraction();\n\n  const hasNestedMedia = shareables.length > 0;\n\n  const titleAlignmentClasses = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  };\n\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\n  return (\n    <div\n      className={`@container flex w-full overflow-hidden p-${padding} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} ${className}`}\n      {...props}\n      style={{\n        maxHeight: primaryMediaHeight,\n        backgroundImage: backgroundImage,\n      }}\n    >\n      {/* Primary Media Container - Full width on mobile, fixed on desktop */}\n      <div\n        className={`relative @md:flex-none`}\n        style={{\n          width: primaryMediaHeight,\n        }}\n      >\n        {/* Media + overlay clipped to rounded shape — title is a sibling so it isn't clipped */}\n        <div\n          className={`overflow-hidden rounded-${primaryMediaRadius} absolute inset-0`}\n        >\n          <MediaRenderer\n            {...(resource ? getMediaPropsFromShareable(resource) : {})}\n            autoplay\n            loop\n            muted\n          />\n\n          {/* Overlay */}\n          {overlayEnabled && (\n            <div\n              className={`pointer-events-none absolute inset-0 z-10 ${\n                overlayType === \"gradient\"\n                  ? \"bg-gradient-to-t from-black to-transparent\"\n                  : \"bg-black\"\n              }`}\n              style={{\n                opacity:\n                  (Number(String(overlayIntensity).replace(\"%\", \"\")) || 50) /\n                  100,\n              }}\n            />\n          )}\n        </div>\n\n        {/* Title and Mobile Nested Media — outside the overflow-hidden clip */}\n        {((titleEnabled && titleText) || hasNestedMedia) && (\n          <div\n            className={`absolute z-20 w-full ${titleAlignmentClasses[titleAlignment?.horizontal ?? \"left\"]} p-${padding} ${\n              titleAlignment.vertical === \"top\"\n                ? `top-0 pt-${padding}`\n                : titleAlignment.vertical === \"center\"\n                  ? \"top-1/2 -translate-y-1/2\"\n                  : `bottom-0 pb-${padding}`\n            }`}\n          >\n            {titleEnabled && titleText && (\n              <h2\n                className={`font-header leading-tight font-bold text-${titleColor} text-${titleFontSize === \"md\" ? \"base\" : titleFontSize}`}\n              >\n                {titleText}\n              </h2>\n            )}\n\n            {/* Mobile: Products overlay inside primary media */}\n            {hasNestedMedia && (\n              <div className={`pt-${padding} @md:hidden`}>\n                <div\n                  className={`flex overflow-x-auto gap-${gapValues[gap]} bg-transparent`}\n                >\n                  {shareables.map((shareable) => (\n                    <div\n                      key={shareable.id}\n                      className={`flex shrink-0 flex-col items-center ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                      {...(onItemClick\n                        ? {\n                            role: \"button\",\n                            tabIndex: 0,\n                            onClick: () => onItemClick(shareable),\n                            onKeyDown: (e: React.KeyboardEvent) => {\n                              if (e.key === \"Enter\" || e.key === \" \") {\n                                e.preventDefault();\n                                onItemClick(shareable);\n                              }\n                            },\n                          }\n                        : {})}\n                    >\n                      <div\n                        className={`aspect-3/4 h-40 overflow-hidden rounded-${borderRadius}`}\n                      >\n                        <MediaRenderer\n                          {...getMediaPropsFromShareable(shareable)}\n                        />\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Desktop: Products Container - Single row beside primary media */}\n      {hasNestedMedia && (\n        <div\n          className={`relative hidden min-w-0 self-stretch @md:flex @md:flex-1 px-${padding}`}\n        >\n          <div\n            ref={scrollContainerRef}\n            className={`flex h-full flex-row overflow-x-auto gap-${gapValues[gap]}`}\n            style={{ scrollSnapType: \"x mandatory\" }}\n          >\n            {shareables.map((shareable) => (\n              <div\n                key={shareable.id}\n                className={`flex shrink-0 flex-col gap-1 ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                style={{\n                  width: `calc(${primaryMediaHeight} * 0.75)`,\n                  scrollSnapAlign: \"start\",\n                }}\n                {...(onItemClick\n                  ? {\n                      role: \"button\",\n                      tabIndex: 0,\n                      onClick: () => onItemClick(shareable),\n                      onKeyDown: (e: React.KeyboardEvent) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          onItemClick(shareable);\n                        }\n                      },\n                    }\n                  : {})}\n              >\n                <div\n                  className={`aspect-3/4 h-full rounded-${borderRadius} overflow-hidden`}\n                >\n                  <MediaRenderer {...getMediaPropsFromShareable(shareable)} />\n                </div>\n                <span className={`flex-none text-sm text-${nestedTextColor}`}>\n                  <p className=\"truncate\">{shareable.title || \"\"}</p>\n                  <p className=\"truncate\">\n                    {((shareable.display_price as string) ?? shareable.price) ||\n                      \"\"}\n                  </p>\n                </span>\n              </div>\n            ))}\n          </div>\n\n          {/* Navigation arrows */}\n          <div\n            className={`absolute inset-x-0 top-1/2 flex w-full -translate-y-1/2 items-center justify-between px-8`}\n          >\n            <ScrollArrows\n              onPrevious={() => scrollByAmount(\"prev\")}\n              onNext={() => scrollByAmount(\"next\")}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const nestedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"NestedWidget\",\n  displayName: \"Nested Widget\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"shareables\"],\n  fields: [\n    // Content tab - Resource group\n    {\n      key: \"resource\",\n      label: \"Primary Media\",\n      type: \"resource\",\n      description: \"Select the primary media displayed in the large panel\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    // Content tab - Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed over the primary media\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Main title displayed over the primary media\",\n      defaultValue: \"Featured Collection\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      label: \"Title Font Size\",\n      defaultValue: \"xl\",\n      key: \"titleFontSize\",\n      description: \"Font size for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      defaultValue: \"background\",\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    // Styling tab - Design group\n    getHeightField({\n      key: \"primaryMediaHeight\",\n      label: \"Primary Media Height\",\n      description: \"Height of the primary media container\",\n      defaultValue: \"400px\",\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: \"titleAlignment\",\n      label: \"Content Alignment\",\n      type: \"alignment\",\n      description: \"Alignment of the content inside the primary media\",\n      defaultValue: { horizontal: \"left\", vertical: \"bottom\" },\n      options: {\n        horizontalEnabled: true,\n        verticalEnabled: true,\n      },\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"separator2\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      defaultValue: 4,\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding used throughout the widget\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      defaultValue: \"md\",\n      label: \"Border Radius\",\n      key: \"borderRadius\",\n      description: \"Rounded corners for the widget\",\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      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description:\n        \"Add a dark overlay to the primary media for better text readability\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay effect\",\n      defaultValue: \"gradient\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    // Styling tab - Nested Media Styling group\n    getGapField({\n      label: \"Gap\",\n      defaultValue: \"md\",\n      key: \"gap\",\n      description: \"Gap between nested media items\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    }),\n    getColorField({\n      defaultValue: \"foreground\",\n      key: \"nestedTextColor\",\n      label: \"Nested Text Color\",\n      description: \"Color for nested media labels\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    }),\n    {\n      type: \"background\",\n      defaultValue: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background color for nested media container\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    },\n    // Data tab\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"Configure dynamic data fetching from an API\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n  // Per-item configuration schema for custom data sources\n  itemConfigSchema: {\n    description: \"Configure settings for this item\",\n    fields: [\n      {\n        key: \"title\",\n        label: \"Custom Title\",\n        type: \"text\",\n        description: \"Override the item's title for this widget\",\n      },\n    ],\n  },\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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CtB;EACD,iBAAiB;GACf,OAAO;GACP,cAAc;GACd,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACF,cAAc;GACZ,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAEF,eAAe;GACb,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;IAAE,YAAY;IAAQ,UAAU;IAAU;GACxD,SAAS;IACP,mBAAmB;IACnB,iBAAiB;IAClB;GACD,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,cAAc;GACd,OAAO;GACP,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAS,OAAO;IAAS,EAClC;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAED,YAAY;GACV,OAAO;GACP,cAAc;GACd,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR;EAED;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CAED,kBAAkB;EAChB,aAAa;EACb,QAAQ,CACN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACd,CACF;EACF;CACF"}
+{"version":3,"file":"NestedWidget-DrZ62oaO.mjs","names":[],"sources":["../../widgets/src/ui/scroll-arrows.tsx","../../widgets/src/widgets/NestedWidget.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\n\ntype ScrollArrowsProps = {\n  onPrevious: () => void;\n  onNext: () => void;\n};\n\nexport function ScrollArrows({\n  onPrevious,\n  onNext,\n}: ScrollArrowsProps): React.JSX.Element {\n  return (\n    <>\n      <button\n        type=\"button\"\n        className=\"bg-foreground text-background flex h-6 w-6 items-center justify-center rounded-2xl opacity-70 transition-colors hover:opacity-50 disabled:opacity-30\"\n        onClick={onPrevious}\n        aria-label=\"Previous slide\"\n      >\n        <ChevronLeft className=\"h-4 w-4\" />\n      </button>\n      <button\n        type=\"button\"\n        className=\"bg-foreground text-background flex h-6 w-6 items-center justify-center rounded-2xl opacity-70 transition-colors hover:opacity-50 disabled:opacity-30\"\n        onClick={onNext}\n        aria-label=\"Next slide\"\n      >\n        <ChevronRight className=\"h-4 w-4\" />\n      </button>\n    </>\n  );\n}\n","import { useRef, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  MediaRenderer,\n  getMediaPropsFromShareable,\n} from \"../components/MediaRenderer\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n  AlignOptions,\n  GapOptions,\n  BackgroundValue,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n} from \"../core/fields\";\nimport { ScrollArrows } from \"../ui/scroll-arrows\";\nimport { type ShareableItem } from \"@fluid-app/portal-core/types\";\nimport { useWidgetInteraction } from \"../contexts/WidgetInteractionContext\";\n\nconst DEFAULT_SHAREABLES: ShareableItem[] = [];\n\ntype NestedWidgetProps = ComponentProps<\"div\"> & {\n  // Content\n  resource?: ShareableItem;\n  titleEnabled?: boolean;\n  titleText?: string;\n  shareables?: ShareableItem[];\n\n  // Layout\n  gap?: GapOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  primaryMediaHeight?: string;\n\n  // Title styling\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  titleAlignment?: AlignOptions;\n\n  // Nested media styling\n  nestedTextColor?: ColorOptions;\n  background?: BackgroundValue;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n};\n\nexport function NestedWidget({\n  resource,\n  titleEnabled = true,\n  titleText = \"Featured Collection\",\n  shareables = DEFAULT_SHAREABLES,\n  gap = \"md\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  primaryMediaHeight = \"400px\",\n  titleFontSize = \"xl\",\n  titleColor = \"background\",\n  titleAlignment = { horizontal: \"left\", vertical: \"bottom\" },\n  nestedTextColor = \"foreground\",\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  overlayEnabled = true,\n  overlayType = \"gradient\",\n  overlayIntensity = 50,\n  className,\n  ...props\n}: NestedWidgetProps): React.JSX.Element {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const scrollByAmount = (direction: \"prev\" | \"next\") => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const computedGap = parseFloat(getComputedStyle(container).gap) || 0;\n    const firstItem = container.firstElementChild as HTMLElement | null;\n    const itemWidth = firstItem?.offsetWidth ?? 0;\n    const scrollAmount = itemWidth + computedGap;\n\n    container.scrollTo({\n      left:\n        container.scrollLeft +\n        (direction === \"next\" ? scrollAmount : -scrollAmount),\n      behavior: \"smooth\",\n    });\n  };\n\n  // Cap border radius for the primary media container: \"full\" creates a circle that clips\n  // the absolutely-positioned title overlay to the narrow bottom of the circle.\n  const primaryMediaRadius = borderRadius === \"full\" ? \"2xl\" : borderRadius;\n\n  const { onItemClick } = useWidgetInteraction();\n\n  const hasNestedMedia = shareables.length > 0;\n\n  const titleAlignmentClasses = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  };\n\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\n  return (\n    <div\n      className={`@container flex w-full overflow-hidden p-${padding} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} ${className}`}\n      {...props}\n      style={{\n        maxHeight: primaryMediaHeight,\n        backgroundImage: backgroundImage,\n      }}\n    >\n      {/* Primary Media Container - Full width on mobile, fixed on desktop */}\n      <div\n        className={`relative @md:flex-none`}\n        style={{\n          width: primaryMediaHeight,\n        }}\n      >\n        {/* Media + overlay clipped to rounded shape — title is a sibling so it isn't clipped */}\n        <div\n          className={`overflow-hidden rounded-${primaryMediaRadius} absolute inset-0`}\n        >\n          <MediaRenderer\n            {...(resource ? getMediaPropsFromShareable(resource) : {})}\n            autoplay\n            loop\n            muted\n          />\n\n          {/* Overlay */}\n          {overlayEnabled && (\n            <div\n              className={`pointer-events-none absolute inset-0 z-10 ${\n                overlayType === \"gradient\"\n                  ? \"bg-gradient-to-t from-black to-transparent\"\n                  : \"bg-black\"\n              }`}\n              style={{\n                opacity:\n                  (Number(String(overlayIntensity).replace(\"%\", \"\")) || 50) /\n                  100,\n              }}\n            />\n          )}\n        </div>\n\n        {/* Title and Mobile Nested Media — outside the overflow-hidden clip */}\n        {((titleEnabled && titleText) || hasNestedMedia) && (\n          <div\n            className={`absolute z-20 w-full ${titleAlignmentClasses[titleAlignment?.horizontal ?? \"left\"]} p-${padding} ${\n              titleAlignment.vertical === \"top\"\n                ? `top-0 pt-${padding}`\n                : titleAlignment.vertical === \"center\"\n                  ? \"top-1/2 -translate-y-1/2\"\n                  : `bottom-0 pb-${padding}`\n            }`}\n          >\n            {titleEnabled && titleText && (\n              <h2\n                className={`font-header leading-tight font-bold text-${titleColor} text-${titleFontSize === \"md\" ? \"base\" : titleFontSize}`}\n              >\n                {titleText}\n              </h2>\n            )}\n\n            {/* Mobile: Products overlay inside primary media */}\n            {hasNestedMedia && (\n              <div className={`pt-${padding} @md:hidden`}>\n                <div\n                  className={`flex overflow-x-auto gap-${gapValues[gap]} bg-transparent`}\n                >\n                  {shareables.map((shareable) => (\n                    <div\n                      key={shareable.id}\n                      className={`flex shrink-0 flex-col items-center ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                      {...(onItemClick\n                        ? {\n                            role: \"button\",\n                            tabIndex: 0,\n                            onClick: () => onItemClick(shareable),\n                            onKeyDown: (e: React.KeyboardEvent) => {\n                              if (e.key === \"Enter\" || e.key === \" \") {\n                                e.preventDefault();\n                                onItemClick(shareable);\n                              }\n                            },\n                          }\n                        : {})}\n                    >\n                      <div\n                        className={`aspect-3/4 h-40 overflow-hidden rounded-${borderRadius}`}\n                      >\n                        <MediaRenderer\n                          {...getMediaPropsFromShareable(shareable)}\n                        />\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Desktop: Products Container - Single row beside primary media */}\n      {hasNestedMedia && (\n        <div\n          className={`relative hidden min-w-0 self-stretch @md:flex @md:flex-1 px-${padding}`}\n        >\n          <div\n            ref={scrollContainerRef}\n            className={`flex h-full flex-row overflow-x-auto gap-${gapValues[gap]}`}\n            style={{ scrollSnapType: \"x mandatory\" }}\n          >\n            {shareables.map((shareable) => (\n              <div\n                key={shareable.id}\n                className={`flex shrink-0 flex-col gap-1 ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                style={{\n                  width: `calc(${primaryMediaHeight} * 0.75)`,\n                  scrollSnapAlign: \"start\",\n                }}\n                {...(onItemClick\n                  ? {\n                      role: \"button\",\n                      tabIndex: 0,\n                      onClick: () => onItemClick(shareable),\n                      onKeyDown: (e: React.KeyboardEvent) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          onItemClick(shareable);\n                        }\n                      },\n                    }\n                  : {})}\n              >\n                <div\n                  className={`aspect-3/4 h-full rounded-${borderRadius} overflow-hidden`}\n                >\n                  <MediaRenderer {...getMediaPropsFromShareable(shareable)} />\n                </div>\n                <span className={`flex-none text-sm text-${nestedTextColor}`}>\n                  <p className=\"truncate\">{shareable.title || \"\"}</p>\n                  <p className=\"truncate\">\n                    {((shareable.display_price as string) ?? shareable.price) ||\n                      \"\"}\n                  </p>\n                </span>\n              </div>\n            ))}\n          </div>\n\n          {/* Navigation arrows */}\n          <div\n            className={`absolute inset-x-0 top-1/2 flex w-full -translate-y-1/2 items-center justify-between px-8`}\n          >\n            <ScrollArrows\n              onPrevious={() => scrollByAmount(\"prev\")}\n              onNext={() => scrollByAmount(\"next\")}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const nestedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"NestedWidget\",\n  displayName: \"Nested Widget\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"shareables\"],\n  fields: [\n    // Content tab - Resource group\n    {\n      key: \"resource\",\n      label: \"Primary Media\",\n      type: \"resource\",\n      description: \"Select the primary media displayed in the large panel\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    // Content tab - Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed over the primary media\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Main title displayed over the primary media\",\n      defaultValue: \"Featured Collection\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      label: \"Title Font Size\",\n      defaultValue: \"xl\",\n      key: \"titleFontSize\",\n      description: \"Font size for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      defaultValue: \"background\",\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    // Styling tab - Design group\n    getHeightField({\n      key: \"primaryMediaHeight\",\n      label: \"Primary Media Height\",\n      description: \"Height of the primary media container\",\n      defaultValue: \"400px\",\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: \"titleAlignment\",\n      label: \"Content Alignment\",\n      type: \"alignment\",\n      description: \"Alignment of the content inside the primary media\",\n      defaultValue: { horizontal: \"left\", vertical: \"bottom\" },\n      options: {\n        horizontalEnabled: true,\n        verticalEnabled: true,\n      },\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"separator2\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      defaultValue: 4,\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding used throughout the widget\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      defaultValue: \"md\",\n      label: \"Border Radius\",\n      key: \"borderRadius\",\n      description: \"Rounded corners for the widget\",\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      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description:\n        \"Add a dark overlay to the primary media for better text readability\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay effect\",\n      defaultValue: \"gradient\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    // Styling tab - Nested Media Styling group\n    getGapField({\n      label: \"Gap\",\n      defaultValue: \"md\",\n      key: \"gap\",\n      description: \"Gap between nested media items\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    }),\n    getColorField({\n      defaultValue: \"foreground\",\n      key: \"nestedTextColor\",\n      label: \"Nested Text Color\",\n      description: \"Color for nested media labels\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    }),\n    {\n      type: \"background\",\n      defaultValue: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background color for nested media container\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    },\n    // Data tab\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"Configure dynamic data fetching from an API\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n  // Per-item configuration schema for custom data sources\n  itemConfigSchema: {\n    description: \"Configure settings for this item\",\n    fields: [\n      {\n        key: \"title\",\n        label: \"Custom Title\",\n        type: \"text\",\n        description: \"Override the item's title for this widget\",\n      },\n    ],\n  },\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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CtB;EACD,iBAAiB;GACf,OAAO;GACP,cAAc;GACd,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACF,cAAc;GACZ,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAEF,eAAe;GACb,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;IAAE,YAAY;IAAQ,UAAU;IAAU;GACxD,SAAS;IACP,mBAAmB;IACnB,iBAAiB;IAClB;GACD,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,cAAc;GACd,OAAO;GACP,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAS,OAAO;IAAS,EAClC;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAED,YAAY;GACV,OAAO;GACP,cAAc;GACd,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR;EAED;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CAED,kBAAkB;EAChB,aAAa;EACb,QAAQ,CACN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACd,CACF;EACF;CACF"}

package/dist/{NestedWidget-C2D4eWqb.cjs → NestedWidget-vrohV65N.cjs}

@@ -1,6 +1,6 @@
 require("./chunk-9hOWP6kD.cjs");
 const require_WidgetInteractionContext = require("./WidgetInteractionContext-DUJhDVnC.cjs");
-const require_registries = require("./registries-DBb6VjAX.cjs");
+const require_registries = require("./registries-CVsthTnW.cjs");
 const require_MediaRenderer = require("./MediaRenderer-CvN8Ku0i.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -376,4 +376,4 @@ Object.defineProperty(exports, "nestedWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=NestedWidget-C2D4eWqb.cjs.map
+//# sourceMappingURL=NestedWidget-vrohV65N.cjs.map

package/dist/{NestedWidget-C2D4eWqb.cjs.map → NestedWidget-vrohV65N.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NestedWidget-C2D4eWqb.cjs","names":["ChevronLeft","ChevronRight","useWidgetInteraction","borderWidthClasses","borderColorClasses","MediaRenderer","getMediaPropsFromShareable","gapValues","getFontSizeField","getColorField","getHeightField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField","getGapField"],"sources":["../../widgets/src/ui/scroll-arrows.tsx","../../widgets/src/widgets/NestedWidget.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\n\ntype ScrollArrowsProps = {\n  onPrevious: () => void;\n  onNext: () => void;\n};\n\nexport function ScrollArrows({\n  onPrevious,\n  onNext,\n}: ScrollArrowsProps): React.JSX.Element {\n  return (\n    <>\n      <button\n        type=\"button\"\n        className=\"bg-foreground text-background flex h-6 w-6 items-center justify-center rounded-2xl opacity-70 transition-colors hover:opacity-50 disabled:opacity-30\"\n        onClick={onPrevious}\n        aria-label=\"Previous slide\"\n      >\n        <ChevronLeft className=\"h-4 w-4\" />\n      </button>\n      <button\n        type=\"button\"\n        className=\"bg-foreground text-background flex h-6 w-6 items-center justify-center rounded-2xl opacity-70 transition-colors hover:opacity-50 disabled:opacity-30\"\n        onClick={onNext}\n        aria-label=\"Next slide\"\n      >\n        <ChevronRight className=\"h-4 w-4\" />\n      </button>\n    </>\n  );\n}\n","import { useRef, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  MediaRenderer,\n  getMediaPropsFromShareable,\n} from \"../components/MediaRenderer\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n  AlignOptions,\n  GapOptions,\n  BackgroundValue,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n} from \"../core/fields\";\nimport { ScrollArrows } from \"../ui/scroll-arrows\";\nimport { type ShareableItem } from \"@fluid-app/portal-core/types\";\nimport { useWidgetInteraction } from \"../contexts/WidgetInteractionContext\";\n\nconst DEFAULT_SHAREABLES: ShareableItem[] = [];\n\ntype NestedWidgetProps = ComponentProps<\"div\"> & {\n  // Content\n  resource?: ShareableItem;\n  titleEnabled?: boolean;\n  titleText?: string;\n  shareables?: ShareableItem[];\n\n  // Layout\n  gap?: GapOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  primaryMediaHeight?: string;\n\n  // Title styling\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  titleAlignment?: AlignOptions;\n\n  // Nested media styling\n  nestedTextColor?: ColorOptions;\n  background?: BackgroundValue;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n};\n\nexport function NestedWidget({\n  resource,\n  titleEnabled = true,\n  titleText = \"Featured Collection\",\n  shareables = DEFAULT_SHAREABLES,\n  gap = \"md\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  primaryMediaHeight = \"400px\",\n  titleFontSize = \"xl\",\n  titleColor = \"background\",\n  titleAlignment = { horizontal: \"left\", vertical: \"bottom\" },\n  nestedTextColor = \"foreground\",\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  overlayEnabled = true,\n  overlayType = \"gradient\",\n  overlayIntensity = 50,\n  className,\n  ...props\n}: NestedWidgetProps): React.JSX.Element {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const scrollByAmount = (direction: \"prev\" | \"next\") => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const computedGap = parseFloat(getComputedStyle(container).gap) || 0;\n    const firstItem = container.firstElementChild as HTMLElement | null;\n    const itemWidth = firstItem?.offsetWidth ?? 0;\n    const scrollAmount = itemWidth + computedGap;\n\n    container.scrollTo({\n      left:\n        container.scrollLeft +\n        (direction === \"next\" ? scrollAmount : -scrollAmount),\n      behavior: \"smooth\",\n    });\n  };\n\n  // Cap border radius for the primary media container: \"full\" creates a circle that clips\n  // the absolutely-positioned title overlay to the narrow bottom of the circle.\n  const primaryMediaRadius = borderRadius === \"full\" ? \"2xl\" : borderRadius;\n\n  const { onItemClick } = useWidgetInteraction();\n\n  const hasNestedMedia = shareables.length > 0;\n\n  const titleAlignmentClasses = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  };\n\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\n  return (\n    <div\n      className={`@container flex w-full overflow-hidden p-${padding} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} ${className}`}\n      {...props}\n      style={{\n        maxHeight: primaryMediaHeight,\n        backgroundImage: backgroundImage,\n      }}\n    >\n      {/* Primary Media Container - Full width on mobile, fixed on desktop */}\n      <div\n        className={`relative @md:flex-none`}\n        style={{\n          width: primaryMediaHeight,\n        }}\n      >\n        {/* Media + overlay clipped to rounded shape — title is a sibling so it isn't clipped */}\n        <div\n          className={`overflow-hidden rounded-${primaryMediaRadius} absolute inset-0`}\n        >\n          <MediaRenderer\n            {...(resource ? getMediaPropsFromShareable(resource) : {})}\n            autoplay\n            loop\n            muted\n          />\n\n          {/* Overlay */}\n          {overlayEnabled && (\n            <div\n              className={`pointer-events-none absolute inset-0 z-10 ${\n                overlayType === \"gradient\"\n                  ? \"bg-gradient-to-t from-black to-transparent\"\n                  : \"bg-black\"\n              }`}\n              style={{\n                opacity:\n                  (Number(String(overlayIntensity).replace(\"%\", \"\")) || 50) /\n                  100,\n              }}\n            />\n          )}\n        </div>\n\n        {/* Title and Mobile Nested Media — outside the overflow-hidden clip */}\n        {((titleEnabled && titleText) || hasNestedMedia) && (\n          <div\n            className={`absolute z-20 w-full ${titleAlignmentClasses[titleAlignment?.horizontal ?? \"left\"]} p-${padding} ${\n              titleAlignment.vertical === \"top\"\n                ? `top-0 pt-${padding}`\n                : titleAlignment.vertical === \"center\"\n                  ? \"top-1/2 -translate-y-1/2\"\n                  : `bottom-0 pb-${padding}`\n            }`}\n          >\n            {titleEnabled && titleText && (\n              <h2\n                className={`font-header leading-tight font-bold text-${titleColor} text-${titleFontSize === \"md\" ? \"base\" : titleFontSize}`}\n              >\n                {titleText}\n              </h2>\n            )}\n\n            {/* Mobile: Products overlay inside primary media */}\n            {hasNestedMedia && (\n              <div className={`pt-${padding} @md:hidden`}>\n                <div\n                  className={`flex overflow-x-auto gap-${gapValues[gap]} bg-transparent`}\n                >\n                  {shareables.map((shareable) => (\n                    <div\n                      key={shareable.id}\n                      className={`flex shrink-0 flex-col items-center ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                      {...(onItemClick\n                        ? {\n                            role: \"button\",\n                            tabIndex: 0,\n                            onClick: () => onItemClick(shareable),\n                            onKeyDown: (e: React.KeyboardEvent) => {\n                              if (e.key === \"Enter\" || e.key === \" \") {\n                                e.preventDefault();\n                                onItemClick(shareable);\n                              }\n                            },\n                          }\n                        : {})}\n                    >\n                      <div\n                        className={`aspect-3/4 h-40 overflow-hidden rounded-${borderRadius}`}\n                      >\n                        <MediaRenderer\n                          {...getMediaPropsFromShareable(shareable)}\n                        />\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Desktop: Products Container - Single row beside primary media */}\n      {hasNestedMedia && (\n        <div\n          className={`relative hidden min-w-0 self-stretch @md:flex @md:flex-1 px-${padding}`}\n        >\n          <div\n            ref={scrollContainerRef}\n            className={`flex h-full flex-row overflow-x-auto gap-${gapValues[gap]}`}\n            style={{ scrollSnapType: \"x mandatory\" }}\n          >\n            {shareables.map((shareable) => (\n              <div\n                key={shareable.id}\n                className={`flex shrink-0 flex-col gap-1 ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                style={{\n                  width: `calc(${primaryMediaHeight} * 0.75)`,\n                  scrollSnapAlign: \"start\",\n                }}\n                {...(onItemClick\n                  ? {\n                      role: \"button\",\n                      tabIndex: 0,\n                      onClick: () => onItemClick(shareable),\n                      onKeyDown: (e: React.KeyboardEvent) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          onItemClick(shareable);\n                        }\n                      },\n                    }\n                  : {})}\n              >\n                <div\n                  className={`aspect-3/4 h-full rounded-${borderRadius} overflow-hidden`}\n                >\n                  <MediaRenderer {...getMediaPropsFromShareable(shareable)} />\n                </div>\n                <span className={`flex-none text-sm text-${nestedTextColor}`}>\n                  <p className=\"truncate\">{shareable.title || \"\"}</p>\n                  <p className=\"truncate\">\n                    {((shareable.display_price as string) ?? shareable.price) ||\n                      \"\"}\n                  </p>\n                </span>\n              </div>\n            ))}\n          </div>\n\n          {/* Navigation arrows */}\n          <div\n            className={`absolute inset-x-0 top-1/2 flex w-full -translate-y-1/2 items-center justify-between px-8`}\n          >\n            <ScrollArrows\n              onPrevious={() => scrollByAmount(\"prev\")}\n              onNext={() => scrollByAmount(\"next\")}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const nestedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"NestedWidget\",\n  displayName: \"Nested Widget\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"shareables\"],\n  fields: [\n    // Content tab - Resource group\n    {\n      key: \"resource\",\n      label: \"Primary Media\",\n      type: \"resource\",\n      description: \"Select the primary media displayed in the large panel\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    // Content tab - Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed over the primary media\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Main title displayed over the primary media\",\n      defaultValue: \"Featured Collection\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      label: \"Title Font Size\",\n      defaultValue: \"xl\",\n      key: \"titleFontSize\",\n      description: \"Font size for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      defaultValue: \"background\",\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    // Styling tab - Design group\n    getHeightField({\n      key: \"primaryMediaHeight\",\n      label: \"Primary Media Height\",\n      description: \"Height of the primary media container\",\n      defaultValue: \"400px\",\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: \"titleAlignment\",\n      label: \"Content Alignment\",\n      type: \"alignment\",\n      description: \"Alignment of the content inside the primary media\",\n      defaultValue: { horizontal: \"left\", vertical: \"bottom\" },\n      options: {\n        horizontalEnabled: true,\n        verticalEnabled: true,\n      },\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"separator2\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      defaultValue: 4,\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding used throughout the widget\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      defaultValue: \"md\",\n      label: \"Border Radius\",\n      key: \"borderRadius\",\n      description: \"Rounded corners for the widget\",\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      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description:\n        \"Add a dark overlay to the primary media for better text readability\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay effect\",\n      defaultValue: \"gradient\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    // Styling tab - Nested Media Styling group\n    getGapField({\n      label: \"Gap\",\n      defaultValue: \"md\",\n      key: \"gap\",\n      description: \"Gap between nested media items\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    }),\n    getColorField({\n      defaultValue: \"foreground\",\n      key: \"nestedTextColor\",\n      label: \"Nested Text Color\",\n      description: \"Color for nested media labels\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    }),\n    {\n      type: \"background\",\n      defaultValue: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background color for nested media container\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    },\n    // Data tab\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"Configure dynamic data fetching from an API\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n  // Per-item configuration schema for custom data sources\n  itemConfigSchema: {\n    description: \"Configure settings for this item\",\n    fields: [\n      {\n        key: \"title\",\n        label: \"Custom Title\",\n        type: \"text\",\n        description: \"Override the item's title for this widget\",\n      },\n    ],\n  },\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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CFC,mBAAAA,qBAAqB;GACnB,cAAc;GACd,OAAO;GACP,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAS,OAAO;IAAS,EAClC;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAEDC,mBAAAA,YAAY;GACV,OAAO;GACP,cAAc;GACd,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACFN,mBAAAA,cAAc;GACZ,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR;EAED;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CAED,kBAAkB;EAChB,aAAa;EACb,QAAQ,CACN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACd,CACF;EACF;CACF"}
+{"version":3,"file":"NestedWidget-vrohV65N.cjs","names":["ChevronLeft","ChevronRight","useWidgetInteraction","borderWidthClasses","borderColorClasses","MediaRenderer","getMediaPropsFromShareable","gapValues","getFontSizeField","getColorField","getHeightField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField","getGapField"],"sources":["../../widgets/src/ui/scroll-arrows.tsx","../../widgets/src/widgets/NestedWidget.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\n\ntype ScrollArrowsProps = {\n  onPrevious: () => void;\n  onNext: () => void;\n};\n\nexport function ScrollArrows({\n  onPrevious,\n  onNext,\n}: ScrollArrowsProps): React.JSX.Element {\n  return (\n    <>\n      <button\n        type=\"button\"\n        className=\"bg-foreground text-background flex h-6 w-6 items-center justify-center rounded-2xl opacity-70 transition-colors hover:opacity-50 disabled:opacity-30\"\n        onClick={onPrevious}\n        aria-label=\"Previous slide\"\n      >\n        <ChevronLeft className=\"h-4 w-4\" />\n      </button>\n      <button\n        type=\"button\"\n        className=\"bg-foreground text-background flex h-6 w-6 items-center justify-center rounded-2xl opacity-70 transition-colors hover:opacity-50 disabled:opacity-30\"\n        onClick={onNext}\n        aria-label=\"Next slide\"\n      >\n        <ChevronRight className=\"h-4 w-4\" />\n      </button>\n    </>\n  );\n}\n","import { useRef, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  MediaRenderer,\n  getMediaPropsFromShareable,\n} from \"../components/MediaRenderer\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n  AlignOptions,\n  GapOptions,\n  BackgroundValue,\n} from \"@fluid-app/portal-core/types\";\nimport {\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getGapField,\n  getPaddingField,\n  gapValues,\n} from \"../core/fields\";\nimport { ScrollArrows } from \"../ui/scroll-arrows\";\nimport { type ShareableItem } from \"@fluid-app/portal-core/types\";\nimport { useWidgetInteraction } from \"../contexts/WidgetInteractionContext\";\n\nconst DEFAULT_SHAREABLES: ShareableItem[] = [];\n\ntype NestedWidgetProps = ComponentProps<\"div\"> & {\n  // Content\n  resource?: ShareableItem;\n  titleEnabled?: boolean;\n  titleText?: string;\n  shareables?: ShareableItem[];\n\n  // Layout\n  gap?: GapOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n  primaryMediaHeight?: string;\n\n  // Title styling\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n  titleAlignment?: AlignOptions;\n\n  // Nested media styling\n  nestedTextColor?: ColorOptions;\n  background?: BackgroundValue;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n};\n\nexport function NestedWidget({\n  resource,\n  titleEnabled = true,\n  titleText = \"Featured Collection\",\n  shareables = DEFAULT_SHAREABLES,\n  gap = \"md\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n  primaryMediaHeight = \"400px\",\n  titleFontSize = \"xl\",\n  titleColor = \"background\",\n  titleAlignment = { horizontal: \"left\", vertical: \"bottom\" },\n  nestedTextColor = \"foreground\",\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  overlayEnabled = true,\n  overlayType = \"gradient\",\n  overlayIntensity = 50,\n  className,\n  ...props\n}: NestedWidgetProps): React.JSX.Element {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const scrollByAmount = (direction: \"prev\" | \"next\") => {\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    const computedGap = parseFloat(getComputedStyle(container).gap) || 0;\n    const firstItem = container.firstElementChild as HTMLElement | null;\n    const itemWidth = firstItem?.offsetWidth ?? 0;\n    const scrollAmount = itemWidth + computedGap;\n\n    container.scrollTo({\n      left:\n        container.scrollLeft +\n        (direction === \"next\" ? scrollAmount : -scrollAmount),\n      behavior: \"smooth\",\n    });\n  };\n\n  // Cap border radius for the primary media container: \"full\" creates a circle that clips\n  // the absolutely-positioned title overlay to the narrow bottom of the circle.\n  const primaryMediaRadius = borderRadius === \"full\" ? \"2xl\" : borderRadius;\n\n  const { onItemClick } = useWidgetInteraction();\n\n  const hasNestedMedia = shareables.length > 0;\n\n  const titleAlignmentClasses = {\n    left: \"text-left\",\n    center: \"text-center\",\n    right: \"text-right\",\n  };\n\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\n  return (\n    <div\n      className={`@container flex w-full overflow-hidden p-${padding} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} ${className}`}\n      {...props}\n      style={{\n        maxHeight: primaryMediaHeight,\n        backgroundImage: backgroundImage,\n      }}\n    >\n      {/* Primary Media Container - Full width on mobile, fixed on desktop */}\n      <div\n        className={`relative @md:flex-none`}\n        style={{\n          width: primaryMediaHeight,\n        }}\n      >\n        {/* Media + overlay clipped to rounded shape — title is a sibling so it isn't clipped */}\n        <div\n          className={`overflow-hidden rounded-${primaryMediaRadius} absolute inset-0`}\n        >\n          <MediaRenderer\n            {...(resource ? getMediaPropsFromShareable(resource) : {})}\n            autoplay\n            loop\n            muted\n          />\n\n          {/* Overlay */}\n          {overlayEnabled && (\n            <div\n              className={`pointer-events-none absolute inset-0 z-10 ${\n                overlayType === \"gradient\"\n                  ? \"bg-gradient-to-t from-black to-transparent\"\n                  : \"bg-black\"\n              }`}\n              style={{\n                opacity:\n                  (Number(String(overlayIntensity).replace(\"%\", \"\")) || 50) /\n                  100,\n              }}\n            />\n          )}\n        </div>\n\n        {/* Title and Mobile Nested Media — outside the overflow-hidden clip */}\n        {((titleEnabled && titleText) || hasNestedMedia) && (\n          <div\n            className={`absolute z-20 w-full ${titleAlignmentClasses[titleAlignment?.horizontal ?? \"left\"]} p-${padding} ${\n              titleAlignment.vertical === \"top\"\n                ? `top-0 pt-${padding}`\n                : titleAlignment.vertical === \"center\"\n                  ? \"top-1/2 -translate-y-1/2\"\n                  : `bottom-0 pb-${padding}`\n            }`}\n          >\n            {titleEnabled && titleText && (\n              <h2\n                className={`font-header leading-tight font-bold text-${titleColor} text-${titleFontSize === \"md\" ? \"base\" : titleFontSize}`}\n              >\n                {titleText}\n              </h2>\n            )}\n\n            {/* Mobile: Products overlay inside primary media */}\n            {hasNestedMedia && (\n              <div className={`pt-${padding} @md:hidden`}>\n                <div\n                  className={`flex overflow-x-auto gap-${gapValues[gap]} bg-transparent`}\n                >\n                  {shareables.map((shareable) => (\n                    <div\n                      key={shareable.id}\n                      className={`flex shrink-0 flex-col items-center ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                      {...(onItemClick\n                        ? {\n                            role: \"button\",\n                            tabIndex: 0,\n                            onClick: () => onItemClick(shareable),\n                            onKeyDown: (e: React.KeyboardEvent) => {\n                              if (e.key === \"Enter\" || e.key === \" \") {\n                                e.preventDefault();\n                                onItemClick(shareable);\n                              }\n                            },\n                          }\n                        : {})}\n                    >\n                      <div\n                        className={`aspect-3/4 h-40 overflow-hidden rounded-${borderRadius}`}\n                      >\n                        <MediaRenderer\n                          {...getMediaPropsFromShareable(shareable)}\n                        />\n                      </div>\n                    </div>\n                  ))}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Desktop: Products Container - Single row beside primary media */}\n      {hasNestedMedia && (\n        <div\n          className={`relative hidden min-w-0 self-stretch @md:flex @md:flex-1 px-${padding}`}\n        >\n          <div\n            ref={scrollContainerRef}\n            className={`flex h-full flex-row overflow-x-auto gap-${gapValues[gap]}`}\n            style={{ scrollSnapType: \"x mandatory\" }}\n          >\n            {shareables.map((shareable) => (\n              <div\n                key={shareable.id}\n                className={`flex shrink-0 flex-col gap-1 ${onItemClick ? \"cursor-pointer\" : \"\"}`}\n                style={{\n                  width: `calc(${primaryMediaHeight} * 0.75)`,\n                  scrollSnapAlign: \"start\",\n                }}\n                {...(onItemClick\n                  ? {\n                      role: \"button\",\n                      tabIndex: 0,\n                      onClick: () => onItemClick(shareable),\n                      onKeyDown: (e: React.KeyboardEvent) => {\n                        if (e.key === \"Enter\" || e.key === \" \") {\n                          e.preventDefault();\n                          onItemClick(shareable);\n                        }\n                      },\n                    }\n                  : {})}\n              >\n                <div\n                  className={`aspect-3/4 h-full rounded-${borderRadius} overflow-hidden`}\n                >\n                  <MediaRenderer {...getMediaPropsFromShareable(shareable)} />\n                </div>\n                <span className={`flex-none text-sm text-${nestedTextColor}`}>\n                  <p className=\"truncate\">{shareable.title || \"\"}</p>\n                  <p className=\"truncate\">\n                    {((shareable.display_price as string) ?? shareable.price) ||\n                      \"\"}\n                  </p>\n                </span>\n              </div>\n            ))}\n          </div>\n\n          {/* Navigation arrows */}\n          <div\n            className={`absolute inset-x-0 top-1/2 flex w-full -translate-y-1/2 items-center justify-between px-8`}\n          >\n            <ScrollArrows\n              onPrevious={() => scrollByAmount(\"prev\")}\n              onNext={() => scrollByAmount(\"next\")}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const nestedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"NestedWidget\",\n  displayName: \"Nested Widget\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"shareables\"],\n  fields: [\n    // Content tab - Resource group\n    {\n      key: \"resource\",\n      label: \"Primary Media\",\n      type: \"resource\",\n      description: \"Select the primary media displayed in the large panel\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    // Content tab - Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed over the primary media\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Main title displayed over the primary media\",\n      defaultValue: \"Featured Collection\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      label: \"Title Font Size\",\n      defaultValue: \"xl\",\n      key: \"titleFontSize\",\n      description: \"Font size for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      defaultValue: \"background\",\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    // Styling tab - Design group\n    getHeightField({\n      key: \"primaryMediaHeight\",\n      label: \"Primary Media Height\",\n      description: \"Height of the primary media container\",\n      defaultValue: \"400px\",\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: \"titleAlignment\",\n      label: \"Content Alignment\",\n      type: \"alignment\",\n      description: \"Alignment of the content inside the primary media\",\n      defaultValue: { horizontal: \"left\", vertical: \"bottom\" },\n      options: {\n        horizontalEnabled: true,\n        verticalEnabled: true,\n      },\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"separator2\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      defaultValue: 4,\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding used throughout the widget\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      defaultValue: \"md\",\n      label: \"Border Radius\",\n      key: \"borderRadius\",\n      description: \"Rounded corners for the widget\",\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      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description:\n        \"Add a dark overlay to the primary media for better text readability\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay effect\",\n      defaultValue: \"gradient\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    // Styling tab - Nested Media Styling group\n    getGapField({\n      label: \"Gap\",\n      defaultValue: \"md\",\n      key: \"gap\",\n      description: \"Gap between nested media items\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    }),\n    getColorField({\n      defaultValue: \"foreground\",\n      key: \"nestedTextColor\",\n      label: \"Nested Text Color\",\n      description: \"Color for nested media labels\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    }),\n    {\n      type: \"background\",\n      defaultValue: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background color for nested media container\",\n      tab: \"styling\",\n      group: \"Nested Design\",\n    },\n    // Data tab\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"Configure dynamic data fetching from an API\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n  // Per-item configuration schema for custom data sources\n  itemConfigSchema: {\n    description: \"Configure settings for this item\",\n    fields: [\n      {\n        key: \"title\",\n        label: \"Custom Title\",\n        type: \"text\",\n        description: \"Override the item's title for this widget\",\n      },\n    ],\n  },\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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CFC,mBAAAA,qBAAqB;GACnB,cAAc;GACd,OAAO;GACP,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAS,OAAO;IAAS,EAClC;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAEDC,mBAAAA,YAAY;GACV,OAAO;GACP,cAAc;GACd,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACFN,mBAAAA,cAAc;GACZ,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,KAAK;GACL,OAAO;GACR;EAED;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CAED,kBAAkB;EAChB,aAAa;EACb,QAAQ,CACN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACd,CACF;EACF;CACF"}

package/dist/{PointsWidget-ComTSNQZ.cjs → PointsWidget-DI3N8-6W.cjs}

@@ -1,7 +1,7 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
 const require_registry_context = require("./registry-context-OIsrZ2Ij.cjs");
 const require_error_state = require("./error-state-BDhSltIa.cjs");
-const require_registries = require("./registries-DBb6VjAX.cjs");
+const require_registries = require("./registries-CVsthTnW.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -311,4 +311,4 @@ Object.defineProperty(exports, "pointsWidgetPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=PointsWidget-ComTSNQZ.cjs.map
+//# sourceMappingURL=PointsWidget-DI3N8-6W.cjs.map

package/dist/{PointsWidget-ComTSNQZ.cjs.map → PointsWidget-DI3N8-6W.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PointsWidget-ComTSNQZ.cjs","names":["useWidgetsApi","useWidgetPreviewContext","useDataSourceRegistryConfig","borderWidthClasses","borderColorClasses","ErrorState","Coins","ChevronDown","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/hooks/use-points-ledger.preview.ts","../../widgets/src/hooks/use-points-ledger.ts","../../widgets/src/widgets/PointsWidget.tsx"],"sourcesContent":["import type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction daysAgo(days: number): string {\n  return new Date(now.getTime() - days * 86_400_000).toISOString();\n}\n\nexport const PREVIEW_DATA: PointsData = {\n  balance: 25,\n  entries: [\n    {\n      id: 1,\n      description: \"Purchase March 3rd\",\n      amount: 20,\n      createdAt: daysAgo(3),\n    },\n    {\n      id: 2,\n      description: \"Referral Bonus\",\n      amount: 50,\n      createdAt: daysAgo(14),\n    },\n    {\n      id: 3,\n      description: \"Points Redemption\",\n      amount: -75,\n      createdAt: daysAgo(60),\n    },\n    {\n      id: 4,\n      description: \"Welcome Reward\",\n      amount: 30,\n      createdAt: daysAgo(90),\n    },\n  ],\n};\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\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 { PREVIEW_DATA } from \"./use-points-ledger.preview\";\nimport type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type {\n  PointsData,\n  PointsEntry,\n} from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport const POINTS_LEDGER_QUERY_KEY = \"points-ledger\" as const;\n\nexport function usePointsLedger(): UseQueryResult<PointsData, Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const registryConfig = useDataSourceRegistryConfig();\n  const { baseUrl } = registryConfig;\n  const customerId = registryConfig.variables?.customer_id;\n\n  // Contract: the BFF adapter (portal app, composite factory spreads BFF over\n  // legacy) ignores customerId and infers the customer from the JWT, so the\n  // portal renders this widget with no registry-variable plumbing. The legacy\n  // adapter (fluid-admin) builds /v202506/customers/{customerId}/points_ledgers\n  // and MUST receive a real id; that consumer always supplies one via registry\n  // variables, so empty string never reaches the legacy URL in practice. If a\n  // future caller wires this hook to a legacy-only adapter, configure\n  // registry variables.customer_id at the provider — otherwise the request\n  // would 404 on /customers//points_ledgers.\n  return useQuery({\n    queryKey: [\n      \"portal-widget-use\",\n      POINTS_LEDGER_QUERY_KEY,\n      isPreview ? \"preview\" : baseUrl,\n      customerId ?? null,\n    ] as const,\n    queryFn: ({ signal }) =>\n      widgetsApi.fetchPointsLedger(customerId ?? \"\", signal),\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import { useId, 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 {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { usePointsLedger, type PointsEntry } from \"../hooks/use-points-ledger\";\nimport { ErrorState } from \"../components/error-state\";\nimport { ChevronDown, Coins } from \"lucide-react\";\n\nconst formatRelativeTime = (dateString: string): string => {\n  const now = new Date();\n  const date = new Date(dateString);\n  const diffMs = now.getTime() - date.getTime();\n  const diffDays = Math.floor(diffMs / 86_400_000);\n\n  if (diffDays < 1) return \"Today\";\n  if (diffDays === 1) return \"1 day ago\";\n  if (diffDays < 7) return `${diffDays} days ago`;\n  if (diffDays < 14) return \"1 week ago\";\n  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;\n  if (diffDays < 60) return \"1 month ago\";\n  return `${Math.floor(diffDays / 30)} months ago`;\n};\n\nconst formatBalance = (balance: number): string => {\n  return balance.toLocaleString(\"en-US\");\n};\n\ntype PointsWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Balance\n  balanceColor?: ColorOptions;\n\n  // History\n  historyEnabled?: boolean;\n  historyTitle?: string;\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\nfunction PointsEntryRow({\n  entry,\n  textColor,\n  accentColor,\n}: {\n  entry: PointsEntry;\n  textColor: ColorOptions;\n  accentColor: ColorOptions;\n}) {\n  const sign = entry.amount >= 0 ? \"+\" : \"-\";\n  return (\n    <div className=\"flex w-full items-center gap-3\">\n      <div className=\"min-w-0 flex-1\">\n        <p className={`text-sm text-${textColor} truncate`}>\n          {entry.description}\n        </p>\n        <p className={`text-[10px] text-${textColor} leading-tight opacity-70`}>\n          {formatRelativeTime(entry.createdAt)}\n        </p>\n      </div>\n      <div className={`bg-${accentColor}/20 shrink-0 rounded-md px-1.5`}>\n        <span className={`text-xs font-medium text-${accentColor} opacity-70`}>\n          {sign}\n          {Math.abs(entry.amount).toLocaleString(\"en-US\")}pts\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport function PointsWidget({\n  // Title\n  titleEnabled = true,\n  title = \"Points\",\n  titleFontSize = \"md\",\n  titleColor = \"foreground\",\n\n  // Balance\n  balanceColor = \"primary\",\n\n  // History\n  historyEnabled = true,\n  historyTitle = \"History\",\n\n  // Styling\n  background = { type: \"solid\", color: \"background\" },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  className,\n  ...props\n}: PointsWidgetProps): React.JSX.Element {\n  const [historyOpen, setHistoryOpen] = useState(false);\n  const historyPanelId = useId();\n\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\n  const { data, isLoading, isError } = usePointsLedger();\n\n  return (\n    <div\n      className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      <div className={`p-${padding} flex flex-col gap-2.5`}>\n        {/* Header: Title + Balance */}\n        {titleEnabled && (\n          <h2\n            className={`text-${titleFontSize} font-header font-bold text-${titleColor}`}\n          >\n            {title}\n          </h2>\n        )}\n        {!isLoading && data && (\n          <span\n            className={`text-3xl font-semibold text-${balanceColor} font-header leading-snug`}\n          >\n            {formatBalance(data.balance)}\n          </span>\n        )}\n\n        {/* Loading */}\n        {isLoading ? (\n          <div className=\"flex min-h-[60px] items-center justify-center\">\n            <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n          </div>\n        ) : isError ? (\n          <ErrorState />\n        ) : historyEnabled && (!data || data.entries.length === 0) ? (\n          /* Empty state — only shown when history is enabled but no entries */\n          <div className=\"flex min-h-[60px] flex-col items-center justify-center gap-2\">\n            <Coins className={`size-10 text-${textColor} opacity-30`} />\n            <p className={`text-sm font-semibold text-${textColor} opacity-50`}>\n              No Points Activity\n            </p>\n          </div>\n        ) : historyEnabled && data && data.entries.length > 0 ? (\n          /* History dropdown */\n          <div className=\"flex flex-col gap-2\">\n            {/* Dropdown toggle */}\n            <button\n              type=\"button\"\n              aria-expanded={historyOpen}\n              aria-controls={historyPanelId}\n              onClick={() => setHistoryOpen((prev) => !prev)}\n              className={`flex w-full items-center text-xs font-semibold text-${textColor} cursor-pointer`}\n            >\n              <span className=\"flex-1 text-left\">{historyTitle}</span>\n              <ChevronDown\n                className={`size-4 transition-transform duration-200 ${historyOpen ? \"rotate-180\" : \"\"}`}\n              />\n            </button>\n            <div className={`bg-${textColor}/20 h-px w-full`} />\n\n            {/* Collapsible entries */}\n            <div\n              id={historyPanelId}\n              className={`flex flex-col gap-3 ${!historyOpen ? \"hidden\" : \"\"}`}\n            >\n              {data.entries.map((entry) => (\n                <PointsEntryRow\n                  key={entry.id}\n                  entry={entry}\n                  textColor={textColor}\n                  accentColor={accentColor}\n                />\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport const pointsWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"PointsWidget\",\n  displayName: \"Points\",\n  fields: [\n    // Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Toggle title visibility\",\n      defaultValue: true,\n\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the balance\",\n      defaultValue: \"Points\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"md\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Balance group\n    getColorField({\n      key: \"balanceColor\",\n      label: \"Balance Color\",\n      description: \"Color for the points balance number\",\n      defaultValue: \"primary\",\n\n      group: \"Balance\",\n    }),\n\n    // History group\n    {\n      key: \"historyEnabled\",\n      label: \"Show History\",\n      type: \"boolean\",\n      description: \"Show a collapsible history dropdown below the balance\",\n      defaultValue: true,\n\n      group: \"History\",\n    },\n    {\n      key: \"historyTitle\",\n      label: \"History Title\",\n      type: \"text\",\n      description: \"Title for the history dropdown\",\n      defaultValue: \"History\",\n\n      group: \"History\",\n      requiresKeyToBeTrue: \"historyEnabled\",\n    },\n\n    // Design group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget\",\n      defaultValue: \"background\",\n\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color\",\n      defaultValue: \"foreground\",\n\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for points badges and highlights\",\n      defaultValue: \"primary\",\n\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Widget padding\",\n      defaultValue: 4,\n\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Widget border radius\",\n      defaultValue: \"md\",\n\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Widget border width\",\n      defaultValue: \"none\",\n\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Widget border color\",\n      defaultValue: \"muted\",\n\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}
+{"version":3,"file":"PointsWidget-DI3N8-6W.cjs","names":["useWidgetsApi","useWidgetPreviewContext","useDataSourceRegistryConfig","borderWidthClasses","borderColorClasses","ErrorState","Coins","ChevronDown","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/hooks/use-points-ledger.preview.ts","../../widgets/src/hooks/use-points-ledger.ts","../../widgets/src/widgets/PointsWidget.tsx"],"sourcesContent":["import type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction daysAgo(days: number): string {\n  return new Date(now.getTime() - days * 86_400_000).toISOString();\n}\n\nexport const PREVIEW_DATA: PointsData = {\n  balance: 25,\n  entries: [\n    {\n      id: 1,\n      description: \"Purchase March 3rd\",\n      amount: 20,\n      createdAt: daysAgo(3),\n    },\n    {\n      id: 2,\n      description: \"Referral Bonus\",\n      amount: 50,\n      createdAt: daysAgo(14),\n    },\n    {\n      id: 3,\n      description: \"Points Redemption\",\n      amount: -75,\n      createdAt: daysAgo(60),\n    },\n    {\n      id: 4,\n      description: \"Welcome Reward\",\n      amount: 30,\n      createdAt: daysAgo(90),\n    },\n  ],\n};\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\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 { PREVIEW_DATA } from \"./use-points-ledger.preview\";\nimport type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type {\n  PointsData,\n  PointsEntry,\n} from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport const POINTS_LEDGER_QUERY_KEY = \"points-ledger\" as const;\n\nexport function usePointsLedger(): UseQueryResult<PointsData, Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const registryConfig = useDataSourceRegistryConfig();\n  const { baseUrl } = registryConfig;\n  const customerId = registryConfig.variables?.customer_id;\n\n  // Contract: the BFF adapter (portal app, composite factory spreads BFF over\n  // legacy) ignores customerId and infers the customer from the JWT, so the\n  // portal renders this widget with no registry-variable plumbing. The legacy\n  // adapter (fluid-admin) builds /v202506/customers/{customerId}/points_ledgers\n  // and MUST receive a real id; that consumer always supplies one via registry\n  // variables, so empty string never reaches the legacy URL in practice. If a\n  // future caller wires this hook to a legacy-only adapter, configure\n  // registry variables.customer_id at the provider — otherwise the request\n  // would 404 on /customers//points_ledgers.\n  return useQuery({\n    queryKey: [\n      \"portal-widget-use\",\n      POINTS_LEDGER_QUERY_KEY,\n      isPreview ? \"preview\" : baseUrl,\n      customerId ?? null,\n    ] as const,\n    queryFn: ({ signal }) =>\n      widgetsApi.fetchPointsLedger(customerId ?? \"\", signal),\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import { useId, 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 {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { usePointsLedger, type PointsEntry } from \"../hooks/use-points-ledger\";\nimport { ErrorState } from \"../components/error-state\";\nimport { ChevronDown, Coins } from \"lucide-react\";\n\nconst formatRelativeTime = (dateString: string): string => {\n  const now = new Date();\n  const date = new Date(dateString);\n  const diffMs = now.getTime() - date.getTime();\n  const diffDays = Math.floor(diffMs / 86_400_000);\n\n  if (diffDays < 1) return \"Today\";\n  if (diffDays === 1) return \"1 day ago\";\n  if (diffDays < 7) return `${diffDays} days ago`;\n  if (diffDays < 14) return \"1 week ago\";\n  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;\n  if (diffDays < 60) return \"1 month ago\";\n  return `${Math.floor(diffDays / 30)} months ago`;\n};\n\nconst formatBalance = (balance: number): string => {\n  return balance.toLocaleString(\"en-US\");\n};\n\ntype PointsWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Balance\n  balanceColor?: ColorOptions;\n\n  // History\n  historyEnabled?: boolean;\n  historyTitle?: string;\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\nfunction PointsEntryRow({\n  entry,\n  textColor,\n  accentColor,\n}: {\n  entry: PointsEntry;\n  textColor: ColorOptions;\n  accentColor: ColorOptions;\n}) {\n  const sign = entry.amount >= 0 ? \"+\" : \"-\";\n  return (\n    <div className=\"flex w-full items-center gap-3\">\n      <div className=\"min-w-0 flex-1\">\n        <p className={`text-sm text-${textColor} truncate`}>\n          {entry.description}\n        </p>\n        <p className={`text-[10px] text-${textColor} leading-tight opacity-70`}>\n          {formatRelativeTime(entry.createdAt)}\n        </p>\n      </div>\n      <div className={`bg-${accentColor}/20 shrink-0 rounded-md px-1.5`}>\n        <span className={`text-xs font-medium text-${accentColor} opacity-70`}>\n          {sign}\n          {Math.abs(entry.amount).toLocaleString(\"en-US\")}pts\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport function PointsWidget({\n  // Title\n  titleEnabled = true,\n  title = \"Points\",\n  titleFontSize = \"md\",\n  titleColor = \"foreground\",\n\n  // Balance\n  balanceColor = \"primary\",\n\n  // History\n  historyEnabled = true,\n  historyTitle = \"History\",\n\n  // Styling\n  background = { type: \"solid\", color: \"background\" },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  className,\n  ...props\n}: PointsWidgetProps): React.JSX.Element {\n  const [historyOpen, setHistoryOpen] = useState(false);\n  const historyPanelId = useId();\n\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\n  const { data, isLoading, isError } = usePointsLedger();\n\n  return (\n    <div\n      className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      <div className={`p-${padding} flex flex-col gap-2.5`}>\n        {/* Header: Title + Balance */}\n        {titleEnabled && (\n          <h2\n            className={`text-${titleFontSize} font-header font-bold text-${titleColor}`}\n          >\n            {title}\n          </h2>\n        )}\n        {!isLoading && data && (\n          <span\n            className={`text-3xl font-semibold text-${balanceColor} font-header leading-snug`}\n          >\n            {formatBalance(data.balance)}\n          </span>\n        )}\n\n        {/* Loading */}\n        {isLoading ? (\n          <div className=\"flex min-h-[60px] items-center justify-center\">\n            <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n          </div>\n        ) : isError ? (\n          <ErrorState />\n        ) : historyEnabled && (!data || data.entries.length === 0) ? (\n          /* Empty state — only shown when history is enabled but no entries */\n          <div className=\"flex min-h-[60px] flex-col items-center justify-center gap-2\">\n            <Coins className={`size-10 text-${textColor} opacity-30`} />\n            <p className={`text-sm font-semibold text-${textColor} opacity-50`}>\n              No Points Activity\n            </p>\n          </div>\n        ) : historyEnabled && data && data.entries.length > 0 ? (\n          /* History dropdown */\n          <div className=\"flex flex-col gap-2\">\n            {/* Dropdown toggle */}\n            <button\n              type=\"button\"\n              aria-expanded={historyOpen}\n              aria-controls={historyPanelId}\n              onClick={() => setHistoryOpen((prev) => !prev)}\n              className={`flex w-full items-center text-xs font-semibold text-${textColor} cursor-pointer`}\n            >\n              <span className=\"flex-1 text-left\">{historyTitle}</span>\n              <ChevronDown\n                className={`size-4 transition-transform duration-200 ${historyOpen ? \"rotate-180\" : \"\"}`}\n              />\n            </button>\n            <div className={`bg-${textColor}/20 h-px w-full`} />\n\n            {/* Collapsible entries */}\n            <div\n              id={historyPanelId}\n              className={`flex flex-col gap-3 ${!historyOpen ? \"hidden\" : \"\"}`}\n            >\n              {data.entries.map((entry) => (\n                <PointsEntryRow\n                  key={entry.id}\n                  entry={entry}\n                  textColor={textColor}\n                  accentColor={accentColor}\n                />\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport const pointsWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"PointsWidget\",\n  displayName: \"Points\",\n  fields: [\n    // Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Toggle title visibility\",\n      defaultValue: true,\n\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the balance\",\n      defaultValue: \"Points\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"md\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Balance group\n    getColorField({\n      key: \"balanceColor\",\n      label: \"Balance Color\",\n      description: \"Color for the points balance number\",\n      defaultValue: \"primary\",\n\n      group: \"Balance\",\n    }),\n\n    // History group\n    {\n      key: \"historyEnabled\",\n      label: \"Show History\",\n      type: \"boolean\",\n      description: \"Show a collapsible history dropdown below the balance\",\n      defaultValue: true,\n\n      group: \"History\",\n    },\n    {\n      key: \"historyTitle\",\n      label: \"History Title\",\n      type: \"text\",\n      description: \"Title for the history dropdown\",\n      defaultValue: \"History\",\n\n      group: \"History\",\n      requiresKeyToBeTrue: \"historyEnabled\",\n    },\n\n    // Design group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget\",\n      defaultValue: \"background\",\n\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color\",\n      defaultValue: \"foreground\",\n\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for points badges and highlights\",\n      defaultValue: \"primary\",\n\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Widget padding\",\n      defaultValue: 4,\n\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Widget border radius\",\n      defaultValue: \"md\",\n\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Widget border width\",\n      defaultValue: \"none\",\n\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Widget border color\",\n      defaultValue: \"muted\",\n\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{PointsWidget-CRvG5LOV.mjs → PointsWidget-ubAn0b-m.mjs}

@@ -1,7 +1,7 @@
 import { I as __exportAll } from "./portal_tenant_content-DPLnrtOG.mjs";
 import { n as useDataSourceRegistryConfig } from "./registry-context-BSJeDI2A.mjs";
 import { i as useWidgetsApi, n as useWidgetPreviewContext, t as ErrorState } from "./error-state--Z2OlDFr.mjs";
-import { i as getBorderColorField, l as getColorField, m as getPaddingField, n as borderWidthClasses, o as getBorderRadiusField, s as getBorderWidthField, t as borderColorClasses, u as getFontSizeField } from "./registries-kvRRUHcO.mjs";
+import { i as getBorderColorField, l as getColorField, m as getPaddingField, n as borderWidthClasses, o as getBorderRadiusField, s as getBorderWidthField, t as borderColorClasses, u as getFontSizeField } from "./registries-6F90ZS1m.mjs";
 import { useId, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -294,4 +294,4 @@ const pointsWidgetPropertySchema = {
 //#endregion
 export { PointsWidget_exports as n, pointsWidgetPropertySchema as r, PointsWidget as t };
 
-//# sourceMappingURL=PointsWidget-CRvG5LOV.mjs.map
+//# sourceMappingURL=PointsWidget-ubAn0b-m.mjs.map

package/dist/{PointsWidget-CRvG5LOV.mjs.map → PointsWidget-ubAn0b-m.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"PointsWidget-CRvG5LOV.mjs","names":[],"sources":["../../widgets/src/hooks/use-points-ledger.preview.ts","../../widgets/src/hooks/use-points-ledger.ts","../../widgets/src/widgets/PointsWidget.tsx"],"sourcesContent":["import type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction daysAgo(days: number): string {\n  return new Date(now.getTime() - days * 86_400_000).toISOString();\n}\n\nexport const PREVIEW_DATA: PointsData = {\n  balance: 25,\n  entries: [\n    {\n      id: 1,\n      description: \"Purchase March 3rd\",\n      amount: 20,\n      createdAt: daysAgo(3),\n    },\n    {\n      id: 2,\n      description: \"Referral Bonus\",\n      amount: 50,\n      createdAt: daysAgo(14),\n    },\n    {\n      id: 3,\n      description: \"Points Redemption\",\n      amount: -75,\n      createdAt: daysAgo(60),\n    },\n    {\n      id: 4,\n      description: \"Welcome Reward\",\n      amount: 30,\n      createdAt: daysAgo(90),\n    },\n  ],\n};\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\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 { PREVIEW_DATA } from \"./use-points-ledger.preview\";\nimport type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type {\n  PointsData,\n  PointsEntry,\n} from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport const POINTS_LEDGER_QUERY_KEY = \"points-ledger\" as const;\n\nexport function usePointsLedger(): UseQueryResult<PointsData, Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const registryConfig = useDataSourceRegistryConfig();\n  const { baseUrl } = registryConfig;\n  const customerId = registryConfig.variables?.customer_id;\n\n  // Contract: the BFF adapter (portal app, composite factory spreads BFF over\n  // legacy) ignores customerId and infers the customer from the JWT, so the\n  // portal renders this widget with no registry-variable plumbing. The legacy\n  // adapter (fluid-admin) builds /v202506/customers/{customerId}/points_ledgers\n  // and MUST receive a real id; that consumer always supplies one via registry\n  // variables, so empty string never reaches the legacy URL in practice. If a\n  // future caller wires this hook to a legacy-only adapter, configure\n  // registry variables.customer_id at the provider — otherwise the request\n  // would 404 on /customers//points_ledgers.\n  return useQuery({\n    queryKey: [\n      \"portal-widget-use\",\n      POINTS_LEDGER_QUERY_KEY,\n      isPreview ? \"preview\" : baseUrl,\n      customerId ?? null,\n    ] as const,\n    queryFn: ({ signal }) =>\n      widgetsApi.fetchPointsLedger(customerId ?? \"\", signal),\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import { useId, 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 {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { usePointsLedger, type PointsEntry } from \"../hooks/use-points-ledger\";\nimport { ErrorState } from \"../components/error-state\";\nimport { ChevronDown, Coins } from \"lucide-react\";\n\nconst formatRelativeTime = (dateString: string): string => {\n  const now = new Date();\n  const date = new Date(dateString);\n  const diffMs = now.getTime() - date.getTime();\n  const diffDays = Math.floor(diffMs / 86_400_000);\n\n  if (diffDays < 1) return \"Today\";\n  if (diffDays === 1) return \"1 day ago\";\n  if (diffDays < 7) return `${diffDays} days ago`;\n  if (diffDays < 14) return \"1 week ago\";\n  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;\n  if (diffDays < 60) return \"1 month ago\";\n  return `${Math.floor(diffDays / 30)} months ago`;\n};\n\nconst formatBalance = (balance: number): string => {\n  return balance.toLocaleString(\"en-US\");\n};\n\ntype PointsWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Balance\n  balanceColor?: ColorOptions;\n\n  // History\n  historyEnabled?: boolean;\n  historyTitle?: string;\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\nfunction PointsEntryRow({\n  entry,\n  textColor,\n  accentColor,\n}: {\n  entry: PointsEntry;\n  textColor: ColorOptions;\n  accentColor: ColorOptions;\n}) {\n  const sign = entry.amount >= 0 ? \"+\" : \"-\";\n  return (\n    <div className=\"flex w-full items-center gap-3\">\n      <div className=\"min-w-0 flex-1\">\n        <p className={`text-sm text-${textColor} truncate`}>\n          {entry.description}\n        </p>\n        <p className={`text-[10px] text-${textColor} leading-tight opacity-70`}>\n          {formatRelativeTime(entry.createdAt)}\n        </p>\n      </div>\n      <div className={`bg-${accentColor}/20 shrink-0 rounded-md px-1.5`}>\n        <span className={`text-xs font-medium text-${accentColor} opacity-70`}>\n          {sign}\n          {Math.abs(entry.amount).toLocaleString(\"en-US\")}pts\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport function PointsWidget({\n  // Title\n  titleEnabled = true,\n  title = \"Points\",\n  titleFontSize = \"md\",\n  titleColor = \"foreground\",\n\n  // Balance\n  balanceColor = \"primary\",\n\n  // History\n  historyEnabled = true,\n  historyTitle = \"History\",\n\n  // Styling\n  background = { type: \"solid\", color: \"background\" },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  className,\n  ...props\n}: PointsWidgetProps): React.JSX.Element {\n  const [historyOpen, setHistoryOpen] = useState(false);\n  const historyPanelId = useId();\n\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\n  const { data, isLoading, isError } = usePointsLedger();\n\n  return (\n    <div\n      className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      <div className={`p-${padding} flex flex-col gap-2.5`}>\n        {/* Header: Title + Balance */}\n        {titleEnabled && (\n          <h2\n            className={`text-${titleFontSize} font-header font-bold text-${titleColor}`}\n          >\n            {title}\n          </h2>\n        )}\n        {!isLoading && data && (\n          <span\n            className={`text-3xl font-semibold text-${balanceColor} font-header leading-snug`}\n          >\n            {formatBalance(data.balance)}\n          </span>\n        )}\n\n        {/* Loading */}\n        {isLoading ? (\n          <div className=\"flex min-h-[60px] items-center justify-center\">\n            <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n          </div>\n        ) : isError ? (\n          <ErrorState />\n        ) : historyEnabled && (!data || data.entries.length === 0) ? (\n          /* Empty state — only shown when history is enabled but no entries */\n          <div className=\"flex min-h-[60px] flex-col items-center justify-center gap-2\">\n            <Coins className={`size-10 text-${textColor} opacity-30`} />\n            <p className={`text-sm font-semibold text-${textColor} opacity-50`}>\n              No Points Activity\n            </p>\n          </div>\n        ) : historyEnabled && data && data.entries.length > 0 ? (\n          /* History dropdown */\n          <div className=\"flex flex-col gap-2\">\n            {/* Dropdown toggle */}\n            <button\n              type=\"button\"\n              aria-expanded={historyOpen}\n              aria-controls={historyPanelId}\n              onClick={() => setHistoryOpen((prev) => !prev)}\n              className={`flex w-full items-center text-xs font-semibold text-${textColor} cursor-pointer`}\n            >\n              <span className=\"flex-1 text-left\">{historyTitle}</span>\n              <ChevronDown\n                className={`size-4 transition-transform duration-200 ${historyOpen ? \"rotate-180\" : \"\"}`}\n              />\n            </button>\n            <div className={`bg-${textColor}/20 h-px w-full`} />\n\n            {/* Collapsible entries */}\n            <div\n              id={historyPanelId}\n              className={`flex flex-col gap-3 ${!historyOpen ? \"hidden\" : \"\"}`}\n            >\n              {data.entries.map((entry) => (\n                <PointsEntryRow\n                  key={entry.id}\n                  entry={entry}\n                  textColor={textColor}\n                  accentColor={accentColor}\n                />\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport const pointsWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"PointsWidget\",\n  displayName: \"Points\",\n  fields: [\n    // Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Toggle title visibility\",\n      defaultValue: true,\n\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the balance\",\n      defaultValue: \"Points\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"md\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Balance group\n    getColorField({\n      key: \"balanceColor\",\n      label: \"Balance Color\",\n      description: \"Color for the points balance number\",\n      defaultValue: \"primary\",\n\n      group: \"Balance\",\n    }),\n\n    // History group\n    {\n      key: \"historyEnabled\",\n      label: \"Show History\",\n      type: \"boolean\",\n      description: \"Show a collapsible history dropdown below the balance\",\n      defaultValue: true,\n\n      group: \"History\",\n    },\n    {\n      key: \"historyTitle\",\n      label: \"History Title\",\n      type: \"text\",\n      description: \"Title for the history dropdown\",\n      defaultValue: \"History\",\n\n      group: \"History\",\n      requiresKeyToBeTrue: \"historyEnabled\",\n    },\n\n    // Design group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget\",\n      defaultValue: \"background\",\n\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color\",\n      defaultValue: \"foreground\",\n\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for points badges and highlights\",\n      defaultValue: \"primary\",\n\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Widget padding\",\n      defaultValue: 4,\n\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Widget border radius\",\n      defaultValue: \"md\",\n\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Widget border width\",\n      defaultValue: \"none\",\n\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Widget border color\",\n      defaultValue: \"muted\",\n\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;;AAEA,MAAM,sBAAM,IAAI,MAAM;AAEtB,SAAS,QAAQ,MAAsB;AACrC,yBAAO,IAAI,KAAK,IAAI,SAAS,GAAG,OAAO,MAAW,EAAC,aAAa;;AAGlE,MAAa,eAA2B;CACtC,SAAS;CACT,SAAS;EACP;GACE,IAAI;GACJ,aAAa;GACb,QAAQ;GACR,WAAW,QAAQ,EAAE;GACtB;EACD;GACE,IAAI;GACJ,aAAa;GACb,QAAQ;GACR,WAAW,QAAQ,GAAG;GACvB;EACD;GACE,IAAI;GACJ,aAAa;GACb,QAAQ;GACR,WAAW,QAAQ,GAAG;GACvB;EACD;GACE,IAAI;GACJ,aAAa;GACb,QAAQ;GACR,WAAW,QAAQ,GAAG;GACvB;EACF;CACF;;;ACxBD,MAAa,0BAA0B;AAEvC,SAAgB,kBAAqD;CACnE,MAAM,aAAa,eAAe;CAClC,MAAM,EAAE,cAAc,yBAAyB;CAC/C,MAAM,iBAAiB,6BAA6B;CACpD,MAAM,EAAE,YAAY;CACpB,MAAM,aAAa,eAAe,WAAW;AAW7C,QAAO,SAAS;EACd,UAAU;GACR;GACA;GACA,YAAY,YAAY;GACxB,cAAc;GACf;EACD,UAAU,EAAE,aACV,WAAW,kBAAkB,cAAc,IAAI,OAAO;EACxD,SAAS,CAAC;EACV,GAAI,aAAa,EAAE,iBAAiB,cAAc;EACnD,CAAC;;;;;;;;AChBJ,MAAM,sBAAsB,eAA+B;CACzD,MAAM,sBAAM,IAAI,MAAM;CACtB,MAAM,OAAO,IAAI,KAAK,WAAW;CACjC,MAAM,SAAS,IAAI,SAAS,GAAG,KAAK,SAAS;CAC7C,MAAM,WAAW,KAAK,MAAM,SAAS,MAAW;AAEhD,KAAI,WAAW,EAAG,QAAO;AACzB,KAAI,aAAa,EAAG,QAAO;AAC3B,KAAI,WAAW,EAAG,QAAO,GAAG,SAAS;AACrC,KAAI,WAAW,GAAI,QAAO;AAC1B,KAAI,WAAW,GAAI,QAAO,GAAG,KAAK,MAAM,WAAW,EAAE,CAAC;AACtD,KAAI,WAAW,GAAI,QAAO;AAC1B,QAAO,GAAG,KAAK,MAAM,WAAW,GAAG,CAAC;;AAGtC,MAAM,iBAAiB,YAA4B;AACjD,QAAO,QAAQ,eAAe,QAAQ;;AA2BxC,SAAS,eAAe,EACtB,OACA,WACA,eAKC;CACD,MAAM,OAAO,MAAM,UAAU,IAAI,MAAM;AACvC,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,KAAD;IAAG,WAAW,gBAAgB,UAAU;cACrC,MAAM;IACL,CAAA,EACJ,oBAAC,KAAD;IAAG,WAAW,oBAAoB,UAAU;cACzC,mBAAmB,MAAM,UAAU;IAClC,CAAA,CACA;MACN,oBAAC,OAAD;GAAK,WAAW,MAAM,YAAY;aAChC,qBAAC,QAAD;IAAM,WAAW,4BAA4B,YAAY;cAAzD;KACG;KACA,KAAK,IAAI,MAAM,OAAO,CAAC,eAAe,QAAQ;KAAC;KAC3C;;GACH,CAAA,CACF;;;AAIV,SAAgB,aAAa,EAE3B,eAAe,MACf,QAAQ,UACR,gBAAgB,MAChB,aAAa,cAGb,eAAe,WAGf,iBAAiB,MACjB,eAAe,WAGf,aAAa;CAAE,MAAM;CAAS,OAAO;CAAc,EACnD,YAAY,cACZ,cAAc,WACd,UAAU,GACV,eAAe,MACf,cAAc,QACd,cAAc,SAEd,WACA,GAAG,SACoC;CACvC,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;CACrD,MAAM,iBAAiB,OAAO;CAE9B,MAAM,kBAAkB,WAAW,SAAS;CAC5C,MAAM,mBACH,WAAW,UAAU,aAAa,WAAW,UAAU,aACxD,WAAW,SAAS,UAChB,OAAO,WAAW,SAAS,aAAa,WAAW,SAAS,SAAS,KACrE;CAEN,MAAM,EAAE,MAAM,WAAW,YAAY,iBAAiB;AAEtD,QACE,oBAAC,OAAD;EACE,WAAW,sCAAsC,aAAa,MAAM,gBAAgB,GAAG,mBAAmB,aAAa,GAAG,gBAAgB,SAAS,mBAAmB,eAAe,GAAG,GAAG,aAAa;EACxM,OAAO,EAAE,iBAAiB;EAC1B,GAAI;YAEJ,qBAAC,OAAD;GAAK,WAAW,KAAK,QAAQ;aAA7B;IAEG,gBACC,oBAAC,MAAD;KACE,WAAW,QAAQ,cAAc,8BAA8B;eAE9D;KACE,CAAA;IAEN,CAAC,aAAa,QACb,oBAAC,QAAD;KACE,WAAW,+BAA+B,aAAa;eAEtD,cAAc,KAAK,QAAQ;KACvB,CAAA;IAIR,YACC,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;KAC9F,CAAA,GACJ,UACF,oBAAC,YAAD,EAAc,CAAA,GACZ,mBAAmB,CAAC,QAAQ,KAAK,QAAQ,WAAW,KAEtD,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD,EAAO,WAAW,gBAAgB,UAAU,cAAgB,CAAA,EAC5D,oBAAC,KAAD;MAAG,WAAW,8BAA8B,UAAU;gBAAc;MAEhE,CAAA,CACA;SACJ,kBAAkB,QAAQ,KAAK,QAAQ,SAAS,IAElD,qBAAC,OAAD;KAAK,WAAU;eAAf;MAEE,qBAAC,UAAD;OACE,MAAK;OACL,iBAAe;OACf,iBAAe;OACf,eAAe,gBAAgB,SAAS,CAAC,KAAK;OAC9C,WAAW,uDAAuD,UAAU;iBAL9E,CAOE,oBAAC,QAAD;QAAM,WAAU;kBAAoB;QAAoB,CAAA,EACxD,oBAAC,aAAD,EACE,WAAW,4CAA4C,cAAc,eAAe,MACpF,CAAA,CACK;;MACT,oBAAC,OAAD,EAAK,WAAW,MAAM,UAAU,kBAAoB,CAAA;MAGpD,oBAAC,OAAD;OACE,IAAI;OACJ,WAAW,uBAAuB,CAAC,cAAc,WAAW;iBAE3D,KAAK,QAAQ,KAAK,UACjB,oBAAC,gBAAD;QAES;QACI;QACE;QACb,EAJK,MAAM,GAIX,CACF;OACE,CAAA;MACF;SACJ;IACA;;EACF,CAAA;;AAIV,MAAa,6BAAmD;CAC9D,YAAY;CACZ,aAAa;CACb,QAAQ;EAEN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GAEd,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GAEd,OAAO;GACP,qBAAqB;GACtB;EACD,iBAAiB;GACf,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACP,qBAAqB;GACtB,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACP,qBAAqB;GACtB,CAAC;EAGF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACR,CAAC;EAGF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GAEd,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GAEd,OAAO;GACP,qBAAqB;GACtB;EAGD;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACR;EACD,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,MAAM;GACN,OAAO;GAEP,OAAO;GACR;EACD,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GAEd,OAAO;GACR,CAAC;EACH;CACF"}
+{"version":3,"file":"PointsWidget-ubAn0b-m.mjs","names":[],"sources":["../../widgets/src/hooks/use-points-ledger.preview.ts","../../widgets/src/hooks/use-points-ledger.ts","../../widgets/src/widgets/PointsWidget.tsx"],"sourcesContent":["import type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction daysAgo(days: number): string {\n  return new Date(now.getTime() - days * 86_400_000).toISOString();\n}\n\nexport const PREVIEW_DATA: PointsData = {\n  balance: 25,\n  entries: [\n    {\n      id: 1,\n      description: \"Purchase March 3rd\",\n      amount: 20,\n      createdAt: daysAgo(3),\n    },\n    {\n      id: 2,\n      description: \"Referral Bonus\",\n      amount: 50,\n      createdAt: daysAgo(14),\n    },\n    {\n      id: 3,\n      description: \"Points Redemption\",\n      amount: -75,\n      createdAt: daysAgo(60),\n    },\n    {\n      id: 4,\n      description: \"Welcome Reward\",\n      amount: 30,\n      createdAt: daysAgo(90),\n    },\n  ],\n};\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\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 { PREVIEW_DATA } from \"./use-points-ledger.preview\";\nimport type { PointsData } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type {\n  PointsData,\n  PointsEntry,\n} from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport const POINTS_LEDGER_QUERY_KEY = \"points-ledger\" as const;\n\nexport function usePointsLedger(): UseQueryResult<PointsData, Error> {\n  const widgetsApi = useWidgetsApi();\n  const { isPreview } = useWidgetPreviewContext();\n  const registryConfig = useDataSourceRegistryConfig();\n  const { baseUrl } = registryConfig;\n  const customerId = registryConfig.variables?.customer_id;\n\n  // Contract: the BFF adapter (portal app, composite factory spreads BFF over\n  // legacy) ignores customerId and infers the customer from the JWT, so the\n  // portal renders this widget with no registry-variable plumbing. The legacy\n  // adapter (fluid-admin) builds /v202506/customers/{customerId}/points_ledgers\n  // and MUST receive a real id; that consumer always supplies one via registry\n  // variables, so empty string never reaches the legacy URL in practice. If a\n  // future caller wires this hook to a legacy-only adapter, configure\n  // registry variables.customer_id at the provider — otherwise the request\n  // would 404 on /customers//points_ledgers.\n  return useQuery({\n    queryKey: [\n      \"portal-widget-use\",\n      POINTS_LEDGER_QUERY_KEY,\n      isPreview ? \"preview\" : baseUrl,\n      customerId ?? null,\n    ] as const,\n    queryFn: ({ signal }) =>\n      widgetsApi.fetchPointsLedger(customerId ?? \"\", signal),\n    enabled: !isPreview,\n    ...(isPreview && { placeholderData: PREVIEW_DATA }),\n  });\n}\n","import { useId, 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 {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n  borderWidthClasses,\n  borderColorClasses,\n} from \"../core/fields\";\nimport { usePointsLedger, type PointsEntry } from \"../hooks/use-points-ledger\";\nimport { ErrorState } from \"../components/error-state\";\nimport { ChevronDown, Coins } from \"lucide-react\";\n\nconst formatRelativeTime = (dateString: string): string => {\n  const now = new Date();\n  const date = new Date(dateString);\n  const diffMs = now.getTime() - date.getTime();\n  const diffDays = Math.floor(diffMs / 86_400_000);\n\n  if (diffDays < 1) return \"Today\";\n  if (diffDays === 1) return \"1 day ago\";\n  if (diffDays < 7) return `${diffDays} days ago`;\n  if (diffDays < 14) return \"1 week ago\";\n  if (diffDays < 30) return `${Math.floor(diffDays / 7)} weeks ago`;\n  if (diffDays < 60) return \"1 month ago\";\n  return `${Math.floor(diffDays / 30)} months ago`;\n};\n\nconst formatBalance = (balance: number): string => {\n  return balance.toLocaleString(\"en-US\");\n};\n\ntype PointsWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  title?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Balance\n  balanceColor?: ColorOptions;\n\n  // History\n  historyEnabled?: boolean;\n  historyTitle?: string;\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\nfunction PointsEntryRow({\n  entry,\n  textColor,\n  accentColor,\n}: {\n  entry: PointsEntry;\n  textColor: ColorOptions;\n  accentColor: ColorOptions;\n}) {\n  const sign = entry.amount >= 0 ? \"+\" : \"-\";\n  return (\n    <div className=\"flex w-full items-center gap-3\">\n      <div className=\"min-w-0 flex-1\">\n        <p className={`text-sm text-${textColor} truncate`}>\n          {entry.description}\n        </p>\n        <p className={`text-[10px] text-${textColor} leading-tight opacity-70`}>\n          {formatRelativeTime(entry.createdAt)}\n        </p>\n      </div>\n      <div className={`bg-${accentColor}/20 shrink-0 rounded-md px-1.5`}>\n        <span className={`text-xs font-medium text-${accentColor} opacity-70`}>\n          {sign}\n          {Math.abs(entry.amount).toLocaleString(\"en-US\")}pts\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport function PointsWidget({\n  // Title\n  titleEnabled = true,\n  title = \"Points\",\n  titleFontSize = \"md\",\n  titleColor = \"foreground\",\n\n  // Balance\n  balanceColor = \"primary\",\n\n  // History\n  historyEnabled = true,\n  historyTitle = \"History\",\n\n  // Styling\n  background = { type: \"solid\", color: \"background\" },\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  className,\n  ...props\n}: PointsWidgetProps): React.JSX.Element {\n  const [historyOpen, setHistoryOpen] = useState(false);\n  const historyPanelId = useId();\n\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\n  const { data, isLoading, isError } = usePointsLedger();\n\n  return (\n    <div\n      className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      <div className={`p-${padding} flex flex-col gap-2.5`}>\n        {/* Header: Title + Balance */}\n        {titleEnabled && (\n          <h2\n            className={`text-${titleFontSize} font-header font-bold text-${titleColor}`}\n          >\n            {title}\n          </h2>\n        )}\n        {!isLoading && data && (\n          <span\n            className={`text-3xl font-semibold text-${balanceColor} font-header leading-snug`}\n          >\n            {formatBalance(data.balance)}\n          </span>\n        )}\n\n        {/* Loading */}\n        {isLoading ? (\n          <div className=\"flex min-h-[60px] items-center justify-center\">\n            <div className=\"h-8 w-8 animate-spin rounded-full border-2 border-current border-t-transparent\" />\n          </div>\n        ) : isError ? (\n          <ErrorState />\n        ) : historyEnabled && (!data || data.entries.length === 0) ? (\n          /* Empty state — only shown when history is enabled but no entries */\n          <div className=\"flex min-h-[60px] flex-col items-center justify-center gap-2\">\n            <Coins className={`size-10 text-${textColor} opacity-30`} />\n            <p className={`text-sm font-semibold text-${textColor} opacity-50`}>\n              No Points Activity\n            </p>\n          </div>\n        ) : historyEnabled && data && data.entries.length > 0 ? (\n          /* History dropdown */\n          <div className=\"flex flex-col gap-2\">\n            {/* Dropdown toggle */}\n            <button\n              type=\"button\"\n              aria-expanded={historyOpen}\n              aria-controls={historyPanelId}\n              onClick={() => setHistoryOpen((prev) => !prev)}\n              className={`flex w-full items-center text-xs font-semibold text-${textColor} cursor-pointer`}\n            >\n              <span className=\"flex-1 text-left\">{historyTitle}</span>\n              <ChevronDown\n                className={`size-4 transition-transform duration-200 ${historyOpen ? \"rotate-180\" : \"\"}`}\n              />\n            </button>\n            <div className={`bg-${textColor}/20 h-px w-full`} />\n\n            {/* Collapsible entries */}\n            <div\n              id={historyPanelId}\n              className={`flex flex-col gap-3 ${!historyOpen ? \"hidden\" : \"\"}`}\n            >\n              {data.entries.map((entry) => (\n                <PointsEntryRow\n                  key={entry.id}\n                  entry={entry}\n                  textColor={textColor}\n                  accentColor={accentColor}\n                />\n              ))}\n            </div>\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport const pointsWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"PointsWidget\",\n  displayName: \"Points\",\n  fields: [\n    // Title group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Toggle title visibility\",\n      defaultValue: true,\n\n      group: \"Title\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the balance\",\n      defaultValue: \"Points\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"md\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"foreground\",\n\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Balance group\n    getColorField({\n      key: \"balanceColor\",\n      label: \"Balance Color\",\n      description: \"Color for the points balance number\",\n      defaultValue: \"primary\",\n\n      group: \"Balance\",\n    }),\n\n    // History group\n    {\n      key: \"historyEnabled\",\n      label: \"Show History\",\n      type: \"boolean\",\n      description: \"Show a collapsible history dropdown below the balance\",\n      defaultValue: true,\n\n      group: \"History\",\n    },\n    {\n      key: \"historyTitle\",\n      label: \"History Title\",\n      type: \"text\",\n      description: \"Title for the history dropdown\",\n      defaultValue: \"History\",\n\n      group: \"History\",\n      requiresKeyToBeTrue: \"historyEnabled\",\n    },\n\n    // Design group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the widget\",\n      defaultValue: \"background\",\n\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color\",\n      defaultValue: \"foreground\",\n\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for points badges and highlights\",\n      defaultValue: \"primary\",\n\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Widget padding\",\n      defaultValue: 4,\n\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Widget border radius\",\n      defaultValue: \"md\",\n\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Widget border width\",\n      defaultValue: \"none\",\n\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Widget border color\",\n      defaultValue: \"muted\",\n\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/ProfileScreen-90-Jf8IH.mjs

@@ -0,0 +1,46 @@
+import "./FluidProvider-C0YKxODs.mjs";
+import "./ScreenRenderer-YOmW7J80.mjs";
+import "./account-api-context-BIZ_aibJ.mjs";
+import "./store-api-context-C1lXT_3d.mjs";
+import "./api-context-3GmfqvIB.mjs";
+import "./mysite-api-context-5-qpKHWA.mjs";
+import "./countries-api-context-CMh13cfX.mjs";
+import "./registry-context-BSJeDI2A.mjs";
+import "./WidgetInteractionContext-I716c8kj.mjs";
+import "./EmbedWidget-Czn_RJbm.mjs";
+import "./locale-context-B_ufX9EH.mjs";
+import "./error-state--Z2OlDFr.mjs";
+import "./LayoutWidget-iKNNIRPq.mjs";
+import "./registries-6F90ZS1m.mjs";
+import "./fields-FTgjMOdh.mjs";
+import "./TextWidget-DSGevTKM.mjs";
+import "./AlertWidget-Bua0I46v.mjs";
+import "./BulletListWidget-DvT2x5wg.mjs";
+import "./CalendarWidget-BB1C5K_j.mjs";
+import "./CardWidget-CEERBKUN.mjs";
+import "./purify.es-Ba5Ug4-y.mjs";
+import "./MediaRenderer-13Jlf38P.mjs";
+import "./CarouselWidget-Dhjf60LS.mjs";
+import "./CatchUpWidget-CM-iCMhK.mjs";
+import "./src-B3W228vu.mjs";
+import "./ChartWidget-CJXZ9qf7.mjs";
+import "./ContainerWidget-2Rep2gGz.mjs";
+import "./ImageWidget--WJppfij.mjs";
+import "./LinkWidget-BoVmB_zf.mjs";
+import "./ListWidget-CuwsaMQ9.mjs";
+import "./MySiteWidget-CsJzjc7o.mjs";
+import "./NestedWidget-DrZ62oaO.mjs";
+import "./PointsWidget-ubAn0b-m.mjs";
+import "./QuickLinksWidget-J5axodVF.mjs";
+import "./QuickShareWidget-CyYW9nS6.mjs";
+import "./RecentActivityWidget-CndO-Ac0.mjs";
+import "./SeparatorWidget-eI7b2n6u.mjs";
+import "./SpacerWidget-s0N26_Hb.mjs";
+import "./TableWidget-D8HBHejy.mjs";
+import "./ToDoWidget-5IiWutYI.mjs";
+import "./VideoWidget-BiaPF0-w.mjs";
+import "./ScreenHeaderContext-kG_zh0zW.mjs";
+import "./AddressAutocompleteInput-pqzSBpqP.mjs";
+import "./use-mysite-portal-B7N48vKo.mjs";
+import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-FG1DZum3.mjs";
+export { ProfileScreen, profileScreenPropertySchema };

package/dist/ProfileScreen-B7sbMdbH.cjs

@@ -0,0 +1,48 @@
+require("./chunk-9hOWP6kD.cjs");
+require("./FluidProvider-CoSgK0jL.cjs");
+require("./ScreenRenderer-j7Nz1HQx.cjs");
+require("./account-api-context-DZP9IiGg.cjs");
+require("./store-api-context-D1gZn22Z.cjs");
+require("./api-context-BkBvyFVK.cjs");
+require("./mysite-api-context-Dz4lI5Xd.cjs");
+require("./countries-api-context-C0C0K9gJ.cjs");
+require("./registry-context-OIsrZ2Ij.cjs");
+require("./WidgetInteractionContext-DUJhDVnC.cjs");
+require("./EmbedWidget-DFlg5AI7.cjs");
+require("./locale-context-34b1u6At.cjs");
+require("./error-state-BDhSltIa.cjs");
+require("./LayoutWidget-8DwDBW24.cjs");
+require("./registries-CVsthTnW.cjs");
+require("./fields-COJ84ouS.cjs");
+require("./TextWidget-CMOofhaH.cjs");
+require("./AlertWidget-ByokSA3K.cjs");
+require("./BulletListWidget-BwrMNPZ-.cjs");
+require("./CalendarWidget-MVJmxwFQ.cjs");
+require("./CardWidget-Cf4-dF-v.cjs");
+require("./purify.es-CxBw_WJp.cjs");
+require("./MediaRenderer-CvN8Ku0i.cjs");
+require("./CarouselWidget-BJSO17JY.cjs");
+require("./CatchUpWidget-CFF-Fgdo.cjs");
+require("./src-BFJg9F_s.cjs");
+require("./ChartWidget-6nZLzlQM.cjs");
+require("./ContainerWidget-DX9qO1T-.cjs");
+require("./ImageWidget-CU2cet5p.cjs");
+require("./LinkWidget-DpylGthu.cjs");
+require("./ListWidget-CQgei8SF.cjs");
+require("./MySiteWidget-BziY8ylH.cjs");
+require("./NestedWidget-vrohV65N.cjs");
+require("./PointsWidget-DI3N8-6W.cjs");
+require("./QuickLinksWidget-Cpq1V-uX.cjs");
+require("./QuickShareWidget-CYPOXs8X.cjs");
+require("./RecentActivityWidget-Cp3fYBM2.cjs");
+require("./SeparatorWidget-DW_9_L9_.cjs");
+require("./SpacerWidget-DLQU3wbc.cjs");
+require("./TableWidget-CT6T3IgY.cjs");
+require("./ToDoWidget-B97blWRO.cjs");
+require("./VideoWidget-zdT_mVo9.cjs");
+require("./ScreenHeaderContext-JDIUM84f.cjs");
+require("./AddressAutocompleteInput-BrnJTpK8.cjs");
+require("./use-mysite-portal-YnHKJ-Y-.cjs");
+const require_ProfileScreen = require("./ProfileScreen-DYO-1rw4.cjs");
+exports.ProfileScreen = require_ProfileScreen.ProfileScreen;
+exports.profileScreenPropertySchema = require_ProfileScreen.profileScreenPropertySchema;