@player-ui/react 0.15.0-next.3 → 0.15.0-next.4

package/dist/cjs/index.cjs

@@ -32,6 +32,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   AssetContext: () => AssetContext,
+  AssetRenderError: () => AssetRenderError,
   ManagedPlayer: () => ManagedPlayer,
   PlayerContext: () => PlayerContext,
   ReactAsset: () => ReactAsset,
@@ -61,16 +62,54 @@ var import_tapable_ts = require("tapable-ts");
 var import_react_subscribe = require("@player-ui/react-subscribe");
 var import_partial_match_registry = require("@player-ui/partial-match-registry");
 var import_player2 = require("@player-ui/player");
-var import_react_error_boundary = require("react-error-boundary");
+var import_react_error_boundary2 = require("react-error-boundary");
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx
 var import_react = __toESM(require("react"));
 var import_leven = __toESM(require("leven"));
+var import_react_error_boundary = require("react-error-boundary");
+
+// ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/AssetRenderError.ts
+var AssetRenderError = class extends Error {
+  constructor(rootAsset, message, innerException) {
+    super(message);
+    this.rootAsset = rootAsset;
+    this.innerException = innerException;
+    this.assetParentPath = [];
+    this.initialMessage = message ?? "";
+    this.innerExceptionMessage = innerException instanceof Error ? innerException.message : String(innerException);
+    if (this.innerExceptionMessage) {
+      this.initialMessage = this.initialMessage.concat(
+        "\nCaused by: ",
+        this.innerExceptionMessage
+      );
+    }
+    this.message = this.initialMessage;
+  }
+  updateMessage() {
+    this.message = `${this.initialMessage}
+${this.getAssetPathMessage()}
+`;
+  }
+  getAssetPathMessage() {
+    return `Exception occurred in asset with id '${this.rootAsset.id}' of type '${this.rootAsset.type}'${this.assetParentPath.map((c) => `
+	Found in (id: '${c.id}', type: '${c.type}')`)}`;
+  }
+  addAssetParent(asset) {
+    this.assetParentPath.push(asset);
+    this.updateMessage();
+  }
+};
+
+// ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx
 var AssetContext = import_react.default.createContext({});
+var isAssetUnwrapped = (props) => {
+  return "type" in props && "id" in props;
+};
 var ReactAsset = (props) => {
   const { registry } = import_react.default.useContext(AssetContext);
   let unwrapped;
-  if ("type" in props && "id" in props) {
+  if (isAssetUnwrapped(props)) {
     unwrapped = props;
   } else if ("asset" in props) {
     unwrapped = props.asset;
@@ -125,7 +164,25 @@ var ReactAsset = (props) => {
       ${JSON.stringify(matchList)}`
     );
   }
-  return /* @__PURE__ */ import_react.default.createElement(Impl, { key: unwrapped.id, ...unwrapped });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_error_boundary.ErrorBoundary,
+    {
+      fallbackRender: (props2) => {
+        const { error } = props2;
+        if (error instanceof AssetRenderError) {
+          error.addAssetParent(unwrapped);
+          throw error;
+        } else {
+          throw new AssetRenderError(
+            unwrapped,
+            "Failed to render asset",
+            error
+          );
+        }
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(Impl, { key: unwrapped.id, ...unwrapped })
+  );
 };
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/player-context.ts
@@ -322,7 +379,7 @@ var ReactPlayer2 = class {
     const BaseComp = this.hooks.webComponent.call(this.createReactComp());
     const ReactPlayerComponent = (props) => {
       return /* @__PURE__ */ import_react4.default.createElement(
-        import_react_error_boundary.ErrorBoundary,
+        import_react_error_boundary2.ErrorBoundary,
         {
           fallbackRender: () => null,
           onError: (err) => {
@@ -720,6 +777,7 @@ var ManagedPlayer = (props) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AssetContext,
+  AssetRenderError,
   ManagedPlayer,
   PlayerContext,
   ReactAsset,

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/index.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/player.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/player-context.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/use-logger.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/use-asset-props.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/helpers.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/url.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/shared-constants.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/app.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/plugins/onupdate-plugin.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/hooks.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/plugins/tapstate-plugin.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/manager/managed-player.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/manager/request-time.tsx"],"sourcesContent":["export * from \"@player-ui/player\";\nexport * from \"./player\";\nexport * from \"./hooks\";\nexport * from \"./manager/managed-player\";\nexport * from \"./manager/request-time\";\nexport * from \"./manager/types\";\nexport * from \"./asset\";\nexport * from \"./utils\";\n","import React from \"react\";\nimport { SyncWaterfallHook, AsyncParallelHook } from \"tapable-ts\";\nimport { Subscribe, useSubscribedState } from \"@player-ui/react-subscribe\";\nimport { Registry } from \"@player-ui/partial-match-registry\";\nimport type {\n  CompletedState,\n  PlayerPlugin,\n  Flow,\n  View,\n  PlayerInfo,\n} from \"@player-ui/player\";\nimport { Player } from \"@player-ui/player\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport type { AssetRegistryType } from \"./asset\";\nimport { AssetContext } from \"./asset\";\nimport { PlayerContext } from \"./utils\";\n\nimport type { ReactPlayerProps } from \"./app\";\nimport { ReactPlayer as PlayerComp } from \"./app\";\nimport { OnUpdatePlugin } from \"./plugins/onupdate-plugin\";\n\nexport interface DevtoolsGlobals {\n  /** A global for a plugin to load to Player for devtools */\n  __PLAYER_DEVTOOLS_PLUGIN?: {\n    new (): ReactPlayerPlugin;\n  };\n}\n\nexport type DevtoolsWindow = typeof window & DevtoolsGlobals;\n\nconst _window: DevtoolsWindow | undefined =\n  typeof window === \"undefined\" ? undefined : window;\n\n// Alias until more properties are added\nexport type ReactPlayerInfo = PlayerInfo;\n\nexport interface ReactPlayerPlugin extends Partial<PlayerPlugin> {\n  /** The name of this plugin */\n  name: string;\n\n  /**\n   * Attach listeners to the web-player instance\n   */\n  applyReact?: (reactPlayer: ReactPlayer) => void;\n}\n\nexport interface ReactPlayerOptions {\n  /** A headless player instance to use */\n  player?: Player;\n\n  /** A set of plugins to apply to this player */\n  plugins?: Array<ReactPlayerPlugin>;\n}\n\nexport type ReactPlayerComponentProps = Record<string, unknown>;\n\n/** A Player that renders UI through React */\nexport class ReactPlayer {\n  public readonly options: ReactPlayerOptions;\n  public readonly player: Player;\n  public readonly assetRegistry: AssetRegistryType = new Registry();\n  public readonly Component: React.ComponentType<ReactPlayerComponentProps>;\n  public readonly hooks: {\n    /**\n     * A hook to create a React Component to be used for Player, regardless of the current flow state\n     */\n    webComponent: SyncWaterfallHook<[React.ComponentType], Record<string, any>>;\n    /**\n     * A hook to create a React Component that's used to render a specific view.\n     * It will be called for each view update from the core player.\n     * Typically this will just be `Asset`\n     */\n    playerComponent: SyncWaterfallHook<\n      [React.ComponentType<ReactPlayerProps>],\n      Record<string, any>\n    >;\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: AsyncParallelHook<[], Record<string, any>>;\n  } = {\n    /**\n     * A hook to create a React Component to be used for Player, regardless of the current flow state\n     */\n    webComponent: new SyncWaterfallHook(),\n\n    /**\n     * A hook to create a React Component that's used to render a specific view.\n     * It will be called for each view update from the core player.\n     * Typically this will just be `Asset`\n     */\n    playerComponent: new SyncWaterfallHook(),\n\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: new AsyncParallelHook(),\n  };\n\n  public readonly viewUpdateSubscription = new Subscribe<View>();\n  private reactPlayerInfo: ReactPlayerInfo;\n\n  constructor(options?: ReactPlayerOptions) {\n    this.options = options ?? {};\n\n    const Devtools = _window?.__PLAYER_DEVTOOLS_PLUGIN;\n    const onUpdatePlugin = new OnUpdatePlugin(\n      this.viewUpdateSubscription.publish,\n    );\n\n    const plugins = options?.plugins ?? [];\n\n    if (Devtools) {\n      plugins.push(new Devtools());\n    }\n\n    const playerPlugins = plugins.filter((p) =>\n      Boolean(p.apply),\n    ) as PlayerPlugin[];\n\n    this.player = options?.player ?? new Player({ plugins: playerPlugins });\n\n    plugins.forEach((plugin) => {\n      if (plugin.applyReact) {\n        plugin.applyReact(this);\n      }\n    });\n\n    onUpdatePlugin.apply(this.player);\n\n    this.Component = this.createReactPlayerComponent();\n    this.reactPlayerInfo = {\n      version: this.player.getVersion(),\n      commit: this.player.getCommit(),\n    };\n  }\n\n  /** Returns the current version Player */\n  public getPlayerVersion(): string {\n    return this.reactPlayerInfo.version;\n  }\n\n  /** Returns the git commit used to build this Player version */\n  public getPlayerCommit(): string {\n    return this.reactPlayerInfo.commit;\n  }\n\n  /** Find instance of [Plugin] that has been registered to the web player */\n  public findPlugin<Plugin extends ReactPlayerPlugin>(\n    symbol: symbol,\n  ): Plugin | undefined {\n    return this.options.plugins?.find((el) => el.symbol === symbol) as Plugin;\n  }\n\n  /** Register and apply [Plugin] if one with the same symbol is not already registered. */\n  public registerPlugin(plugin: ReactPlayerPlugin): void {\n    if (!plugin.applyReact) return;\n\n    plugin.applyReact(this);\n    this.options.plugins?.push(plugin);\n  }\n\n  /**\n   * Returns the current version of the running React Player\n   * @deprecated use `getPlayerVersion()` instead. Will be removed next major\n   */\n  public getReactPlayerVersion(): string {\n    return this.reactPlayerInfo.version;\n  }\n\n  /**\n   * Returns the git commit used to build the React Player version\n   * @deprecated use `getPlayerCommit()` instead. Will be removed next major\n   */\n  public getReactPlayerCommit(): string {\n    return this.reactPlayerInfo.commit;\n  }\n\n  private createReactPlayerComponent(): React.ComponentType<ReactPlayerComponentProps> {\n    const BaseComp = this.hooks.webComponent.call(this.createReactComp());\n\n    /** Wrap the Error boundary and context provider after the hook call to catch anything wrapped by the hook */\n    const ReactPlayerComponent = (props: ReactPlayerComponentProps) => {\n      return (\n        <ErrorBoundary\n          fallbackRender={() => null}\n          onError={(err) => {\n            const playerState = this.player.getState();\n\n            if (playerState.status === \"in-progress\") {\n              playerState.fail(err);\n            }\n          }}\n        >\n          <PlayerContext.Provider value={{ player: this.player }}>\n            <BaseComp {...props} />\n          </PlayerContext.Provider>\n        </ErrorBoundary>\n      );\n    };\n\n    return ReactPlayerComponent;\n  }\n\n  private createReactComp(): React.ComponentType<ReactPlayerComponentProps> {\n    const ActualPlayerComp = this.hooks.playerComponent.call(PlayerComp);\n\n    /** the component to use to render the player */\n    const WebPlayerComponent = () => {\n      const view = useSubscribedState<View>(this.viewUpdateSubscription);\n      this.viewUpdateSubscription.suspend();\n\n      return (\n        <AssetContext.Provider\n          value={{\n            registry: this.assetRegistry,\n          }}\n        >\n          {view && <ActualPlayerComp view={view} />}\n        </AssetContext.Provider>\n      );\n    };\n\n    return WebPlayerComponent;\n  }\n\n  /**\n   * Call this method to force the ReactPlayer to wait for the next view-update before performing the next render.\n   * If the `suspense` option is set, this will suspend while an update is pending, otherwise nothing will be rendered.\n   */\n  public setWaitForNextViewUpdate(): Promise<void> {\n    const shouldCallResetHook = this.hooks.onBeforeViewReset.isUsed();\n\n    return this.viewUpdateSubscription.reset(\n      shouldCallResetHook ? this.hooks.onBeforeViewReset.call() : undefined,\n    );\n  }\n\n  public start(flow: Flow): Promise<CompletedState> {\n    this.setWaitForNextViewUpdate();\n\n    return this.player.start(flow).finally(async () => {\n      await this.setWaitForNextViewUpdate();\n    });\n  }\n}\n\n// For compatibility\nexport const WebPlayer: typeof ReactPlayer = ReactPlayer;\n","import React from \"react\";\nimport leven from \"leven\";\nimport type { Asset as AssetType, AssetWrapper } from \"@player-ui/player\";\nimport type { Registry } from \"@player-ui/partial-match-registry\";\n\nexport type AssetRegistryType = Registry<React.ComponentType<any>>;\n\nexport interface ContextType {\n  /**\n   * A registry of Asset -> React Components\n   */\n  registry?: AssetRegistryType;\n}\n\nexport const AssetContext = React.createContext<ContextType>({});\n\n/**\n * A React Component that looks up an implementation from a registry\n */\nexport const ReactAsset = (\n  props: AssetType<string> | AssetWrapper<AssetType<string>>,\n) => {\n  const { registry } = React.useContext(AssetContext);\n\n  let unwrapped;\n\n  if (\"type\" in props && \"id\" in props) {\n    unwrapped = props;\n  } else if (\"asset\" in props) {\n    unwrapped = (props as unknown as AssetWrapper).asset;\n  }\n\n  if (!unwrapped) {\n    throw Error(\n      `Cannot determine asset type for props: ${JSON.stringify(props)}`,\n    );\n  }\n\n  if (typeof unwrapped !== \"object\") {\n    throw Error(\n      `Asset was not an object got (${typeof unwrapped}) instead: ${unwrapped}`,\n    );\n  }\n\n  if (unwrapped.type === undefined) {\n    const info =\n      unwrapped.id === undefined\n        ? JSON.stringify(props)\n        : `id: ${unwrapped.id}`;\n    throw Error(`Asset is missing type for ${info}`);\n  }\n\n  if (!registry || registry.isRegistryEmpty()) {\n    throw Error(`No asset found in registry. This could happen for one of the following reasons: \\n\n      1. You might have no assets registered or no plugins added to the Player instance. \\n\n      2. You might have mismatching versions of React Asset Registry Context. \\n\n      See https://player-ui.github.io/latest/tools/cli#player-dependency-versions-check for tips about how to debug and fix this problem`);\n  }\n\n  const Impl = registry?.get(unwrapped);\n\n  if (!Impl) {\n    const matchList: object[] = [];\n\n    registry.forEach((asset) => {\n      matchList.push(asset.key);\n    });\n\n    const typeList = matchList.map(\n      (match) => JSON.parse(JSON.stringify(match)).type,\n    );\n\n    const similarType = typeList.reduce((prev, curr) => {\n      const next = {\n        value: leven(unwrapped.type, curr),\n        type: curr,\n      };\n\n      if (prev !== undefined && prev.value < next.value) {\n        return prev;\n      }\n\n      return next;\n    }, undefined);\n\n    throw Error(\n      `No implementation found for id: ${unwrapped.id} type: ${unwrapped.type}. Did you mean ${similarType.type}? \\n \n      Registered Asset matching functions are listed below: \\n\n      ${JSON.stringify(matchList)}`,\n    );\n  }\n\n  return <Impl key={unwrapped.id} {...unwrapped} />;\n};\n","import React from \"react\";\nimport type { Player, NavigationFlowViewState } from \"@player-ui/player\";\n\nexport interface PlayerContextType {\n  /**\n   * An instance of a headless player\n   */\n  player?: Player;\n\n  /** The currently rendered view state */\n  viewState?: NavigationFlowViewState;\n}\n\nexport const PlayerContext = React.createContext<PlayerContextType>({});\n\n/**\n * A hook to get the current player\n */\nexport const usePlayer = () => {\n  const { player } = React.useContext(PlayerContext);\n\n  return player;\n};\n","import type { Logger } from \"@player-ui/player\";\nimport { NoopLogger } from \"@player-ui/player\";\nimport { usePlayer } from \"./player-context\";\n\nconst noopLogger = new NoopLogger();\n\n/**\n * A hook to get the logger instance from the current player\n */\nexport function useLogger(): Logger {\n  const player = usePlayer();\n\n  return player?.logger ?? noopLogger;\n}\n","import type { Asset } from \"@player-ui/player\";\n\n/** Common props for any dom node */\nexport function useAssetProps(asset: Asset) {\n  return {\n    id: asset.id,\n    \"data-asset-type\": asset.type,\n  };\n}\n","/**\n * Trim leading and trailing slashes from string\n */\nexport function trimSlashes(str: string) {\n  return str.replace(/^\\/+|\\/+$/g, \"\");\n}\n\n/**\n * Removes any key: value pairs from an object when the value is null or undefined\n */\nexport function removeEmptyValuesFromObject(\n  obj: Record<string, any>,\n): Record<string, NonNullable<any>> {\n  return Object.keys(obj).reduce(\n    (acc, key) => {\n      const value = obj[key];\n\n      if (value !== null && value !== undefined) {\n        acc[key] = value;\n      }\n\n      return acc;\n    },\n    {} as Record<string, any>,\n  );\n}\n\n/** Check if the object has no keys */\nexport function isEmptyObject(obj: Record<string, unknown>) {\n  return Object.keys(obj).length === 0 && obj.constructor === Object;\n}\n\n/** Check if the argument is a function */\nexport function isFunction<ReturnType>(\n  maybeFn: ReturnType | ((...args: unknown[]) => ReturnType),\n): maybeFn is (...args: unknown[]) => ReturnType {\n  return Boolean(maybeFn instanceof Function || typeof maybeFn === \"function\");\n}\n\n/**\n * Calls function with provided data or returns original value\n */\nexport function callOrReturn<\n  ReturnType,\n  FnArgs extends Array<unknown> = unknown[],\n  FnType = (...args: FnArgs) => ReturnType,\n>(maybeFn: FnType | ReturnType, fnArgs: FnArgs): ReturnType {\n  if (isFunction(maybeFn)) {\n    return maybeFn(fnArgs) as ReturnType;\n  }\n\n  return maybeFn as ReturnType;\n}\n","import { isEmptyObject } from \"./helpers\";\n\n/**\n * Combines a URL with any additional parameters\n */\nexport function buildUrl(\n  url: string,\n  params: Record<string, unknown> = {},\n): string {\n  const baseUrl = new URL(url);\n\n  if (params && isEmptyObject(params)) {\n    return baseUrl.toString();\n  }\n\n  Object.keys(params).forEach((key) => {\n    const value = params[key];\n    baseUrl.searchParams.append(key, String(value));\n  });\n\n  return baseUrl.toString();\n}\n","import { usePlayer } from \"./player-context\";\n\n/** Hook to get a constant under a specific namespace */\nexport function useGetConstantByType(type: string, key: string): unknown {\n  const player = usePlayer();\n\n  return player?.constantsController.getConstants(key, type);\n}\n\n/** Get a constant under the default namespace */\nexport function useGetConstant(key: string): unknown {\n  const player = usePlayer();\n\n  return player?.constantsController.getConstants(key, \"constants\");\n}\n","import React from \"react\";\nimport type { View } from \"@player-ui/player\";\nimport { ReactAsset } from \"./asset\";\n\nexport interface ReactPlayerProps {\n  /**\n   * The Content view object to render\n   */\n  view: View;\n}\n\n/**\n * The entry for the ReactPlayer's React tree\n */\nexport const ReactPlayer = ({ view }: ReactPlayerProps) => {\n  return <ReactAsset {...view} />;\n};\n","import type { Player, PlayerPlugin, ViewInstance } from \"@player-ui/player\";\n\nexport type OnUpdateCallback = (update: any) => void;\n\n/**\n * A plugin that listens for view updates and publishes an event for when a view is updated\n */\nexport class OnUpdatePlugin implements PlayerPlugin {\n  name = \"view-update\";\n\n  private readonly onUpdateCallback: OnUpdateCallback;\n\n  constructor(onUpdate: OnUpdateCallback) {\n    this.onUpdateCallback = onUpdate;\n  }\n\n  apply(player: Player) {\n    /** Trigger the callback for the view update */\n    const updateTap = (updatedView: any) => {\n      this.onUpdateCallback(updatedView);\n    };\n\n    /** Trigger the callback for the view creation  */\n    const viewTap = (view: ViewInstance) => {\n      view.hooks.onUpdate.tap(this.name, updateTap);\n    };\n\n    // Attach hooks for any new vc that gets created\n    player.hooks.view.tap(this.name, viewTap);\n\n    // Attach listeners and publish an update event for a view already in progress\n    const currentPlayerState = player.getState();\n\n    if (currentPlayerState.status === \"in-progress\") {\n      const { currentView } = currentPlayerState.controllers.view;\n\n      if (currentView) {\n        viewTap(currentView);\n        const { lastUpdate } = currentView;\n\n        if (lastUpdate) {\n          this.onUpdateCallback(lastUpdate);\n        }\n      }\n    }\n  }\n}\n","import type { Player, PlayerFlowState } from \"@player-ui/player\";\nimport { NOT_STARTED_STATE } from \"@player-ui/player\";\nimport React from \"react\";\nimport type { ReactPlayerOptions } from \"./player\";\nimport { ReactPlayer } from \"./player\";\nimport { StateTapPlugin } from \"./plugins/tapstate-plugin\";\n\nexport interface UseReactPlayerReturn {\n  /** The web-player instance */\n  reactPlayer: ReactPlayer;\n  /** Player instance */\n  player: Player;\n  /** The state of Player */\n  playerState: PlayerFlowState;\n}\n\n/**\n * The `useReactPlayer` hook is an easy way to integrate the web-player into your React app.\n * Simply supply your config, plugins, and an optional flow, which will be automatically started for you when changed.\n */\nexport const useReactPlayer = (\n  options?: ReactPlayerOptions,\n): UseReactPlayerReturn => {\n  const [playerState, setPlayerState] =\n    React.useState<PlayerFlowState>(NOT_STARTED_STATE);\n\n  const reactPlayer = React.useMemo(() => {\n    const rp = new ReactPlayer({\n      player: options?.player,\n      plugins: [\n        ...(options?.plugins ?? []),\n        new StateTapPlugin(setPlayerState),\n      ],\n    });\n\n    return rp;\n  }, []);\n\n  const { player } = reactPlayer;\n\n  return {\n    reactPlayer,\n    player,\n    playerState,\n  };\n};\n","import type { PlayerFlowState, Player } from \"@player-ui/player\";\nimport type { ReactPlayerPlugin } from \"../player\";\n\n/**\n * A plugin to tap into state transition changes and call an arbitrary update function\n */\nexport class StateTapPlugin implements ReactPlayerPlugin {\n  name = \"statetap\";\n  private callbackFunction: (state: PlayerFlowState) => void;\n\n  constructor(callback: (state: PlayerFlowState) => void) {\n    this.callbackFunction = callback;\n  }\n\n  apply(player: Player) {\n    player.hooks.state.tap(\"usePlayer\", (newPlayerState: PlayerFlowState) => {\n      this.callbackFunction(newPlayerState);\n    });\n  }\n}\n","import React from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\nimport type {\n  FlowManager,\n  ManagedPlayerProps,\n  ManagedPlayerState,\n  ManagerMiddleware,\n  ManagedPlayerContext,\n} from \"./types\";\nimport { useRequestTime } from \"./request-time\";\nimport type { ReactPlayerOptions } from \"../player\";\nimport { ReactPlayer } from \"../player\";\n\n/** noop middleware */\nfunction identityMiddleware<T>(next: Promise<T>) {\n  return next;\n}\n\ninterface ManagedPlayerStateKey {\n  /** the storage key for the state (outside of the react tree) */\n  _key: symbol;\n}\n\nexport type StateChangeCallback = (state?: ManagedPlayerState) => void;\n\n/**\n * An object to store the state of the managed player\n */\nclass ManagedState {\n  public state?: ManagedPlayerState;\n  private callbacks: Array<StateChangeCallback>;\n  private middleware?: ManagerMiddleware;\n\n  constructor({\n    middleware,\n  }: {\n    /** middleware to use in the managed player */\n    middleware?: ManagerMiddleware;\n  }) {\n    this.middleware = middleware;\n    this.callbacks = [];\n  }\n\n  /** Add a listener to state changes */\n  public addListener(callback: StateChangeCallback): () => void {\n    this.callbacks.push(callback);\n\n    return () => {\n      this.callbacks = this.callbacks.filter((s) => s !== callback);\n    };\n  }\n\n  /** start the managed flow */\n  public start(options: {\n    /** the flow manager to use */\n    manager: FlowManager;\n\n    /** the config to use when creating a player */\n    playerConfig: ReactPlayerOptions;\n  }): this {\n    const initialState: ManagedPlayerState = {\n      value: \"not_started\",\n      context: {\n        playerConfig: options.playerConfig,\n        reactPlayer: new ReactPlayer(options.playerConfig),\n        manager: options.manager,\n      },\n    };\n\n    this.setState(initialState);\n\n    return this;\n  }\n\n  /** reset starts from nothing */\n  public reset(): void {\n    if (this.state?.value === \"error\") {\n      const { playerConfig, manager } = this.state.context;\n      this.start({ playerConfig, manager });\n    } else {\n      throw new Error(\"Flow must be in error state to reset\");\n    }\n  }\n\n  /** restart starts from the last result */\n  public restart(): void {\n    if (this.state?.value === \"error\") {\n      const { playerConfig, manager, prevResult, reactPlayer } =\n        this.state.context;\n      this.setState({\n        value: \"completed\",\n        context: {\n          playerConfig,\n          manager,\n          result: prevResult,\n          reactPlayer,\n        },\n      });\n    } else {\n      throw new Error(\"Flow must be in error state to restart\");\n    }\n  }\n\n  private async setState(state: ManagedPlayerState) {\n    this.state = state;\n    this.callbacks.forEach((c) => {\n      if (c && typeof c === \"function\") {\n        c(this.state);\n      }\n    });\n\n    const { manager, reactPlayer, playerConfig } = state.context;\n\n    try {\n      const nextState = await this.processState(state, {\n        manager,\n        reactPlayer,\n        playerConfig,\n      });\n\n      if (nextState) {\n        this.setState(nextState);\n      }\n    } catch (e) {\n      this.setState({\n        value: \"error\",\n        context: {\n          manager,\n          reactPlayer,\n          playerConfig,\n          error: e as Error,\n        },\n      });\n    }\n  }\n\n  private async processState(\n    state: ManagedPlayerState,\n    context: ManagedPlayerContext,\n  ): Promise<ManagedPlayerState | undefined> {\n    if (state.value === \"not_started\" || state.value === \"completed\") {\n      const prevResult =\n        state.value === \"completed\" ? state.context.result : undefined;\n\n      const middleware = this.middleware?.next ?? identityMiddleware;\n\n      return {\n        value: \"pending\",\n        context: {\n          ...context,\n          prevResult,\n          next: middleware(state.context.manager.next(prevResult)),\n        },\n      };\n    }\n\n    if (state.value === \"pending\") {\n      const nextResult = await state.context.next;\n\n      if (nextResult.done) {\n        return {\n          value: \"ended\",\n          context: {\n            ...context,\n            result: state.context.prevResult,\n          },\n        };\n      }\n\n      return {\n        value: \"loaded\",\n        context: {\n          ...context,\n          prevResult: state.context.prevResult,\n          flow: nextResult.value,\n        },\n      };\n    }\n\n    if (state.value === \"loaded\") {\n      return {\n        value: \"running\",\n        context: {\n          ...context,\n          flow: state.context.flow,\n          prevResult: state.context.prevResult,\n          result: state.context.reactPlayer.start(state.context.flow),\n        },\n      };\n    }\n\n    if (state.value === \"running\") {\n      const result = await state.context.result;\n\n      return {\n        value: \"completed\",\n        context: {\n          ...context,\n          result,\n        },\n      };\n    }\n  }\n}\n\nconst managedPlayerStateMachines = new WeakMap<\n  ManagedPlayerStateKey,\n  ManagedState\n>();\n\nfunction createKey(): ManagedPlayerStateKey {\n  return {\n    _key: Symbol(\"managed-player\"),\n  };\n}\n\n/** Creates an x-state state machine that persists when this component is no longer renders (due to Suspense) */\nexport const usePersistentStateMachine = (options: {\n  /** the flow manager to use */\n  manager: FlowManager;\n\n  /** Player config  */\n  playerConfig: ReactPlayerOptions;\n\n  /** Any middleware for the manager */\n  middleware?: ManagerMiddleware;\n}): { managedState: ManagedState; state?: ManagedPlayerState } => {\n  const mounted = React.useRef(false);\n  const previousManager = React.useRef(options.manager);\n  const keyRef = React.useRef<ManagedPlayerStateKey>(createKey());\n  const managedStateRef = React.useRef(\n    new ManagedState({ middleware: options.middleware }),\n  );\n\n  if (!mounted.current) {\n    managedPlayerStateMachines.set(keyRef.current, managedStateRef.current);\n    mounted.current = true;\n  }\n\n  if (previousManager.current !== options.manager) {\n    const oldManagedState = managedPlayerStateMachines.get(keyRef.current);\n\n    /**\n     * We have to handle terminate here as well as the useEffect in the\n     * ManagedPlayer since it won't have the instance of the previous manager\n     */\n    if (oldManagedState) {\n      const playerState =\n        oldManagedState.state?.context.reactPlayer.player.getState();\n\n      if (\n        oldManagedState.state?.value === \"running\" &&\n        playerState?.status === \"in-progress\"\n      ) {\n        previousManager.current.terminate?.(\n          playerState.controllers.data.serialize(),\n        );\n      }\n    }\n\n    const newKey = createKey();\n    const newManagedState = new ManagedState({\n      middleware: options.middleware,\n    });\n\n    managedPlayerStateMachines.set(newKey, newManagedState);\n    keyRef.current = newKey;\n    managedStateRef.current = newManagedState;\n    previousManager.current = options.manager;\n  }\n\n  const managedState =\n    managedPlayerStateMachines.get(keyRef.current) ?? managedStateRef.current;\n\n  /**\n   * There are times where the managedState the external store references no\n   * longer exists, so we have to wrap instead of calling addListener directly.\n   */\n  function subscription(callback: (val?: ManagedPlayerState) => void) {\n    if (managedState) {\n      const unsub = managedState.addListener((s) => {\n        callback(s);\n      });\n\n      return () => {\n        if (managedState) {\n          unsub();\n        }\n      };\n    }\n\n    return () => {};\n  }\n\n  function getSnapshot() {\n    return managedState.state;\n  }\n\n  const state = useSyncExternalStore(\n    subscription,\n    getSnapshot,\n    () => undefined,\n  );\n\n  /**\n   * This needs to come after useSyncExternalStore, otherwise it causes\n   * a weird state update and none of the refs in this hook persist\n   */\n  if (managedState.state === undefined) {\n    managedState.start(options);\n  }\n\n  return { managedState, state };\n};\n\n/**\n * A ManagedPlayer is a component responsible for orchestrating multi-flow experiences using Player.\n * Provide a valid `FlowManager` to handle fetching the next flow.\n *\n * `suspense` must be enabled to wait for results in flight.\n */\nexport const ManagedPlayer = (\n  props: ManagedPlayerProps,\n): React.JSX.Element | null => {\n  const { withRequestTime, RequestTimeMetricsPlugin } = useRequestTime();\n\n  const { state, managedState } = usePersistentStateMachine({\n    manager: props.manager,\n    middleware: { next: withRequestTime },\n    playerConfig: {\n      plugins: [...(props?.plugins ?? []), RequestTimeMetricsPlugin],\n      player: props.player,\n    },\n  });\n\n  const previousState = React.useRef<ManagedPlayerState | undefined>();\n\n  if (state?.value !== previousState.current?.value) {\n    if (state?.value === \"ended\") {\n      props.onComplete?.(state?.context.result);\n    } else if (state?.value === \"error\") {\n      props.onError?.(state?.context.error);\n    } else if (state?.value === \"running\") {\n      props.onStartedFlow?.();\n    }\n  }\n\n  previousState.current = state;\n\n  React.useEffect(() => {\n    return () => {\n      const playerState = state?.context.reactPlayer.player.getState();\n\n      if (state?.value === \"running\" && playerState?.status === \"in-progress\") {\n        props.manager.terminate?.(playerState.controllers.data.serialize());\n      }\n    };\n  }, [props.manager, state?.context.reactPlayer.player, state?.value]);\n\n  if (state?.value === \"error\") {\n    if (props.fallbackComponent) {\n      return (\n        <props.fallbackComponent\n          reset={() => {\n            managedState.reset();\n          }}\n          retry={() => {\n            managedState.restart();\n          }}\n          error={state.context.error}\n        />\n      );\n    }\n\n    if (!props.onError) {\n      throw state.context.error;\n    }\n  }\n\n  if (state?.context.reactPlayer) {\n    const { Component } = state.context.reactPlayer;\n\n    return <Component />;\n  }\n\n  return null;\n};\n","import { useCallback, useEffect, useRef, useMemo } from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport type { MetricsCorePlugin } from \"@player-ui/metrics-plugin\";\nimport {\n  MetricsCorePluginSymbol,\n  RequestTimeWebPlugin,\n} from \"@player-ui/metrics-plugin\";\nimport type { ReactPlayerPlugin } from \"../player\";\n\ntype RequestTime = {\n  /** request start time */\n  start?: number;\n  /** request end time */\n  end?: number;\n};\n\n/** hook to time a promise and add it to the metrics plugin */\nexport const useRequestTime = () => {\n  const requestTimeRef = useRef<RequestTime>({});\n\n  useEffect(() => {\n    return () => {\n      requestTimeRef.current = {};\n    };\n  }, [requestTimeRef]);\n\n  const getRequestTime = useCallback(() => {\n    const { end, start } = requestTimeRef.current;\n\n    if (end && start) {\n      return end - start;\n    }\n  }, [requestTimeRef]);\n\n  /** wrap a promise with tracking it's time in flight */\n  function withRequestTime<Type>(nextPromise: Promise<Type>): Promise<Type> {\n    const getTime = typeof performance === \"undefined\" ? Date : performance;\n    requestTimeRef.current = { start: getTime.now() };\n\n    return nextPromise.finally(() => {\n      requestTimeRef.current = {\n        ...requestTimeRef.current,\n        end: getTime.now(),\n      };\n    });\n  }\n\n  const RequestTimeMetricsPlugin: ReactPlayerPlugin = useMemo(() => {\n    return {\n      name: \"RequestTimeMetricsPlugin\",\n      apply(player: Player): void {\n        player.applyTo<MetricsCorePlugin>(\n          MetricsCorePluginSymbol,\n          (metricsCorePlugin) => {\n            new RequestTimeWebPlugin(getRequestTime).apply(metricsCorePlugin);\n          },\n        );\n      },\n    };\n  }, [getRequestTime]);\n\n  return { withRequestTime, RequestTimeMetricsPlugin };\n};\n"],"mappings":"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","names":["ReactPlayer","import_react","import_player","React","leven","import_react","React","import_react","React","ReactPlayer","React","import_player","import_react","React","ReactPlayer","import_react","import_react","ReactPlayer","React"]}
+{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/index.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/player.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/AssetRenderError.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/player-context.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/use-logger.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/use-asset-props.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/helpers.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/url.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/shared-constants.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/app.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/plugins/onupdate-plugin.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/hooks.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/plugins/tapstate-plugin.ts","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/manager/managed-player.tsx","../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/manager/request-time.tsx"],"sourcesContent":["export * from \"@player-ui/player\";\nexport * from \"./player\";\nexport * from \"./hooks\";\nexport * from \"./manager/managed-player\";\nexport * from \"./manager/request-time\";\nexport * from \"./manager/types\";\nexport * from \"./asset\";\nexport * from \"./utils\";\n","import React from \"react\";\nimport { SyncWaterfallHook, AsyncParallelHook } from \"tapable-ts\";\nimport { Subscribe, useSubscribedState } from \"@player-ui/react-subscribe\";\nimport { Registry } from \"@player-ui/partial-match-registry\";\nimport type {\n  CompletedState,\n  PlayerPlugin,\n  Flow,\n  View,\n  PlayerInfo,\n} from \"@player-ui/player\";\nimport { Player } from \"@player-ui/player\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport type { AssetRegistryType } from \"./asset\";\nimport { AssetContext } from \"./asset\";\nimport { PlayerContext } from \"./utils\";\n\nimport type { ReactPlayerProps } from \"./app\";\nimport { ReactPlayer as PlayerComp } from \"./app\";\nimport { OnUpdatePlugin } from \"./plugins/onupdate-plugin\";\n\nexport interface DevtoolsGlobals {\n  /** A global for a plugin to load to Player for devtools */\n  __PLAYER_DEVTOOLS_PLUGIN?: {\n    new (): ReactPlayerPlugin;\n  };\n}\n\nexport type DevtoolsWindow = typeof window & DevtoolsGlobals;\n\nconst _window: DevtoolsWindow | undefined =\n  typeof window === \"undefined\" ? undefined : window;\n\n// Alias until more properties are added\nexport type ReactPlayerInfo = PlayerInfo;\n\nexport interface ReactPlayerPlugin extends Partial<PlayerPlugin> {\n  /** The name of this plugin */\n  name: string;\n\n  /**\n   * Attach listeners to the web-player instance\n   */\n  applyReact?: (reactPlayer: ReactPlayer) => void;\n}\n\nexport interface ReactPlayerOptions {\n  /** A headless player instance to use */\n  player?: Player;\n\n  /** A set of plugins to apply to this player */\n  plugins?: Array<ReactPlayerPlugin>;\n}\n\nexport type ReactPlayerComponentProps = Record<string, unknown>;\n\n/** A Player that renders UI through React */\nexport class ReactPlayer {\n  public readonly options: ReactPlayerOptions;\n  public readonly player: Player;\n  public readonly assetRegistry: AssetRegistryType = new Registry();\n  public readonly Component: React.ComponentType<ReactPlayerComponentProps>;\n  public readonly hooks: {\n    /**\n     * A hook to create a React Component to be used for Player, regardless of the current flow state\n     */\n    webComponent: SyncWaterfallHook<[React.ComponentType], Record<string, any>>;\n    /**\n     * A hook to create a React Component that's used to render a specific view.\n     * It will be called for each view update from the core player.\n     * Typically this will just be `Asset`\n     */\n    playerComponent: SyncWaterfallHook<\n      [React.ComponentType<ReactPlayerProps>],\n      Record<string, any>\n    >;\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: AsyncParallelHook<[], Record<string, any>>;\n  } = {\n    /**\n     * A hook to create a React Component to be used for Player, regardless of the current flow state\n     */\n    webComponent: new SyncWaterfallHook(),\n\n    /**\n     * A hook to create a React Component that's used to render a specific view.\n     * It will be called for each view update from the core player.\n     * Typically this will just be `Asset`\n     */\n    playerComponent: new SyncWaterfallHook(),\n\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: new AsyncParallelHook(),\n  };\n\n  public readonly viewUpdateSubscription = new Subscribe<View>();\n  private reactPlayerInfo: ReactPlayerInfo;\n\n  constructor(options?: ReactPlayerOptions) {\n    this.options = options ?? {};\n\n    const Devtools = _window?.__PLAYER_DEVTOOLS_PLUGIN;\n    const onUpdatePlugin = new OnUpdatePlugin(\n      this.viewUpdateSubscription.publish,\n    );\n\n    const plugins = options?.plugins ?? [];\n\n    if (Devtools) {\n      plugins.push(new Devtools());\n    }\n\n    const playerPlugins = plugins.filter((p) =>\n      Boolean(p.apply),\n    ) as PlayerPlugin[];\n\n    this.player = options?.player ?? new Player({ plugins: playerPlugins });\n\n    plugins.forEach((plugin) => {\n      if (plugin.applyReact) {\n        plugin.applyReact(this);\n      }\n    });\n\n    onUpdatePlugin.apply(this.player);\n\n    this.Component = this.createReactPlayerComponent();\n    this.reactPlayerInfo = {\n      version: this.player.getVersion(),\n      commit: this.player.getCommit(),\n    };\n  }\n\n  /** Returns the current version Player */\n  public getPlayerVersion(): string {\n    return this.reactPlayerInfo.version;\n  }\n\n  /** Returns the git commit used to build this Player version */\n  public getPlayerCommit(): string {\n    return this.reactPlayerInfo.commit;\n  }\n\n  /** Find instance of [Plugin] that has been registered to the web player */\n  public findPlugin<Plugin extends ReactPlayerPlugin>(\n    symbol: symbol,\n  ): Plugin | undefined {\n    return this.options.plugins?.find((el) => el.symbol === symbol) as Plugin;\n  }\n\n  /** Register and apply [Plugin] if one with the same symbol is not already registered. */\n  public registerPlugin(plugin: ReactPlayerPlugin): void {\n    if (!plugin.applyReact) return;\n\n    plugin.applyReact(this);\n    this.options.plugins?.push(plugin);\n  }\n\n  /**\n   * Returns the current version of the running React Player\n   * @deprecated use `getPlayerVersion()` instead. Will be removed next major\n   */\n  public getReactPlayerVersion(): string {\n    return this.reactPlayerInfo.version;\n  }\n\n  /**\n   * Returns the git commit used to build the React Player version\n   * @deprecated use `getPlayerCommit()` instead. Will be removed next major\n   */\n  public getReactPlayerCommit(): string {\n    return this.reactPlayerInfo.commit;\n  }\n\n  private createReactPlayerComponent(): React.ComponentType<ReactPlayerComponentProps> {\n    const BaseComp = this.hooks.webComponent.call(this.createReactComp());\n\n    /** Wrap the Error boundary and context provider after the hook call to catch anything wrapped by the hook */\n    const ReactPlayerComponent = (props: ReactPlayerComponentProps) => {\n      return (\n        <ErrorBoundary\n          fallbackRender={() => null}\n          onError={(err) => {\n            const playerState = this.player.getState();\n\n            if (playerState.status === \"in-progress\") {\n              playerState.fail(err);\n            }\n          }}\n        >\n          <PlayerContext.Provider value={{ player: this.player }}>\n            <BaseComp {...props} />\n          </PlayerContext.Provider>\n        </ErrorBoundary>\n      );\n    };\n\n    return ReactPlayerComponent;\n  }\n\n  private createReactComp(): React.ComponentType<ReactPlayerComponentProps> {\n    const ActualPlayerComp = this.hooks.playerComponent.call(PlayerComp);\n\n    /** the component to use to render the player */\n    const WebPlayerComponent = () => {\n      const view = useSubscribedState<View>(this.viewUpdateSubscription);\n      this.viewUpdateSubscription.suspend();\n\n      return (\n        <AssetContext.Provider\n          value={{\n            registry: this.assetRegistry,\n          }}\n        >\n          {view && <ActualPlayerComp view={view} />}\n        </AssetContext.Provider>\n      );\n    };\n\n    return WebPlayerComponent;\n  }\n\n  /**\n   * Call this method to force the ReactPlayer to wait for the next view-update before performing the next render.\n   * If the `suspense` option is set, this will suspend while an update is pending, otherwise nothing will be rendered.\n   */\n  public setWaitForNextViewUpdate(): Promise<void> {\n    const shouldCallResetHook = this.hooks.onBeforeViewReset.isUsed();\n\n    return this.viewUpdateSubscription.reset(\n      shouldCallResetHook ? this.hooks.onBeforeViewReset.call() : undefined,\n    );\n  }\n\n  public start(flow: Flow): Promise<CompletedState> {\n    this.setWaitForNextViewUpdate();\n\n    return this.player.start(flow).finally(async () => {\n      await this.setWaitForNextViewUpdate();\n    });\n  }\n}\n\n// For compatibility\nexport const WebPlayer: typeof ReactPlayer = ReactPlayer;\n","import React from \"react\";\nimport leven from \"leven\";\nimport type { Asset as AssetType, AssetWrapper } from \"@player-ui/player\";\nimport type { Registry } from \"@player-ui/partial-match-registry\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { AssetRenderError } from \"./AssetRenderError\";\n\nexport * from \"./AssetRenderError\";\n\nexport type AssetRegistryType = Registry<React.ComponentType<any>>;\n\nexport interface ContextType {\n  /**\n   * A registry of Asset -> React Components\n   */\n  registry?: AssetRegistryType;\n}\n\nexport const AssetContext: React.Context<ContextType> =\n  React.createContext<ContextType>({});\n\nconst isAssetUnwrapped = (\n  props: AssetType<string> | AssetWrapper<AssetType<string>>,\n): props is AssetType<string> => {\n  return \"type\" in props && \"id\" in props;\n};\n\n/**\n * A React Component that looks up an implementation from a registry\n */\nexport const ReactAsset = (\n  props: AssetType<string> | AssetWrapper<AssetType<string>>,\n): React.ReactElement => {\n  const { registry } = React.useContext(AssetContext);\n\n  let unwrapped: AssetType<string> | undefined;\n\n  if (isAssetUnwrapped(props)) {\n    unwrapped = props;\n  } else if (\"asset\" in props) {\n    unwrapped = props.asset;\n  }\n\n  if (!unwrapped) {\n    throw Error(\n      `Cannot determine asset type for props: ${JSON.stringify(props)}`,\n    );\n  }\n\n  if (typeof unwrapped !== \"object\") {\n    throw Error(\n      `Asset was not an object got (${typeof unwrapped}) instead: ${unwrapped}`,\n    );\n  }\n\n  if (unwrapped.type === undefined) {\n    const info =\n      unwrapped.id === undefined\n        ? JSON.stringify(props)\n        : `id: ${unwrapped.id}`;\n    throw Error(`Asset is missing type for ${info}`);\n  }\n\n  if (!registry || registry.isRegistryEmpty()) {\n    throw Error(`No asset found in registry. This could happen for one of the following reasons: \\n\n      1. You might have no assets registered or no plugins added to the Player instance. \\n\n      2. You might have mismatching versions of React Asset Registry Context. \\n\n      See https://player-ui.github.io/latest/tools/cli#player-dependency-versions-check for tips about how to debug and fix this problem`);\n  }\n\n  const Impl = registry?.get(unwrapped);\n\n  if (!Impl) {\n    const matchList: object[] = [];\n\n    registry.forEach((asset) => {\n      matchList.push(asset.key);\n    });\n\n    const typeList = matchList.map(\n      (match) => JSON.parse(JSON.stringify(match)).type,\n    );\n\n    const similarType = typeList.reduce((prev, curr) => {\n      const next = {\n        value: leven(unwrapped.type, curr),\n        type: curr,\n      };\n\n      if (prev !== undefined && prev.value < next.value) {\n        return prev;\n      }\n\n      return next;\n    }, undefined);\n\n    throw Error(\n      `No implementation found for id: ${unwrapped.id} type: ${unwrapped.type}. Did you mean ${similarType.type}? \\n \n      Registered Asset matching functions are listed below: \\n\n      ${JSON.stringify(matchList)}`,\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={(props) => {\n        const { error } = props;\n        if (error instanceof AssetRenderError) {\n          error.addAssetParent(unwrapped);\n          throw error;\n        } else {\n          throw new AssetRenderError(\n            unwrapped,\n            \"Failed to render asset\",\n            error,\n          );\n        }\n      }}\n    >\n      <Impl key={unwrapped.id} {...unwrapped} />\n    </ErrorBoundary>\n  );\n};\n","import type { Asset } from \"@player-ui/player\";\n\nexport class AssetRenderError extends Error {\n  private assetParentPath: Array<Asset> = [];\n  initialMessage: string;\n  innerExceptionMessage: string;\n\n  constructor(\n    readonly rootAsset: Asset,\n    message?: string,\n    readonly innerException?: unknown,\n  ) {\n    super(message);\n    this.initialMessage = message ?? \"\";\n    this.innerExceptionMessage =\n      innerException instanceof Error\n        ? innerException.message\n        : String(innerException);\n\n    if (this.innerExceptionMessage) {\n      this.initialMessage = this.initialMessage.concat(\n        \"\\nCaused by: \",\n        this.innerExceptionMessage,\n      );\n    }\n\n    this.message = this.initialMessage;\n  }\n\n  private updateMessage() {\n    this.message = `${this.initialMessage}\n${this.getAssetPathMessage()}\n`;\n  }\n\n  getAssetPathMessage() {\n    return `Exception occurred in asset with id '${this.rootAsset.id}' of type '${this.rootAsset.type}'${this.assetParentPath.map((c) => `\\n\\tFound in (id: '${c.id}', type: '${c.type}')`)}`;\n  }\n\n  addAssetParent(asset: Asset): void {\n    this.assetParentPath.push(asset);\n    this.updateMessage();\n  }\n}\n","import React from \"react\";\nimport type { Player, NavigationFlowViewState } from \"@player-ui/player\";\n\nexport interface PlayerContextType {\n  /**\n   * An instance of a headless player\n   */\n  player?: Player;\n\n  /** The currently rendered view state */\n  viewState?: NavigationFlowViewState;\n}\n\nexport const PlayerContext = React.createContext<PlayerContextType>({});\n\n/**\n * A hook to get the current player\n */\nexport const usePlayer = () => {\n  const { player } = React.useContext(PlayerContext);\n\n  return player;\n};\n","import type { Logger } from \"@player-ui/player\";\nimport { NoopLogger } from \"@player-ui/player\";\nimport { usePlayer } from \"./player-context\";\n\nconst noopLogger = new NoopLogger();\n\n/**\n * A hook to get the logger instance from the current player\n */\nexport function useLogger(): Logger {\n  const player = usePlayer();\n\n  return player?.logger ?? noopLogger;\n}\n","import type { Asset } from \"@player-ui/player\";\n\n/** Common props for any dom node */\nexport function useAssetProps(asset: Asset) {\n  return {\n    id: asset.id,\n    \"data-asset-type\": asset.type,\n  };\n}\n","/**\n * Trim leading and trailing slashes from string\n */\nexport function trimSlashes(str: string) {\n  return str.replace(/^\\/+|\\/+$/g, \"\");\n}\n\n/**\n * Removes any key: value pairs from an object when the value is null or undefined\n */\nexport function removeEmptyValuesFromObject(\n  obj: Record<string, any>,\n): Record<string, NonNullable<any>> {\n  return Object.keys(obj).reduce(\n    (acc, key) => {\n      const value = obj[key];\n\n      if (value !== null && value !== undefined) {\n        acc[key] = value;\n      }\n\n      return acc;\n    },\n    {} as Record<string, any>,\n  );\n}\n\n/** Check if the object has no keys */\nexport function isEmptyObject(obj: Record<string, unknown>) {\n  return Object.keys(obj).length === 0 && obj.constructor === Object;\n}\n\n/** Check if the argument is a function */\nexport function isFunction<ReturnType>(\n  maybeFn: ReturnType | ((...args: unknown[]) => ReturnType),\n): maybeFn is (...args: unknown[]) => ReturnType {\n  return Boolean(maybeFn instanceof Function || typeof maybeFn === \"function\");\n}\n\n/**\n * Calls function with provided data or returns original value\n */\nexport function callOrReturn<\n  ReturnType,\n  FnArgs extends Array<unknown> = unknown[],\n  FnType = (...args: FnArgs) => ReturnType,\n>(maybeFn: FnType | ReturnType, fnArgs: FnArgs): ReturnType {\n  if (isFunction(maybeFn)) {\n    return maybeFn(fnArgs) as ReturnType;\n  }\n\n  return maybeFn as ReturnType;\n}\n","import { isEmptyObject } from \"./helpers\";\n\n/**\n * Combines a URL with any additional parameters\n */\nexport function buildUrl(\n  url: string,\n  params: Record<string, unknown> = {},\n): string {\n  const baseUrl = new URL(url);\n\n  if (params && isEmptyObject(params)) {\n    return baseUrl.toString();\n  }\n\n  Object.keys(params).forEach((key) => {\n    const value = params[key];\n    baseUrl.searchParams.append(key, String(value));\n  });\n\n  return baseUrl.toString();\n}\n","import { usePlayer } from \"./player-context\";\n\n/** Hook to get a constant under a specific namespace */\nexport function useGetConstantByType(type: string, key: string): unknown {\n  const player = usePlayer();\n\n  return player?.constantsController.getConstants(key, type);\n}\n\n/** Get a constant under the default namespace */\nexport function useGetConstant(key: string): unknown {\n  const player = usePlayer();\n\n  return player?.constantsController.getConstants(key, \"constants\");\n}\n","import React from \"react\";\nimport type { View } from \"@player-ui/player\";\nimport { ReactAsset } from \"./asset\";\n\nexport interface ReactPlayerProps {\n  /**\n   * The Content view object to render\n   */\n  view: View;\n}\n\n/**\n * The entry for the ReactPlayer's React tree\n */\nexport const ReactPlayer = ({ view }: ReactPlayerProps) => {\n  return <ReactAsset {...view} />;\n};\n","import type { Player, PlayerPlugin, ViewInstance } from \"@player-ui/player\";\n\nexport type OnUpdateCallback = (update: any) => void;\n\n/**\n * A plugin that listens for view updates and publishes an event for when a view is updated\n */\nexport class OnUpdatePlugin implements PlayerPlugin {\n  name = \"view-update\";\n\n  private readonly onUpdateCallback: OnUpdateCallback;\n\n  constructor(onUpdate: OnUpdateCallback) {\n    this.onUpdateCallback = onUpdate;\n  }\n\n  apply(player: Player) {\n    /** Trigger the callback for the view update */\n    const updateTap = (updatedView: any) => {\n      this.onUpdateCallback(updatedView);\n    };\n\n    /** Trigger the callback for the view creation  */\n    const viewTap = (view: ViewInstance) => {\n      view.hooks.onUpdate.tap(this.name, updateTap);\n    };\n\n    // Attach hooks for any new vc that gets created\n    player.hooks.view.tap(this.name, viewTap);\n\n    // Attach listeners and publish an update event for a view already in progress\n    const currentPlayerState = player.getState();\n\n    if (currentPlayerState.status === \"in-progress\") {\n      const { currentView } = currentPlayerState.controllers.view;\n\n      if (currentView) {\n        viewTap(currentView);\n        const { lastUpdate } = currentView;\n\n        if (lastUpdate) {\n          this.onUpdateCallback(lastUpdate);\n        }\n      }\n    }\n  }\n}\n","import type { Player, PlayerFlowState } from \"@player-ui/player\";\nimport { NOT_STARTED_STATE } from \"@player-ui/player\";\nimport React from \"react\";\nimport type { ReactPlayerOptions } from \"./player\";\nimport { ReactPlayer } from \"./player\";\nimport { StateTapPlugin } from \"./plugins/tapstate-plugin\";\n\nexport interface UseReactPlayerReturn {\n  /** The web-player instance */\n  reactPlayer: ReactPlayer;\n  /** Player instance */\n  player: Player;\n  /** The state of Player */\n  playerState: PlayerFlowState;\n}\n\n/**\n * The `useReactPlayer` hook is an easy way to integrate the web-player into your React app.\n * Simply supply your config, plugins, and an optional flow, which will be automatically started for you when changed.\n */\nexport const useReactPlayer = (\n  options?: ReactPlayerOptions,\n): UseReactPlayerReturn => {\n  const [playerState, setPlayerState] =\n    React.useState<PlayerFlowState>(NOT_STARTED_STATE);\n\n  const reactPlayer = React.useMemo(() => {\n    const rp = new ReactPlayer({\n      player: options?.player,\n      plugins: [\n        ...(options?.plugins ?? []),\n        new StateTapPlugin(setPlayerState),\n      ],\n    });\n\n    return rp;\n  }, []);\n\n  const { player } = reactPlayer;\n\n  return {\n    reactPlayer,\n    player,\n    playerState,\n  };\n};\n","import type { PlayerFlowState, Player } from \"@player-ui/player\";\nimport type { ReactPlayerPlugin } from \"../player\";\n\n/**\n * A plugin to tap into state transition changes and call an arbitrary update function\n */\nexport class StateTapPlugin implements ReactPlayerPlugin {\n  name = \"statetap\";\n  private callbackFunction: (state: PlayerFlowState) => void;\n\n  constructor(callback: (state: PlayerFlowState) => void) {\n    this.callbackFunction = callback;\n  }\n\n  apply(player: Player) {\n    player.hooks.state.tap(\"usePlayer\", (newPlayerState: PlayerFlowState) => {\n      this.callbackFunction(newPlayerState);\n    });\n  }\n}\n","import React from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\nimport type {\n  FlowManager,\n  ManagedPlayerProps,\n  ManagedPlayerState,\n  ManagerMiddleware,\n  ManagedPlayerContext,\n} from \"./types\";\nimport { useRequestTime } from \"./request-time\";\nimport type { ReactPlayerOptions } from \"../player\";\nimport { ReactPlayer } from \"../player\";\n\n/** noop middleware */\nfunction identityMiddleware<T>(next: Promise<T>) {\n  return next;\n}\n\ninterface ManagedPlayerStateKey {\n  /** the storage key for the state (outside of the react tree) */\n  _key: symbol;\n}\n\nexport type StateChangeCallback = (state?: ManagedPlayerState) => void;\n\n/**\n * An object to store the state of the managed player\n */\nclass ManagedState {\n  public state?: ManagedPlayerState;\n  private callbacks: Array<StateChangeCallback>;\n  private middleware?: ManagerMiddleware;\n\n  constructor({\n    middleware,\n  }: {\n    /** middleware to use in the managed player */\n    middleware?: ManagerMiddleware;\n  }) {\n    this.middleware = middleware;\n    this.callbacks = [];\n  }\n\n  /** Add a listener to state changes */\n  public addListener(callback: StateChangeCallback): () => void {\n    this.callbacks.push(callback);\n\n    return () => {\n      this.callbacks = this.callbacks.filter((s) => s !== callback);\n    };\n  }\n\n  /** start the managed flow */\n  public start(options: {\n    /** the flow manager to use */\n    manager: FlowManager;\n\n    /** the config to use when creating a player */\n    playerConfig: ReactPlayerOptions;\n  }): this {\n    const initialState: ManagedPlayerState = {\n      value: \"not_started\",\n      context: {\n        playerConfig: options.playerConfig,\n        reactPlayer: new ReactPlayer(options.playerConfig),\n        manager: options.manager,\n      },\n    };\n\n    this.setState(initialState);\n\n    return this;\n  }\n\n  /** reset starts from nothing */\n  public reset(): void {\n    if (this.state?.value === \"error\") {\n      const { playerConfig, manager } = this.state.context;\n      this.start({ playerConfig, manager });\n    } else {\n      throw new Error(\"Flow must be in error state to reset\");\n    }\n  }\n\n  /** restart starts from the last result */\n  public restart(): void {\n    if (this.state?.value === \"error\") {\n      const { playerConfig, manager, prevResult, reactPlayer } =\n        this.state.context;\n      this.setState({\n        value: \"completed\",\n        context: {\n          playerConfig,\n          manager,\n          result: prevResult,\n          reactPlayer,\n        },\n      });\n    } else {\n      throw new Error(\"Flow must be in error state to restart\");\n    }\n  }\n\n  private async setState(state: ManagedPlayerState) {\n    this.state = state;\n    this.callbacks.forEach((c) => {\n      if (c && typeof c === \"function\") {\n        c(this.state);\n      }\n    });\n\n    const { manager, reactPlayer, playerConfig } = state.context;\n\n    try {\n      const nextState = await this.processState(state, {\n        manager,\n        reactPlayer,\n        playerConfig,\n      });\n\n      if (nextState) {\n        this.setState(nextState);\n      }\n    } catch (e) {\n      this.setState({\n        value: \"error\",\n        context: {\n          manager,\n          reactPlayer,\n          playerConfig,\n          error: e as Error,\n        },\n      });\n    }\n  }\n\n  private async processState(\n    state: ManagedPlayerState,\n    context: ManagedPlayerContext,\n  ): Promise<ManagedPlayerState | undefined> {\n    if (state.value === \"not_started\" || state.value === \"completed\") {\n      const prevResult =\n        state.value === \"completed\" ? state.context.result : undefined;\n\n      const middleware = this.middleware?.next ?? identityMiddleware;\n\n      return {\n        value: \"pending\",\n        context: {\n          ...context,\n          prevResult,\n          next: middleware(state.context.manager.next(prevResult)),\n        },\n      };\n    }\n\n    if (state.value === \"pending\") {\n      const nextResult = await state.context.next;\n\n      if (nextResult.done) {\n        return {\n          value: \"ended\",\n          context: {\n            ...context,\n            result: state.context.prevResult,\n          },\n        };\n      }\n\n      return {\n        value: \"loaded\",\n        context: {\n          ...context,\n          prevResult: state.context.prevResult,\n          flow: nextResult.value,\n        },\n      };\n    }\n\n    if (state.value === \"loaded\") {\n      return {\n        value: \"running\",\n        context: {\n          ...context,\n          flow: state.context.flow,\n          prevResult: state.context.prevResult,\n          result: state.context.reactPlayer.start(state.context.flow),\n        },\n      };\n    }\n\n    if (state.value === \"running\") {\n      const result = await state.context.result;\n\n      return {\n        value: \"completed\",\n        context: {\n          ...context,\n          result,\n        },\n      };\n    }\n  }\n}\n\nconst managedPlayerStateMachines = new WeakMap<\n  ManagedPlayerStateKey,\n  ManagedState\n>();\n\nfunction createKey(): ManagedPlayerStateKey {\n  return {\n    _key: Symbol(\"managed-player\"),\n  };\n}\n\n/** Creates an x-state state machine that persists when this component is no longer renders (due to Suspense) */\nexport const usePersistentStateMachine = (options: {\n  /** the flow manager to use */\n  manager: FlowManager;\n\n  /** Player config  */\n  playerConfig: ReactPlayerOptions;\n\n  /** Any middleware for the manager */\n  middleware?: ManagerMiddleware;\n}): { managedState: ManagedState; state?: ManagedPlayerState } => {\n  const mounted = React.useRef(false);\n  const previousManager = React.useRef(options.manager);\n  const keyRef = React.useRef<ManagedPlayerStateKey>(createKey());\n  const managedStateRef = React.useRef(\n    new ManagedState({ middleware: options.middleware }),\n  );\n\n  if (!mounted.current) {\n    managedPlayerStateMachines.set(keyRef.current, managedStateRef.current);\n    mounted.current = true;\n  }\n\n  if (previousManager.current !== options.manager) {\n    const oldManagedState = managedPlayerStateMachines.get(keyRef.current);\n\n    /**\n     * We have to handle terminate here as well as the useEffect in the\n     * ManagedPlayer since it won't have the instance of the previous manager\n     */\n    if (oldManagedState) {\n      const playerState =\n        oldManagedState.state?.context.reactPlayer.player.getState();\n\n      if (\n        oldManagedState.state?.value === \"running\" &&\n        playerState?.status === \"in-progress\"\n      ) {\n        previousManager.current.terminate?.(\n          playerState.controllers.data.serialize(),\n        );\n      }\n    }\n\n    const newKey = createKey();\n    const newManagedState = new ManagedState({\n      middleware: options.middleware,\n    });\n\n    managedPlayerStateMachines.set(newKey, newManagedState);\n    keyRef.current = newKey;\n    managedStateRef.current = newManagedState;\n    previousManager.current = options.manager;\n  }\n\n  const managedState =\n    managedPlayerStateMachines.get(keyRef.current) ?? managedStateRef.current;\n\n  /**\n   * There are times where the managedState the external store references no\n   * longer exists, so we have to wrap instead of calling addListener directly.\n   */\n  function subscription(callback: (val?: ManagedPlayerState) => void) {\n    if (managedState) {\n      const unsub = managedState.addListener((s) => {\n        callback(s);\n      });\n\n      return () => {\n        if (managedState) {\n          unsub();\n        }\n      };\n    }\n\n    return () => {};\n  }\n\n  function getSnapshot() {\n    return managedState.state;\n  }\n\n  const state = useSyncExternalStore(\n    subscription,\n    getSnapshot,\n    () => undefined,\n  );\n\n  /**\n   * This needs to come after useSyncExternalStore, otherwise it causes\n   * a weird state update and none of the refs in this hook persist\n   */\n  if (managedState.state === undefined) {\n    managedState.start(options);\n  }\n\n  return { managedState, state };\n};\n\n/**\n * A ManagedPlayer is a component responsible for orchestrating multi-flow experiences using Player.\n * Provide a valid `FlowManager` to handle fetching the next flow.\n *\n * `suspense` must be enabled to wait for results in flight.\n */\nexport const ManagedPlayer = (\n  props: ManagedPlayerProps,\n): React.JSX.Element | null => {\n  const { withRequestTime, RequestTimeMetricsPlugin } = useRequestTime();\n\n  const { state, managedState } = usePersistentStateMachine({\n    manager: props.manager,\n    middleware: { next: withRequestTime },\n    playerConfig: {\n      plugins: [...(props?.plugins ?? []), RequestTimeMetricsPlugin],\n      player: props.player,\n    },\n  });\n\n  const previousState = React.useRef<ManagedPlayerState | undefined>();\n\n  if (state?.value !== previousState.current?.value) {\n    if (state?.value === \"ended\") {\n      props.onComplete?.(state?.context.result);\n    } else if (state?.value === \"error\") {\n      props.onError?.(state?.context.error);\n    } else if (state?.value === \"running\") {\n      props.onStartedFlow?.();\n    }\n  }\n\n  previousState.current = state;\n\n  React.useEffect(() => {\n    return () => {\n      const playerState = state?.context.reactPlayer.player.getState();\n\n      if (state?.value === \"running\" && playerState?.status === \"in-progress\") {\n        props.manager.terminate?.(playerState.controllers.data.serialize());\n      }\n    };\n  }, [props.manager, state?.context.reactPlayer.player, state?.value]);\n\n  if (state?.value === \"error\") {\n    if (props.fallbackComponent) {\n      return (\n        <props.fallbackComponent\n          reset={() => {\n            managedState.reset();\n          }}\n          retry={() => {\n            managedState.restart();\n          }}\n          error={state.context.error}\n        />\n      );\n    }\n\n    if (!props.onError) {\n      throw state.context.error;\n    }\n  }\n\n  if (state?.context.reactPlayer) {\n    const { Component } = state.context.reactPlayer;\n\n    return <Component />;\n  }\n\n  return null;\n};\n","import { useCallback, useEffect, useRef, useMemo } from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport type { MetricsCorePlugin } from \"@player-ui/metrics-plugin\";\nimport {\n  MetricsCorePluginSymbol,\n  RequestTimeWebPlugin,\n} from \"@player-ui/metrics-plugin\";\nimport type { ReactPlayerPlugin } from \"../player\";\n\ntype RequestTime = {\n  /** request start time */\n  start?: number;\n  /** request end time */\n  end?: number;\n};\n\n/** hook to time a promise and add it to the metrics plugin */\nexport const useRequestTime = () => {\n  const requestTimeRef = useRef<RequestTime>({});\n\n  useEffect(() => {\n    return () => {\n      requestTimeRef.current = {};\n    };\n  }, [requestTimeRef]);\n\n  const getRequestTime = useCallback(() => {\n    const { end, start } = requestTimeRef.current;\n\n    if (end && start) {\n      return end - start;\n    }\n  }, [requestTimeRef]);\n\n  /** wrap a promise with tracking it's time in flight */\n  function withRequestTime<Type>(nextPromise: Promise<Type>): Promise<Type> {\n    const getTime = typeof performance === \"undefined\" ? Date : performance;\n    requestTimeRef.current = { start: getTime.now() };\n\n    return nextPromise.finally(() => {\n      requestTimeRef.current = {\n        ...requestTimeRef.current,\n        end: getTime.now(),\n      };\n    });\n  }\n\n  const RequestTimeMetricsPlugin: ReactPlayerPlugin = useMemo(() => {\n    return {\n      name: \"RequestTimeMetricsPlugin\",\n      apply(player: Player): void {\n        player.applyTo<MetricsCorePlugin>(\n          MetricsCorePluginSymbol,\n          (metricsCorePlugin) => {\n            new RequestTimeWebPlugin(getRequestTime).apply(metricsCorePlugin);\n          },\n        );\n      },\n    };\n  }, [getRequestTime]);\n\n  return { withRequestTime, RequestTimeMetricsPlugin };\n};\n"],"mappings":"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","names":["ReactPlayer","import_react","import_player","import_react_error_boundary","React","leven","props","import_react","React","import_react","React","ReactPlayer","React","import_player","import_react","React","ReactPlayer","import_react","import_react","ReactPlayer","React"]}

package/dist/index.legacy-esm.js

@@ -7,16 +7,54 @@ import { SyncWaterfallHook, AsyncParallelHook } from "tapable-ts";
 import { Subscribe, useSubscribedState } from "@player-ui/react-subscribe";
 import { Registry } from "@player-ui/partial-match-registry";
 import { Player } from "@player-ui/player";
-import { ErrorBoundary } from "react-error-boundary";
+import { ErrorBoundary as ErrorBoundary2 } from "react-error-boundary";
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx
 import React from "react";
 import leven from "leven";
+import { ErrorBoundary } from "react-error-boundary";
+
+// ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/AssetRenderError.ts
+var AssetRenderError = class extends Error {
+  constructor(rootAsset, message, innerException) {
+    super(message);
+    this.rootAsset = rootAsset;
+    this.innerException = innerException;
+    this.assetParentPath = [];
+    this.initialMessage = message ?? "";
+    this.innerExceptionMessage = innerException instanceof Error ? innerException.message : String(innerException);
+    if (this.innerExceptionMessage) {
+      this.initialMessage = this.initialMessage.concat(
+        "\nCaused by: ",
+        this.innerExceptionMessage
+      );
+    }
+    this.message = this.initialMessage;
+  }
+  updateMessage() {
+    this.message = `${this.initialMessage}
+${this.getAssetPathMessage()}
+`;
+  }
+  getAssetPathMessage() {
+    return `Exception occurred in asset with id '${this.rootAsset.id}' of type '${this.rootAsset.type}'${this.assetParentPath.map((c) => `
+	Found in (id: '${c.id}', type: '${c.type}')`)}`;
+  }
+  addAssetParent(asset) {
+    this.assetParentPath.push(asset);
+    this.updateMessage();
+  }
+};
+
+// ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx
 var AssetContext = React.createContext({});
+var isAssetUnwrapped = (props) => {
+  return "type" in props && "id" in props;
+};
 var ReactAsset = (props) => {
   const { registry } = React.useContext(AssetContext);
   let unwrapped;
-  if ("type" in props && "id" in props) {
+  if (isAssetUnwrapped(props)) {
     unwrapped = props;
   } else if ("asset" in props) {
     unwrapped = props.asset;
@@ -71,7 +109,25 @@ var ReactAsset = (props) => {
       ${JSON.stringify(matchList)}`
     );
   }
-  return /* @__PURE__ */ React.createElement(Impl, { key: unwrapped.id, ...unwrapped });
+  return /* @__PURE__ */ React.createElement(
+    ErrorBoundary,
+    {
+      fallbackRender: (props2) => {
+        const { error } = props2;
+        if (error instanceof AssetRenderError) {
+          error.addAssetParent(unwrapped);
+          throw error;
+        } else {
+          throw new AssetRenderError(
+            unwrapped,
+            "Failed to render asset",
+            error
+          );
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(Impl, { key: unwrapped.id, ...unwrapped })
+  );
 };
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/player-context.ts
@@ -268,7 +324,7 @@ var ReactPlayer2 = class {
     const BaseComp = this.hooks.webComponent.call(this.createReactComp());
     const ReactPlayerComponent = (props) => {
       return /* @__PURE__ */ React4.createElement(
-        ErrorBoundary,
+        ErrorBoundary2,
         {
           fallbackRender: () => null,
           onError: (err) => {
@@ -668,6 +724,7 @@ var ManagedPlayer = (props) => {
 };
 export {
   AssetContext,
+  AssetRenderError,
   ManagedPlayer,
   PlayerContext,
   ReactAsset,

package/dist/index.mjs

@@ -7,16 +7,54 @@ import { SyncWaterfallHook, AsyncParallelHook } from "tapable-ts";
 import { Subscribe, useSubscribedState } from "@player-ui/react-subscribe";
 import { Registry } from "@player-ui/partial-match-registry";
 import { Player } from "@player-ui/player";
-import { ErrorBoundary } from "react-error-boundary";
+import { ErrorBoundary as ErrorBoundary2 } from "react-error-boundary";
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx
 import React from "react";
 import leven from "leven";
+import { ErrorBoundary } from "react-error-boundary";
+
+// ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/AssetRenderError.ts
+var AssetRenderError = class extends Error {
+  constructor(rootAsset, message, innerException) {
+    super(message);
+    this.rootAsset = rootAsset;
+    this.innerException = innerException;
+    this.assetParentPath = [];
+    this.initialMessage = message ?? "";
+    this.innerExceptionMessage = innerException instanceof Error ? innerException.message : String(innerException);
+    if (this.innerExceptionMessage) {
+      this.initialMessage = this.initialMessage.concat(
+        "\nCaused by: ",
+        this.innerExceptionMessage
+      );
+    }
+    this.message = this.initialMessage;
+  }
+  updateMessage() {
+    this.message = `${this.initialMessage}
+${this.getAssetPathMessage()}
+`;
+  }
+  getAssetPathMessage() {
+    return `Exception occurred in asset with id '${this.rootAsset.id}' of type '${this.rootAsset.type}'${this.assetParentPath.map((c) => `
+	Found in (id: '${c.id}', type: '${c.type}')`)}`;
+  }
+  addAssetParent(asset) {
+    this.assetParentPath.push(asset);
+    this.updateMessage();
+  }
+};
+
+// ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx
 var AssetContext = React.createContext({});
+var isAssetUnwrapped = (props) => {
+  return "type" in props && "id" in props;
+};
 var ReactAsset = (props) => {
   const { registry } = React.useContext(AssetContext);
   let unwrapped;
-  if ("type" in props && "id" in props) {
+  if (isAssetUnwrapped(props)) {
     unwrapped = props;
   } else if ("asset" in props) {
     unwrapped = props.asset;
@@ -71,7 +109,25 @@ var ReactAsset = (props) => {
       ${JSON.stringify(matchList)}`
     );
   }
-  return /* @__PURE__ */ React.createElement(Impl, { key: unwrapped.id, ...unwrapped });
+  return /* @__PURE__ */ React.createElement(
+    ErrorBoundary,
+    {
+      fallbackRender: (props2) => {
+        const { error } = props2;
+        if (error instanceof AssetRenderError) {
+          error.addAssetParent(unwrapped);
+          throw error;
+        } else {
+          throw new AssetRenderError(
+            unwrapped,
+            "Failed to render asset",
+            error
+          );
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(Impl, { key: unwrapped.id, ...unwrapped })
+  );
 };
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/player-context.ts
@@ -268,7 +324,7 @@ var ReactPlayer2 = class {
     const BaseComp = this.hooks.webComponent.call(this.createReactComp());
     const ReactPlayerComponent = (props) => {
       return /* @__PURE__ */ React4.createElement(
-        ErrorBoundary,
+        ErrorBoundary2,
         {
           fallbackRender: () => null,
           onError: (err) => {
@@ -668,6 +724,7 @@ var ManagedPlayer = (props) => {
 };
 export {
   AssetContext,
+  AssetRenderError,
   ManagedPlayer,
   PlayerContext,
   ReactAsset,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/player.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/player-context.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/use-logger.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/use-asset-props.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/helpers.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/url.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/shared-constants.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/app.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/plugins/onupdate-plugin.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/hooks.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/plugins/tapstate-plugin.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/manager/managed-player.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/manager/request-time.tsx"],"sourcesContent":["export * from \"@player-ui/player\";\nexport * from \"./player\";\nexport * from \"./hooks\";\nexport * from \"./manager/managed-player\";\nexport * from \"./manager/request-time\";\nexport * from \"./manager/types\";\nexport * from \"./asset\";\nexport * from \"./utils\";\n","import React from \"react\";\nimport { SyncWaterfallHook, AsyncParallelHook } from \"tapable-ts\";\nimport { Subscribe, useSubscribedState } from \"@player-ui/react-subscribe\";\nimport { Registry } from \"@player-ui/partial-match-registry\";\nimport type {\n  CompletedState,\n  PlayerPlugin,\n  Flow,\n  View,\n  PlayerInfo,\n} from \"@player-ui/player\";\nimport { Player } from \"@player-ui/player\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport type { AssetRegistryType } from \"./asset\";\nimport { AssetContext } from \"./asset\";\nimport { PlayerContext } from \"./utils\";\n\nimport type { ReactPlayerProps } from \"./app\";\nimport { ReactPlayer as PlayerComp } from \"./app\";\nimport { OnUpdatePlugin } from \"./plugins/onupdate-plugin\";\n\nexport interface DevtoolsGlobals {\n  /** A global for a plugin to load to Player for devtools */\n  __PLAYER_DEVTOOLS_PLUGIN?: {\n    new (): ReactPlayerPlugin;\n  };\n}\n\nexport type DevtoolsWindow = typeof window & DevtoolsGlobals;\n\nconst _window: DevtoolsWindow | undefined =\n  typeof window === \"undefined\" ? undefined : window;\n\n// Alias until more properties are added\nexport type ReactPlayerInfo = PlayerInfo;\n\nexport interface ReactPlayerPlugin extends Partial<PlayerPlugin> {\n  /** The name of this plugin */\n  name: string;\n\n  /**\n   * Attach listeners to the web-player instance\n   */\n  applyReact?: (reactPlayer: ReactPlayer) => void;\n}\n\nexport interface ReactPlayerOptions {\n  /** A headless player instance to use */\n  player?: Player;\n\n  /** A set of plugins to apply to this player */\n  plugins?: Array<ReactPlayerPlugin>;\n}\n\nexport type ReactPlayerComponentProps = Record<string, unknown>;\n\n/** A Player that renders UI through React */\nexport class ReactPlayer {\n  public readonly options: ReactPlayerOptions;\n  public readonly player: Player;\n  public readonly assetRegistry: AssetRegistryType = new Registry();\n  public readonly Component: React.ComponentType<ReactPlayerComponentProps>;\n  public readonly hooks: {\n    /**\n     * A hook to create a React Component to be used for Player, regardless of the current flow state\n     */\n    webComponent: SyncWaterfallHook<[React.ComponentType], Record<string, any>>;\n    /**\n     * A hook to create a React Component that's used to render a specific view.\n     * It will be called for each view update from the core player.\n     * Typically this will just be `Asset`\n     */\n    playerComponent: SyncWaterfallHook<\n      [React.ComponentType<ReactPlayerProps>],\n      Record<string, any>\n    >;\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: AsyncParallelHook<[], Record<string, any>>;\n  } = {\n    /**\n     * A hook to create a React Component to be used for Player, regardless of the current flow state\n     */\n    webComponent: new SyncWaterfallHook(),\n\n    /**\n     * A hook to create a React Component that's used to render a specific view.\n     * It will be called for each view update from the core player.\n     * Typically this will just be `Asset`\n     */\n    playerComponent: new SyncWaterfallHook(),\n\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: new AsyncParallelHook(),\n  };\n\n  public readonly viewUpdateSubscription = new Subscribe<View>();\n  private reactPlayerInfo: ReactPlayerInfo;\n\n  constructor(options?: ReactPlayerOptions) {\n    this.options = options ?? {};\n\n    const Devtools = _window?.__PLAYER_DEVTOOLS_PLUGIN;\n    const onUpdatePlugin = new OnUpdatePlugin(\n      this.viewUpdateSubscription.publish,\n    );\n\n    const plugins = options?.plugins ?? [];\n\n    if (Devtools) {\n      plugins.push(new Devtools());\n    }\n\n    const playerPlugins = plugins.filter((p) =>\n      Boolean(p.apply),\n    ) as PlayerPlugin[];\n\n    this.player = options?.player ?? new Player({ plugins: playerPlugins });\n\n    plugins.forEach((plugin) => {\n      if (plugin.applyReact) {\n        plugin.applyReact(this);\n      }\n    });\n\n    onUpdatePlugin.apply(this.player);\n\n    this.Component = this.createReactPlayerComponent();\n    this.reactPlayerInfo = {\n      version: this.player.getVersion(),\n      commit: this.player.getCommit(),\n    };\n  }\n\n  /** Returns the current version Player */\n  public getPlayerVersion(): string {\n    return this.reactPlayerInfo.version;\n  }\n\n  /** Returns the git commit used to build this Player version */\n  public getPlayerCommit(): string {\n    return this.reactPlayerInfo.commit;\n  }\n\n  /** Find instance of [Plugin] that has been registered to the web player */\n  public findPlugin<Plugin extends ReactPlayerPlugin>(\n    symbol: symbol,\n  ): Plugin | undefined {\n    return this.options.plugins?.find((el) => el.symbol === symbol) as Plugin;\n  }\n\n  /** Register and apply [Plugin] if one with the same symbol is not already registered. */\n  public registerPlugin(plugin: ReactPlayerPlugin): void {\n    if (!plugin.applyReact) return;\n\n    plugin.applyReact(this);\n    this.options.plugins?.push(plugin);\n  }\n\n  /**\n   * Returns the current version of the running React Player\n   * @deprecated use `getPlayerVersion()` instead. Will be removed next major\n   */\n  public getReactPlayerVersion(): string {\n    return this.reactPlayerInfo.version;\n  }\n\n  /**\n   * Returns the git commit used to build the React Player version\n   * @deprecated use `getPlayerCommit()` instead. Will be removed next major\n   */\n  public getReactPlayerCommit(): string {\n    return this.reactPlayerInfo.commit;\n  }\n\n  private createReactPlayerComponent(): React.ComponentType<ReactPlayerComponentProps> {\n    const BaseComp = this.hooks.webComponent.call(this.createReactComp());\n\n    /** Wrap the Error boundary and context provider after the hook call to catch anything wrapped by the hook */\n    const ReactPlayerComponent = (props: ReactPlayerComponentProps) => {\n      return (\n        <ErrorBoundary\n          fallbackRender={() => null}\n          onError={(err) => {\n            const playerState = this.player.getState();\n\n            if (playerState.status === \"in-progress\") {\n              playerState.fail(err);\n            }\n          }}\n        >\n          <PlayerContext.Provider value={{ player: this.player }}>\n            <BaseComp {...props} />\n          </PlayerContext.Provider>\n        </ErrorBoundary>\n      );\n    };\n\n    return ReactPlayerComponent;\n  }\n\n  private createReactComp(): React.ComponentType<ReactPlayerComponentProps> {\n    const ActualPlayerComp = this.hooks.playerComponent.call(PlayerComp);\n\n    /** the component to use to render the player */\n    const WebPlayerComponent = () => {\n      const view = useSubscribedState<View>(this.viewUpdateSubscription);\n      this.viewUpdateSubscription.suspend();\n\n      return (\n        <AssetContext.Provider\n          value={{\n            registry: this.assetRegistry,\n          }}\n        >\n          {view && <ActualPlayerComp view={view} />}\n        </AssetContext.Provider>\n      );\n    };\n\n    return WebPlayerComponent;\n  }\n\n  /**\n   * Call this method to force the ReactPlayer to wait for the next view-update before performing the next render.\n   * If the `suspense` option is set, this will suspend while an update is pending, otherwise nothing will be rendered.\n   */\n  public setWaitForNextViewUpdate(): Promise<void> {\n    const shouldCallResetHook = this.hooks.onBeforeViewReset.isUsed();\n\n    return this.viewUpdateSubscription.reset(\n      shouldCallResetHook ? this.hooks.onBeforeViewReset.call() : undefined,\n    );\n  }\n\n  public start(flow: Flow): Promise<CompletedState> {\n    this.setWaitForNextViewUpdate();\n\n    return this.player.start(flow).finally(async () => {\n      await this.setWaitForNextViewUpdate();\n    });\n  }\n}\n\n// For compatibility\nexport const WebPlayer: typeof ReactPlayer = ReactPlayer;\n","import React from \"react\";\nimport leven from \"leven\";\nimport type { Asset as AssetType, AssetWrapper } from \"@player-ui/player\";\nimport type { Registry } from \"@player-ui/partial-match-registry\";\n\nexport type AssetRegistryType = Registry<React.ComponentType<any>>;\n\nexport interface ContextType {\n  /**\n   * A registry of Asset -> React Components\n   */\n  registry?: AssetRegistryType;\n}\n\nexport const AssetContext = React.createContext<ContextType>({});\n\n/**\n * A React Component that looks up an implementation from a registry\n */\nexport const ReactAsset = (\n  props: AssetType<string> | AssetWrapper<AssetType<string>>,\n) => {\n  const { registry } = React.useContext(AssetContext);\n\n  let unwrapped;\n\n  if (\"type\" in props && \"id\" in props) {\n    unwrapped = props;\n  } else if (\"asset\" in props) {\n    unwrapped = (props as unknown as AssetWrapper).asset;\n  }\n\n  if (!unwrapped) {\n    throw Error(\n      `Cannot determine asset type for props: ${JSON.stringify(props)}`,\n    );\n  }\n\n  if (typeof unwrapped !== \"object\") {\n    throw Error(\n      `Asset was not an object got (${typeof unwrapped}) instead: ${unwrapped}`,\n    );\n  }\n\n  if (unwrapped.type === undefined) {\n    const info =\n      unwrapped.id === undefined\n        ? JSON.stringify(props)\n        : `id: ${unwrapped.id}`;\n    throw Error(`Asset is missing type for ${info}`);\n  }\n\n  if (!registry || registry.isRegistryEmpty()) {\n    throw Error(`No asset found in registry. This could happen for one of the following reasons: \\n\n      1. You might have no assets registered or no plugins added to the Player instance. \\n\n      2. You might have mismatching versions of React Asset Registry Context. \\n\n      See https://player-ui.github.io/latest/tools/cli#player-dependency-versions-check for tips about how to debug and fix this problem`);\n  }\n\n  const Impl = registry?.get(unwrapped);\n\n  if (!Impl) {\n    const matchList: object[] = [];\n\n    registry.forEach((asset) => {\n      matchList.push(asset.key);\n    });\n\n    const typeList = matchList.map(\n      (match) => JSON.parse(JSON.stringify(match)).type,\n    );\n\n    const similarType = typeList.reduce((prev, curr) => {\n      const next = {\n        value: leven(unwrapped.type, curr),\n        type: curr,\n      };\n\n      if (prev !== undefined && prev.value < next.value) {\n        return prev;\n      }\n\n      return next;\n    }, undefined);\n\n    throw Error(\n      `No implementation found for id: ${unwrapped.id} type: ${unwrapped.type}. Did you mean ${similarType.type}? \\n \n      Registered Asset matching functions are listed below: \\n\n      ${JSON.stringify(matchList)}`,\n    );\n  }\n\n  return <Impl key={unwrapped.id} {...unwrapped} />;\n};\n","import React from \"react\";\nimport type { Player, NavigationFlowViewState } from \"@player-ui/player\";\n\nexport interface PlayerContextType {\n  /**\n   * An instance of a headless player\n   */\n  player?: Player;\n\n  /** The currently rendered view state */\n  viewState?: NavigationFlowViewState;\n}\n\nexport const PlayerContext = React.createContext<PlayerContextType>({});\n\n/**\n * A hook to get the current player\n */\nexport const usePlayer = () => {\n  const { player } = React.useContext(PlayerContext);\n\n  return player;\n};\n","import type { Logger } from \"@player-ui/player\";\nimport { NoopLogger } from \"@player-ui/player\";\nimport { usePlayer } from \"./player-context\";\n\nconst noopLogger = new NoopLogger();\n\n/**\n * A hook to get the logger instance from the current player\n */\nexport function useLogger(): Logger {\n  const player = usePlayer();\n\n  return player?.logger ?? noopLogger;\n}\n","import type { Asset } from \"@player-ui/player\";\n\n/** Common props for any dom node */\nexport function useAssetProps(asset: Asset) {\n  return {\n    id: asset.id,\n    \"data-asset-type\": asset.type,\n  };\n}\n","/**\n * Trim leading and trailing slashes from string\n */\nexport function trimSlashes(str: string) {\n  return str.replace(/^\\/+|\\/+$/g, \"\");\n}\n\n/**\n * Removes any key: value pairs from an object when the value is null or undefined\n */\nexport function removeEmptyValuesFromObject(\n  obj: Record<string, any>,\n): Record<string, NonNullable<any>> {\n  return Object.keys(obj).reduce(\n    (acc, key) => {\n      const value = obj[key];\n\n      if (value !== null && value !== undefined) {\n        acc[key] = value;\n      }\n\n      return acc;\n    },\n    {} as Record<string, any>,\n  );\n}\n\n/** Check if the object has no keys */\nexport function isEmptyObject(obj: Record<string, unknown>) {\n  return Object.keys(obj).length === 0 && obj.constructor === Object;\n}\n\n/** Check if the argument is a function */\nexport function isFunction<ReturnType>(\n  maybeFn: ReturnType | ((...args: unknown[]) => ReturnType),\n): maybeFn is (...args: unknown[]) => ReturnType {\n  return Boolean(maybeFn instanceof Function || typeof maybeFn === \"function\");\n}\n\n/**\n * Calls function with provided data or returns original value\n */\nexport function callOrReturn<\n  ReturnType,\n  FnArgs extends Array<unknown> = unknown[],\n  FnType = (...args: FnArgs) => ReturnType,\n>(maybeFn: FnType | ReturnType, fnArgs: FnArgs): ReturnType {\n  if (isFunction(maybeFn)) {\n    return maybeFn(fnArgs) as ReturnType;\n  }\n\n  return maybeFn as ReturnType;\n}\n","import { isEmptyObject } from \"./helpers\";\n\n/**\n * Combines a URL with any additional parameters\n */\nexport function buildUrl(\n  url: string,\n  params: Record<string, unknown> = {},\n): string {\n  const baseUrl = new URL(url);\n\n  if (params && isEmptyObject(params)) {\n    return baseUrl.toString();\n  }\n\n  Object.keys(params).forEach((key) => {\n    const value = params[key];\n    baseUrl.searchParams.append(key, String(value));\n  });\n\n  return baseUrl.toString();\n}\n","import { usePlayer } from \"./player-context\";\n\n/** Hook to get a constant under a specific namespace */\nexport function useGetConstantByType(type: string, key: string): unknown {\n  const player = usePlayer();\n\n  return player?.constantsController.getConstants(key, type);\n}\n\n/** Get a constant under the default namespace */\nexport function useGetConstant(key: string): unknown {\n  const player = usePlayer();\n\n  return player?.constantsController.getConstants(key, \"constants\");\n}\n","import React from \"react\";\nimport type { View } from \"@player-ui/player\";\nimport { ReactAsset } from \"./asset\";\n\nexport interface ReactPlayerProps {\n  /**\n   * The Content view object to render\n   */\n  view: View;\n}\n\n/**\n * The entry for the ReactPlayer's React tree\n */\nexport const ReactPlayer = ({ view }: ReactPlayerProps) => {\n  return <ReactAsset {...view} />;\n};\n","import type { Player, PlayerPlugin, ViewInstance } from \"@player-ui/player\";\n\nexport type OnUpdateCallback = (update: any) => void;\n\n/**\n * A plugin that listens for view updates and publishes an event for when a view is updated\n */\nexport class OnUpdatePlugin implements PlayerPlugin {\n  name = \"view-update\";\n\n  private readonly onUpdateCallback: OnUpdateCallback;\n\n  constructor(onUpdate: OnUpdateCallback) {\n    this.onUpdateCallback = onUpdate;\n  }\n\n  apply(player: Player) {\n    /** Trigger the callback for the view update */\n    const updateTap = (updatedView: any) => {\n      this.onUpdateCallback(updatedView);\n    };\n\n    /** Trigger the callback for the view creation  */\n    const viewTap = (view: ViewInstance) => {\n      view.hooks.onUpdate.tap(this.name, updateTap);\n    };\n\n    // Attach hooks for any new vc that gets created\n    player.hooks.view.tap(this.name, viewTap);\n\n    // Attach listeners and publish an update event for a view already in progress\n    const currentPlayerState = player.getState();\n\n    if (currentPlayerState.status === \"in-progress\") {\n      const { currentView } = currentPlayerState.controllers.view;\n\n      if (currentView) {\n        viewTap(currentView);\n        const { lastUpdate } = currentView;\n\n        if (lastUpdate) {\n          this.onUpdateCallback(lastUpdate);\n        }\n      }\n    }\n  }\n}\n","import type { Player, PlayerFlowState } from \"@player-ui/player\";\nimport { NOT_STARTED_STATE } from \"@player-ui/player\";\nimport React from \"react\";\nimport type { ReactPlayerOptions } from \"./player\";\nimport { ReactPlayer } from \"./player\";\nimport { StateTapPlugin } from \"./plugins/tapstate-plugin\";\n\nexport interface UseReactPlayerReturn {\n  /** The web-player instance */\n  reactPlayer: ReactPlayer;\n  /** Player instance */\n  player: Player;\n  /** The state of Player */\n  playerState: PlayerFlowState;\n}\n\n/**\n * The `useReactPlayer` hook is an easy way to integrate the web-player into your React app.\n * Simply supply your config, plugins, and an optional flow, which will be automatically started for you when changed.\n */\nexport const useReactPlayer = (\n  options?: ReactPlayerOptions,\n): UseReactPlayerReturn => {\n  const [playerState, setPlayerState] =\n    React.useState<PlayerFlowState>(NOT_STARTED_STATE);\n\n  const reactPlayer = React.useMemo(() => {\n    const rp = new ReactPlayer({\n      player: options?.player,\n      plugins: [\n        ...(options?.plugins ?? []),\n        new StateTapPlugin(setPlayerState),\n      ],\n    });\n\n    return rp;\n  }, []);\n\n  const { player } = reactPlayer;\n\n  return {\n    reactPlayer,\n    player,\n    playerState,\n  };\n};\n","import type { PlayerFlowState, Player } from \"@player-ui/player\";\nimport type { ReactPlayerPlugin } from \"../player\";\n\n/**\n * A plugin to tap into state transition changes and call an arbitrary update function\n */\nexport class StateTapPlugin implements ReactPlayerPlugin {\n  name = \"statetap\";\n  private callbackFunction: (state: PlayerFlowState) => void;\n\n  constructor(callback: (state: PlayerFlowState) => void) {\n    this.callbackFunction = callback;\n  }\n\n  apply(player: Player) {\n    player.hooks.state.tap(\"usePlayer\", (newPlayerState: PlayerFlowState) => {\n      this.callbackFunction(newPlayerState);\n    });\n  }\n}\n","import React from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\nimport type {\n  FlowManager,\n  ManagedPlayerProps,\n  ManagedPlayerState,\n  ManagerMiddleware,\n  ManagedPlayerContext,\n} from \"./types\";\nimport { useRequestTime } from \"./request-time\";\nimport type { ReactPlayerOptions } from \"../player\";\nimport { ReactPlayer } from \"../player\";\n\n/** noop middleware */\nfunction identityMiddleware<T>(next: Promise<T>) {\n  return next;\n}\n\ninterface ManagedPlayerStateKey {\n  /** the storage key for the state (outside of the react tree) */\n  _key: symbol;\n}\n\nexport type StateChangeCallback = (state?: ManagedPlayerState) => void;\n\n/**\n * An object to store the state of the managed player\n */\nclass ManagedState {\n  public state?: ManagedPlayerState;\n  private callbacks: Array<StateChangeCallback>;\n  private middleware?: ManagerMiddleware;\n\n  constructor({\n    middleware,\n  }: {\n    /** middleware to use in the managed player */\n    middleware?: ManagerMiddleware;\n  }) {\n    this.middleware = middleware;\n    this.callbacks = [];\n  }\n\n  /** Add a listener to state changes */\n  public addListener(callback: StateChangeCallback): () => void {\n    this.callbacks.push(callback);\n\n    return () => {\n      this.callbacks = this.callbacks.filter((s) => s !== callback);\n    };\n  }\n\n  /** start the managed flow */\n  public start(options: {\n    /** the flow manager to use */\n    manager: FlowManager;\n\n    /** the config to use when creating a player */\n    playerConfig: ReactPlayerOptions;\n  }): this {\n    const initialState: ManagedPlayerState = {\n      value: \"not_started\",\n      context: {\n        playerConfig: options.playerConfig,\n        reactPlayer: new ReactPlayer(options.playerConfig),\n        manager: options.manager,\n      },\n    };\n\n    this.setState(initialState);\n\n    return this;\n  }\n\n  /** reset starts from nothing */\n  public reset(): void {\n    if (this.state?.value === \"error\") {\n      const { playerConfig, manager } = this.state.context;\n      this.start({ playerConfig, manager });\n    } else {\n      throw new Error(\"Flow must be in error state to reset\");\n    }\n  }\n\n  /** restart starts from the last result */\n  public restart(): void {\n    if (this.state?.value === \"error\") {\n      const { playerConfig, manager, prevResult, reactPlayer } =\n        this.state.context;\n      this.setState({\n        value: \"completed\",\n        context: {\n          playerConfig,\n          manager,\n          result: prevResult,\n          reactPlayer,\n        },\n      });\n    } else {\n      throw new Error(\"Flow must be in error state to restart\");\n    }\n  }\n\n  private async setState(state: ManagedPlayerState) {\n    this.state = state;\n    this.callbacks.forEach((c) => {\n      if (c && typeof c === \"function\") {\n        c(this.state);\n      }\n    });\n\n    const { manager, reactPlayer, playerConfig } = state.context;\n\n    try {\n      const nextState = await this.processState(state, {\n        manager,\n        reactPlayer,\n        playerConfig,\n      });\n\n      if (nextState) {\n        this.setState(nextState);\n      }\n    } catch (e) {\n      this.setState({\n        value: \"error\",\n        context: {\n          manager,\n          reactPlayer,\n          playerConfig,\n          error: e as Error,\n        },\n      });\n    }\n  }\n\n  private async processState(\n    state: ManagedPlayerState,\n    context: ManagedPlayerContext,\n  ): Promise<ManagedPlayerState | undefined> {\n    if (state.value === \"not_started\" || state.value === \"completed\") {\n      const prevResult =\n        state.value === \"completed\" ? state.context.result : undefined;\n\n      const middleware = this.middleware?.next ?? identityMiddleware;\n\n      return {\n        value: \"pending\",\n        context: {\n          ...context,\n          prevResult,\n          next: middleware(state.context.manager.next(prevResult)),\n        },\n      };\n    }\n\n    if (state.value === \"pending\") {\n      const nextResult = await state.context.next;\n\n      if (nextResult.done) {\n        return {\n          value: \"ended\",\n          context: {\n            ...context,\n            result: state.context.prevResult,\n          },\n        };\n      }\n\n      return {\n        value: \"loaded\",\n        context: {\n          ...context,\n          prevResult: state.context.prevResult,\n          flow: nextResult.value,\n        },\n      };\n    }\n\n    if (state.value === \"loaded\") {\n      return {\n        value: \"running\",\n        context: {\n          ...context,\n          flow: state.context.flow,\n          prevResult: state.context.prevResult,\n          result: state.context.reactPlayer.start(state.context.flow),\n        },\n      };\n    }\n\n    if (state.value === \"running\") {\n      const result = await state.context.result;\n\n      return {\n        value: \"completed\",\n        context: {\n          ...context,\n          result,\n        },\n      };\n    }\n  }\n}\n\nconst managedPlayerStateMachines = new WeakMap<\n  ManagedPlayerStateKey,\n  ManagedState\n>();\n\nfunction createKey(): ManagedPlayerStateKey {\n  return {\n    _key: Symbol(\"managed-player\"),\n  };\n}\n\n/** Creates an x-state state machine that persists when this component is no longer renders (due to Suspense) */\nexport const usePersistentStateMachine = (options: {\n  /** the flow manager to use */\n  manager: FlowManager;\n\n  /** Player config  */\n  playerConfig: ReactPlayerOptions;\n\n  /** Any middleware for the manager */\n  middleware?: ManagerMiddleware;\n}): { managedState: ManagedState; state?: ManagedPlayerState } => {\n  const mounted = React.useRef(false);\n  const previousManager = React.useRef(options.manager);\n  const keyRef = React.useRef<ManagedPlayerStateKey>(createKey());\n  const managedStateRef = React.useRef(\n    new ManagedState({ middleware: options.middleware }),\n  );\n\n  if (!mounted.current) {\n    managedPlayerStateMachines.set(keyRef.current, managedStateRef.current);\n    mounted.current = true;\n  }\n\n  if (previousManager.current !== options.manager) {\n    const oldManagedState = managedPlayerStateMachines.get(keyRef.current);\n\n    /**\n     * We have to handle terminate here as well as the useEffect in the\n     * ManagedPlayer since it won't have the instance of the previous manager\n     */\n    if (oldManagedState) {\n      const playerState =\n        oldManagedState.state?.context.reactPlayer.player.getState();\n\n      if (\n        oldManagedState.state?.value === \"running\" &&\n        playerState?.status === \"in-progress\"\n      ) {\n        previousManager.current.terminate?.(\n          playerState.controllers.data.serialize(),\n        );\n      }\n    }\n\n    const newKey = createKey();\n    const newManagedState = new ManagedState({\n      middleware: options.middleware,\n    });\n\n    managedPlayerStateMachines.set(newKey, newManagedState);\n    keyRef.current = newKey;\n    managedStateRef.current = newManagedState;\n    previousManager.current = options.manager;\n  }\n\n  const managedState =\n    managedPlayerStateMachines.get(keyRef.current) ?? managedStateRef.current;\n\n  /**\n   * There are times where the managedState the external store references no\n   * longer exists, so we have to wrap instead of calling addListener directly.\n   */\n  function subscription(callback: (val?: ManagedPlayerState) => void) {\n    if (managedState) {\n      const unsub = managedState.addListener((s) => {\n        callback(s);\n      });\n\n      return () => {\n        if (managedState) {\n          unsub();\n        }\n      };\n    }\n\n    return () => {};\n  }\n\n  function getSnapshot() {\n    return managedState.state;\n  }\n\n  const state = useSyncExternalStore(\n    subscription,\n    getSnapshot,\n    () => undefined,\n  );\n\n  /**\n   * This needs to come after useSyncExternalStore, otherwise it causes\n   * a weird state update and none of the refs in this hook persist\n   */\n  if (managedState.state === undefined) {\n    managedState.start(options);\n  }\n\n  return { managedState, state };\n};\n\n/**\n * A ManagedPlayer is a component responsible for orchestrating multi-flow experiences using Player.\n * Provide a valid `FlowManager` to handle fetching the next flow.\n *\n * `suspense` must be enabled to wait for results in flight.\n */\nexport const ManagedPlayer = (\n  props: ManagedPlayerProps,\n): React.JSX.Element | null => {\n  const { withRequestTime, RequestTimeMetricsPlugin } = useRequestTime();\n\n  const { state, managedState } = usePersistentStateMachine({\n    manager: props.manager,\n    middleware: { next: withRequestTime },\n    playerConfig: {\n      plugins: [...(props?.plugins ?? []), RequestTimeMetricsPlugin],\n      player: props.player,\n    },\n  });\n\n  const previousState = React.useRef<ManagedPlayerState | undefined>();\n\n  if (state?.value !== previousState.current?.value) {\n    if (state?.value === \"ended\") {\n      props.onComplete?.(state?.context.result);\n    } else if (state?.value === \"error\") {\n      props.onError?.(state?.context.error);\n    } else if (state?.value === \"running\") {\n      props.onStartedFlow?.();\n    }\n  }\n\n  previousState.current = state;\n\n  React.useEffect(() => {\n    return () => {\n      const playerState = state?.context.reactPlayer.player.getState();\n\n      if (state?.value === \"running\" && playerState?.status === \"in-progress\") {\n        props.manager.terminate?.(playerState.controllers.data.serialize());\n      }\n    };\n  }, [props.manager, state?.context.reactPlayer.player, state?.value]);\n\n  if (state?.value === \"error\") {\n    if (props.fallbackComponent) {\n      return (\n        <props.fallbackComponent\n          reset={() => {\n            managedState.reset();\n          }}\n          retry={() => {\n            managedState.restart();\n          }}\n          error={state.context.error}\n        />\n      );\n    }\n\n    if (!props.onError) {\n      throw state.context.error;\n    }\n  }\n\n  if (state?.context.reactPlayer) {\n    const { Component } = state.context.reactPlayer;\n\n    return <Component />;\n  }\n\n  return null;\n};\n","import { useCallback, useEffect, useRef, useMemo } from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport type { MetricsCorePlugin } from \"@player-ui/metrics-plugin\";\nimport {\n  MetricsCorePluginSymbol,\n  RequestTimeWebPlugin,\n} from \"@player-ui/metrics-plugin\";\nimport type { ReactPlayerPlugin } from \"../player\";\n\ntype RequestTime = {\n  /** request start time */\n  start?: number;\n  /** request end time */\n  end?: number;\n};\n\n/** hook to time a promise and add it to the metrics plugin */\nexport const useRequestTime = () => {\n  const requestTimeRef = useRef<RequestTime>({});\n\n  useEffect(() => {\n    return () => {\n      requestTimeRef.current = {};\n    };\n  }, [requestTimeRef]);\n\n  const getRequestTime = useCallback(() => {\n    const { end, start } = requestTimeRef.current;\n\n    if (end && start) {\n      return end - start;\n    }\n  }, [requestTimeRef]);\n\n  /** wrap a promise with tracking it's time in flight */\n  function withRequestTime<Type>(nextPromise: Promise<Type>): Promise<Type> {\n    const getTime = typeof performance === \"undefined\" ? Date : performance;\n    requestTimeRef.current = { start: getTime.now() };\n\n    return nextPromise.finally(() => {\n      requestTimeRef.current = {\n        ...requestTimeRef.current,\n        end: getTime.now(),\n      };\n    });\n  }\n\n  const RequestTimeMetricsPlugin: ReactPlayerPlugin = useMemo(() => {\n    return {\n      name: \"RequestTimeMetricsPlugin\",\n      apply(player: Player): void {\n        player.applyTo<MetricsCorePlugin>(\n          MetricsCorePluginSymbol,\n          (metricsCorePlugin) => {\n            new RequestTimeWebPlugin(getRequestTime).apply(metricsCorePlugin);\n          },\n        );\n      },\n    };\n  }, [getRequestTime]);\n\n  return { withRequestTime, RequestTimeMetricsPlugin };\n};\n"],"mappings":";AAAA,cAAc;;;ACAd,OAAOA,YAAW;AAClB,SAAS,mBAAmB,yBAAyB;AACrD,SAAS,WAAW,0BAA0B;AAC9C,SAAS,gBAAgB;AAQzB,SAAS,cAAc;AACvB,SAAS,qBAAqB;;;ACZ9B,OAAO,WAAW;AAClB,OAAO,WAAW;AAaX,IAAM,eAAe,MAAM,cAA2B,CAAC,CAAC;AAKxD,IAAM,aAAa,CACxB,UACG;AACH,QAAM,EAAE,SAAS,IAAI,MAAM,WAAW,YAAY;AAElD,MAAI;AAEJ,MAAI,UAAU,SAAS,QAAQ,OAAO;AACpC,gBAAY;AAAA,EACd,WAAW,WAAW,OAAO;AAC3B,gBAAa,MAAkC;AAAA,EACjD;AAEA,MAAI,CAAC,WAAW;AACd,UAAM;AAAA,MACJ,0CAA0C,KAAK,UAAU,KAAK,CAAC;AAAA,IACjE;AAAA,EACF;AAEA,MAAI,OAAO,cAAc,UAAU;AACjC,UAAM;AAAA,MACJ,gCAAgC,OAAO,SAAS,cAAc,SAAS;AAAA,IACzE;AAAA,EACF;AAEA,MAAI,UAAU,SAAS,QAAW;AAChC,UAAM,OACJ,UAAU,OAAO,SACb,KAAK,UAAU,KAAK,IACpB,OAAO,UAAU,EAAE;AACzB,UAAM,MAAM,6BAA6B,IAAI,EAAE;AAAA,EACjD;AAEA,MAAI,CAAC,YAAY,SAAS,gBAAgB,GAAG;AAC3C,UAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yIAGyH;AAAA,EACvI;AAEA,QAAM,OAAO,UAAU,IAAI,SAAS;AAEpC,MAAI,CAAC,MAAM;AACT,UAAM,YAAsB,CAAC;AAE7B,aAAS,QAAQ,CAAC,UAAU;AAC1B,gBAAU,KAAK,MAAM,GAAG;AAAA,IAC1B,CAAC;AAED,UAAM,WAAW,UAAU;AAAA,MACzB,CAAC,UAAU,KAAK,MAAM,KAAK,UAAU,KAAK,CAAC,EAAE;AAAA,IAC/C;AAEA,UAAM,cAAc,SAAS,OAAO,CAAC,MAAM,SAAS;AAClD,YAAM,OAAO;AAAA,QACX,OAAO,MAAM,UAAU,MAAM,IAAI;AAAA,QACjC,MAAM;AAAA,MACR;AAEA,UAAI,SAAS,UAAa,KAAK,QAAQ,KAAK,OAAO;AACjD,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT,GAAG,MAAS;AAEZ,UAAM;AAAA,MACJ,mCAAmC,UAAU,EAAE,UAAU,UAAU,IAAI,kBAAkB,YAAY,IAAI;AAAA;AAAA;AAAA;AAAA,QAEvG,KAAK,UAAU,SAAS,CAAC;AAAA,IAC7B;AAAA,EACF;AAEA,SAAO,oCAAC,QAAK,KAAK,UAAU,IAAK,GAAG,WAAW;AACjD;;;AC7FA,OAAOC,YAAW;AAaX,IAAM,gBAAgBA,OAAM,cAAiC,CAAC,CAAC;AAK/D,IAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,OAAO,IAAIA,OAAM,WAAW,aAAa;AAEjD,SAAO;AACT;;;ACrBA,SAAS,kBAAkB;AAG3B,IAAM,aAAa,IAAI,WAAW;AAK3B,SAAS,YAAoB;AAClC,QAAM,SAAS,UAAU;AAEzB,SAAO,QAAQ,UAAU;AAC3B;;;ACVO,SAAS,cAAc,OAAc;AAC1C,SAAO;AAAA,IACL,IAAI,MAAM;AAAA,IACV,mBAAmB,MAAM;AAAA,EAC3B;AACF;;;ACLO,SAAS,YAAY,KAAa;AACvC,SAAO,IAAI,QAAQ,cAAc,EAAE;AACrC;AAKO,SAAS,4BACd,KACkC;AAClC,SAAO,OAAO,KAAK,GAAG,EAAE;AAAA,IACtB,CAAC,KAAK,QAAQ;AACZ,YAAM,QAAQ,IAAI,GAAG;AAErB,UAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,YAAI,GAAG,IAAI;AAAA,MACb;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAGO,SAAS,cAAc,KAA8B;AAC1D,SAAO,OAAO,KAAK,GAAG,EAAE,WAAW,KAAK,IAAI,gBAAgB;AAC9D;AAGO,SAAS,WACd,SAC+C;AAC/C,SAAO,QAAQ,mBAAmB,YAAY,OAAO,YAAY,UAAU;AAC7E;AAKO,SAAS,aAId,SAA8B,QAA4B;AAC1D,MAAI,WAAW,OAAO,GAAG;AACvB,WAAO,QAAQ,MAAM;AAAA,EACvB;AAEA,SAAO;AACT;;;AC/CO,SAAS,SACd,KACA,SAAkC,CAAC,GAC3B;AACR,QAAM,UAAU,IAAI,IAAI,GAAG;AAE3B,MAAI,UAAU,cAAc,MAAM,GAAG;AACnC,WAAO,QAAQ,SAAS;AAAA,EAC1B;AAEA,SAAO,KAAK,MAAM,EAAE,QAAQ,CAAC,QAAQ;AACnC,UAAM,QAAQ,OAAO,GAAG;AACxB,YAAQ,aAAa,OAAO,KAAK,OAAO,KAAK,CAAC;AAAA,EAChD,CAAC;AAED,SAAO,QAAQ,SAAS;AAC1B;;;AClBO,SAAS,qBAAqB,MAAc,KAAsB;AACvE,QAAM,SAAS,UAAU;AAEzB,SAAO,QAAQ,oBAAoB,aAAa,KAAK,IAAI;AAC3D;AAGO,SAAS,eAAe,KAAsB;AACnD,QAAM,SAAS,UAAU;AAEzB,SAAO,QAAQ,oBAAoB,aAAa,KAAK,WAAW;AAClE;;;ACdA,OAAOC,YAAW;AAcX,IAAM,cAAc,CAAC,EAAE,KAAK,MAAwB;AACzD,SAAO,gBAAAC,OAAA,cAAC,cAAY,GAAG,MAAM;AAC/B;;;ACTO,IAAM,iBAAN,MAA6C;AAAA,EAKlD,YAAY,UAA4B;AAJxC,gBAAO;AAKL,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAEA,MAAM,QAAgB;AAEpB,UAAM,YAAY,CAAC,gBAAqB;AACtC,WAAK,iBAAiB,WAAW;AAAA,IACnC;AAGA,UAAM,UAAU,CAAC,SAAuB;AACtC,WAAK,MAAM,SAAS,IAAI,KAAK,MAAM,SAAS;AAAA,IAC9C;AAGA,WAAO,MAAM,KAAK,IAAI,KAAK,MAAM,OAAO;AAGxC,UAAM,qBAAqB,OAAO,SAAS;AAE3C,QAAI,mBAAmB,WAAW,eAAe;AAC/C,YAAM,EAAE,YAAY,IAAI,mBAAmB,YAAY;AAEvD,UAAI,aAAa;AACf,gBAAQ,WAAW;AACnB,cAAM,EAAE,WAAW,IAAI;AAEvB,YAAI,YAAY;AACd,eAAK,iBAAiB,UAAU;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;AThBA,IAAM,UACJ,OAAO,WAAW,cAAc,SAAY;AA0BvC,IAAMC,eAAN,MAAkB;AAAA,EA6CvB,YAAY,SAA8B;AA1C1C,SAAgB,gBAAmC,IAAI,SAAS;AAEhE,SAAgB,QAkBZ;AAAA;AAAA;AAAA;AAAA,MAIF,cAAc,IAAI,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOpC,iBAAiB,IAAI,kBAAkB;AAAA;AAAA;AAAA;AAAA,MAKvC,mBAAmB,IAAI,kBAAkB;AAAA,IAC3C;AAEA,SAAgB,yBAAyB,IAAI,UAAgB;AAI3D,SAAK,UAAU,WAAW,CAAC;AAE3B,UAAM,WAAW,SAAS;AAC1B,UAAM,iBAAiB,IAAI;AAAA,MACzB,KAAK,uBAAuB;AAAA,IAC9B;AAEA,UAAM,UAAU,SAAS,WAAW,CAAC;AAErC,QAAI,UAAU;AACZ,cAAQ,KAAK,IAAI,SAAS,CAAC;AAAA,IAC7B;AAEA,UAAM,gBAAgB,QAAQ;AAAA,MAAO,CAAC,MACpC,QAAQ,EAAE,KAAK;AAAA,IACjB;AAEA,SAAK,SAAS,SAAS,UAAU,IAAI,OAAO,EAAE,SAAS,cAAc,CAAC;AAEtE,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,OAAO,YAAY;AACrB,eAAO,WAAW,IAAI;AAAA,MACxB;AAAA,IACF,CAAC;AAED,mBAAe,MAAM,KAAK,MAAM;AAEhC,SAAK,YAAY,KAAK,2BAA2B;AACjD,SAAK,kBAAkB;AAAA,MACrB,SAAS,KAAK,OAAO,WAAW;AAAA,MAChC,QAAQ,KAAK,OAAO,UAAU;AAAA,IAChC;AAAA,EACF;AAAA;AAAA,EAGO,mBAA2B;AAChC,WAAO,KAAK,gBAAgB;AAAA,EAC9B;AAAA;AAAA,EAGO,kBAA0B;AAC/B,WAAO,KAAK,gBAAgB;AAAA,EAC9B;AAAA;AAAA,EAGO,WACL,QACoB;AACpB,WAAO,KAAK,QAAQ,SAAS,KAAK,CAAC,OAAO,GAAG,WAAW,MAAM;AAAA,EAChE;AAAA;AAAA,EAGO,eAAe,QAAiC;AACrD,QAAI,CAAC,OAAO;AAAY;AAExB,WAAO,WAAW,IAAI;AACtB,SAAK,QAAQ,SAAS,KAAK,MAAM;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMO,wBAAgC;AACrC,WAAO,KAAK,gBAAgB;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMO,uBAA+B;AACpC,WAAO,KAAK,gBAAgB;AAAA,EAC9B;AAAA,EAEQ,6BAA6E;AACnF,UAAM,WAAW,KAAK,MAAM,aAAa,KAAK,KAAK,gBAAgB,CAAC;AAGpE,UAAM,uBAAuB,CAAC,UAAqC;AACjE,aACE,gBAAAC,OAAA;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,MAAM;AAAA,UACtB,SAAS,CAAC,QAAQ;AAChB,kBAAM,cAAc,KAAK,OAAO,SAAS;AAEzC,gBAAI,YAAY,WAAW,eAAe;AACxC,0BAAY,KAAK,GAAG;AAAA,YACtB;AAAA,UACF;AAAA;AAAA,QAEA,gBAAAA,OAAA,cAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,QAAQ,KAAK,OAAO,KACnD,gBAAAA,OAAA,cAAC,YAAU,GAAG,OAAO,CACvB;AAAA,MACF;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAAA,EAEQ,kBAAkE;AACxE,UAAM,mBAAmB,KAAK,MAAM,gBAAgB,KAAK,WAAU;AAGnE,UAAM,qBAAqB,MAAM;AAC/B,YAAM,OAAO,mBAAyB,KAAK,sBAAsB;AACjE,WAAK,uBAAuB,QAAQ;AAEpC,aACE,gBAAAA,OAAA;AAAA,QAAC,aAAa;AAAA,QAAb;AAAA,UACC,OAAO;AAAA,YACL,UAAU,KAAK;AAAA,UACjB;AAAA;AAAA,QAEC,QAAQ,gBAAAA,OAAA,cAAC,oBAAiB,MAAY;AAAA,MACzC;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAMO,2BAA0C;AAC/C,UAAM,sBAAsB,KAAK,MAAM,kBAAkB,OAAO;AAEhE,WAAO,KAAK,uBAAuB;AAAA,MACjC,sBAAsB,KAAK,MAAM,kBAAkB,KAAK,IAAI;AAAA,IAC9D;AAAA,EACF;AAAA,EAEO,MAAM,MAAqC;AAChD,SAAK,yBAAyB;AAE9B,WAAO,KAAK,OAAO,MAAM,IAAI,EAAE,QAAQ,YAAY;AACjD,YAAM,KAAK,yBAAyB;AAAA,IACtC,CAAC;AAAA,EACH;AACF;AAGO,IAAM,YAAgCD;;;AUvP7C,SAAS,yBAAyB;AAClC,OAAOE,YAAW;;;ACIX,IAAM,iBAAN,MAAkD;AAAA,EAIvD,YAAY,UAA4C;AAHxD,gBAAO;AAIL,SAAK,mBAAmB;AAAA,EAC1B;AAAA,EAEA,MAAM,QAAgB;AACpB,WAAO,MAAM,MAAM,IAAI,aAAa,CAAC,mBAAoC;AACvE,WAAK,iBAAiB,cAAc;AAAA,IACtC,CAAC;AAAA,EACH;AACF;;;ADCO,IAAM,iBAAiB,CAC5B,YACyB;AACzB,QAAM,CAAC,aAAa,cAAc,IAChCC,OAAM,SAA0B,iBAAiB;AAEnD,QAAM,cAAcA,OAAM,QAAQ,MAAM;AACtC,UAAM,KAAK,IAAIC,aAAY;AAAA,MACzB,QAAQ,SAAS;AAAA,MACjB,SAAS;AAAA,QACP,GAAI,SAAS,WAAW,CAAC;AAAA,QACzB,IAAI,eAAe,cAAc;AAAA,MACnC;AAAA,IACF,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,OAAO,IAAI;AAEnB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;AE7CA,OAAOC,YAAW;AAClB,SAAS,4BAA4B;;;ACDrC,SAAS,aAAa,WAAW,QAAQ,eAAe;AAGxD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAWA,IAAM,iBAAiB,MAAM;AAClC,QAAM,iBAAiB,OAAoB,CAAC,CAAC;AAE7C,YAAU,MAAM;AACd,WAAO,MAAM;AACX,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,iBAAiB,YAAY,MAAM;AACvC,UAAM,EAAE,KAAK,MAAM,IAAI,eAAe;AAEtC,QAAI,OAAO,OAAO;AAChB,aAAO,MAAM;AAAA,IACf;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAGnB,WAAS,gBAAsB,aAA2C;AACxE,UAAM,UAAU,OAAO,gBAAgB,cAAc,OAAO;AAC5D,mBAAe,UAAU,EAAE,OAAO,QAAQ,IAAI,EAAE;AAEhD,WAAO,YAAY,QAAQ,MAAM;AAC/B,qBAAe,UAAU;AAAA,QACvB,GAAG,eAAe;AAAA,QAClB,KAAK,QAAQ,IAAI;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,2BAA8C,QAAQ,MAAM;AAChE,WAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAM,QAAsB;AAC1B,eAAO;AAAA,UACL;AAAA,UACA,CAAC,sBAAsB;AACrB,gBAAI,qBAAqB,cAAc,EAAE,MAAM,iBAAiB;AAAA,UAClE;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,SAAO,EAAE,iBAAiB,yBAAyB;AACrD;;;ADhDA,SAAS,mBAAsB,MAAkB;AAC/C,SAAO;AACT;AAYA,IAAM,eAAN,MAAmB;AAAA,EAKjB,YAAY;AAAA,IACV;AAAA,EACF,GAGG;AACD,SAAK,aAAa;AAClB,SAAK,YAAY,CAAC;AAAA,EACpB;AAAA;AAAA,EAGO,YAAY,UAA2C;AAC5D,SAAK,UAAU,KAAK,QAAQ;AAE5B,WAAO,MAAM;AACX,WAAK,YAAY,KAAK,UAAU,OAAO,CAAC,MAAM,MAAM,QAAQ;AAAA,IAC9D;AAAA,EACF;AAAA;AAAA,EAGO,MAAM,SAMJ;AACP,UAAM,eAAmC;AAAA,MACvC,OAAO;AAAA,MACP,SAAS;AAAA,QACP,cAAc,QAAQ;AAAA,QACtB,aAAa,IAAIC,aAAY,QAAQ,YAAY;AAAA,QACjD,SAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAEA,SAAK,SAAS,YAAY;AAE1B,WAAO;AAAA,EACT;AAAA;AAAA,EAGO,QAAc;AACnB,QAAI,KAAK,OAAO,UAAU,SAAS;AACjC,YAAM,EAAE,cAAc,QAAQ,IAAI,KAAK,MAAM;AAC7C,WAAK,MAAM,EAAE,cAAc,QAAQ,CAAC;AAAA,IACtC,OAAO;AACL,YAAM,IAAI,MAAM,sCAAsC;AAAA,IACxD;AAAA,EACF;AAAA;AAAA,EAGO,UAAgB;AACrB,QAAI,KAAK,OAAO,UAAU,SAAS;AACjC,YAAM,EAAE,cAAc,SAAS,YAAY,YAAY,IACrD,KAAK,MAAM;AACb,WAAK,SAAS;AAAA,QACZ,OAAO;AAAA,QACP,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA,QAAQ;AAAA,UACR;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,YAAM,IAAI,MAAM,wCAAwC;AAAA,IAC1D;AAAA,EACF;AAAA,EAEA,MAAc,SAAS,OAA2B;AAChD,SAAK,QAAQ;AACb,SAAK,UAAU,QAAQ,CAAC,MAAM;AAC5B,UAAI,KAAK,OAAO,MAAM,YAAY;AAChC,UAAE,KAAK,KAAK;AAAA,MACd;AAAA,IACF,CAAC;AAED,UAAM,EAAE,SAAS,aAAa,aAAa,IAAI,MAAM;AAErD,QAAI;AACF,YAAM,YAAY,MAAM,KAAK,aAAa,OAAO;AAAA,QAC/C;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAED,UAAI,WAAW;AACb,aAAK,SAAS,SAAS;AAAA,MACzB;AAAA,IACF,SAAS,GAAG;AACV,WAAK,SAAS;AAAA,QACZ,OAAO;AAAA,QACP,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,MAAc,aACZ,OACA,SACyC;AACzC,QAAI,MAAM,UAAU,iBAAiB,MAAM,UAAU,aAAa;AAChE,YAAM,aACJ,MAAM,UAAU,cAAc,MAAM,QAAQ,SAAS;AAEvD,YAAM,aAAa,KAAK,YAAY,QAAQ;AAE5C,aAAO;AAAA,QACL,OAAO;AAAA,QACP,SAAS;AAAA,UACP,GAAG;AAAA,UACH;AAAA,UACA,MAAM,WAAW,MAAM,QAAQ,QAAQ,KAAK,UAAU,CAAC;AAAA,QACzD;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,UAAU,WAAW;AAC7B,YAAM,aAAa,MAAM,MAAM,QAAQ;AAEvC,UAAI,WAAW,MAAM;AACnB,eAAO;AAAA,UACL,OAAO;AAAA,UACP,SAAS;AAAA,YACP,GAAG;AAAA,YACH,QAAQ,MAAM,QAAQ;AAAA,UACxB;AAAA,QACF;AAAA,MACF;AAEA,aAAO;AAAA,QACL,OAAO;AAAA,QACP,SAAS;AAAA,UACP,GAAG;AAAA,UACH,YAAY,MAAM,QAAQ;AAAA,UAC1B,MAAM,WAAW;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,UAAU,UAAU;AAC5B,aAAO;AAAA,QACL,OAAO;AAAA,QACP,SAAS;AAAA,UACP,GAAG;AAAA,UACH,MAAM,MAAM,QAAQ;AAAA,UACpB,YAAY,MAAM,QAAQ;AAAA,UAC1B,QAAQ,MAAM,QAAQ,YAAY,MAAM,MAAM,QAAQ,IAAI;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAEA,QAAI,MAAM,UAAU,WAAW;AAC7B,YAAM,SAAS,MAAM,MAAM,QAAQ;AAEnC,aAAO;AAAA,QACL,OAAO;AAAA,QACP,SAAS;AAAA,UACP,GAAG;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAM,6BAA6B,oBAAI,QAGrC;AAEF,SAAS,YAAmC;AAC1C,SAAO;AAAA,IACL,MAAM,OAAO,gBAAgB;AAAA,EAC/B;AACF;AAGO,IAAM,4BAA4B,CAAC,YASwB;AAChE,QAAM,UAAUC,OAAM,OAAO,KAAK;AAClC,QAAM,kBAAkBA,OAAM,OAAO,QAAQ,OAAO;AACpD,QAAM,SAASA,OAAM,OAA8B,UAAU,CAAC;AAC9D,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,IAAI,aAAa,EAAE,YAAY,QAAQ,WAAW,CAAC;AAAA,EACrD;AAEA,MAAI,CAAC,QAAQ,SAAS;AACpB,+BAA2B,IAAI,OAAO,SAAS,gBAAgB,OAAO;AACtE,YAAQ,UAAU;AAAA,EACpB;AAEA,MAAI,gBAAgB,YAAY,QAAQ,SAAS;AAC/C,UAAM,kBAAkB,2BAA2B,IAAI,OAAO,OAAO;AAMrE,QAAI,iBAAiB;AACnB,YAAM,cACJ,gBAAgB,OAAO,QAAQ,YAAY,OAAO,SAAS;AAE7D,UACE,gBAAgB,OAAO,UAAU,aACjC,aAAa,WAAW,eACxB;AACA,wBAAgB,QAAQ;AAAA,UACtB,YAAY,YAAY,KAAK,UAAU;AAAA,QACzC;AAAA,MACF;AAAA,IACF;AAEA,UAAM,SAAS,UAAU;AACzB,UAAM,kBAAkB,IAAI,aAAa;AAAA,MACvC,YAAY,QAAQ;AAAA,IACtB,CAAC;AAED,+BAA2B,IAAI,QAAQ,eAAe;AACtD,WAAO,UAAU;AACjB,oBAAgB,UAAU;AAC1B,oBAAgB,UAAU,QAAQ;AAAA,EACpC;AAEA,QAAM,eACJ,2BAA2B,IAAI,OAAO,OAAO,KAAK,gBAAgB;AAMpE,WAAS,aAAa,UAA8C;AAClE,QAAI,cAAc;AAChB,YAAM,QAAQ,aAAa,YAAY,CAAC,MAAM;AAC5C,iBAAS,CAAC;AAAA,MACZ,CAAC;AAED,aAAO,MAAM;AACX,YAAI,cAAc;AAChB,gBAAM;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AAEA,WAAS,cAAc;AACrB,WAAO,aAAa;AAAA,EACtB;AAEA,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAMA,MAAI,aAAa,UAAU,QAAW;AACpC,iBAAa,MAAM,OAAO;AAAA,EAC5B;AAEA,SAAO,EAAE,cAAc,MAAM;AAC/B;AAQO,IAAM,gBAAgB,CAC3B,UAC6B;AAC7B,QAAM,EAAE,iBAAiB,yBAAyB,IAAI,eAAe;AAErE,QAAM,EAAE,OAAO,aAAa,IAAI,0BAA0B;AAAA,IACxD,SAAS,MAAM;AAAA,IACf,YAAY,EAAE,MAAM,gBAAgB;AAAA,IACpC,cAAc;AAAA,MACZ,SAAS,CAAC,GAAI,OAAO,WAAW,CAAC,GAAI,wBAAwB;AAAA,MAC7D,QAAQ,MAAM;AAAA,IAChB;AAAA,EACF,CAAC;AAED,QAAM,gBAAgBA,OAAM,OAAuC;AAEnE,MAAI,OAAO,UAAU,cAAc,SAAS,OAAO;AACjD,QAAI,OAAO,UAAU,SAAS;AAC5B,YAAM,aAAa,OAAO,QAAQ,MAAM;AAAA,IAC1C,WAAW,OAAO,UAAU,SAAS;AACnC,YAAM,UAAU,OAAO,QAAQ,KAAK;AAAA,IACtC,WAAW,OAAO,UAAU,WAAW;AACrC,YAAM,gBAAgB;AAAA,IACxB;AAAA,EACF;AAEA,gBAAc,UAAU;AAExB,EAAAA,OAAM,UAAU,MAAM;AACpB,WAAO,MAAM;AACX,YAAM,cAAc,OAAO,QAAQ,YAAY,OAAO,SAAS;AAE/D,UAAI,OAAO,UAAU,aAAa,aAAa,WAAW,eAAe;AACvE,cAAM,QAAQ,YAAY,YAAY,YAAY,KAAK,UAAU,CAAC;AAAA,MACpE;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,SAAS,OAAO,QAAQ,YAAY,QAAQ,OAAO,KAAK,CAAC;AAEnE,MAAI,OAAO,UAAU,SAAS;AAC5B,QAAI,MAAM,mBAAmB;AAC3B,aACE,gBAAAA,OAAA;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UACC,OAAO,MAAM;AACX,yBAAa,MAAM;AAAA,UACrB;AAAA,UACA,OAAO,MAAM;AACX,yBAAa,QAAQ;AAAA,UACvB;AAAA,UACA,OAAO,MAAM,QAAQ;AAAA;AAAA,MACvB;AAAA,IAEJ;AAEA,QAAI,CAAC,MAAM,SAAS;AAClB,YAAM,MAAM,QAAQ;AAAA,IACtB;AAAA,EACF;AAEA,MAAI,OAAO,QAAQ,aAAa;AAC9B,UAAM,EAAE,UAAU,IAAI,MAAM,QAAQ;AAEpC,WAAO,gBAAAA,OAAA,cAAC,eAAU;AAAA,EACpB;AAEA,SAAO;AACT;","names":["React","React","React","React","ReactPlayer","React","React","React","ReactPlayer","React","ReactPlayer","React"]}
+{"version":3,"sources":["../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/player.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/index.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/asset/AssetRenderError.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/player-context.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/use-logger.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/use-asset-props.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/helpers.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/url.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/utils/shared-constants.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/app.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/plugins/onupdate-plugin.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/hooks.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/plugins/tapstate-plugin.ts","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/manager/managed-player.tsx","../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/manager/request-time.tsx"],"sourcesContent":["export * from \"@player-ui/player\";\nexport * from \"./player\";\nexport * from \"./hooks\";\nexport * from \"./manager/managed-player\";\nexport * from \"./manager/request-time\";\nexport * from \"./manager/types\";\nexport * from \"./asset\";\nexport * from \"./utils\";\n","import React from \"react\";\nimport { SyncWaterfallHook, AsyncParallelHook } from \"tapable-ts\";\nimport { Subscribe, useSubscribedState } from \"@player-ui/react-subscribe\";\nimport { Registry } from \"@player-ui/partial-match-registry\";\nimport type {\n  CompletedState,\n  PlayerPlugin,\n  Flow,\n  View,\n  PlayerInfo,\n} from \"@player-ui/player\";\nimport { Player } from \"@player-ui/player\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport type { AssetRegistryType } from \"./asset\";\nimport { AssetContext } from \"./asset\";\nimport { PlayerContext } from \"./utils\";\n\nimport type { ReactPlayerProps } from \"./app\";\nimport { ReactPlayer as PlayerComp } from \"./app\";\nimport { OnUpdatePlugin } from \"./plugins/onupdate-plugin\";\n\nexport interface DevtoolsGlobals {\n  /** A global for a plugin to load to Player for devtools */\n  __PLAYER_DEVTOOLS_PLUGIN?: {\n    new (): ReactPlayerPlugin;\n  };\n}\n\nexport type DevtoolsWindow = typeof window & DevtoolsGlobals;\n\nconst _window: DevtoolsWindow | undefined =\n  typeof window === \"undefined\" ? undefined : window;\n\n// Alias until more properties are added\nexport type ReactPlayerInfo = PlayerInfo;\n\nexport interface ReactPlayerPlugin extends Partial<PlayerPlugin> {\n  /** The name of this plugin */\n  name: string;\n\n  /**\n   * Attach listeners to the web-player instance\n   */\n  applyReact?: (reactPlayer: ReactPlayer) => void;\n}\n\nexport interface ReactPlayerOptions {\n  /** A headless player instance to use */\n  player?: Player;\n\n  /** A set of plugins to apply to this player */\n  plugins?: Array<ReactPlayerPlugin>;\n}\n\nexport type ReactPlayerComponentProps = Record<string, unknown>;\n\n/** A Player that renders UI through React */\nexport class ReactPlayer {\n  public readonly options: ReactPlayerOptions;\n  public readonly player: Player;\n  public readonly assetRegistry: AssetRegistryType = new Registry();\n  public readonly Component: React.ComponentType<ReactPlayerComponentProps>;\n  public readonly hooks: {\n    /**\n     * A hook to create a React Component to be used for Player, regardless of the current flow state\n     */\n    webComponent: SyncWaterfallHook<[React.ComponentType], Record<string, any>>;\n    /**\n     * A hook to create a React Component that's used to render a specific view.\n     * It will be called for each view update from the core player.\n     * Typically this will just be `Asset`\n     */\n    playerComponent: SyncWaterfallHook<\n      [React.ComponentType<ReactPlayerProps>],\n      Record<string, any>\n    >;\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: AsyncParallelHook<[], Record<string, any>>;\n  } = {\n    /**\n     * A hook to create a React Component to be used for Player, regardless of the current flow state\n     */\n    webComponent: new SyncWaterfallHook(),\n\n    /**\n     * A hook to create a React Component that's used to render a specific view.\n     * It will be called for each view update from the core player.\n     * Typically this will just be `Asset`\n     */\n    playerComponent: new SyncWaterfallHook(),\n\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: new AsyncParallelHook(),\n  };\n\n  public readonly viewUpdateSubscription = new Subscribe<View>();\n  private reactPlayerInfo: ReactPlayerInfo;\n\n  constructor(options?: ReactPlayerOptions) {\n    this.options = options ?? {};\n\n    const Devtools = _window?.__PLAYER_DEVTOOLS_PLUGIN;\n    const onUpdatePlugin = new OnUpdatePlugin(\n      this.viewUpdateSubscription.publish,\n    );\n\n    const plugins = options?.plugins ?? [];\n\n    if (Devtools) {\n      plugins.push(new Devtools());\n    }\n\n    const playerPlugins = plugins.filter((p) =>\n      Boolean(p.apply),\n    ) as PlayerPlugin[];\n\n    this.player = options?.player ?? new Player({ plugins: playerPlugins });\n\n    plugins.forEach((plugin) => {\n      if (plugin.applyReact) {\n        plugin.applyReact(this);\n      }\n    });\n\n    onUpdatePlugin.apply(this.player);\n\n    this.Component = this.createReactPlayerComponent();\n    this.reactPlayerInfo = {\n      version: this.player.getVersion(),\n      commit: this.player.getCommit(),\n    };\n  }\n\n  /** Returns the current version Player */\n  public getPlayerVersion(): string {\n    return this.reactPlayerInfo.version;\n  }\n\n  /** Returns the git commit used to build this Player version */\n  public getPlayerCommit(): string {\n    return this.reactPlayerInfo.commit;\n  }\n\n  /** Find instance of [Plugin] that has been registered to the web player */\n  public findPlugin<Plugin extends ReactPlayerPlugin>(\n    symbol: symbol,\n  ): Plugin | undefined {\n    return this.options.plugins?.find((el) => el.symbol === symbol) as Plugin;\n  }\n\n  /** Register and apply [Plugin] if one with the same symbol is not already registered. */\n  public registerPlugin(plugin: ReactPlayerPlugin): void {\n    if (!plugin.applyReact) return;\n\n    plugin.applyReact(this);\n    this.options.plugins?.push(plugin);\n  }\n\n  /**\n   * Returns the current version of the running React Player\n   * @deprecated use `getPlayerVersion()` instead. Will be removed next major\n   */\n  public getReactPlayerVersion(): string {\n    return this.reactPlayerInfo.version;\n  }\n\n  /**\n   * Returns the git commit used to build the React Player version\n   * @deprecated use `getPlayerCommit()` instead. Will be removed next major\n   */\n  public getReactPlayerCommit(): string {\n    return this.reactPlayerInfo.commit;\n  }\n\n  private createReactPlayerComponent(): React.ComponentType<ReactPlayerComponentProps> {\n    const BaseComp = this.hooks.webComponent.call(this.createReactComp());\n\n    /** Wrap the Error boundary and context provider after the hook call to catch anything wrapped by the hook */\n    const ReactPlayerComponent = (props: ReactPlayerComponentProps) => {\n      return (\n        <ErrorBoundary\n          fallbackRender={() => null}\n          onError={(err) => {\n            const playerState = this.player.getState();\n\n            if (playerState.status === \"in-progress\") {\n              playerState.fail(err);\n            }\n          }}\n        >\n          <PlayerContext.Provider value={{ player: this.player }}>\n            <BaseComp {...props} />\n          </PlayerContext.Provider>\n        </ErrorBoundary>\n      );\n    };\n\n    return ReactPlayerComponent;\n  }\n\n  private createReactComp(): React.ComponentType<ReactPlayerComponentProps> {\n    const ActualPlayerComp = this.hooks.playerComponent.call(PlayerComp);\n\n    /** the component to use to render the player */\n    const WebPlayerComponent = () => {\n      const view = useSubscribedState<View>(this.viewUpdateSubscription);\n      this.viewUpdateSubscription.suspend();\n\n      return (\n        <AssetContext.Provider\n          value={{\n            registry: this.assetRegistry,\n          }}\n        >\n          {view && <ActualPlayerComp view={view} />}\n        </AssetContext.Provider>\n      );\n    };\n\n    return WebPlayerComponent;\n  }\n\n  /**\n   * Call this method to force the ReactPlayer to wait for the next view-update before performing the next render.\n   * If the `suspense` option is set, this will suspend while an update is pending, otherwise nothing will be rendered.\n   */\n  public setWaitForNextViewUpdate(): Promise<void> {\n    const shouldCallResetHook = this.hooks.onBeforeViewReset.isUsed();\n\n    return this.viewUpdateSubscription.reset(\n      shouldCallResetHook ? this.hooks.onBeforeViewReset.call() : undefined,\n    );\n  }\n\n  public start(flow: Flow): Promise<CompletedState> {\n    this.setWaitForNextViewUpdate();\n\n    return this.player.start(flow).finally(async () => {\n      await this.setWaitForNextViewUpdate();\n    });\n  }\n}\n\n// For compatibility\nexport const WebPlayer: typeof ReactPlayer = ReactPlayer;\n","import React from \"react\";\nimport leven from \"leven\";\nimport type { Asset as AssetType, AssetWrapper } from \"@player-ui/player\";\nimport type { Registry } from \"@player-ui/partial-match-registry\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { AssetRenderError } from \"./AssetRenderError\";\n\nexport * from \"./AssetRenderError\";\n\nexport type AssetRegistryType = Registry<React.ComponentType<any>>;\n\nexport interface ContextType {\n  /**\n   * A registry of Asset -> React Components\n   */\n  registry?: AssetRegistryType;\n}\n\nexport const AssetContext: React.Context<ContextType> =\n  React.createContext<ContextType>({});\n\nconst isAssetUnwrapped = (\n  props: AssetType<string> | AssetWrapper<AssetType<string>>,\n): props is AssetType<string> => {\n  return \"type\" in props && \"id\" in props;\n};\n\n/**\n * A React Component that looks up an implementation from a registry\n */\nexport const ReactAsset = (\n  props: AssetType<string> | AssetWrapper<AssetType<string>>,\n): React.ReactElement => {\n  const { registry } = React.useContext(AssetContext);\n\n  let unwrapped: AssetType<string> | undefined;\n\n  if (isAssetUnwrapped(props)) {\n    unwrapped = props;\n  } else if (\"asset\" in props) {\n    unwrapped = props.asset;\n  }\n\n  if (!unwrapped) {\n    throw Error(\n      `Cannot determine asset type for props: ${JSON.stringify(props)}`,\n    );\n  }\n\n  if (typeof unwrapped !== \"object\") {\n    throw Error(\n      `Asset was not an object got (${typeof unwrapped}) instead: ${unwrapped}`,\n    );\n  }\n\n  if (unwrapped.type === undefined) {\n    const info =\n      unwrapped.id === undefined\n        ? JSON.stringify(props)\n        : `id: ${unwrapped.id}`;\n    throw Error(`Asset is missing type for ${info}`);\n  }\n\n  if (!registry || registry.isRegistryEmpty()) {\n    throw Error(`No asset found in registry. This could happen for one of the following reasons: \\n\n      1. You might have no assets registered or no plugins added to the Player instance. \\n\n      2. You might have mismatching versions of React Asset Registry Context. \\n\n      See https://player-ui.github.io/latest/tools/cli#player-dependency-versions-check for tips about how to debug and fix this problem`);\n  }\n\n  const Impl = registry?.get(unwrapped);\n\n  if (!Impl) {\n    const matchList: object[] = [];\n\n    registry.forEach((asset) => {\n      matchList.push(asset.key);\n    });\n\n    const typeList = matchList.map(\n      (match) => JSON.parse(JSON.stringify(match)).type,\n    );\n\n    const similarType = typeList.reduce((prev, curr) => {\n      const next = {\n        value: leven(unwrapped.type, curr),\n        type: curr,\n      };\n\n      if (prev !== undefined && prev.value < next.value) {\n        return prev;\n      }\n\n      return next;\n    }, undefined);\n\n    throw Error(\n      `No implementation found for id: ${unwrapped.id} type: ${unwrapped.type}. Did you mean ${similarType.type}? \\n \n      Registered Asset matching functions are listed below: \\n\n      ${JSON.stringify(matchList)}`,\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={(props) => {\n        const { error } = props;\n        if (error instanceof AssetRenderError) {\n          error.addAssetParent(unwrapped);\n          throw error;\n        } else {\n          throw new AssetRenderError(\n            unwrapped,\n            \"Failed to render asset\",\n            error,\n          );\n        }\n      }}\n    >\n      <Impl key={unwrapped.id} {...unwrapped} />\n    </ErrorBoundary>\n  );\n};\n","import type { Asset } from \"@player-ui/player\";\n\nexport class AssetRenderError extends Error {\n  private assetParentPath: Array<Asset> = [];\n  initialMessage: string;\n  innerExceptionMessage: string;\n\n  constructor(\n    readonly rootAsset: Asset,\n    message?: string,\n    readonly innerException?: unknown,\n  ) {\n    super(message);\n    this.initialMessage = message ?? \"\";\n    this.innerExceptionMessage =\n      innerException instanceof Error\n        ? innerException.message\n        : String(innerException);\n\n    if (this.innerExceptionMessage) {\n      this.initialMessage = this.initialMessage.concat(\n        \"\\nCaused by: \",\n        this.innerExceptionMessage,\n      );\n    }\n\n    this.message = this.initialMessage;\n  }\n\n  private updateMessage() {\n    this.message = `${this.initialMessage}\n${this.getAssetPathMessage()}\n`;\n  }\n\n  getAssetPathMessage() {\n    return `Exception occurred in asset with id '${this.rootAsset.id}' of type '${this.rootAsset.type}'${this.assetParentPath.map((c) => `\\n\\tFound in (id: '${c.id}', type: '${c.type}')`)}`;\n  }\n\n  addAssetParent(asset: Asset): void {\n    this.assetParentPath.push(asset);\n    this.updateMessage();\n  }\n}\n","import React from \"react\";\nimport type { Player, NavigationFlowViewState } from \"@player-ui/player\";\n\nexport interface PlayerContextType {\n  /**\n   * An instance of a headless player\n   */\n  player?: Player;\n\n  /** The currently rendered view state */\n  viewState?: NavigationFlowViewState;\n}\n\nexport const PlayerContext = React.createContext<PlayerContextType>({});\n\n/**\n * A hook to get the current player\n */\nexport const usePlayer = () => {\n  const { player } = React.useContext(PlayerContext);\n\n  return player;\n};\n","import type { Logger } from \"@player-ui/player\";\nimport { NoopLogger } from \"@player-ui/player\";\nimport { usePlayer } from \"./player-context\";\n\nconst noopLogger = new NoopLogger();\n\n/**\n * A hook to get the logger instance from the current player\n */\nexport function useLogger(): Logger {\n  const player = usePlayer();\n\n  return player?.logger ?? noopLogger;\n}\n","import type { Asset } from \"@player-ui/player\";\n\n/** Common props for any dom node */\nexport function useAssetProps(asset: Asset) {\n  return {\n    id: asset.id,\n    \"data-asset-type\": asset.type,\n  };\n}\n","/**\n * Trim leading and trailing slashes from string\n */\nexport function trimSlashes(str: string) {\n  return str.replace(/^\\/+|\\/+$/g, \"\");\n}\n\n/**\n * Removes any key: value pairs from an object when the value is null or undefined\n */\nexport function removeEmptyValuesFromObject(\n  obj: Record<string, any>,\n): Record<string, NonNullable<any>> {\n  return Object.keys(obj).reduce(\n    (acc, key) => {\n      const value = obj[key];\n\n      if (value !== null && value !== undefined) {\n        acc[key] = value;\n      }\n\n      return acc;\n    },\n    {} as Record<string, any>,\n  );\n}\n\n/** Check if the object has no keys */\nexport function isEmptyObject(obj: Record<string, unknown>) {\n  return Object.keys(obj).length === 0 && obj.constructor === Object;\n}\n\n/** Check if the argument is a function */\nexport function isFunction<ReturnType>(\n  maybeFn: ReturnType | ((...args: unknown[]) => ReturnType),\n): maybeFn is (...args: unknown[]) => ReturnType {\n  return Boolean(maybeFn instanceof Function || typeof maybeFn === \"function\");\n}\n\n/**\n * Calls function with provided data or returns original value\n */\nexport function callOrReturn<\n  ReturnType,\n  FnArgs extends Array<unknown> = unknown[],\n  FnType = (...args: FnArgs) => ReturnType,\n>(maybeFn: FnType | ReturnType, fnArgs: FnArgs): ReturnType {\n  if (isFunction(maybeFn)) {\n    return maybeFn(fnArgs) as ReturnType;\n  }\n\n  return maybeFn as ReturnType;\n}\n","import { isEmptyObject } from \"./helpers\";\n\n/**\n * Combines a URL with any additional parameters\n */\nexport function buildUrl(\n  url: string,\n  params: Record<string, unknown> = {},\n): string {\n  const baseUrl = new URL(url);\n\n  if (params && isEmptyObject(params)) {\n    return baseUrl.toString();\n  }\n\n  Object.keys(params).forEach((key) => {\n    const value = params[key];\n    baseUrl.searchParams.append(key, String(value));\n  });\n\n  return baseUrl.toString();\n}\n","import { usePlayer } from \"./player-context\";\n\n/** Hook to get a constant under a specific namespace */\nexport function useGetConstantByType(type: string, key: string): unknown {\n  const player = usePlayer();\n\n  return player?.constantsController.getConstants(key, type);\n}\n\n/** Get a constant under the default namespace */\nexport function useGetConstant(key: string): unknown {\n  const player = usePlayer();\n\n  return player?.constantsController.getConstants(key, \"constants\");\n}\n","import React from \"react\";\nimport type { View } from \"@player-ui/player\";\nimport { ReactAsset } from \"./asset\";\n\nexport interface ReactPlayerProps {\n  /**\n   * The Content view object to render\n   */\n  view: View;\n}\n\n/**\n * The entry for the ReactPlayer's React tree\n */\nexport const ReactPlayer = ({ view }: ReactPlayerProps) => {\n  return <ReactAsset {...view} />;\n};\n","import type { Player, PlayerPlugin, ViewInstance } from \"@player-ui/player\";\n\nexport type OnUpdateCallback = (update: any) => void;\n\n/**\n * A plugin that listens for view updates and publishes an event for when a view is updated\n */\nexport class OnUpdatePlugin implements PlayerPlugin {\n  name = \"view-update\";\n\n  private readonly onUpdateCallback: OnUpdateCallback;\n\n  constructor(onUpdate: OnUpdateCallback) {\n    this.onUpdateCallback = onUpdate;\n  }\n\n  apply(player: Player) {\n    /** Trigger the callback for the view update */\n    const updateTap = (updatedView: any) => {\n      this.onUpdateCallback(updatedView);\n    };\n\n    /** Trigger the callback for the view creation  */\n    const viewTap = (view: ViewInstance) => {\n      view.hooks.onUpdate.tap(this.name, updateTap);\n    };\n\n    // Attach hooks for any new vc that gets created\n    player.hooks.view.tap(this.name, viewTap);\n\n    // Attach listeners and publish an update event for a view already in progress\n    const currentPlayerState = player.getState();\n\n    if (currentPlayerState.status === \"in-progress\") {\n      const { currentView } = currentPlayerState.controllers.view;\n\n      if (currentView) {\n        viewTap(currentView);\n        const { lastUpdate } = currentView;\n\n        if (lastUpdate) {\n          this.onUpdateCallback(lastUpdate);\n        }\n      }\n    }\n  }\n}\n","import type { Player, PlayerFlowState } from \"@player-ui/player\";\nimport { NOT_STARTED_STATE } from \"@player-ui/player\";\nimport React from \"react\";\nimport type { ReactPlayerOptions } from \"./player\";\nimport { ReactPlayer } from \"./player\";\nimport { StateTapPlugin } from \"./plugins/tapstate-plugin\";\n\nexport interface UseReactPlayerReturn {\n  /** The web-player instance */\n  reactPlayer: ReactPlayer;\n  /** Player instance */\n  player: Player;\n  /** The state of Player */\n  playerState: PlayerFlowState;\n}\n\n/**\n * The `useReactPlayer` hook is an easy way to integrate the web-player into your React app.\n * Simply supply your config, plugins, and an optional flow, which will be automatically started for you when changed.\n */\nexport const useReactPlayer = (\n  options?: ReactPlayerOptions,\n): UseReactPlayerReturn => {\n  const [playerState, setPlayerState] =\n    React.useState<PlayerFlowState>(NOT_STARTED_STATE);\n\n  const reactPlayer = React.useMemo(() => {\n    const rp = new ReactPlayer({\n      player: options?.player,\n      plugins: [\n        ...(options?.plugins ?? []),\n        new StateTapPlugin(setPlayerState),\n      ],\n    });\n\n    return rp;\n  }, []);\n\n  const { player } = reactPlayer;\n\n  return {\n    reactPlayer,\n    player,\n    playerState,\n  };\n};\n","import type { PlayerFlowState, Player } from \"@player-ui/player\";\nimport type { ReactPlayerPlugin } from \"../player\";\n\n/**\n * A plugin to tap into state transition changes and call an arbitrary update function\n */\nexport class StateTapPlugin implements ReactPlayerPlugin {\n  name = \"statetap\";\n  private callbackFunction: (state: PlayerFlowState) => void;\n\n  constructor(callback: (state: PlayerFlowState) => void) {\n    this.callbackFunction = callback;\n  }\n\n  apply(player: Player) {\n    player.hooks.state.tap(\"usePlayer\", (newPlayerState: PlayerFlowState) => {\n      this.callbackFunction(newPlayerState);\n    });\n  }\n}\n","import React from \"react\";\nimport { useSyncExternalStore } from \"use-sync-external-store/shim\";\nimport type {\n  FlowManager,\n  ManagedPlayerProps,\n  ManagedPlayerState,\n  ManagerMiddleware,\n  ManagedPlayerContext,\n} from \"./types\";\nimport { useRequestTime } from \"./request-time\";\nimport type { ReactPlayerOptions } from \"../player\";\nimport { ReactPlayer } from \"../player\";\n\n/** noop middleware */\nfunction identityMiddleware<T>(next: Promise<T>) {\n  return next;\n}\n\ninterface ManagedPlayerStateKey {\n  /** the storage key for the state (outside of the react tree) */\n  _key: symbol;\n}\n\nexport type StateChangeCallback = (state?: ManagedPlayerState) => void;\n\n/**\n * An object to store the state of the managed player\n */\nclass ManagedState {\n  public state?: ManagedPlayerState;\n  private callbacks: Array<StateChangeCallback>;\n  private middleware?: ManagerMiddleware;\n\n  constructor({\n    middleware,\n  }: {\n    /** middleware to use in the managed player */\n    middleware?: ManagerMiddleware;\n  }) {\n    this.middleware = middleware;\n    this.callbacks = [];\n  }\n\n  /** Add a listener to state changes */\n  public addListener(callback: StateChangeCallback): () => void {\n    this.callbacks.push(callback);\n\n    return () => {\n      this.callbacks = this.callbacks.filter((s) => s !== callback);\n    };\n  }\n\n  /** start the managed flow */\n  public start(options: {\n    /** the flow manager to use */\n    manager: FlowManager;\n\n    /** the config to use when creating a player */\n    playerConfig: ReactPlayerOptions;\n  }): this {\n    const initialState: ManagedPlayerState = {\n      value: \"not_started\",\n      context: {\n        playerConfig: options.playerConfig,\n        reactPlayer: new ReactPlayer(options.playerConfig),\n        manager: options.manager,\n      },\n    };\n\n    this.setState(initialState);\n\n    return this;\n  }\n\n  /** reset starts from nothing */\n  public reset(): void {\n    if (this.state?.value === \"error\") {\n      const { playerConfig, manager } = this.state.context;\n      this.start({ playerConfig, manager });\n    } else {\n      throw new Error(\"Flow must be in error state to reset\");\n    }\n  }\n\n  /** restart starts from the last result */\n  public restart(): void {\n    if (this.state?.value === \"error\") {\n      const { playerConfig, manager, prevResult, reactPlayer } =\n        this.state.context;\n      this.setState({\n        value: \"completed\",\n        context: {\n          playerConfig,\n          manager,\n          result: prevResult,\n          reactPlayer,\n        },\n      });\n    } else {\n      throw new Error(\"Flow must be in error state to restart\");\n    }\n  }\n\n  private async setState(state: ManagedPlayerState) {\n    this.state = state;\n    this.callbacks.forEach((c) => {\n      if (c && typeof c === \"function\") {\n        c(this.state);\n      }\n    });\n\n    const { manager, reactPlayer, playerConfig } = state.context;\n\n    try {\n      const nextState = await this.processState(state, {\n        manager,\n        reactPlayer,\n        playerConfig,\n      });\n\n      if (nextState) {\n        this.setState(nextState);\n      }\n    } catch (e) {\n      this.setState({\n        value: \"error\",\n        context: {\n          manager,\n          reactPlayer,\n          playerConfig,\n          error: e as Error,\n        },\n      });\n    }\n  }\n\n  private async processState(\n    state: ManagedPlayerState,\n    context: ManagedPlayerContext,\n  ): Promise<ManagedPlayerState | undefined> {\n    if (state.value === \"not_started\" || state.value === \"completed\") {\n      const prevResult =\n        state.value === \"completed\" ? state.context.result : undefined;\n\n      const middleware = this.middleware?.next ?? identityMiddleware;\n\n      return {\n        value: \"pending\",\n        context: {\n          ...context,\n          prevResult,\n          next: middleware(state.context.manager.next(prevResult)),\n        },\n      };\n    }\n\n    if (state.value === \"pending\") {\n      const nextResult = await state.context.next;\n\n      if (nextResult.done) {\n        return {\n          value: \"ended\",\n          context: {\n            ...context,\n            result: state.context.prevResult,\n          },\n        };\n      }\n\n      return {\n        value: \"loaded\",\n        context: {\n          ...context,\n          prevResult: state.context.prevResult,\n          flow: nextResult.value,\n        },\n      };\n    }\n\n    if (state.value === \"loaded\") {\n      return {\n        value: \"running\",\n        context: {\n          ...context,\n          flow: state.context.flow,\n          prevResult: state.context.prevResult,\n          result: state.context.reactPlayer.start(state.context.flow),\n        },\n      };\n    }\n\n    if (state.value === \"running\") {\n      const result = await state.context.result;\n\n      return {\n        value: \"completed\",\n        context: {\n          ...context,\n          result,\n        },\n      };\n    }\n  }\n}\n\nconst managedPlayerStateMachines = new WeakMap<\n  ManagedPlayerStateKey,\n  ManagedState\n>();\n\nfunction createKey(): ManagedPlayerStateKey {\n  return {\n    _key: Symbol(\"managed-player\"),\n  };\n}\n\n/** Creates an x-state state machine that persists when this component is no longer renders (due to Suspense) */\nexport const usePersistentStateMachine = (options: {\n  /** the flow manager to use */\n  manager: FlowManager;\n\n  /** Player config  */\n  playerConfig: ReactPlayerOptions;\n\n  /** Any middleware for the manager */\n  middleware?: ManagerMiddleware;\n}): { managedState: ManagedState; state?: ManagedPlayerState } => {\n  const mounted = React.useRef(false);\n  const previousManager = React.useRef(options.manager);\n  const keyRef = React.useRef<ManagedPlayerStateKey>(createKey());\n  const managedStateRef = React.useRef(\n    new ManagedState({ middleware: options.middleware }),\n  );\n\n  if (!mounted.current) {\n    managedPlayerStateMachines.set(keyRef.current, managedStateRef.current);\n    mounted.current = true;\n  }\n\n  if (previousManager.current !== options.manager) {\n    const oldManagedState = managedPlayerStateMachines.get(keyRef.current);\n\n    /**\n     * We have to handle terminate here as well as the useEffect in the\n     * ManagedPlayer since it won't have the instance of the previous manager\n     */\n    if (oldManagedState) {\n      const playerState =\n        oldManagedState.state?.context.reactPlayer.player.getState();\n\n      if (\n        oldManagedState.state?.value === \"running\" &&\n        playerState?.status === \"in-progress\"\n      ) {\n        previousManager.current.terminate?.(\n          playerState.controllers.data.serialize(),\n        );\n      }\n    }\n\n    const newKey = createKey();\n    const newManagedState = new ManagedState({\n      middleware: options.middleware,\n    });\n\n    managedPlayerStateMachines.set(newKey, newManagedState);\n    keyRef.current = newKey;\n    managedStateRef.current = newManagedState;\n    previousManager.current = options.manager;\n  }\n\n  const managedState =\n    managedPlayerStateMachines.get(keyRef.current) ?? managedStateRef.current;\n\n  /**\n   * There are times where the managedState the external store references no\n   * longer exists, so we have to wrap instead of calling addListener directly.\n   */\n  function subscription(callback: (val?: ManagedPlayerState) => void) {\n    if (managedState) {\n      const unsub = managedState.addListener((s) => {\n        callback(s);\n      });\n\n      return () => {\n        if (managedState) {\n          unsub();\n        }\n      };\n    }\n\n    return () => {};\n  }\n\n  function getSnapshot() {\n    return managedState.state;\n  }\n\n  const state = useSyncExternalStore(\n    subscription,\n    getSnapshot,\n    () => undefined,\n  );\n\n  /**\n   * This needs to come after useSyncExternalStore, otherwise it causes\n   * a weird state update and none of the refs in this hook persist\n   */\n  if (managedState.state === undefined) {\n    managedState.start(options);\n  }\n\n  return { managedState, state };\n};\n\n/**\n * A ManagedPlayer is a component responsible for orchestrating multi-flow experiences using Player.\n * Provide a valid `FlowManager` to handle fetching the next flow.\n *\n * `suspense` must be enabled to wait for results in flight.\n */\nexport const ManagedPlayer = (\n  props: ManagedPlayerProps,\n): React.JSX.Element | null => {\n  const { withRequestTime, RequestTimeMetricsPlugin } = useRequestTime();\n\n  const { state, managedState } = usePersistentStateMachine({\n    manager: props.manager,\n    middleware: { next: withRequestTime },\n    playerConfig: {\n      plugins: [...(props?.plugins ?? []), RequestTimeMetricsPlugin],\n      player: props.player,\n    },\n  });\n\n  const previousState = React.useRef<ManagedPlayerState | undefined>();\n\n  if (state?.value !== previousState.current?.value) {\n    if (state?.value === \"ended\") {\n      props.onComplete?.(state?.context.result);\n    } else if (state?.value === \"error\") {\n      props.onError?.(state?.context.error);\n    } else if (state?.value === \"running\") {\n      props.onStartedFlow?.();\n    }\n  }\n\n  previousState.current = state;\n\n  React.useEffect(() => {\n    return () => {\n      const playerState = state?.context.reactPlayer.player.getState();\n\n      if (state?.value === \"running\" && playerState?.status === \"in-progress\") {\n        props.manager.terminate?.(playerState.controllers.data.serialize());\n      }\n    };\n  }, [props.manager, state?.context.reactPlayer.player, state?.value]);\n\n  if (state?.value === \"error\") {\n    if (props.fallbackComponent) {\n      return (\n        <props.fallbackComponent\n          reset={() => {\n            managedState.reset();\n          }}\n          retry={() => {\n            managedState.restart();\n          }}\n          error={state.context.error}\n        />\n      );\n    }\n\n    if (!props.onError) {\n      throw state.context.error;\n    }\n  }\n\n  if (state?.context.reactPlayer) {\n    const { Component } = state.context.reactPlayer;\n\n    return <Component />;\n  }\n\n  return null;\n};\n","import { useCallback, useEffect, useRef, useMemo } from \"react\";\nimport type { Player } from \"@player-ui/player\";\nimport type { MetricsCorePlugin } from \"@player-ui/metrics-plugin\";\nimport {\n  MetricsCorePluginSymbol,\n  RequestTimeWebPlugin,\n} from \"@player-ui/metrics-plugin\";\nimport type { ReactPlayerPlugin } from \"../player\";\n\ntype RequestTime = {\n  /** request start time */\n  start?: number;\n  /** request end time */\n  end?: number;\n};\n\n/** hook to time a promise and add it to the metrics plugin */\nexport const useRequestTime = () => {\n  const requestTimeRef = useRef<RequestTime>({});\n\n  useEffect(() => {\n    return () => {\n      requestTimeRef.current = {};\n    };\n  }, [requestTimeRef]);\n\n  const getRequestTime = useCallback(() => {\n    const { end, start } = requestTimeRef.current;\n\n    if (end && start) {\n      return end - start;\n    }\n  }, [requestTimeRef]);\n\n  /** wrap a promise with tracking it's time in flight */\n  function withRequestTime<Type>(nextPromise: Promise<Type>): Promise<Type> {\n    const getTime = typeof performance === \"undefined\" ? Date : performance;\n    requestTimeRef.current = { start: getTime.now() };\n\n    return nextPromise.finally(() => {\n      requestTimeRef.current = {\n        ...requestTimeRef.current,\n        end: getTime.now(),\n      };\n    });\n  }\n\n  const RequestTimeMetricsPlugin: ReactPlayerPlugin = useMemo(() => {\n    return {\n      name: \"RequestTimeMetricsPlugin\",\n      apply(player: Player): void {\n        player.applyTo<MetricsCorePlugin>(\n          MetricsCorePluginSymbol,\n          (metricsCorePlugin) => {\n            new RequestTimeWebPlugin(getRequestTime).apply(metricsCorePlugin);\n          },\n        );\n      },\n    };\n  }, [getRequestTime]);\n\n  return { withRequestTime, RequestTimeMetricsPlugin };\n};\n"],"mappings":"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","names":["React","ErrorBoundary","props","React","React","React","ReactPlayer","React","ErrorBoundary","React","React","ReactPlayer","React","ReactPlayer","React"]}

package/package.json

@@ -6,13 +6,13 @@
     "types"
   ],
   "name": "@player-ui/react",
-  "version": "0.15.0-next.3",
+  "version": "0.15.0-next.4",
   "main": "dist/cjs/index.cjs",
   "dependencies": {
-    "@player-ui/metrics-plugin": "0.15.0-next.3",
-    "@player-ui/partial-match-registry": "0.15.0-next.3",
-    "@player-ui/player": "0.15.0-next.3",
-    "@player-ui/react-subscribe": "0.15.0-next.3",
+    "@player-ui/metrics-plugin": "0.15.0-next.4",
+    "@player-ui/partial-match-registry": "0.15.0-next.4",
+    "@player-ui/player": "0.15.0-next.4",
+    "@player-ui/react-subscribe": "0.15.0-next.4",
     "react-error-boundary": "^3.1.3",
     "tapable-ts": "^0.2.3",
     "leven": "3.1.0",

package/src/asset/AssetRenderError.ts

@@ -0,0 +1,44 @@
+import type { Asset } from "@player-ui/player";
+
+export class AssetRenderError extends Error {
+  private assetParentPath: Array<Asset> = [];
+  initialMessage: string;
+  innerExceptionMessage: string;
+
+  constructor(
+    readonly rootAsset: Asset,
+    message?: string,
+    readonly innerException?: unknown,
+  ) {
+    super(message);
+    this.initialMessage = message ?? "";
+    this.innerExceptionMessage =
+      innerException instanceof Error
+        ? innerException.message
+        : String(innerException);
+
+    if (this.innerExceptionMessage) {
+      this.initialMessage = this.initialMessage.concat(
+        "\nCaused by: ",
+        this.innerExceptionMessage,
+      );
+    }
+
+    this.message = this.initialMessage;
+  }
+
+  private updateMessage() {
+    this.message = `${this.initialMessage}
+${this.getAssetPathMessage()}
+`;
+  }
+
+  getAssetPathMessage() {
+    return `Exception occurred in asset with id '${this.rootAsset.id}' of type '${this.rootAsset.type}'${this.assetParentPath.map((c) => `\n\tFound in (id: '${c.id}', type: '${c.type}')`)}`;
+  }
+
+  addAssetParent(asset: Asset): void {
+    this.assetParentPath.push(asset);
+    this.updateMessage();
+  }
+}

package/src/asset/__tests__/index.bench.tsx

@@ -0,0 +1,102 @@
+import React from "react";
+import { vi, bench, describe, expect } from "vitest";
+import { AssetContext, AssetRegistryType, ReactAsset } from "..";
+import type { Asset, AssetWrapper } from "@player-ui/player";
+import { Registry } from "@player-ui/partial-match-registry";
+import { render, cleanup } from "@testing-library/react";
+import { ErrorBoundary } from "react-error-boundary";
+
+type FooProps = Asset<"foo"> & {
+  nested: AssetWrapper;
+};
+
+type BarProps = Asset<"bar">;
+
+type BrokeProps = Asset<"broke">;
+
+const registry: AssetRegistryType = new Registry<React.ComponentType<any>>([
+  [
+    { type: "foo" },
+    ({ nested }: FooProps) => <ReactAsset asset={nested.asset} />,
+  ],
+  [{ type: "bar" }, ({ id }: BarProps) => <div data-testid={id} />],
+  [
+    { type: "broke" },
+    ({ id }: BrokeProps) => {
+      throw new Error(`Thrown by ${id}`);
+    },
+  ],
+]);
+
+const createWithDepth = (depth: number, finalAssetType = "bar"): Asset => {
+  const root: Asset = {
+    type: finalAssetType,
+    id: "1",
+  };
+  let current: Asset = root;
+
+  for (let i = depth; i > 1; i--) {
+    current.type = "foo";
+    current.id = String(i);
+    const next: Asset = {
+      type: finalAssetType,
+      id: "1",
+    };
+
+    current.nested = { asset: next };
+    current = next;
+  }
+
+  return root;
+};
+
+// Bench tests for rendering ReactAssets. Used to measure overhead this component is adding to the underlying assets that need to render.
+describe("ReactAsset benchmarks", () => {
+  const depths = [1, 5, 10, 50, 100];
+
+  depths.forEach((depth) => {
+    const asset = createWithDepth(depth);
+
+    bench(
+      `Render asset nested in ${depth} ReactAssets`,
+      async () => {
+        const { findByTestId } = render(
+          <AssetContext.Provider value={{ registry }}>
+            <ReactAsset asset={asset} />
+          </AssetContext.Provider>,
+        );
+
+        await findByTestId("1"); // Wait for render to complete and find the "bar" asset
+        cleanup(); // Bench tests do not automatically cleanup after each iteration
+      },
+      { iterations: 100, throws: true },
+    );
+
+    const brokenAsset = createWithDepth(depth, "broke");
+
+    bench(
+      `Bubble errors nested in ${depth} ReactAssets`,
+      async () => {
+        let err: Error | undefined;
+        render(
+          <ErrorBoundary
+            onError={(e) => {
+              err = e;
+            }}
+            fallbackRender={() => null}
+          >
+            <AssetContext.Provider value={{ registry }}>
+              <ReactAsset asset={brokenAsset} />
+            </AssetContext.Provider>
+          </ErrorBoundary>,
+        );
+
+        await vi.waitFor(() => {
+          expect(err).toBeDefined();
+        }); // Wait for error to be thrown
+        cleanup(); // Bench tests do not automatically cleanup after each iteration
+      },
+      { iterations: 100, throws: true },
+    );
+  });
+});

package/src/asset/__tests__/index.test.tsx

@@ -181,3 +181,38 @@ test("throw an error for no assets in registry", () => {
       2. You might have mismatching versions of React Asset Registry Context. \n
       See https://player-ui.github.io/latest/tools/cli#player-dependency-versions-check for tips about how to debug and fix this problem`);
 });
+
+test("throws an AssetRenderError if the asset implementation throws an error", () => {
+  const assetDef = {
+    id: "foo",
+    type: "foo",
+    asset: {
+      id: "bar",
+      type: "bar",
+    },
+  };
+
+  const registry: AssetRegistryType = new Registry([
+    [
+      { type: "foo" },
+      (props: { asset: AssetType }) => <ReactAsset {...props.asset} />,
+    ],
+    [
+      { type: "bar" },
+      () => {
+        throw new Error("a problem");
+      },
+    ],
+  ]);
+
+  expect(() =>
+    render(
+      <AssetContext.Provider value={{ registry }}>
+        <ReactAsset {...assetDef} />
+      </AssetContext.Provider>,
+    ),
+  ).toThrowError(`Failed to render asset
+Caused by: a problem
+Exception occurred in asset with id 'bar' of type 'bar'
+\tFound in (id: 'foo', type: 'foo')`);
+});

package/src/asset/index.tsx

@@ -2,6 +2,10 @@ import React from "react";
 import leven from "leven";
 import type { Asset as AssetType, AssetWrapper } from "@player-ui/player";
 import type { Registry } from "@player-ui/partial-match-registry";
+import { ErrorBoundary } from "react-error-boundary";
+import { AssetRenderError } from "./AssetRenderError";
+
+export * from "./AssetRenderError";
 
 export type AssetRegistryType = Registry<React.ComponentType<any>>;
 
@@ -12,22 +16,29 @@ export interface ContextType {
   registry?: AssetRegistryType;
 }
 
-export const AssetContext = React.createContext<ContextType>({});
+export const AssetContext: React.Context<ContextType> =
+  React.createContext<ContextType>({});
+
+const isAssetUnwrapped = (
+  props: AssetType<string> | AssetWrapper<AssetType<string>>,
+): props is AssetType<string> => {
+  return "type" in props && "id" in props;
+};
 
 /**
  * A React Component that looks up an implementation from a registry
  */
 export const ReactAsset = (
   props: AssetType<string> | AssetWrapper<AssetType<string>>,
-) => {
+): React.ReactElement => {
   const { registry } = React.useContext(AssetContext);
 
-  let unwrapped;
+  let unwrapped: AssetType<string> | undefined;
 
-  if ("type" in props && "id" in props) {
+  if (isAssetUnwrapped(props)) {
     unwrapped = props;
   } else if ("asset" in props) {
-    unwrapped = (props as unknown as AssetWrapper).asset;
+    unwrapped = props.asset;
   }
 
   if (!unwrapped) {
@@ -90,5 +101,23 @@ export const ReactAsset = (
     );
   }
 
-  return <Impl key={unwrapped.id} {...unwrapped} />;
+  return (
+    <ErrorBoundary
+      fallbackRender={(props) => {
+        const { error } = props;
+        if (error instanceof AssetRenderError) {
+          error.addAssetParent(unwrapped);
+          throw error;
+        } else {
+          throw new AssetRenderError(
+            unwrapped,
+            "Failed to render asset",
+            error,
+          );
+        }
+      }}
+    >
+      <Impl key={unwrapped.id} {...unwrapped} />
+    </ErrorBoundary>
+  );
 };

package/types/asset/AssetRenderError.d.ts

@@ -0,0 +1,13 @@
+import type { Asset } from "@player-ui/player";
+export declare class AssetRenderError extends Error {
+    readonly rootAsset: Asset;
+    readonly innerException?: unknown | undefined;
+    private assetParentPath;
+    initialMessage: string;
+    innerExceptionMessage: string;
+    constructor(rootAsset: Asset, message?: string, innerException?: unknown | undefined);
+    private updateMessage;
+    getAssetPathMessage(): string;
+    addAssetParent(asset: Asset): void;
+}
+//# sourceMappingURL=AssetRenderError.d.ts.map

package/types/asset/index.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import type { Asset as AssetType, AssetWrapper } from "@player-ui/player";
 import type { Registry } from "@player-ui/partial-match-registry";
+export * from "./AssetRenderError";
 export type AssetRegistryType = Registry<React.ComponentType<any>>;
 export interface ContextType {
     /**
@@ -12,5 +13,5 @@ export declare const AssetContext: React.Context<ContextType>;
 /**
  * A React Component that looks up an implementation from a registry
  */
-export declare const ReactAsset: (props: AssetType<string> | AssetWrapper<AssetType<string>>) => React.JSX.Element;
+export declare const ReactAsset: (props: AssetType<string> | AssetWrapper<AssetType<string>>) => React.ReactElement;
 //# sourceMappingURL=index.d.ts.map