@player-ui/reference-assets-plugin-react 0.8.0--canary.307.9621 → 0.8.0-next.0

package/dist/index.mjs

@@ -0,0 +1,529 @@
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/plugin.tsx
+import { AssetProviderPlugin } from "@player-ui/asset-provider-plugin-react";
+import { ReferenceAssetsPlugin as ReferenceAssetsCorePlugin } from "@player-ui/reference-assets-plugin";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/input/Input.tsx
+import React4 from "react";
+import { ReactAsset } from "@player-ui/react";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Input.tsx
+import * as React from "react";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Input.tsx
+var Input = React.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Label.tsx
+import * as React2 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/input/hooks.tsx
+import React3 from "react";
+import { useBeacon } from "@player-ui/beacon-plugin-react";
+var defaultKeyStrings = [
+  "Delete",
+  "Backspace",
+  "Tab",
+  "Home",
+  "End",
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowUp",
+  "ArrowDown",
+  "Escape"
+];
+var getConfig = (userConfig = {}) => {
+  return {
+    liveFormat: true,
+    suppressBeacons: false,
+    quickFormatDelay: 200,
+    slowFormatDelay: 1e3,
+    slowFormatKeys: defaultKeyStrings,
+    decimalSymbol: ".",
+    prefix: "",
+    suffix: "",
+    ...userConfig
+  };
+};
+var useInputBeacon = (props) => {
+  const beaconHandler = useBeacon({ element: "text_input", asset: props });
+  return (newValue) => {
+    let action = "modified";
+    if (newValue === props.value) {
+      return;
+    }
+    if (newValue && !props.value) {
+      action = "added";
+    } else if (!newValue && props.value) {
+      action = "deleted";
+    }
+    beaconHandler({ action });
+  };
+};
+var useInputAsset = (props, config) => {
+  const [localValue, setLocalValue] = React3.useState(props.value ?? "");
+  const formatTimerRef = React3.useRef(void 0);
+  const inputBeacon = useInputBeacon(props);
+  const {
+    liveFormat,
+    suppressBeacons,
+    quickFormatDelay,
+    slowFormatDelay,
+    slowFormatKeys,
+    decimalSymbol,
+    prefix,
+    suffix
+  } = getConfig(config);
+  function clearPending() {
+    if (formatTimerRef.current) {
+      clearTimeout(formatTimerRef.current);
+      formatTimerRef.current = void 0;
+    }
+  }
+  function getFormatDelaySpeed(e) {
+    const key = slowFormatKeys.every((k) => typeof k === "number") ? e.which : e.key;
+    return slowFormatKeys.includes(key) ? slowFormatDelay : quickFormatDelay;
+  }
+  function handleAffixOnFocus(target) {
+    let val = target.value;
+    if (suffix)
+      val = val.substring(0, val.indexOf(suffix));
+    if (prefix && !val.includes(prefix)) {
+      val = `${prefix}${val}`;
+    }
+    return val;
+  }
+  function handlePrefixEdgeCases(e) {
+    const target = e.target;
+    const start = target.selectionStart;
+    const end = target.selectionEnd;
+    const pl = prefix.length;
+    const atStart = start === pl;
+    const atEnd = end === pl;
+    if (start && end && start < pl) {
+      e.preventDefault();
+      target.setSelectionRange(pl, end - start + pl);
+    } else if (e.key === "ArrowLeft" && atStart || e.key === "Backspace" && atStart && atEnd || e.key === "Home") {
+      e.preventDefault();
+      target.setSelectionRange(prefix.length, prefix.length);
+    }
+  }
+  function formatValueWithAffix(value) {
+    if (!value)
+      return "";
+    return `${prefix}${value}${suffix}`;
+  }
+  const onKeyDownHandler = (currentValue) => {
+    const symbolPosition = currentValue.indexOf(decimalSymbol);
+    const newValue = props.format(currentValue) ?? "";
+    const newSymbolPosition = newValue.indexOf(decimalSymbol);
+    if ((symbolPosition === -1 || symbolPosition === 0) && newSymbolPosition > 0) {
+      return {
+        newValue: newValue.includes(prefix) ? `${newValue}` : `${prefix}${newValue}`,
+        newCursorPosition: newValue.includes(prefix) ? newSymbolPosition : newSymbolPosition + prefix.length
+      };
+    }
+    return {
+      newValue: newValue.includes(prefix) ? `${newValue}` : `${prefix}${newValue}`
+    };
+  };
+  const onBlur = (e) => {
+    clearPending();
+    const formatted = (prefix ? e.target.value.replace(prefix, "") : props.format(e.target.value)) ?? "";
+    if (formatted) {
+      props.set(formatted);
+      setLocalValue(formatValueWithAffix(formatted));
+    } else {
+      props.set("");
+      setLocalValue("");
+    }
+    if (!suppressBeacons) {
+      inputBeacon(formatted);
+    }
+  };
+  const onChange = (e) => {
+    setLocalValue(e.target.value);
+  };
+  const onKeyDown = (e) => {
+    clearPending();
+    if (prefix)
+      handlePrefixEdgeCases(e);
+    const target = e.target;
+    if (liveFormat) {
+      formatTimerRef.current = setTimeout(() => {
+        const cursorPosition = target.selectionStart;
+        const currentValue = target.value;
+        if (cursorPosition !== currentValue.length) {
+          return;
+        }
+        const obj = onKeyDownHandler(currentValue);
+        setLocalValue(obj.newValue);
+        target.selectionStart = obj.newCursorPosition ?? target.selectionStart;
+        target.selectionEnd = obj.newCursorPosition ?? target.selectionEnd;
+      }, getFormatDelaySpeed(e));
+    }
+  };
+  const onFocus = (e) => {
+    const target = e.target;
+    const inputEmpty = target.value === "";
+    if (!inputEmpty && suffix || inputEmpty && prefix) {
+      setLocalValue(handleAffixOnFocus(target));
+    }
+  };
+  const propsValue = props.value;
+  React3.useEffect(() => {
+    setLocalValue(formatValueWithAffix(propsValue));
+  }, [propsValue]);
+  React3.useEffect(() => clearPending, []);
+  return {
+    onBlur,
+    onChange,
+    onKeyDown,
+    onFocus,
+    value: localValue
+  };
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/input/Input.tsx
+var Input2 = (props) => {
+  const { validation, label, id, note } = props;
+  const inputProps = useInputAsset(props);
+  return /* @__PURE__ */ React4.createElement("div", { className: "grid w-full max-w-sm items-center gap-1.5" }, label && /* @__PURE__ */ React4.createElement(Label, { htmlFor: id }, /* @__PURE__ */ React4.createElement(ReactAsset, { ...label })), /* @__PURE__ */ React4.createElement(
+    Input,
+    {
+      id,
+      "aria-invalid": Boolean(validation),
+      "aria-describedby": validation ? `${id}-validation` : void 0,
+      ...inputProps
+    }
+  ), validation && /* @__PURE__ */ React4.createElement(
+    Label,
+    {
+      id: `${id}-validation`,
+      className: "text-[0.8rem] font-medium text-destructive"
+    },
+    validation.message
+  ), note && /* @__PURE__ */ React4.createElement(Label, { className: "text-[0.8rem] text-muted-foreground" }, /* @__PURE__ */ React4.createElement(ReactAsset, { ...note })));
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/text/Text.tsx
+import React6 from "react";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/text/hooks.tsx
+import React5, { useContext } from "react";
+import makeClass from "clsx";
+import { useAssetProps } from "@player-ui/react";
+var TextModifierContext = React5.createContext(void 0);
+var useText = (props) => {
+  let className;
+  const modifierContext = useContext(TextModifierContext);
+  if (props.modifiers && modifierContext?.getClassForModifier) {
+    className = makeClass(
+      ...props.modifiers.map(modifierContext.getClassForModifier)
+    );
+  }
+  return {
+    ...useAssetProps(props),
+    className,
+    children: props.value
+  };
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/text/Text.tsx
+var getLinkModifier = (asset) => {
+  return asset.modifiers?.find(
+    (mod) => mod.type === "link" && mod.metaData?.ref !== void 0
+  );
+};
+var Text = (props) => {
+  const spanProps = useText(props);
+  const linkModifier = getLinkModifier(props);
+  const { value } = props;
+  if (linkModifier) {
+    return /* @__PURE__ */ React6.createElement(
+      "a",
+      {
+        className: "underline text-blue-600 hover:text-blue-800 visited:text-purple-600",
+        href: linkModifier.metaData.ref
+      },
+      value
+    );
+  }
+  return /* @__PURE__ */ React6.createElement("span", { ...spanProps }, value);
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/collection/Collection.tsx
+import React7 from "react";
+import { ReactAsset as ReactAsset2 } from "@player-ui/react";
+var Collection = (props) => {
+  return /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col gap-4" }, props.label && /* @__PURE__ */ React7.createElement("h3", null, /* @__PURE__ */ React7.createElement(ReactAsset2, { ...props.label })), props.values?.map((a) => /* @__PURE__ */ React7.createElement(ReactAsset2, { key: a.asset.id, ...a })));
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/action/Action.tsx
+import React10 from "react";
+import { ReactAsset as ReactAsset4 } from "@player-ui/react";
+import { ChevronLeftIcon } from "lucide-react";
+import { isBackAction } from "@player-ui/reference-assets-plugin";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/action/hooks.tsx
+import React8 from "react";
+import { ReactAsset as ReactAsset3 } from "@player-ui/react";
+import { useBeacon as useBeacon2 } from "@player-ui/beacon-plugin-react";
+var useAction = (props) => {
+  const { label } = props;
+  const beacon = useBeacon2({
+    asset: props,
+    action: "clicked",
+    element: "button"
+  });
+  return {
+    id: props.id,
+    onClick: () => {
+      beacon();
+      props.run();
+    },
+    children: label?.asset ? /* @__PURE__ */ React8.createElement(ReactAsset3, { ...label?.asset }) : null
+  };
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Button.tsx
+import * as React9 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva2 } from "class-variance-authority";
+var buttonVariants = cva2(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React9.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ React9.createElement(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/action/Action.tsx
+var Action = (props) => {
+  const { label } = props;
+  const buttonProps = useAction(props);
+  return /* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement(
+    Button,
+    {
+      variant: isBackAction(props) ? "outline" : void 0,
+      ...buttonProps
+    },
+    props?.metaData?.role === "back" && /* @__PURE__ */ React10.createElement(ChevronLeftIcon, null),
+    label && /* @__PURE__ */ React10.createElement(ReactAsset4, { ...label })
+  ));
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/info/Info.tsx
+import React12 from "react";
+import { ReactAsset as ReactAsset5 } from "@player-ui/react";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Separator.tsx
+import * as React11 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+var Separator = React11.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/info/Info.tsx
+var Info = (props) => {
+  return /* @__PURE__ */ React12.createElement("div", { className: "max-w-full" }, /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col gap-4" }, props.title && /* @__PURE__ */ React12.createElement("h1", { className: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl" }, /* @__PURE__ */ React12.createElement(ReactAsset5, { ...props.title })), props.subTitle && /* @__PURE__ */ React12.createElement("h3", { className: "scroll-m-20 text-2xl font-semibold tracking-tight" }, /* @__PURE__ */ React12.createElement(ReactAsset5, { ...props.subTitle })), props.primaryInfo && /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(ReactAsset5, { ...props.primaryInfo })), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col gap-4" }, props?.segmentedActions && /* @__PURE__ */ React12.createElement(Separator, null), /* @__PURE__ */ React12.createElement("div", { className: "flex justify-between sm:flex-row flex-col-reverse gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex gap-4" }, props?.segmentedActions?.prev?.map((a) => /* @__PURE__ */ React12.createElement(ReactAsset5, { key: a.asset.id, ...a }))), /* @__PURE__ */ React12.createElement("div", { className: "flex gap-4" }, props?.segmentedActions?.next?.map((a) => /* @__PURE__ */ React12.createElement(ReactAsset5, { key: a.asset.id, ...a })))))));
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/image/Image.tsx
+import React13 from "react";
+import { ReactAsset as ReactAsset6 } from "@player-ui/react";
+var Image = (props) => {
+  const { metaData, caption, altText } = props;
+  return /* @__PURE__ */ React13.createElement("figure", { className: "figure" }, /* @__PURE__ */ React13.createElement("img", { className: "figure-img img-fluid", src: metaData.ref, alt: altText }), caption && /* @__PURE__ */ React13.createElement("figcaption", { className: "figure-caption", style: { marginTop: 15 } }, /* @__PURE__ */ React13.createElement(ReactAsset6, { ...caption })));
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/choice/Choice.tsx
+import React15 from "react";
+import { ReactAsset as ReactAsset8 } from "@player-ui/react";
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/ChoiceItem.tsx
+import React14 from "react";
+import { ReactAsset as ReactAsset7 } from "@player-ui/react";
+var ChoiceItem = (props) => {
+  const { label, id, ...rest } = props;
+  return /* @__PURE__ */ React14.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React14.createElement(
+    Input,
+    {
+      type: "radio",
+      className: "h-fit w-fit shadow-none",
+      id,
+      ...rest
+    }
+  ), label && /* @__PURE__ */ React14.createElement(Label, { htmlFor: id }, /* @__PURE__ */ React14.createElement(ReactAsset7, { ...label })));
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/choice/hooks.tsx
+import { useBeacon as useBeacon3 } from "@player-ui/beacon-plugin-react";
+var useChoiceItems = (props) => {
+  const beacon = useBeacon3({
+    asset: props,
+    action: "clicked",
+    element: "choice"
+  });
+  return props.items?.map((item) => {
+    const { id, value, label } = item;
+    return {
+      id,
+      label,
+      name: props.id,
+      value: (value ?? "").toString(),
+      checked: value === props.value,
+      onChange: () => {
+        beacon();
+        item.select();
+      }
+    };
+  }) ?? [];
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/choice/Choice.tsx
+var Choice = (props) => {
+  const { validation, title, id, note } = props;
+  const choiceItemProps = useChoiceItems(props);
+  const renderChoices = () => choiceItemProps.map((choiceItemProp) => /* @__PURE__ */ React15.createElement(ChoiceItem, { key: choiceItemProp.id, ...choiceItemProp }));
+  return /* @__PURE__ */ React15.createElement("div", { className: "grid w-full max-w-sm items-center gap-3" }, title && /* @__PURE__ */ React15.createElement(Label, { htmlFor: id }, /* @__PURE__ */ React15.createElement(ReactAsset8, { ...title })), /* @__PURE__ */ React15.createElement(
+    "div",
+    {
+      id: props.id,
+      className: "grid gap-2",
+      "aria-invalid": Boolean(validation),
+      "aria-describedby": validation ? `${id}-validation` : void 0
+    },
+    renderChoices()
+  ), validation && /* @__PURE__ */ React15.createElement(
+    Label,
+    {
+      id: `${id}-validation`,
+      className: "text-[0.8rem] font-medium text-destructive"
+    },
+    validation.message
+  ), note && /* @__PURE__ */ React15.createElement(Label, { className: "text-[0.8rem] text-muted-foreground" }, /* @__PURE__ */ React15.createElement(ReactAsset8, { ...note })));
+};
+
+// ../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/plugin.tsx
+var ReferenceAssetsPlugin = class {
+  constructor() {
+    this.name = "reference-assets-web-plugin";
+  }
+  applyReact(reactPlayer) {
+    reactPlayer.registerPlugin(
+      new AssetProviderPlugin([
+        ["input", Input2],
+        ["text", Text],
+        ["action", Action],
+        ["info", Info],
+        ["collection", Collection],
+        ["image", Image],
+        ["choice", Choice]
+      ])
+    );
+  }
+  apply(player) {
+    player.registerPlugin(new ReferenceAssetsCorePlugin());
+  }
+};
+export {
+  Action,
+  Choice,
+  Collection,
+  Image,
+  Info,
+  Input2 as Input,
+  ReferenceAssetsPlugin,
+  Text,
+  TextModifierContext,
+  getConfig,
+  getLinkModifier,
+  useAction,
+  useChoiceItems,
+  useInputAsset,
+  useInputBeacon,
+  useText
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/plugin.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/input/Input.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Input.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/utils.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Label.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/input/hooks.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/text/Text.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/text/hooks.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/collection/Collection.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/action/Action.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/action/hooks.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Button.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/info/Info.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/Separator.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/image/Image.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/choice/Choice.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/components/ChoiceItem.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/react/src/assets/choice/hooks.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n  ReactPlayer,\n  ReactPlayerPlugin,\n  Player,\n  ExtendedPlayerPlugin,\n} from \"@player-ui/react\";\nimport { AssetProviderPlugin } from \"@player-ui/asset-provider-plugin-react\";\nimport type {\n  InputAsset,\n  TextAsset,\n  CollectionAsset,\n  ActionAsset,\n  InfoAsset,\n  ChoiceAsset,\n} from \"@player-ui/reference-assets-plugin\";\nimport { ReferenceAssetsPlugin as ReferenceAssetsCorePlugin } from \"@player-ui/reference-assets-plugin\";\nimport { Input, Text, Collection, Action, Info, Image, Choice } from \"./assets\";\n\n/**\n * A plugin to register the base reference assets\n */\nexport class ReferenceAssetsPlugin\n  implements\n    ReactPlayerPlugin,\n    ExtendedPlayerPlugin<\n      [InputAsset, TextAsset, ActionAsset, CollectionAsset, ChoiceAsset],\n      [InfoAsset]\n    >\n{\n  name = \"reference-assets-web-plugin\";\n\n  applyReact(reactPlayer: ReactPlayer) {\n    reactPlayer.registerPlugin(\n      new AssetProviderPlugin([\n        [\"input\", Input],\n        [\"text\", Text],\n        [\"action\", Action],\n        [\"info\", Info],\n        [\"collection\", Collection],\n        [\"image\", Image],\n        [\"choice\", Choice],\n      ]),\n    );\n  }\n\n  apply(player: Player) {\n    player.registerPlugin(new ReferenceAssetsCorePlugin());\n  }\n}\n","import React from \"react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport type { TransformedInput } from \"@player-ui/reference-assets-plugin\";\nimport { Input as InputComp } from \"../../components/Input\";\nimport { Label } from \"../../components/Label\";\n\nimport { useInputAsset } from \"./hooks\";\n\n/** An Input */\nexport const Input = (props: TransformedInput) => {\n  const { validation, label, id, note } = props;\n  const inputProps = useInputAsset(props);\n\n  return (\n    <div className=\"grid w-full max-w-sm items-center gap-1.5\">\n      {label && (\n        <Label htmlFor={id}>\n          <ReactAsset {...label} />\n        </Label>\n      )}\n      <InputComp\n        id={id}\n        aria-invalid={Boolean(validation)}\n        aria-describedby={validation ? `${id}-validation` : undefined}\n        {...inputProps}\n      />\n      {validation && (\n        <Label\n          id={`${id}-validation`}\n          className=\"text-[0.8rem] font-medium text-destructive\"\n        >\n          {validation.message}\n        </Label>\n      )}\n      {note && (\n        <Label className=\"text-[0.8rem] text-muted-foreground\">\n          <ReactAsset {...note} />\n        </Label>\n      )}\n    </div>\n  );\n};\n\nexport default Input;\n","/* eslint-disable @typescript-eslint/no-empty-interface */\nimport * as React from \"react\";\n\nimport { cn } from \"../utils\";\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils\";\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n);\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n","import React from \"react\";\nimport { useBeacon } from \"@player-ui/beacon-plugin-react\";\nimport type { TransformedInput } from \"@player-ui/reference-assets-plugin\";\nimport type { KeyDownHandler } from \"./types\";\n\nexport interface InputHookConfig {\n  /** Format the input as the user keys down */\n  liveFormat?: boolean;\n\n  /** Skip sending beacon events for this input */\n  suppressBeacons?: boolean;\n\n  /** Time (ms) to wait before formatting the user input for normal keys */\n  quickFormatDelay?: number;\n\n  /** Time (ms) to wait before formatting the input after the user types a special _slow_ format key */\n  slowFormatDelay?: number;\n\n  /** Keys to use a slower formatter for. Usually reserved for backspace, arrows, tabs, etc */\n  slowFormatKeys?: Array<number | string>;\n\n  /** Symbol to be used for decimal point */\n  decimalSymbol?: string;\n\n  /** Affix to append to value - does not save to model and is only for display on input */\n  prefix?: string;\n\n  /** Affix to prepend to value - does not save to model and is only for display on input */\n  suffix?: string;\n}\n\nconst defaultKeyStrings = [\n  \"Delete\",\n  \"Backspace\",\n  \"Tab\",\n  \"Home\",\n  \"End\",\n  \"ArrowLeft\",\n  \"ArrowRight\",\n  \"ArrowUp\",\n  \"ArrowDown\",\n  \"Escape\",\n];\n\n/** Create a valid config mixing in defaults and user overrides */\nexport const getConfig = (\n  userConfig: InputHookConfig = {},\n): Required<InputHookConfig> => {\n  return {\n    liveFormat: true,\n    suppressBeacons: false,\n    quickFormatDelay: 200,\n    slowFormatDelay: 1000,\n    slowFormatKeys: defaultKeyStrings,\n    decimalSymbol: \".\",\n    prefix: \"\",\n    suffix: \"\",\n    ...userConfig,\n  };\n};\n\n/** A hook to manage beacon changes for input assets */\nexport const useInputBeacon = (props: TransformedInput) => {\n  const beaconHandler = useBeacon({ element: \"text_input\", asset: props });\n\n  return (newValue: string) => {\n    let action = \"modified\";\n\n    if (newValue === props.value) {\n      return;\n    }\n\n    if (newValue && !props.value) {\n      action = \"added\";\n    } else if (!newValue && props.value) {\n      action = \"deleted\";\n    }\n\n    beaconHandler({ action });\n  };\n};\n\n/**\n * A hook to manage an input html element as an asset.\n * The hook returns an object containing props that are expected to reside on any html input.\n * It will handle formatting, setting values, beaconing, aria-labels, etc.\n *\n * @param props - The output of the input transform\n * @param config - Local config to manage user interaction overrides\n */\nexport const useInputAsset = (\n  props: TransformedInput,\n  config?: InputHookConfig,\n) => {\n  const [localValue, setLocalValue] = React.useState(props.value ?? \"\");\n  const formatTimerRef = React.useRef<NodeJS.Timeout | undefined>(undefined);\n  const inputBeacon = useInputBeacon(props);\n\n  const {\n    liveFormat,\n    suppressBeacons,\n    quickFormatDelay,\n    slowFormatDelay,\n    slowFormatKeys,\n    decimalSymbol,\n    prefix,\n    suffix,\n  } = getConfig(config);\n\n  /** Reset and pending format timers */\n  function clearPending() {\n    if (formatTimerRef.current) {\n      clearTimeout(formatTimerRef.current);\n      formatTimerRef.current = undefined;\n    }\n  }\n\n  /** Determines whether pressed key should trigger slow format or quick format delay */\n  function getFormatDelaySpeed(e: React.KeyboardEvent<HTMLInputElement>) {\n    const key = slowFormatKeys.every((k) => typeof k === \"number\")\n      ? e.which\n      : e.key;\n\n    return slowFormatKeys.includes(key) ? slowFormatDelay : quickFormatDelay;\n  }\n\n  /** Affix handling logic on focus */\n  function handleAffixOnFocus(target: HTMLInputElement) {\n    let val = target.value;\n\n    if (suffix) val = val.substring(0, val.indexOf(suffix));\n\n    if (prefix && !val.includes(prefix)) {\n      val = `${prefix}${val}`;\n    }\n\n    return val;\n  }\n\n  /** Edge cases handling for prefix */\n  function handlePrefixEdgeCases(e: React.KeyboardEvent<HTMLInputElement>) {\n    const target = e.target as HTMLInputElement;\n    const start = target.selectionStart;\n    const end = target.selectionEnd;\n    const pl = prefix.length;\n    const atStart = start === pl;\n    const atEnd = end === pl;\n\n    if (start && end && start < pl) {\n      e.preventDefault();\n      target.setSelectionRange(pl, end - start + pl);\n    } else if (\n      (e.key === \"ArrowLeft\" && atStart) ||\n      (e.key === \"Backspace\" && atStart && atEnd) ||\n      e.key === \"Home\"\n    ) {\n      e.preventDefault();\n      target.setSelectionRange(prefix.length, prefix.length);\n    }\n  }\n\n  /** Helper to add affixes to value where appropriate  */\n  function formatValueWithAffix(value: string | undefined) {\n    if (!value) return \"\";\n\n    return `${prefix}${value}${suffix}`;\n  }\n\n  /** Value handling logic on key down */\n  const onKeyDownHandler: KeyDownHandler = (currentValue: string) => {\n    const symbolPosition = currentValue.indexOf(decimalSymbol);\n    const newValue = props.format(currentValue) ?? \"\";\n    const newSymbolPosition = newValue.indexOf(decimalSymbol);\n\n    if (\n      (symbolPosition === -1 || symbolPosition === 0) &&\n      newSymbolPosition > 0\n    ) {\n      // formatting added dot, so set cursor before dot\n      return {\n        newValue: newValue.includes(prefix)\n          ? `${newValue}`\n          : `${prefix}${newValue}`,\n        newCursorPosition: newValue.includes(prefix)\n          ? newSymbolPosition\n          : newSymbolPosition + prefix.length,\n      };\n    }\n\n    return {\n      newValue: newValue.includes(prefix)\n        ? `${newValue}`\n        : `${prefix}${newValue}`,\n    };\n  };\n\n  /** On blur, commit the value to the model */\n  const onBlur: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    clearPending();\n\n    const formatted =\n      (prefix\n        ? e.target.value.replace(prefix, \"\")\n        : props.format(e.target.value)) ?? \"\";\n\n    if (formatted) {\n      props.set(formatted);\n      setLocalValue(formatValueWithAffix(formatted));\n    } else {\n      props.set(\"\");\n      setLocalValue(\"\");\n    }\n\n    if (!suppressBeacons) {\n      inputBeacon(formatted);\n    }\n  };\n\n  /** Keep track of any user changes */\n  const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    setLocalValue(e.target.value);\n  };\n\n  /** Schedule a format of the current input in the future */\n  const onKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (e) => {\n    clearPending();\n\n    if (prefix) handlePrefixEdgeCases(e);\n\n    const target = e.target as HTMLInputElement;\n\n    if (liveFormat) {\n      formatTimerRef.current = setTimeout(() => {\n        const cursorPosition = target.selectionStart;\n        const currentValue = target.value;\n\n        /** Skip formatting if we're in the middle of the input */\n        if (cursorPosition !== currentValue.length) {\n          return;\n        }\n\n        const obj = onKeyDownHandler(currentValue);\n\n        setLocalValue(obj.newValue);\n        target.selectionStart = obj.newCursorPosition ?? target.selectionStart;\n        target.selectionEnd = obj.newCursorPosition ?? target.selectionEnd;\n      }, getFormatDelaySpeed(e));\n    }\n  };\n\n  /** Format value onFocus if affixes exist */\n  const onFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {\n    const target = e.target as HTMLInputElement;\n    const inputEmpty = target.value === \"\";\n\n    if ((!inputEmpty && suffix) || (inputEmpty && prefix)) {\n      setLocalValue(handleAffixOnFocus(target));\n    }\n  };\n\n  // Update the stored value if data changes\n  const propsValue = props.value;\n  React.useEffect(() => {\n    setLocalValue(formatValueWithAffix(propsValue));\n  }, [propsValue]);\n\n  /** clear anything pending on unmount of input */\n  React.useEffect(() => clearPending, []);\n\n  return {\n    onBlur,\n    onChange,\n    onKeyDown,\n    onFocus,\n    value: localValue,\n  };\n};\n","import React from \"react\";\nimport type {\n  TextAsset,\n  LinkModifier,\n} from \"@player-ui/reference-assets-plugin\";\nimport { useText } from \"./hooks\";\n\n/** Find any link modifiers on the text */\nexport const getLinkModifier = (asset: TextAsset): LinkModifier | undefined => {\n  return asset.modifiers?.find(\n    (mod) =>\n      mod.type === \"link\" &&\n      (mod.metaData as LinkModifier[\"metaData\"])?.ref !== undefined,\n  ) as LinkModifier;\n};\n\n/** A text asset */\nexport const Text = (props: TextAsset) => {\n  const spanProps = useText(props);\n  const linkModifier = getLinkModifier(props);\n  const { value } = props;\n\n  if (linkModifier) {\n    return (\n      <a\n        className=\"underline text-blue-600 hover:text-blue-800 visited:text-purple-600\"\n        href={linkModifier.metaData.ref}\n      >\n        {value}\n      </a>\n    );\n  }\n\n  return <span {...spanProps}>{value}</span>;\n};\n","import React, { useContext } from \"react\";\nimport makeClass from \"clsx\";\nimport { useAssetProps } from \"@player-ui/react\";\nimport type { TextAsset } from \"@player-ui/reference-assets-plugin\";\n\nexport interface TextModifierContextType {\n  getClassForModifier?<T>(modifier: T): string | undefined;\n}\n\nexport const TextModifierContext = React.createContext<\n  TextModifierContextType | undefined\n>(undefined);\n\n/** Get the props for a basic text element */\nexport const useText = (props: TextAsset): JSX.IntrinsicElements[\"span\"] => {\n  let className: string | undefined;\n\n  const modifierContext = useContext(TextModifierContext);\n\n  if (props.modifiers && modifierContext?.getClassForModifier) {\n    className = makeClass(\n      ...props.modifiers.map(modifierContext.getClassForModifier),\n    );\n  }\n\n  return {\n    ...useAssetProps(props),\n    className,\n    children: props.value,\n  };\n};\n","import React from \"react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport type { CollectionAsset } from \"@player-ui/reference-assets-plugin\";\n\nexport const Collection = (props: CollectionAsset) => {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      {props.label && (\n        <h3>\n          <ReactAsset {...props.label} />\n        </h3>\n      )}\n      {props.values?.map((a) => <ReactAsset key={a.asset.id} {...a} />)}\n    </div>\n  );\n};\n","import React from \"react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport { ChevronLeftIcon } from \"lucide-react\";\nimport type { TransformedAction } from \"@player-ui/reference-assets-plugin\";\nimport { isBackAction } from \"@player-ui/reference-assets-plugin\";\nimport { useAction } from \"./hooks\";\nimport { Button } from \"../../components/Button\";\n\n/**\n * An action that a user can take\n */\nexport const Action = (props: TransformedAction) => {\n  const { label } = props;\n  const buttonProps = useAction(props);\n\n  return (\n    <div>\n      <Button\n        variant={isBackAction(props) ? \"outline\" : undefined}\n        {...buttonProps}\n      >\n        {props?.metaData?.role === \"back\" && <ChevronLeftIcon />}\n        {label && <ReactAsset {...label} />}\n      </Button>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport { useBeacon } from \"@player-ui/beacon-plugin-react\";\nimport type { TransformedAction } from \"@player-ui/reference-assets-plugin\";\n\n/** Hook to get all the props for a button */\nexport const useAction = (props: TransformedAction) => {\n  const { label } = props;\n  const beacon = useBeacon({\n    asset: props,\n    action: \"clicked\",\n    element: \"button\",\n  });\n\n  return {\n    id: props.id,\n    onClick: () => {\n      beacon();\n      props.run();\n    },\n    children: label?.asset ? <ReactAsset {...label?.asset} /> : null,\n  } as const;\n};\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import React from \"react\";\nimport type { InfoAssetTransform } from \"@player-ui/reference-assets-plugin\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport { Separator } from \"../../components/Separator\";\n\n/** The info view type is used to show information to the user */\nexport const Info = (props: InfoAssetTransform) => {\n  return (\n    <div className=\"max-w-full\">\n      <div className=\"flex flex-col gap-4\">\n        {props.title && (\n          <h1 className=\"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\">\n            <ReactAsset {...props.title} />\n          </h1>\n        )}\n        {props.subTitle && (\n          <h3 className=\"scroll-m-20 text-2xl font-semibold tracking-tight\">\n            <ReactAsset {...props.subTitle} />\n          </h3>\n        )}\n        {props.primaryInfo && (\n          <div>\n            <ReactAsset {...props.primaryInfo} />\n          </div>\n        )}\n        <div className=\"flex flex-col gap-4\">\n          {props?.segmentedActions && <Separator />}\n          <div className=\"flex justify-between sm:flex-row flex-col-reverse gap-4\">\n            <div className=\"flex gap-4\">\n              {props?.segmentedActions?.prev?.map((a) => (\n                <ReactAsset key={a.asset.id} {...a} />\n              ))}\n            </div>\n            <div className=\"flex gap-4\">\n              {props?.segmentedActions?.next?.map((a) => (\n                <ReactAsset key={a.asset.id} {...a} />\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"../utils\";\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  SeparatorPrimitive.SeparatorProps\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref,\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n","import React from \"react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport type { TransformedImage } from \"@player-ui/reference-assets-plugin\";\n\nexport const Image = (props: TransformedImage) => {\n  const { metaData, caption, altText } = props;\n\n  return (\n    <figure className=\"figure\">\n      <img className=\"figure-img img-fluid\" src={metaData.ref} alt={altText} />\n      {caption && (\n        <figcaption className=\"figure-caption\" style={{ marginTop: 15 }}>\n          <ReactAsset {...caption} />\n        </figcaption>\n      )}\n    </figure>\n  );\n};\n","import React from \"react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport type { TransformedChoice } from \"@player-ui/reference-assets-plugin\";\nimport { ChoiceItem } from \"../../components/ChoiceItem\";\nimport { Label } from \"../../components/Label\";\nimport type { ChoiceItemProps } from \"../../components/ChoiceItem\";\n\nimport { useChoiceItems } from \"./hooks\";\n\n/** A Choice */\nexport const Choice = (props: TransformedChoice) => {\n  const { validation, title, id, note } = props;\n  const choiceItemProps: Array<ChoiceItemProps> = useChoiceItems(props);\n\n  const renderChoices = () =>\n    choiceItemProps.map((choiceItemProp) => (\n      <ChoiceItem key={choiceItemProp.id} {...choiceItemProp} />\n    ));\n\n  return (\n    <div className=\"grid w-full max-w-sm items-center gap-3\">\n      {title && (\n        <Label htmlFor={id}>\n          <ReactAsset {...title} />\n        </Label>\n      )}\n      <div\n        id={props.id}\n        className=\"grid gap-2\"\n        aria-invalid={Boolean(validation)}\n        aria-describedby={validation ? `${id}-validation` : undefined}\n      >\n        {renderChoices()}\n      </div>\n      {validation && (\n        <Label\n          id={`${id}-validation`}\n          className=\"text-[0.8rem] font-medium text-destructive\"\n        >\n          {validation.message}\n        </Label>\n      )}\n      {note && (\n        <Label className=\"text-[0.8rem] text-muted-foreground\">\n          <ReactAsset {...note} />\n        </Label>\n      )}\n    </div>\n  );\n};\n\nexport default Choice;\n","import React from \"react\";\nimport { ReactAsset } from \"@player-ui/react\";\nimport { Input as InputComp } from \"./Input\";\nimport { Label } from \"./Label\";\nimport type { ChoiceItem as ChoiceItemType } from \"@player-ui/reference-assets-plugin\";\n\nexport type ChoiceItemProps = React.InputHTMLAttributes<HTMLInputElement> &\n  Pick<ChoiceItemType, \"label\">;\n\n/** A choice item */\nexport const ChoiceItem = (props: ChoiceItemProps) => {\n  const { label, id, ...rest } = props;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <InputComp\n        type=\"radio\"\n        className=\"h-fit w-fit shadow-none\"\n        id={id}\n        {...rest}\n      />\n      {label && (\n        <Label htmlFor={id}>\n          <ReactAsset {...label} />\n        </Label>\n      )}\n    </div>\n  );\n};\n\nexport default ChoiceItem;\n","import { useBeacon } from \"@player-ui/beacon-plugin-react\";\nimport type {\n  TransformedChoice,\n  TransformedChoiceItem,\n} from \"@player-ui/reference-assets-plugin\";\nimport type { ChoiceItemProps } from \"../../components/ChoiceItem\";\n\n/** Hook to get the props for all choice asset items */\nexport const useChoiceItems = (\n  props: TransformedChoice,\n): Array<ChoiceItemProps> => {\n  const beacon = useBeacon({\n    asset: props,\n    action: \"clicked\",\n    element: \"choice\",\n  });\n\n  return (\n    props.items?.map((item: TransformedChoiceItem) => {\n      const { id, value, label } = item;\n      return {\n        id,\n        label,\n        name: props.id,\n        value: (value ?? \"\").toString(),\n        checked: value === props.value,\n        onChange: () => {\n          beacon();\n          item.select();\n        },\n      };\n    }) ?? []\n  );\n};\n"],"mappings":"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","names":["React","React","React","Input","React","React","React","React","React","ReactAsset","React","ReactAsset","React","ReactAsset","useBeacon","React","cva","cva","React","ReactAsset","React","ReactAsset","React","React","ReactAsset","React","ReactAsset","React","ReactAsset","React","ReactAsset","React","ReactAsset","useBeacon","React","ReactAsset","Input"]}