@player-ui/react 0.14.1 → 0.14.2--canary.761.29238

package/dist/cjs/index.cjs

@@ -239,8 +239,8 @@ var OnUpdatePlugin = class {
 };
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/player.tsx
-var WEB_PLAYER_VERSION = "__VERSION__";
-var COMMIT = "__GIT_COMMIT__";
+var REACT_PLAYER_VERSION = true ? "0.14.2--canary.761.29238" : "__VERSION__";
+var COMMIT = true ? "1fe582d9f52bd214b56c8e2fb28f44944e402b5e" : "__GIT_COMMIT__";
 var _window = typeof window === "undefined" ? void 0 : window;
 var ReactPlayer2 = class {
   constructor(options) {
@@ -285,7 +285,7 @@ var ReactPlayer2 = class {
     this.reactPlayerInfo = {
       playerVersion: this.player.getVersion(),
       playerCommit: this.player.getCommit(),
-      reactPlayerVersion: WEB_PLAYER_VERSION,
+      reactPlayerVersion: REACT_PLAYER_VERSION,
       reactPlayerCommit: COMMIT
     };
   }

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} 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\nconst WEB_PLAYER_VERSION = \"__VERSION__\";\nconst COMMIT = \"__GIT_COMMIT__\";\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\nexport interface ReactPlayerInfo {\n  /** Version of the running player */\n  playerVersion: string;\n\n  /** Version of the running reactPlayer */\n  reactPlayerVersion: string;\n\n  /** Hash of the HEAD commit used to build the current player version */\n  playerCommit: string;\n\n  /** Hash of the HEAD commit used to build the current reactPlayer version */\n  reactPlayerCommit: string;\n}\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: new SyncWaterfallHook<[React.ComponentType]>(),\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      [React.ComponentType<ReactPlayerProps>]\n    >(),\n\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: new AsyncParallelHook<[]>(),\n  };\n\n  private 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      playerVersion: this.player.getVersion(),\n      playerCommit: this.player.getCommit(),\n      reactPlayerVersion: WEB_PLAYER_VERSION,\n      reactPlayerCommit: COMMIT,\n    };\n  }\n\n  /** Returns the current version of the underlying core Player */\n  public getPlayerVersion(): string {\n    return this.reactPlayerInfo.playerVersion;\n  }\n\n  /** Returns the git commit used to build this core Player version */\n  public getPlayerCommit(): string {\n    return this.reactPlayerInfo.playerCommit;\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  /** Returns the current version of the running React Player */\n  public getReactPlayerVersion(): string {\n    return this.reactPlayerInfo.reactPlayerVersion;\n  }\n\n  /** Returns the git commit used to build the React Player version */\n  public getReactPlayerCommit(): string {\n    return this.reactPlayerInfo.reactPlayerCommit;\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() {\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 = 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/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} 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\nconst REACT_PLAYER_VERSION =\n  typeof __VERSION__ !== \"undefined\" ? __VERSION__ : \"__VERSION__\";\nconst COMMIT =\n  typeof __GIT_COMMIT__ !== \"undefined\" ? __GIT_COMMIT__ : \"__GIT_COMMIT__\";\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\nexport interface ReactPlayerInfo {\n  /** Version of the running player */\n  playerVersion: string;\n\n  /** Version of the running reactPlayer */\n  reactPlayerVersion: string;\n\n  /** Hash of the HEAD commit used to build the current player version */\n  playerCommit: string;\n\n  /** Hash of the HEAD commit used to build the current reactPlayer version */\n  reactPlayerCommit: string;\n}\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  private 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      playerVersion: this.player.getVersion(),\n      playerCommit: this.player.getCommit(),\n      reactPlayerVersion: REACT_PLAYER_VERSION,\n      reactPlayerCommit: COMMIT,\n    };\n  }\n\n  /** Returns the current version of the underlying core Player */\n  public getPlayerVersion(): string {\n    return this.reactPlayerInfo.playerVersion;\n  }\n\n  /** Returns the git commit used to build this core Player version */\n  public getPlayerCommit(): string {\n    return this.reactPlayerInfo.playerCommit;\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  /** Returns the current version of the running React Player */\n  public getReactPlayerVersion(): string {\n    return this.reactPlayerInfo.reactPlayerVersion;\n  }\n\n  /** Returns the git commit used to build the React Player version */\n  public getReactPlayerCommit(): string {\n    return this.reactPlayerInfo.reactPlayerCommit;\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"]}

package/dist/index.legacy-esm.js

@@ -185,8 +185,8 @@ var OnUpdatePlugin = class {
 };
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/player.tsx
-var WEB_PLAYER_VERSION = "__VERSION__";
-var COMMIT = "__GIT_COMMIT__";
+var REACT_PLAYER_VERSION = true ? "0.14.2--canary.761.29238" : "__VERSION__";
+var COMMIT = true ? "1fe582d9f52bd214b56c8e2fb28f44944e402b5e" : "__GIT_COMMIT__";
 var _window = typeof window === "undefined" ? void 0 : window;
 var ReactPlayer2 = class {
   constructor(options) {
@@ -231,7 +231,7 @@ var ReactPlayer2 = class {
     this.reactPlayerInfo = {
       playerVersion: this.player.getVersion(),
       playerCommit: this.player.getCommit(),
-      reactPlayerVersion: WEB_PLAYER_VERSION,
+      reactPlayerVersion: REACT_PLAYER_VERSION,
       reactPlayerCommit: COMMIT
     };
   }
@@ -686,4 +686,4 @@ export {
   useReactPlayer,
   useRequestTime
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.mapingURL=index.mjs.map

package/dist/index.mjs

@@ -185,8 +185,8 @@ var OnUpdatePlugin = class {
 };
 
 // ../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/react/player/src/player.tsx
-var WEB_PLAYER_VERSION = "__VERSION__";
-var COMMIT = "__GIT_COMMIT__";
+var REACT_PLAYER_VERSION = true ? "0.14.2--canary.761.29238" : "__VERSION__";
+var COMMIT = true ? "1fe582d9f52bd214b56c8e2fb28f44944e402b5e" : "__GIT_COMMIT__";
 var _window = typeof window === "undefined" ? void 0 : window;
 var ReactPlayer2 = class {
   constructor(options) {
@@ -231,7 +231,7 @@ var ReactPlayer2 = class {
     this.reactPlayerInfo = {
       playerVersion: this.player.getVersion(),
       playerCommit: this.player.getCommit(),
-      reactPlayerVersion: WEB_PLAYER_VERSION,
+      reactPlayerVersion: REACT_PLAYER_VERSION,
       reactPlayerCommit: COMMIT
     };
   }
@@ -686,4 +686,4 @@ export {
   useReactPlayer,
   useRequestTime
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.mapingURL=index.mjs.map

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} 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\nconst WEB_PLAYER_VERSION = \"__VERSION__\";\nconst COMMIT = \"__GIT_COMMIT__\";\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\nexport interface ReactPlayerInfo {\n  /** Version of the running player */\n  playerVersion: string;\n\n  /** Version of the running reactPlayer */\n  reactPlayerVersion: string;\n\n  /** Hash of the HEAD commit used to build the current player version */\n  playerCommit: string;\n\n  /** Hash of the HEAD commit used to build the current reactPlayer version */\n  reactPlayerCommit: string;\n}\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: new SyncWaterfallHook<[React.ComponentType]>(),\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      [React.ComponentType<ReactPlayerProps>]\n    >(),\n\n    /**\n     * A hook to execute async tasks before the view resets to undefined\n     */\n    onBeforeViewReset: new AsyncParallelHook<[]>(),\n  };\n\n  private 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      playerVersion: this.player.getVersion(),\n      playerCommit: this.player.getCommit(),\n      reactPlayerVersion: WEB_PLAYER_VERSION,\n      reactPlayerCommit: COMMIT,\n    };\n  }\n\n  /** Returns the current version of the underlying core Player */\n  public getPlayerVersion(): string {\n    return this.reactPlayerInfo.playerVersion;\n  }\n\n  /** Returns the git commit used to build this core Player version */\n  public getPlayerCommit(): string {\n    return this.reactPlayerInfo.playerCommit;\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  /** Returns the current version of the running React Player */\n  public getReactPlayerVersion(): string {\n    return this.reactPlayerInfo.reactPlayerVersion;\n  }\n\n  /** Returns the git commit used to build the React Player version */\n  public getReactPlayerCommit(): string {\n    return this.reactPlayerInfo.reactPlayerCommit;\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() {\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 = 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":["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/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} 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\nconst REACT_PLAYER_VERSION =\n  typeof __VERSION__ !== \"undefined\" ? __VERSION__ : \"__VERSION__\";\nconst COMMIT =\n  typeof __GIT_COMMIT__ !== \"undefined\" ? __GIT_COMMIT__ : \"__GIT_COMMIT__\";\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\nexport interface ReactPlayerInfo {\n  /** Version of the running player */\n  playerVersion: string;\n\n  /** Version of the running reactPlayer */\n  reactPlayerVersion: string;\n\n  /** Hash of the HEAD commit used to build the current player version */\n  playerCommit: string;\n\n  /** Hash of the HEAD commit used to build the current reactPlayer version */\n  reactPlayerCommit: string;\n}\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  private 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      playerVersion: this.player.getVersion(),\n      playerCommit: this.player.getCommit(),\n      reactPlayerVersion: REACT_PLAYER_VERSION,\n      reactPlayerCommit: COMMIT,\n    };\n  }\n\n  /** Returns the current version of the underlying core Player */\n  public getPlayerVersion(): string {\n    return this.reactPlayerInfo.playerVersion;\n  }\n\n  /** Returns the git commit used to build this core Player version */\n  public getPlayerCommit(): string {\n    return this.reactPlayerInfo.playerCommit;\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  /** Returns the current version of the running React Player */\n  public getReactPlayerVersion(): string {\n    return this.reactPlayerInfo.reactPlayerVersion;\n  }\n\n  /** Returns the git commit used to build the React Player version */\n  public getReactPlayerCommit(): string {\n    return this.reactPlayerInfo.reactPlayerCommit;\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":["React","React","React","React","ReactPlayer","React","React","React","ReactPlayer","React","ReactPlayer","React"]}eactPlayer","React"]}

package/package.json

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

package/src/player.tsx

@@ -18,8 +18,10 @@ import type { ReactPlayerProps } from "./app";
 import { ReactPlayer as PlayerComp } from "./app";
 import { OnUpdatePlugin } from "./plugins/onupdate-plugin";
 
-const WEB_PLAYER_VERSION = "__VERSION__";
-const COMMIT = "__GIT_COMMIT__";
+const REACT_PLAYER_VERSION =
+  typeof __VERSION__ !== "undefined" ? __VERSION__ : "__VERSION__";
+const COMMIT =
+  typeof __GIT_COMMIT__ !== "undefined" ? __GIT_COMMIT__ : "__GIT_COMMIT__";
 
 export interface DevtoolsGlobals {
   /** A global for a plugin to load to Player for devtools */
@@ -73,25 +75,41 @@ export class ReactPlayer {
   public readonly player: Player;
   public readonly assetRegistry: AssetRegistryType = new Registry();
   public readonly Component: React.ComponentType<ReactPlayerComponentProps>;
-  public readonly hooks = {
+  public readonly hooks: {
     /**
      * A hook to create a React Component to be used for Player, regardless of the current flow state
      */
-    webComponent: new SyncWaterfallHook<[React.ComponentType]>(),
+    webComponent: SyncWaterfallHook<[React.ComponentType], Record<string, any>>;
+    /**
+     * A hook to create a React Component that's used to render a specific view.
+     * It will be called for each view update from the core player.
+     * Typically this will just be `Asset`
+     */
+    playerComponent: SyncWaterfallHook<
+      [React.ComponentType<ReactPlayerProps>],
+      Record<string, any>
+    >;
+    /**
+     * A hook to execute async tasks before the view resets to undefined
+     */
+    onBeforeViewReset: AsyncParallelHook<[], Record<string, any>>;
+  } = {
+    /**
+     * A hook to create a React Component to be used for Player, regardless of the current flow state
+     */
+    webComponent: new SyncWaterfallHook(),
 
     /**
      * A hook to create a React Component that's used to render a specific view.
      * It will be called for each view update from the core player.
      * Typically this will just be `Asset`
      */
-    playerComponent: new SyncWaterfallHook<
-      [React.ComponentType<ReactPlayerProps>]
-    >(),
+    playerComponent: new SyncWaterfallHook(),
 
     /**
      * A hook to execute async tasks before the view resets to undefined
      */
-    onBeforeViewReset: new AsyncParallelHook<[]>(),
+    onBeforeViewReset: new AsyncParallelHook(),
   };
 
   private viewUpdateSubscription = new Subscribe<View>();
@@ -129,7 +147,7 @@ export class ReactPlayer {
     this.reactPlayerInfo = {
       playerVersion: this.player.getVersion(),
       playerCommit: this.player.getCommit(),
-      reactPlayerVersion: WEB_PLAYER_VERSION,
+      reactPlayerVersion: REACT_PLAYER_VERSION,
       reactPlayerCommit: COMMIT,
     };
   }
@@ -221,7 +239,7 @@ export class ReactPlayer {
    * Call this method to force the ReactPlayer to wait for the next view-update before performing the next render.
    * If the `suspense` option is set, this will suspend while an update is pending, otherwise nothing will be rendered.
    */
-  public setWaitForNextViewUpdate() {
+  public setWaitForNextViewUpdate(): Promise<void> {
     const shouldCallResetHook = this.hooks.onBeforeViewReset.isUsed();
 
     return this.viewUpdateSubscription.reset(
@@ -239,4 +257,4 @@ export class ReactPlayer {
 }
 
 // For compatibility
-export const WebPlayer = ReactPlayer;
+export const WebPlayer: typeof ReactPlayer = ReactPlayer;

package/types/player.d.ts

@@ -46,13 +46,15 @@ export declare class ReactPlayer {
         /**
          * A hook to create a React Component to be used for Player, regardless of the current flow state
          */
-        webComponent: SyncWaterfallHook<[React.ComponentType<{}>], Record<string, any>>;
+        webComponent: SyncWaterfallHook<[React.ComponentType], Record<string, any>>;
         /**
          * A hook to create a React Component that's used to render a specific view.
          * It will be called for each view update from the core player.
          * Typically this will just be `Asset`
          */
-        playerComponent: SyncWaterfallHook<[React.ComponentType<ReactPlayerProps>], Record<string, any>>;
+        playerComponent: SyncWaterfallHook<[
+            React.ComponentType<ReactPlayerProps>
+        ], Record<string, any>>;
         /**
          * A hook to execute async tasks before the view resets to undefined
          */