@clickview/lite 0.0.24-rc.3 → 0.0.24-rc.4

package/dist/scripts/14.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/common/src/react/utils/TypeHelper.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchBar.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchInput.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchUtils.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/search-bar.scss?d22e"],"names":[],"mappings":"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","file":"scripts/14.chunk.js","sourcesContent":["export const TypeHelper = {\r\n  isNumber(obj: any): boolean {\r\n    return TypeHelper.isType(obj, 'number');\r\n  },\r\n\r\n  isString(obj: any): boolean {\r\n    return TypeHelper.isType(obj, 'string');\r\n  },\r\n\r\n  isType(obj: any, type: string): boolean {\r\n    return typeof obj === type;\r\n  }\r\n};","import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\n\r\nimport * as SearchUtils from './SearchUtils';\r\nimport { SearchInput } from './SearchInput';\r\n\r\nconst namespace = 'shared.searchBar';\r\n\r\nconst isFunction = FunctionHelper.isFunction;\r\n\r\ninterface SearchBarWrapperProps {\r\n  renderAsForm: boolean;\r\n  onSubmit: (event: React.FormEvent) => void;\r\n}\r\n\r\nfunction SearchBarWrapper(props: React.PropsWithChildren<SearchBarWrapperProps>): JSX.Element {\r\n  if (!props.renderAsForm)\r\n    return (\r\n      <>\r\n        {props.children}\r\n      </>\r\n    );\r\n\r\n  return (\r\n    <form onSubmit={props.onSubmit}>\r\n      {props.children}\r\n    </form>\r\n  );\r\n}\r\n\r\nexport interface SearchBarProps<T extends HashObject> {\r\n  /**\r\n   * Optional initial query. Useful for populating the search bar\r\n   * on a search results page.\r\n   */\r\n  initialQuery?: string;\r\n\r\n  /**\r\n   * Callback function for when a suggestion is selected.\r\n   */\r\n  onSuggestionSelected: (suggestion: T) => void;\r\n\r\n  /**\r\n   * Flag to determine if the query should be updated when a\r\n   * suggestion is selected. Defaults to `true` in `defaultProps`.\r\n   * If true, SearchUtils.getSuggestionValue is used to update the query.\r\n   */\r\n  updateQueryOnSelection?: boolean;\r\n\r\n  /**\r\n   * Optional callback for when the search query changes.\r\n   */\r\n  onQueryChange?: (query: string) => void;\r\n\r\n  /**\r\n   * Optional callback for when the search is submitted.\r\n   */\r\n  onSubmit?: (query: string) => void;\r\n\r\n  /**\r\n   * Optional callback to get the remote resource if remote search\r\n   * results are being used.\r\n   */\r\n  getRemoteUrl?: (query: string) => string;\r\n\r\n  /**\r\n   * Optional formatting function for the data returned from the remote resource.\r\n   */\r\n  formatRemoteSuggestions?: (data: any) => T[];\r\n\r\n  /**\r\n   * Optional array of recent searches.\r\n   */\r\n  recentSearches?: T[];\r\n\r\n  /**\r\n   * A label for the recent search section.\r\n   * A default is provided in the i18n config.\r\n   */\r\n  recentSearchHeading?: string;\r\n\r\n  /**\r\n   * A label for the main suggestions section.\r\n   * Will not be used if getSections is passed as a prop.\r\n   */\r\n  suggestionsHeading?: string;\r\n\r\n  /**\r\n   * Optional array of local data to be used as suggestion sources.\r\n   */\r\n  local?: T[];\r\n\r\n  /**\r\n   * Optional array of initial suggestions. These suggestions will be available\r\n   * when no query is present. Entering a query will begin filtering suggestions.\r\n   * This is useful for using SearchBar to filter a list.\r\n   */\r\n  initialSuggestions?: T[];\r\n\r\n  /**\r\n   * Key used to filter local data. This is required if local is provided,\r\n   * however a default of 'name' is set in `defaultProps`.\r\n   */\r\n  valueKey?: keyof T;\r\n\r\n  /**\r\n   * Optional function to filter suggestions from local data.\r\n   * SearchUtils.getLocalSuggestions will be used by default.\r\n   */\r\n  getLocalSuggestions?: (query: string, local: T[]) => T[];\r\n\r\n  /**\r\n   * Optional function for splitting suggestions into sections.\r\n   * Doesn't apply to recent searches (SuggestionType.Recent).\r\n   */\r\n  getSections?: (suggestions: T[]) => SearchUtils.SuggestionSection<T>[];\r\n\r\n  /**\r\n   * Placeholder for the search input.\r\n   * A default is provided in the i18n config.\r\n   */\r\n  placeholder?: string;\r\n\r\n  /**\r\n   * The number of characters required to begin providing suggestions.\r\n   * A default is provided in `defaultProps`.\r\n   */\r\n  activationLength?: number;\r\n\r\n  /**\r\n   * Max number of suggestions to render. A default is set in `defaultProps`.\r\n   * Set to false to render all suggestions (e.g. for filtering a list in memory).\r\n   */\r\n  suggestionLimit?: number | false;\r\n\r\n  /**\r\n   * Callback function to get the component to be rendered for a suggestion.\r\n   * SearchUtils.getSuggestionComponent is used a default. This uses\r\n   * `valueKey` to render text.\r\n   */\r\n  getSuggestionComponent?: (suggestion: T) => JSX.Element;\r\n\r\n  /**\r\n   * If true, suggestions will be rendered, even if the input isn't focussed.\r\n   */\r\n  alwaysRenderSuggestions?: boolean;\r\n\r\n  /*\r\n   * Optional theme hash to override `defaultTheme` in SearchUtils.\r\n   */\r\n  theme?: Autosuggest.Theme;\r\n\r\n  /**\r\n   * Option to determine whether to render the search icon and if so,\r\n   * which side to render it on. Defaults to `right` in `defaultProps`\r\n   */\r\n  searchIconPlacement?: 'left' | 'right' | false;\r\n\r\n  /**\r\n   * If true, a cross svg will be rendered.\r\n   * Clicking this icon will reset the query.\r\n   */\r\n  showClearInputIcon?: boolean;\r\n\r\n  /**\r\n   * Optional callback function to be called when the clear input\r\n   * icon is clicked.\r\n   * The query will be reset automatically, this callback is for\r\n   * adding additional functionality.\r\n   */\r\n  onClickClearInput?: () => void;\r\n\r\n  /**\r\n   * Flag to determine whether clicking the search icon should trigger\r\n   * submitting the search query.\r\n   */\r\n  submitOnClickSearchIcon?: boolean;\r\n\r\n  /**\r\n   * Flag to determine whether the search input should be autofocused.\r\n   */\r\n  autoFocusInput?: boolean;\r\n\r\n  /**\r\n   * If true, the default Bootstrap styling will be applied when the\r\n   * input is focused.\r\n   */\r\n  highlightInputOnFocus?: boolean;\r\n\r\n  /**\r\n   * When true, the input field will be cleared whenever a suggestion is selected.\r\n   */\r\n  clearQueryOnSelect?: boolean;\r\n\r\n  onBackspace?: () => void;\r\n\r\n  /**\r\n   * When true, the search input will be wrapped in a <form />.\r\n   * This is true by default.\r\n   * If rendering <SearchBar /> within another form, set this to false.\r\n   */\r\n  renderAsForm?: boolean;\r\n}\r\n\r\nSearchBar.defaultProps = {\r\n  updateQueryOnSelection: true,\r\n  valueKey: 'name',\r\n  activationLength: 3,\r\n  suggestionLimit: 5,\r\n  recentSearches: [],\r\n  initialSuggestions: [],\r\n  searchIconPlacement: 'right',\r\n  renderAsForm: true\r\n};\r\n\r\nexport function SearchBar<T extends HashObject>(props: SearchBarProps<T>): JSX.Element {\r\n  const initialState = SearchUtils.getInitialState(props.initialSuggestions, props.recentSearches);\r\n\r\n  const [ query, setQuery ] = React.useState(props.initialQuery || '');\r\n  const [ suggestions, setSuggestions ] = React.useState<SearchUtils.SuggestionState<T>>(initialState);\r\n\r\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\r\n\r\n  React.useEffect(() => {\r\n    const initialQuery = props.initialQuery || '';\r\n\r\n    if (query !== initialQuery)\r\n      setQuery(initialQuery);\r\n  }, [props.initialQuery]);\r\n\r\n  const resetSuggestions = () => {\r\n    setSuggestions(initialState);\r\n  };\r\n\r\n  const onChange = (e: React.ChangeEvent, { newValue }: Autosuggest.ChangeEvent) => {\r\n    setQuery(newValue);\r\n\r\n    if (isFunction(props.onQueryChange))\r\n      props.onQueryChange(newValue);\r\n  };\r\n\r\n  const onSubmit = (event: React.FormEvent) => {\r\n    event.preventDefault();\r\n\r\n    if (isFunction(props.onSubmit))\r\n      props.onSubmit(query);\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent) => {\r\n    if (event.keyCode === 8 && props.onBackspace && !query)\r\n      props.onBackspace();\r\n  };\r\n\r\n  const onClickClearInput = () => {\r\n    setQuery('');\r\n\r\n    if (isFunction(props.onClickClearInput))\r\n      props.onClickClearInput();\r\n  };\r\n\r\n  return (\r\n    <SearchBarWrapper onSubmit={onSubmit} renderAsForm={!!props.renderAsForm}>\r\n      <Autosuggest<T>\r\n        suggestions={\r\n          SearchUtils.getSuggestionSections(\r\n            suggestions,\r\n            !query,\r\n            props.recentSearchHeading || LanguageService.getPhrase(namespace, 'recentSearchHeading'),\r\n            props.suggestionsHeading,\r\n            props.getSections,\r\n            props.suggestionLimit\r\n          )\r\n        }\r\n        onSuggestionsFetchRequested={\r\n          SearchUtils.onSuggestionsFetchRequestedHandler(props, setSuggestions, resetSuggestions)\r\n        }\r\n        onSuggestionsClearRequested={() => {\r\n          if (!props.alwaysRenderSuggestions)\r\n            resetSuggestions();\r\n        }}\r\n        onSuggestionSelected={(e: React.FormEvent, { suggestion }: Autosuggest.SuggestionSelectedEventData<T>) => {\r\n          if (props.clearQueryOnSelect)\r\n            setQuery('');\r\n\r\n          props.onSuggestionSelected(suggestion);\r\n        }}\r\n        getSuggestionValue={(suggestion: T) => {\r\n          if (!props.updateQueryOnSelection)\r\n            return query;\r\n\r\n          return SearchUtils.getSuggestionValue(props.valueKey, suggestion);\r\n        }}\r\n        renderSuggestion={(suggestion: T) => {\r\n          if (isFunction(props.getSuggestionComponent))\r\n            return props.getSuggestionComponent(suggestion);\r\n\r\n          return SearchUtils.getSuggestionComponent(props.valueKey, suggestion);\r\n        }}\r\n        alwaysRenderSuggestions={props.alwaysRenderSuggestions}\r\n        /** \r\n         * Setting focusInputOnSuggestionClick to false when isMobile is true prevents the keyboard from \r\n         * appearing on mobile devices when a suggestion is clicked.\r\n         */\r\n        focusInputOnSuggestionClick={!isMobile}\r\n        inputProps={{\r\n          placeholder: props.placeholder || LanguageService.getPhrase(namespace, 'placeholder'),\r\n          value: query,\r\n          onChange,\r\n          onKeyDown,\r\n          autoFocus: !!props.autoFocusInput,\r\n          highlightOnFocus: props.highlightInputOnFocus,\r\n          onClickSearchIcon: !!props.submitOnClickSearchIcon && onSubmit,\r\n          searchIconPlacement: props.searchIconPlacement,\r\n          showClearInputIcon: !!props.showClearInputIcon && !!query.length,\r\n          onClickClearInput\r\n        } as Autosuggest.InputProps<T>}\r\n        renderInputComponent={SearchInput}\r\n        theme={SearchUtils.getTheme(props.theme)}\r\n        multiSection\r\n        renderSectionTitle={SearchUtils.renderSectionTitle}\r\n        getSectionSuggestions={SearchUtils.getSectionSuggestions}\r\n      />\r\n    </SearchBarWrapper>\r\n  );\r\n}","import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './search-bar.scss';\r\n\r\nfunction getInputClassName<T>(props: SearchInputProps<T>): string {\r\n  const { searchIconPlacement, showClearInputIcon, highlightOnFocus, className } = props;\r\n\r\n  let inputClassName = 'form-control';\r\n\r\n  if (!highlightOnFocus)\r\n    inputClassName += ` ${styles.inputWithoutHighlight}`;\r\n\r\n  if (searchIconPlacement === 'left')\r\n    inputClassName += ` ${styles.inputWithLeftIcon}`;\r\n\r\n  if (searchIconPlacement === 'right' && !showClearInputIcon || searchIconPlacement === 'left' && showClearInputIcon)\r\n    inputClassName += ` ${styles.inputWithRightIcon}`;\r\n\r\n  if (searchIconPlacement === 'right' && showClearInputIcon)\r\n    inputClassName += ` ${styles.inputWithTwoRightIcons}`;\r\n\r\n  if (className)\r\n    inputClassName += `${className}`;\r\n\r\n  return inputClassName;\r\n}\r\n\r\nfunction getSvgContainerClassName(onClickSvg: () => void): string {\r\n  const className = 'd-inline-block svg-container';\r\n\r\n  if (!FunctionHelper.isFunction(onClickSvg))\r\n    return className;\r\n\r\n  return className + ' cursor-pointer';\r\n}\r\n\r\ninterface SearchInputProps<T> extends Autosuggest.InputProps<T>{\r\n  onClickSearchIcon?: () => void;\r\n  searchIconPlacement?: 'left' | 'right' | false;\r\n  showClearInputIcon?: boolean;\r\n  onClickClearInput?: () => void;\r\n  highlightOnFocus?: boolean;\r\n}\r\n\r\nexport function SearchInput<T extends {}>(props: SearchInputProps<T>): JSX.Element {\r\n  const {\r\n    onClickSearchIcon,\r\n    searchIconPlacement,\r\n    showClearInputIcon,\r\n    onClickClearInput,\r\n    highlightOnFocus,\r\n    className,\r\n    ...inputProps\r\n  } = props;\r\n\r\n  const SearchIcon = () => (\r\n    <div className='d-inline-block'>\r\n      <SvgContainer\r\n        svgName={cvSvgLibrary.Search}\r\n        size={SvgContainerSize.Standard}\r\n        onClick={onClickSearchIcon}\r\n        className={getSvgContainerClassName(onClickSearchIcon)}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  const ClearIcon = () => (\r\n    <div className={`d-inline-block text-muted ${styles.clearButton}`}>\r\n      <SvgContainer\r\n        svgName={cvSvgLibrary.Close}\r\n        size={SvgContainerSize.Standard}\r\n        onClick={onClickClearInput}\r\n        className={getSvgContainerClassName(onClickClearInput)}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className={`position-relative ${styles.inputContainer}`}>\r\n      {searchIconPlacement === 'left' &&\r\n        <div className={`${styles.iconContainer} ${styles.leftIconContainer}`}>\r\n          <SearchIcon />\r\n        </div>\r\n      }\r\n      <input className={getInputClassName<T>(props)} {...inputProps as any} />\r\n      {(searchIconPlacement === 'right' || !!showClearInputIcon) &&\r\n        <div className={`${styles.iconContainer} ${styles.rightIconContainer}`}>\r\n          {!!showClearInputIcon && <ClearIcon />}\r\n          {searchIconPlacement === 'right' && <SearchIcon />}\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n}\r\n","import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { TypeHelper } from 'libs/common/react/utils/TypeHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { SearchBarProps } from './SearchBar';\r\n\r\nimport styles from './search-bar.scss';\r\n\r\nexport enum SuggestionType {\r\n  Local = 'local',\r\n  Recent = 'recent',\r\n  Remote = 'remote'\r\n}\r\n\r\n/**\r\n * Suggestions grouped as a section\r\n */\r\nexport interface SuggestionSection<T extends HashObject> {\r\n  data: T[];\r\n  title?: string;\r\n}\r\n\r\n/**\r\n * How suggestion data is stored in state in SearchBar\r\n */\r\nexport type SuggestionState<T extends HashObject> = { [ key in SuggestionType ]: T[] };\r\n\r\nexport function getInitialState<T extends HashObject>(\r\n  initialSuggestions: T[], recentSearches: T[]\r\n): SuggestionState<T> {\r\n  return {\r\n    [SuggestionType.Recent]: recentSearches,\r\n    [SuggestionType.Local]: initialSuggestions,\r\n    [SuggestionType.Remote]: []\r\n  };\r\n}\r\n\r\nfunction hasAttribute<T extends HashObject>(obj: T, valueKey: keyof T): boolean {\r\n  return ObjectHelper.isObject(obj) && obj.hasOwnProperty(valueKey) && TypeHelper.isString(obj[valueKey]);\r\n}\r\n\r\nfunction getLocalSuggestions<T extends HashObject>(query: string, data: T[], valueKey: keyof T): T[] {\r\n  const q = query.trim().toLowerCase();\r\n\r\n  if (!q.length)\r\n    return [];\r\n\r\n  return data.filter(d => {\r\n    if (!hasAttribute(d, valueKey) || !TypeHelper.isString(d[valueKey]))\r\n      return false;\r\n\r\n    return d[valueKey].trim().toLowerCase().includes(q);\r\n  });\r\n}\r\n\r\nfunction fetchSuggestions<T extends HashObject>(\r\n  getUrl: (query: string) => string, query: string, callback: (suggestions: T[]) => void\r\n): void {\r\n  const resource = FunctionHelper.isFunction(getUrl) && getUrl(query);\r\n\r\n  if (!resource)\r\n    return;\r\n\r\n  Flight.ajaxRequest({\r\n    resource,\r\n    type: HttpVerbs.GET,\r\n    success: callback,\r\n    error: () => {}\r\n  });\r\n}\r\n\r\nexport function onSuggestionsFetchRequestedHandler<T extends HashObject>(\r\n  props: SearchBarProps<T>,\r\n  setSuggestions: React.Dispatch<React.SetStateAction<SuggestionState<T>>>,\r\n  resetSuggestions: () => void\r\n): (params: Autosuggest.SuggestionsFetchRequestedParams) => void {\r\n  return ({ value }: Autosuggest.SuggestionsFetchRequestedParams) => {\r\n    if (!value.length)\r\n      resetSuggestions();\r\n\r\n    if (value.length < props.activationLength)\r\n      return;\r\n\r\n    if (props.local) {\r\n      const filtered = FunctionHelper.isFunction(props.getLocalSuggestions)\r\n        ? props.getLocalSuggestions(value, props.local)\r\n        : getLocalSuggestions(value, props.local, props.valueKey);\r\n\r\n      setSuggestions(s => ({ ...s, [SuggestionType.Local]: filtered }));\r\n    }\r\n\r\n    if (props.getRemoteUrl)\r\n      fetchSuggestions(\r\n        props.getRemoteUrl,\r\n        value,\r\n        (data: any) => setSuggestions(\r\n          s => ({\r\n            ...s,\r\n            [SuggestionType.Remote]: FunctionHelper.isFunction(props.formatRemoteSuggestions)\r\n              ? props.formatRemoteSuggestions(data)\r\n              : data\r\n          })\r\n        )\r\n      );\r\n  };\r\n}\r\n\r\nexport function getSuggestionValue<T extends HashObject>(valueKey: keyof T, suggestion: T): string {\r\n  if (!hasAttribute(suggestion, valueKey))\r\n    return '';\r\n\r\n  return suggestion[valueKey];\r\n}\r\n\r\n/**\r\n * Default suggestion component. Renders text based on valueKey.\r\n * \r\n * @param valueKey object attribute to be rendered.\r\n */\r\nexport function getSuggestionComponent<T extends HashObject>(valueKey: keyof T, suggestion: T): JSX.Element {\r\n  return hasAttribute(suggestion, valueKey)\r\n    ? <>\r\n        {suggestion[valueKey]}\r\n      </>\r\n    : <></>;\r\n}\r\n\r\n/**\r\n * Maps the suggestion state into sections.\r\n * \r\n * @param getSections - an optional function passed in from anything consuming\r\n * SearchBar used to break the local and remote suggestions into sections.\r\n */\r\nexport function getSuggestionSections<T extends HashObject>(\r\n  suggestionState: SuggestionState<T>,\r\n  showRecentSearches: boolean,\r\n  recentSearchHeading: string,\r\n  suggestionsHeading?: string,\r\n  getSections?: (suggestions: T[]) => SuggestionSection<T>[],\r\n  suggestionLimit?: number | false\r\n): SuggestionSection<T>[] {\r\n  const getTypeSuggestions = (type: SuggestionType) => {\r\n    const typeSuggestions = suggestionState[type];\r\n\r\n    return typeSuggestions || [];\r\n  };\r\n\r\n  const recentSuggestions = showRecentSearches ? getTypeSuggestions(SuggestionType.Recent) : [];\r\n  const localSuggestions = getTypeSuggestions(SuggestionType.Local);\r\n  const remoteSuggestions = getTypeSuggestions(SuggestionType.Remote);\r\n\r\n  let sections: SuggestionSection<T>[] = [];\r\n\r\n  if (recentSuggestions.length)\r\n    sections.push({\r\n      title: recentSearchHeading,\r\n      data: recentSuggestions\r\n    });\r\n\r\n  const matchedSuggestions = [ ...localSuggestions, ...remoteSuggestions ];\r\n\r\n  if (Number.isInteger((suggestionLimit as number)) && sections.length > suggestionLimit)\r\n    matchedSuggestions.slice(0, (suggestionLimit as number));\r\n\r\n  if (FunctionHelper.isFunction(getSections))\r\n    sections.push(...getSections(matchedSuggestions));\r\n  else\r\n    sections.push({ title: suggestionsHeading, data: matchedSuggestions });\r\n\r\n  return sections;\r\n}\r\n\r\n/**\r\n * Maps a section into a list of suggestions.\r\n */\r\nexport function getSectionSuggestions<T extends HashObject>(section: SuggestionSection<T>): T[] {\r\n  return section.data;\r\n}\r\n\r\nexport function renderSectionTitle<T extends HashObject>(section: SuggestionSection<T>): JSX.Element | null {\r\n  if (section.title)\r\n    return <strong>{section.title}</strong>;\r\n}\r\n\r\nconst defaultTheme = {\r\n  container: 'position-relative',\r\n  suggestionsContainerOpen: `bg-white py-1 border rounded ${styles.suggestionsContainerOpen}`,\r\n  suggestionsList: 'list-unstyled m-0',\r\n  suggestion: 'cursor-pointer py-1 px-2',\r\n  suggestionHighlighted: styles.suggestionHighlighted,\r\n  sectionContainer: `border-bottom py-1 ${styles.sectionContainer}`\r\n};\r\n\r\nexport function getTheme(theme: Autosuggest.Theme = {}): Autosuggest.Theme {\r\n  return Object.assign(defaultTheme, theme);\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"inputWithoutHighlight\":\"cv--inputWithoutHighlight---L0yF\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--ahMdW\",\"sectionContainer\":\"cv--sectionContainer--xstWL\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--3YTCa\",\"inputContainer\":\"cv--inputContainer--1wn3m\",\"clearButton\":\"cv--clearButton--1BwBs\",\"inputWithLeftIcon\":\"cv--inputWithLeftIcon--qxZOe\",\"inputWithRightIcon\":\"cv--inputWithRightIcon--3U4W-\",\"inputWithTwoRightIcons\":\"cv--inputWithTwoRightIcons--2rgzF\",\"iconContainer\":\"cv--iconContainer--1DLw5\",\"leftIconContainer\":\"cv--leftIconContainer--AZCtZ\",\"rightIconContainer\":\"cv--rightIconContainer--1R52s\"};"],"sourceRoot":""}

package/dist/scripts/15-d811a90e8d.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[15],{1236:function(e,t,n){e.exports={partialDescription:"_3cyjk"}},1290:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),i=n(60),o=n(14),c=n(54),l=n(7),s=n(3),u=n(40),d=n(77),p=n(152),f=n(12),m="hc/articles/115005679748",v=n(1060),b=l.a.encloseNamespace("playlists.emptyState");function y(e){var t,n=Object(p.a)(f.b.ImageUrl).getImageUrls(),r=d.a.safeUrlConcat(e.supportSiteUrl,m),i=(null===(t=e.playlist.owner)||void 0===t?void 0:t.id)===e.currentUser.id;return a.createElement(v.a,{imageUrl:n.EmptyStates.VIDEOS,heading:b("noVideosHeading"),description:i&&'<a href="'.concat(r,'" target="_blank">').concat(b("noVideosInfo"),"</a>")})}var g=n(156),h=n(153),E=n(829),S=n(849),k=n(232),w=n(921),O=n(1059);var j=n(1061),A=n(852),x=n(160),C=function(e){var t,n;if((null===(t=e)||void 0===t?void 0:t.onlineRole)!==x.a.Staff)return null===(n=e)||void 0===n?void 0:n.maxAllowedRating};function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return N(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return N(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var P=n(236),L=n(815),F=n(858),T=n(235),U=n(986),V=n(151),D=n(150),R=n(13),B=n(902),H=n(10),_=n(1236),M=n.n(_);function X(){return r.a.createElement(r.a.Fragment,null,r.a.createElement(B.b,null),r.a.createElement("div",{className:"mb-2"},r.a.createElement("div",{className:"partial-loading-background my-2 border-bottom ".concat(M.a.partialDescription)})))}function Y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return $(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return $(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var q="playlists.playlistHeader";function z(e){var t=Y(a.useState(e.isFollowing),2),n=t[0],r=t[1],i=Object(V.a)(D.a.XS);if(e.showPartialLoading)return a.createElement(X,null);var o=e.playlist.description,c=e.application,s=[e.playlist.id],u=[];return e.canEdit&&u.push({label:l.a.getPhrase(q,"edit"),appLink:{application:c,action:H.a.Playlists.EDIT_PLAYLIST,args:s},svgName:R.b.Edit,className:"btn btn-light",button:!i},{label:l.a.getPhrase(q,"delete"),appLink:{application:c,action:H.a.Playlists.DELETE_PLAYLIST,args:s},svgName:R.b.Share,className:"text-danger"}),e.canEdit||u.push({label:l.a.getPhrase(q,n?"following":"follow"),onClick:function(){r(!n),e.follow(!n,(function(){return r(n)}))},svgName:R.b.Bell,className:"btn btn-".concat(n?"dark":"light"),button:!i}),a.createElement(a.Fragment,null,a.createElement(B.a,{heading:e.playlist.name,banner:e.playlist.banner,imageCdnUrl:e.imageCdnUrl,actions:u.length&&u}),!!o&&a.createElement("p",{className:"py-2 border-bottom mb-2"},o))}var K=n(917),G=n(126);var J=n(125),Z=n(347),Q=n(348);function W(e){var t=e&&e.length&&e.map((function(e){return e.dateAssociated}));return t&&t.length?J.a.max(t,(function(e){return new Date(e).getTime()})):null}function ee(e){return[e?G.a.RemoveFromPlaylist:G.a.AddToPlaylist,G.a.Share]}function te(e,t,n){u.a.logUserAction({id:t,playlistId:e},{location:s.j.VideoList,entity:s.d.Video,actionType:s.n.Move,workflowPhase:n})}var ne={notFound:Z.a,forbidden:{privacy:Q.a}};function ae(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return re(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return re(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function re(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,"PlaylistView",(function(){return ie}));function ie(e){var t,n=Object(i.useDispatch)(),r=Object(L.a)(),d=o.a.useBasicFetch(g.a.config),p=o.a.useBasicFetch(h.a.currentUser()),f=!c.a.isEmpty(p.data),m=e.filterByRating?f&&C(p.data):null,v=e.isShared?!!p.data&&S.a.getSharedPlaylist(e.playlistId,m):S.a.getPlaylist(e.playlistId),b=o.a.useBasicFetch(v);Object(U.a)(b,ne,p.data);var x=!!p.data&&function(t){return(e.isShared?S.a.getSharedPlaylistVideos:S.a.getPlaylistVideos)(e.playlistId,m,t)},N=o.a.useBasicFetch(!!p.data&&S.a.getIsFollowingPlaylist(e.playlistId,p.data.id)),V=function(e){o.a.getFetch(n,x(e))()},D=function(e,t){var n=t,r=Object(w.a)(e&&function(t){return e(t).key});return Object(O.a)((function(){return t&&n(r.nextCursor)}),!!r.nextCursor,r.isFetching),Object(a.useEffect)((function(){r.shouldInitialFetch&&t&&n()}),[r.shouldInitialFetch,t]),{items:r.items,hasMore:!!r.nextCursor,isFetching:r.isFetching}}(x,V),R=D.items,B=D.hasMore,_=D.isFetching;Object(F.a)(R);var M,X,Y,$,q=ae((M=R,X=I(Object(a.useState)(),2),Y=X[0],$=X[1],Object(a.useEffect)((function(){Y&&(M.length!==Y.length||function(e,t){var n=!0;if(e.length!==t.length)return!1;for(var a=0;a<e.length;a++)if(e[a].id!==t[a].id){n=!1;break}return n}(M,Y))&&$(null)}),[M]),[Y,$]),2),J=q[0],Z=q[1],Q=f&&!!R&&!!R.length&&T.a.getRestrictions(R.map((function(e){return e.id}))),re=o.a.useGetResponse(Q&&Q.key),ie=o.a.useGetFetch(Q);Q&&re.shouldFetch&&ie(),Object(k.a)(!!b.data&&b.data.name,[b.data]);var oe,ce,le=!!e.allowEdit&&function(e,t){return!(c.a.isEmpty(t)||!e||c.a.isEmpty(e.owner))&&e.owner.id===t.id}(b.data,p.data),se=!!R&&0===R.length;return a.createElement(P.a.Provider,{value:{videoActions:ee(le),getActionAppLink:(oe=e.application,ce=e.playlistId,function(e,t){switch(t){case G.a.RemoveFromPlaylist:return{application:oe,action:H.a.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,args:[e.id,ce]};case G.a.AddToPlaylist:return{application:oe,action:H.a.Playlists.ADD_TO_PLAYLIST,args:[e.id]};case G.a.Share:return{application:oe,action:H.a.Playlists.HOME}}})}},a.createElement("div",{className:"bg-white padding-gutter"},a.createElement(z,{playlistId:e.playlistId,playlist:b.data,hasVideos:!se,isFollowing:null===(t=N.data)||void 0===t?void 0:t.isFollowing,follow:function(t,a){var i=t?S.a.followPlaylist:S.a.unfollowPlaylist;o.a.fetch(n,i(e.playlistId,p.data.id,null,(function(){a(),r.error(l.a.getPhrase("playlists.playlist",t?"followError":"unfollowError"))})))},application:e.application,canEdit:le,isShared:e.isShared,showBreadcrumbs:e.showBreadcrumbs,showDateMetadata:e.showDateMetadata,playAllAppLink:e.playAllAppLink,showPartialLoading:!(b.data&&R&&p.data&&d.data&&N.data),lastUpdated:!!R&&W(R),imageCdnUrl:!!d.data&&d.data.imageCdnUrl,returnAppLink:e.returnAppLink}),se?!!d.data&&!!p.data&&!!b.data&&a.createElement(y,{playlist:b.data,currentUser:p.data,supportSiteUrl:d.data.supportSiteUrl}):a.createElement(K.a,{videos:J||R,playlistId:!!b.data&&b.data.id,onSortStart:function(t){var n=R[t];n&&te(e.playlistId,n.id,s.o.Start)},onSortComplete:function(t,a){if(t!==a){var r=R[t];if(r){var i=A.a.reorder(R,t,a),c=i.reorderedItems,l=i.reorderRequest;Z(c),te(e.playlistId,r.id,s.o.Complete);o.a.fetch(n,S.a.reorderVideos(e.playlistId,l,null,(function(){Z(null)})))}}},isUserSignedIn:f,canEdit:le,showPartialLoading:!R||!p.data||!d.data,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,fetchRestrictions:ie,setFavourite:function(e,t,a){o.a.fetch(n,E.a.updateIsVideoFavourited(e,p.data.id,t,(function(){u.a.logUserAction({id:e},{entity:s.d.Video,actionType:s.n.Favourite,descriptor:t?s.m.On:s.m.Off,location:s.j.VideoThumbnail,workflowPhase:s.o.Complete})}),a))}}),!!B&&a.createElement(j.a,{isFetching:_,onClick:V})))}},816:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},821:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"c",(function(){return s})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(809),i=n(2),o=n(827),c=n(835),l=a.createContext({isSortable:!1});function s(e){var t=a.useContext(l).isSortable?c.a:c.b,n=i.a.AppLinkHelper.getCurrentAppLink();return a.createElement(a.Fragment,null,a.createElement("div",{className:"position-relative"},e.videos.map((function(n,r){return a.createElement(t,{key:n.id,idx:r,index:r,video:n,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite})}))),e.cursors&&a.createElement(o.b,{appLink:n,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return a.createElement(l.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},a.createElement(s,Object.assign({},e)))}))},827:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return d}));var a=n(0),r=n(816),i=n(50),o=n(76),c=n(40),l=n(3);function s(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,n=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return a.createElement(o.a.Provider,{value:"shared.pagination"},a.createElement("div",{className:r},a.createElement(i.a,{appLink:s(t,n.previous),className:"btn btn-secondary mr-1 ".concat(n.previous?"":"disabled"),onClick:function(){return u("previous")}},a.createElement(o.b,{phrase:"previous"})),a.createElement(i.a,{appLink:s(t,n.next),className:"btn btn-secondary ".concat(n.next?"":"disabled"),onClick:function(){return u("next")}},a.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){c.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return a.createElement(o.a.Provider,{value:"shared.pagination"},a.createElement("div",{className:e.className},a.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},a.createElement(o.b,{phrase:"previous"})),a.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},a.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},829:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(21),r=n(45),i=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function o(e,t,n,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:a.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:n,error:r}}function c(e,t,n,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:a.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:n,error:r}}var l={favouriteVideos:function(e,t){var n="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(n),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,n,a,r){return(n?o:c)(e,t,a,r)},isFavourited:function(e,t){var n=t.slice().sort(),a=n.map((function(e){return"id=".concat(e)}));return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(a.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(n.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,n,a=e.favouritedBy,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(n=null===(t=a)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)})}))}}}}},835:function(e,t,n){"use strict";var a=n(0),r=n(36),i=n(809),o=n(859),c=n(241),l=n(52),s=n(834),u=n(851),d=n(150),p=function(e){return!!e&&e.series&&!!e.series.id},f=n(13),m=n(151),v=n(821),b=n(34),y=n(819),g=n(236),h=n(126),E=n(836),S=n.n(E),k=[h.a.AddToPlaylist,h.a.Share];function w(e){var t=a.useContext(g.a),n=t.videoActions,r=void 0===n?k:n,i=t.getActionAppLink,o=Object(m.a)(d.a.XS);if(!b.a.isFunction(i))return a.createElement(a.Fragment,null);var c=[];return r.forEach((function(t){var n=i(e.video,t);n&&c.push(Object.assign({appLink:n,className:"btn btn-link",button:!o},Object(h.b)()[t]))})),a.createElement(y.a,{actions:c,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(S.a.actionsDropdown)})}var O=n(857),j=n(845);function A(e){return a.createElement(O.a,null,a.createElement(j.a,{type:j.b.Rating,data:e.video.rating}),a.createElement(j.a,{type:j.b.ProductionYear,data:e.video.productionYear}),a.createElement(j.a,{type:j.b.Interactive,data:e.video.interactives}))}var x=n(76),C=n(837),I=n.n(C);function N(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return P(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return P(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function L(e){var t=Object(m.a)(d.a.XS),n=21*(Object(m.a)(d.a.SM)?2:4),r=function(e){var t=N(Object(a.useState)(!1),2),n=t[0],r=t[1],i=N(Object(a.useState)(!1),2),o=i[0],c=i[1],l=Object(a.useRef)();return Object(a.useEffect)((function(){l&&l.current&&(l.current.offsetHeight<=e||(r(!0),c(!0)))}),[l]),{ref:l,isExpandable:n,isTruncated:o,toggleTruncation:function(){return c((function(e){return!e}))}}}(n),i=r.ref,o=r.isExpandable,c=r.isTruncated,l=r.toggleTruncation;if(t)return a.createElement(a.Fragment,null);var s={className:"position-relative overflow-hidden"};return c&&(s.style={maxHeight:"".concat(n,"px")}),e.forceTruncate&&!c&&l(),a.createElement("div",Object.assign({},s),a.createElement("p",{ref:i,className:"m-0"},e.video.description,!!o&&a.createElement("span",{className:"cursor-pointer ".concat(I.a.ellipsis),onClick:l},a.createElement(x.b,{namespace:"shared.videoItemDescription",phrase:c?"showMore":"showLess"}))))}var F=n(50);function T(e){return a.createElement(F.a,{appLink:e.appLink},a.createElement("h5",{className:"d-inline-block m-0 mb-1"},e.video.name))}var U=n(838),V=n.n(U);n.d(t,"b",(function(){return R})),n.d(t,"a",(function(){return B}));var D=Object(i.SortableHandle)((function(){return a.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(V.a.dragHandleContainer)},a.createElement(l.a,{svgName:f.b.Handle,size:l.b.Small}))}));function R(e){var t,n=Object(m.a)(d.a.XS),i=a.useContext(v.a),l=i.isSortable,f=i.currentSortingIndex,b=l&&!n,y=e.getVideoAppLink(e.video),g=p(e.video)&&e.getSeriesAppLink(e.video.series);return a.createElement(r.Row,{className:"py-2"},a.createElement(r.Col,{xs:n?12:4,className:"flex-column align-items-flex-start mb-1"},a.createElement(r.Row,null,!!b&&a.createElement(D,null),a.createElement(r.Col,{xs:(t=b,t?10:12)},a.createElement(o.a,{video:e.video,appLink:y,seriesAppLink:g,size:b?s.a.Small:s.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static"})))),a.createElement(r.Col,{xs:n?12:8},a.createElement(w,{video:e.video}),a.createElement(c.a,{video:e.video,appLink:g}),a.createElement(T,{video:e.video,appLink:e.getVideoAppLink(e.video)}),a.createElement(A,{video:e.video}),a.createElement(L,{video:e.video,forceTruncate:Number.isInteger(f)&&e.idx===f})))}var B=Object(i.SortableElement)((function(e){return a.createElement(R,Object.assign({},e))}))},836:function(e,t,n){e.exports={actionsDropdown:"XR0aX"}},837:function(e,t,n){e.exports={ellipsis:"LJY5U"}},838:function(e,t,n){e.exports={dragHandleContainer:"_24s1b"}},846:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(0),r=n.n(a),i=n(36),o=n(151),c=n(150),l=n(847),s=n.n(l);function u(e){var t=Object(o.a)(c.a.XS),n=e.withReordering&&!t;return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,a){return r.a.createElement(i.Row,{key:a,className:"py-2"},r.a.createElement(i.Col,{xs:t?12:4,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!n&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:n?10:12},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:t?12:8},r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(s.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(s.a.partialActions)})))})))}u.defaultProps={numVideos:15}},847:function(e,t,n){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},854:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={userVideoHistory:function(e,t,n,a,r,i){var o="video:history:".concat(e,":").concat(t),c="/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history");return n&&(o+=":".concat(n),c+="?cursor=".concat(n)),{key:o,url:c,success:a,error:r,always:i}},videoHistory:function(e,t,n,a,r,i){var o=n.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(t,":videos:").concat(o.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history?").concat(o.join("&")),formatData:function(e){var t;return(null===(t=e)||void 0===t?void 0:t.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:a,error:r,always:i}}}},858:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var a=n(14),r=n(153),i=n(829),o=n(235),c=n(854);function l(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var u={ratings:!0,favourites:!0,watchHistory:!0};function d(e,t){var n=a.a.useGetResponse(t&&t.key),r=a.a.useGetFetch(t);e&&n.shouldFetch&&r()}function p(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=Object.assign(Object.assign({},u),t),s=n.ratings,p=n.favourites,f=n.watchHistory,m=a.a.useBasicFetch(r.a.currentUser()),v=e&&(Array.isArray(e)?e.map((function(e){return e.id})):e.data.map((function(e){return e.id}))),b=m.data,y=[];s&&(y=[].concat(l(y),[v&&o.a.videoRatings(v)])),p&&(y=[].concat(l(y),[v&&b&&i.a.isFavourited(b.id,v)])),f&&(y=[].concat(l(y),[v&&b&&c.a.videoHistory(b.customerId,b.id,v)])),y.forEach((function(t){return d(!!e,t)}))}},886:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var a=n(0),r=n(7),i=n(52),o=n(50),c=n(13);function l(e){var t=e.backToName,n=e.appLink,l=e.color,s=e.extraClasses,u=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),d="black"===l?"":"text-light";return a.createElement(o.a,{appLink:n,className:"d-inline-flex align-items-center h5 mb-0 ".concat(s," ").concat(d)},a.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),a.createElement("span",{className:"ml-1"},u))}l.defaultProps={color:"black",extraClasses:""}},902:function(e,t,n){"use strict";n.d(t,"a",(function(){return u})),n.d(t,"b",(function(){return d}));var a=n(0),r=n(886),i=n(154),o=n(112),c=n(819),l=n(919),s=n.n(l),u=a.memo((function(e){var t=e.heading,n=e.banner,l=e.imageCdnUrl,u=e.actions,d=e.sortComponent,p=i.a.createBannerUrl(n,{fallbackBaseUrl:l,fallbackCategoryName:t,type:o.b.Banners},{size:o.a.Large,resizeType:o.c.Cover});return a.createElement("div",{className:"banner",style:{backgroundImage:"url('".concat(p,"')")}},e.backButtonAppLink&&a.createElement("div",{className:"pt-3"},a.createElement(r.a,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),a.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},t),!!u&&a.createElement("div",{className:s.a.actionsContainer},a.createElement(c.a,{actions:u,sortComponent:d})))}),(function(e,t){return e.actions===t.actions})),d=function(){return a.createElement("div",{className:"partial-banner partial-loading-background"})}},917:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(0),r=n(2),i=n(34),o=n(18),c=n(821),l=n(846),s=n(981),u=n.n(s);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(a=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);a=!0);}catch(e){r=!0,i=e}finally{try{a||null==c.return||c.return()}finally{if(r)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var f=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function m(e){var t=e.onSortComplete,n=e.onSortStart,s=e.showPartialLoading,p=f(e,["onSortComplete","onSortStart","showPartialLoading"]),m=d(a.useState(),2),v=m[0],b=m[1],y=function(e){i.a.isFunction(n)&&n(e)};return s?a.createElement(l.a,{withReordering:!0}):e.canEdit?a.createElement(c.b,Object.assign({},p,{currentSortingIndex:v,updateBeforeSortStart:function(e){var t=e.index;return b(t)},onSortStart:function(e){var t=e.index;return y(t)},onSortEnd:function(e){b(null),i.a.isFunction(t)?t(e.oldIndex,e.newIndex):r.a.ErrorHelper.throw(new o.a("An onSortComplete callback function must be passed to SortableVideoListComponent"))},lockAxis:"y",lockToContainerEdges:!0,lockOffset:["0%","100%"],helperClass:"bg-white ".concat(u.a.sortableItem),distance:1,useDragHandle:!0})):a.createElement(c.c,Object.assign({},p))}},919:function(e,t,n){e.exports={actionsContainer:"_286KF"}},981:function(e,t,n){e.exports={sortableItem:"_2eiPB"}},986:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(2),r=n(158),i=n(113),o=n(249),c=n(250),l=n(251),s={notFound:i.a,forbidden:{rating:c.a,yearLevel:c.a,region:l.a,privacy:c.a},badRequest:o.a};function u(e,t,n){var i=Object.assign(Object.assign({},s),t);e.statusCode&&e.statusCode!==r.a.Ok&&(e.statusCode!==r.a.NotFound?e.statusCode!==r.a.Forbidden?a.a.ErrorHelper.throw(new i.badRequest):a.a.ErrorHelper.throw(new i.forbidden.privacy):a.a.ErrorHelper.throw(new i.notFound))}}}]);

package/dist/scripts/15.chunk.js

@@ -0,0 +1,356 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[15],{
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx":
+/*!****************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx ***!
+  \****************************************************************************************************************************/
+/*! exports provided: PartialVideoList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./partial-video-list.scss */ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+PartialVideoList.defaultProps = {
+  numVideos: 15
+};
+function PartialVideoList(props) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+  var isMobile = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS;
+  var isIPad = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD;
+  var withDragHandle = props.withReordering && !isMobile;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, Array(props.numVideos).fill(null).map(function (_, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+      key: i,
+      className: 'py-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      xs: isMobile ? 12 : isIPad ? 4 : 3,
+      className: 'flex-column align-items-flex-start mb-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, !!withDragHandle && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: 'd-flex align-items-center justify-content-center col-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDragHandle)
+    })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      xs: withDragHandle ? 10 : 12
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background rounded-lg ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialThumbnail)
+    })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      xs: isMobile ? 12 : isIPad ? 8 : 9
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialSeriesLink)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background mb-1 ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialName)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDescription)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialBadges)
+    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialActions)
+    })));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss ***!
+  \*******************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialName":"cv--partialName--7KNC2","partialDescription":"cv--partialDescription--Vk_wR","partialThumbnail":"cv--partialThumbnail--3peRZ","partialDragHandle":"cv--partialDragHandle--1F7_f"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos/").concat(videoId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+var FavouriteVideoRequests = {
+  favouriteVideos: function favouriteVideos(userId, cursor) {
+    var query = "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
+    return {
+      url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos?query=").concat(query),
+      key: "favourite:videos:".concat(userId).concat(cursor ? ":".concat(cursor) : '')
+    };
+  },
+  updateIsVideoFavourited: function updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    var requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+  isFavourited: function isFavourited(userId, ids) {
+    var sortedIds = ids.slice().sort();
+    var params = sortedIds.map(function (i) {
+      return "id=".concat(i);
+    });
+    if (!params.length) return;
+    return {
+      url: "/api/domain/v2/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
+      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(',')),
+      formatData: function formatData(videos) {
+        var _a;
+
+        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+
+        var setIsFavourited = function setIsFavourited(video) {
+          var _a, _b;
+
+          var favouritedBy = video.favouritedBy,
+              v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+
+
+          return Object.assign(Object.assign({}, v), {
+            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+          });
+        };
+
+        return videos.map(setIsFavourited);
+      }
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts":
+/*!************************************************************************!*\
+  !*** ./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts ***!
+  \************************************************************************/
+/*! exports provided: VideoHistoryRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoHistoryRequests", function() { return VideoHistoryRequests; });
+var VideoHistoryRequests = {
+  userVideoHistory: function userVideoHistory(customerId, userId, cursor, success, error, always) {
+    var key = "video:history:".concat(customerId, ":").concat(userId);
+    var url = "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history");
+
+    if (cursor) {
+      key += ":".concat(cursor);
+      url += "?cursor=".concat(cursor);
+    }
+
+    return {
+      key: key,
+      url: url,
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  videoHistory: function videoHistory(customerId, userId, ids, success, error, always) {
+    var params = ids.sort().map(function (i) {
+      return "videoId=".concat(i);
+    });
+    return {
+      key: "video:history:".concat(customerId, ":").concat(userId, ":videos:").concat(params.join('&')),
+      url: "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history?").concat(params.join('&')),
+      formatData: function formatData(historyCollection) {
+        var _a;
+
+        if (!((_a = historyCollection) === null || _a === void 0 ? void 0 : _a.length)) return historyCollection;
+        /**
+         * Data is formatted to enable it to be merged with the existing video object in the store
+         * Where we need to merge more history properties with the video object, map them below.
+         */
+
+        return historyCollection.map(function (watchHistory) {
+          return {
+            id: watchHistory.videoId,
+            lastProgressPoint: watchHistory.lastProgressPoint
+          };
+        });
+      },
+      success: success,
+      error: error,
+      always: always
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useVideoMixin.ts":
+/*!*******************************************!*\
+  !*** ./src/shared/hooks/useVideoMixin.ts ***!
+  \*******************************************/
+/*! exports provided: useVideoMixin */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useVideoMixin", function() { return useVideoMixin; });
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/watch-history/flight-requests/VideoHistoryRequests */ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+
+
+var defaults = {
+  ratings: true,
+  favourites: true,
+  watchHistory: true
+};
+
+function fetchAttribute(videosFetched, request) {
+  var _a;
+
+  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse((_a = request) === null || _a === void 0 ? void 0 : _a.key);
+  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
+  if (videosFetched && request && attribute.shouldFetch) fetch();
+}
+
+function useVideoMixin(videos) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _a, _b, _c;
+
+  var _Object$assign = Object.assign(Object.assign({}, defaults), options),
+      ratings = _Object$assign.ratings,
+      favourites = _Object$assign.favourites,
+      watchHistory = _Object$assign.watchHistory;
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__["UserRequests"].currentUser());
+  var videoIds = videos && (Array.isArray(videos) ? videos.filter(Boolean).map(function (v) {
+    return v.id;
+  }) : videos.data.filter(Boolean).map(function (v) {
+    return v.id;
+  }));
+  var user = currentUser.data;
+  var requests = [];
+  if (ratings) requests = [].concat(_toConsumableArray(requests), [!!((_a = videoIds) === null || _a === void 0 ? void 0 : _a.length) && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds)]);
+  if (favourites) requests = [].concat(_toConsumableArray(requests), [!!((_b = videoIds) === null || _b === void 0 ? void 0 : _b.length) && user && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(user.id, videoIds)]);
+  if (watchHistory) requests = [].concat(_toConsumableArray(requests), [!!((_c = videoIds) === null || _c === void 0 ? void 0 : _c.length) && user && apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__["VideoHistoryRequests"].videoHistory(user.customerId, user.id, videoIds)]);
+  requests.forEach(function (r) {
+    return fetchAttribute(!!videos, r);
+  });
+}
+
+/***/ }),
+
+/***/ "./src/shared/utils/LiteAppLinkUtils.ts":
+/*!**********************************************!*\
+  !*** ./src/shared/utils/LiteAppLinkUtils.ts ***!
+  \**********************************************/
+/*! exports provided: getVideoActionAppLink */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVideoActionAppLink", function() { return getVideoActionAppLink; });
+/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+
+
+
+function getVideoActionAppLink(video, action) {
+  switch (action) {
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].AddToPlaylist:
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].PLAYLISTS,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Playlists.ADD_TO_PLAYLIST,
+        args: [video.id]
+      };
+
+    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].Share:
+      return {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].DEFAULT,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Default.SHARE,
+        args: [video.id],
+        params: {
+          entityType: 'video'
+        }
+      };
+  }
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=15.chunk.js.map

package/dist/scripts/15.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss?6264","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/watch-history/flight-requests/VideoHistoryRequests.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/utils/LiteAppLinkUtils.ts"],"names":[],"mappings":"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","file":"scripts/15.chunk.js","sourcesContent":["import React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport styles from './partial-video-list.scss';\r\n\r\ninterface PartialVideoListProps {\r\n  withReordering?: boolean;\r\n  numVideos?: number;\r\n}\r\n\r\nPartialVideoList.defaultProps = {\r\n  numVideos: 15\r\n};\r\n\r\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\r\n  const mediaQuery = useGetMediaQueryString();\r\n  const isMobile = mediaQuery === MediaQueryStrings.XS;\r\n  const isIPad = mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.MD;\r\n\r\n  const withDragHandle = props.withReordering && !isMobile;\r\n\r\n  return (\r\n    <>\r\n      {Array(props.numVideos).fill(null).map((_, i) => (\r\n        <Row key={i} className='py-2'>\r\n          <Col xs={isMobile ? 12 : isIPad ? 4 : 3} className='flex-column align-items-flex-start mb-1'>\r\n            <Row>\r\n              {!!withDragHandle && (\r\n                <div className='d-flex align-items-center justify-content-center col-2'>\r\n                  <div className={`partial-loading-background ${styles.partialDragHandle}`} />\r\n                </div>\r\n              )}\r\n              <Col xs={withDragHandle ? 10 : 12}>\r\n                <div className={`partial-loading-background rounded-lg ${styles.partialThumbnail}`} />\r\n              </Col>\r\n            </Row>\r\n          </Col>\r\n          <Col xs={isMobile ? 12 : isIPad ? 8 : 9}>\r\n            <div className={`partial-loading-background ${styles.partialSeriesLink}`} />\r\n            <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\r\n            <div className={`partial-loading-background ${styles.partialDescription}`} />\r\n            <div className={`partial-loading-background ${styles.partialBadges}`} />\r\n            <div className={`partial-loading-background ${styles.partialActions}`} />\r\n          </Col>\r\n        </Row>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialName\":\"cv--partialName--7KNC2\",\"partialDescription\":\"cv--partialDescription--Vk_wR\",\"partialThumbnail\":\"cv--partialThumbnail--3peRZ\",\"partialDragHandle\":\"cv--partialDragHandle--1F7_f\"};","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\r\n\r\nfunction favouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `/api/domain/v2/objects/${userId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    data: { favouriteVideos: videoId },\r\n    type: HttpVerbs.PUT,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nfunction unfavouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `/api/domain/v2/objects/${userId}/favouriteVideos/${videoId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    type: HttpVerbs.DELETE,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nexport const FavouriteVideoRequests = {\r\n  favouriteVideos(userId: string, cursor?: string): Flight.Request {\r\n    const query = `${SharedWithStatements.VIDEO_COLLECTION}${addCursor(cursor)}`;\r\n\r\n    return {\r\n      url: `/api/domain/v2/objects/${userId}/favouriteVideos?query=${query}`,\r\n      key: `favourite:videos:${userId}${cursor ? `:${cursor}` : ''}`\r\n    };\r\n  },\r\n\r\n  updateIsVideoFavourited(\r\n    videoId: string, userId: string, shouldFavourite: boolean, success?: () => void, error?: (Xhr: Xhr) => void\r\n  ): Flight.Request {\r\n    const requestFn = shouldFavourite\r\n      ? favouriteVideo\r\n      : unfavouriteVideo;\r\n\r\n    return requestFn(videoId, userId, success, error);\r\n  },\r\n\r\n  isFavourited(userId: string, ids: string[]): Flight.Request {\r\n    const sortedIds = ids.slice().sort();\r\n\r\n    const params = sortedIds.map(i => `id=${i}`);\r\n\r\n    if (!params.length)\r\n      return;\r\n\r\n    return {\r\n      url: `/api/domain/v2/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,\r\n      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,\r\n      formatData: (videos: HashObject[]) => {\r\n        if (!videos?.length)\r\n          return videos;\r\n\r\n        const setIsFavourited = (video: HashObject) => {\r\n          const { favouritedBy, ...v } = video;\r\n\r\n          // As we filtered by userId, if there are any users, set isFavourited to true.\r\n          return {\r\n            ...v,\r\n            isFavourited: !!favouritedBy?.data?.length\r\n          };\r\n        };\r\n\r\n        return videos.map(setIsFavourited);\r\n      }\r\n    };\r\n  }\r\n};\r\n\r\nfunction addCursor(cursor: string): string {\r\n  return cursor ? `&cursor=${cursor}` : '';\r\n}","import { Flight } from 'libs/common/flight';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\n\r\nexport const VideoHistoryRequests = {\r\n  userVideoHistory(\r\n    customerId: string,\r\n    userId: string,\r\n    cursor?: string,\r\n    success?: (data: HashObject) => void,\r\n    error?: (Xhr: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    let key = `video:history:${customerId}:${userId}`;\r\n    let url = `/api/videoviews/v1/customers/${customerId}/users/${userId}/videos/history`;\r\n\r\n    if (cursor) {\r\n      key += `:${cursor}`;\r\n      url += `?cursor=${cursor}`;\r\n    }\r\n\r\n    return {\r\n      key,\r\n      url,\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  },\r\n\r\n  videoHistory(\r\n    customerId: string,\r\n    userId: string,\r\n    ids: string[],\r\n    success?: (data: HashObject) => void,\r\n    error?: (Xhr: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    const params = ids.sort().map(i => `videoId=${i}`);\r\n\r\n    return {\r\n      key: `video:history:${customerId}:${userId}:videos:${params.join('&')}`,\r\n      url: `/api/videoviews/v1/customers/${customerId}/users/${userId}/videos/history?${params.join('&')}`,\r\n      formatData: (historyCollection: HashObject[]) => {\r\n        if (!historyCollection?.length)\r\n          return historyCollection;\r\n\r\n        /**\r\n         * Data is formatted to enable it to be merged with the existing video object in the store\r\n         * Where we need to merge more history properties with the video object, map them below.\r\n         */\r\n        return historyCollection.map((watchHistory: HashObject) => ({\r\n          id: watchHistory.videoId,\r\n          lastProgressPoint: watchHistory.lastProgressPoint\r\n        }));\r\n      },\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  }\r\n};","import { Flight } from 'libs/common/flight';\r\nimport { VideoCollection, Video, CurrentUser } from 'libs/shared/interfaces';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\nimport { VideoHistoryRequests } from 'apps/watch-history/flight-requests/VideoHistoryRequests';\r\n\r\ninterface VideoMixinOptions {\r\n  ratings?: boolean;\r\n  favourites?: boolean;\r\n  watchHistory?: boolean;\r\n}\r\n\r\nconst defaults: VideoMixinOptions = {\r\n  ratings: true,\r\n  favourites: true,\r\n  watchHistory: true,\r\n};\r\n\r\nfunction fetchAttribute(videosFetched: boolean, request: Flight.Request): void {\r\n  const attribute = Flight.useGetResponse<VideoCollection>(request?.key);\r\n  const fetch = Flight.useGetFetch(request);\r\n\r\n  if (videosFetched && request && attribute.shouldFetch)\r\n    fetch();\r\n}\r\n\r\nexport function useVideoMixin(videos: VideoCollection | Video[], options: VideoMixinOptions = {}): void {\r\n  const { ratings, favourites, watchHistory } = { ...defaults, ...options };\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n\r\n  const videoIds = videos && (Array.isArray(videos)\r\n    ? videos.filter(Boolean).map(v => v.id)\r\n    : videos.data.filter(Boolean).map(v => v.id));\r\n\r\n  const user = currentUser.data;\r\n\r\n  let requests: Flight.Request[] = [];\r\n\r\n  if (ratings)\r\n    requests = [ ...requests, !!videoIds?.length && VideoRequests.videoRatings(videoIds) ];\r\n\r\n  if (favourites)\r\n    requests = [ ...requests, !!videoIds?.length && user && FavouriteVideoRequests.isFavourited(user.id, videoIds) ];\r\n\r\n  if (watchHistory)\r\n    requests = [ ...requests, !!videoIds?.length && user &&\r\n      VideoHistoryRequests.videoHistory( user.customerId, user.id, videoIds) ];\r\n\r\n  requests.forEach(r => fetchAttribute(!!videos, r));\r\n}","import { Core } from 'libs/common/core';\r\nimport { Video } from 'libs/shared/interfaces';\r\nimport { VideoAction } from 'libs/shared/utils/video-actions/VideoActionsHelper';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nexport function getVideoActionAppLink(video: Video, action: VideoAction): Core.AppLink {\r\n  switch (action) {\r\n  case VideoAction.AddToPlaylist:\r\n    return { application: AppChannels.PLAYLISTS, action: Actions.Playlists.ADD_TO_PLAYLIST, args: [video.id]};\r\n  case VideoAction.Share:\r\n    return { application: AppChannels.DEFAULT, action: Actions.Default.SHARE, args: [video.id], params: {\r\n      entityType: 'video'\r\n    }};\r\n  }\r\n}"],"sourceRoot":""}

package/dist/scripts/16-885363ce46.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[16],{1254:function(e,t,a){e.exports={image:"_1AhAp",text:"_384Un"}},1255:function(e,t,a){e.exports={container:"VG65e"}},1310:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),c=a(225),i=a.n(c),l=a(36),s=a(60),o=a(14),u=a(2),d=a(7),m=a(947),p=a(870),b=a(76),f=a(50),v=a(52),g=a(13),h=a(815),E=a(848),x=a(998),S=a(842),j=a(904),y=a(948),C=a(244),N=a(245),k=a(153),w=a(1254),L=a.n(w);function O(e){return r.a.createElement("div",{className:"position-relative"},r.a.createElement("div",{className:"w-100 ".concat(L.a.image),style:{backgroundImage:"url('".concat(e.imageUrl,"')")}}),r.a.createElement("div",{className:"bg-white text-nowrap font-weight-500 py-1 px-3 badge-pill m-0 ".concat(L.a.text)},e.text))}var _=a(10),B=a(6),P=a(890),A=a(1255),U=a.n(A);function F(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,c=void 0;try{for(var i,l=e[Symbol.iterator]();!(n=(i=l.next()).done)&&(a.push(i.value),!t||a.length!==t);n=!0);}catch(e){r=!0,c=e}finally{try{n||null==l.return||l.return()}finally{if(r)throw c}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return H(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return H(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"PreferencesSummaryView",(function(){return D}));var X="subjects.preferencesSummary";function D(e){var t,a,r=F(n.useState(!1),2),c=r[0],w=r[1],L=o.a.useBasicFetch(p.a.myLevelPreferences()),A=o.a.useBasicFetch(p.a.mySubjectPreferences()),H=o.a.useBasicFetch(k.a.currentUser()),D=o.a.useBasicFetch(H.statusCode?m.a.setting(H.data.id,C.a.HasCompletedOnboarding):null),I=o.a.useBasicFetch(H.statusCode?m.a.setting(H.data.id,C.a.BulkOnboardingPreferencesState):null),M=Object(s.useDispatch)(),R=Object(h.a)();var G=P.a.getBulkPreferencesState(null===(t=I.data)||void 0===t?void 0:t.value);return n.createElement(b.a.Provider,{value:X},n.createElement("div",{className:"p-3 pb-5 mx-auto ".concat(U.a.container)},n.createElement("div",{className:"position-relative"},n.createElement("div",{className:"text-center"},n.createElement("h1",{className:"mb-3"},n.createElement(b.b,{phrase:"heading"})),n.createElement("p",{className:"w-25 mx-auto h6 mb-3"},n.createElement(b.b,{phrase:"info"}))),n.createElement("div",{className:"pb-4 w-75 mx-auto"},n.createElement("div",{className:"pb-1 d-flex align-items-center"},n.createElement("h2",{className:"h3 mb-1 pr-1"},n.createElement(b.b,{phrase:"levels"})),n.createElement(f.a,{appLink:{application:B.a.SUBJECT,action:_.a.Subjects.PREFERENCES,params:{step:"levels"}}},n.createElement(v.a,{svgName:g.b.Edit}))),L.data?G.levels?n.createElement(O,{imageUrl:"/images/onboarding/all-year-levels.png",text:d.a.getPhrase(X,"allLevels")}):L.data.length?n.createElement("ul",{className:"m-0 p-0"},L.data.map((function(e){return n.createElement(j.a,{key:e.masterId,audience:e,extraClasses:"h4 py-1 px-3 mx-1 cursor-default",highlight:!0})}))):n.createElement("p",{className:"h6"},n.createElement(b.b,{phrase:"noLevelPreferences"})):n.createElement(y.a,{count:2})),n.createElement("div",{className:"w-75 mx-auto"},n.createElement("div",{className:"pb-1 d-flex align-items-center"},n.createElement("h2",{className:"h3 mb-1 pr-1"},n.createElement(b.b,{phrase:"subjects"})),n.createElement(f.a,{appLink:{application:B.a.SUBJECT,action:_.a.Subjects.PREFERENCES,params:{step:"subjects"}}},n.createElement(v.a,{svgName:g.b.Edit}))),A.data?G.subjects?n.createElement(O,{imageUrl:"/images/onboarding/all-subjects.png",text:d.a.getPhrase(X,"allSubjects")}):A.data.length?n.createElement("ul",{className:"m-0 p-0 d-flex flex-wrap"},A.data.map((function(e){return n.createElement(E.a,{key:e.id,subject:e,extraClasses:"m-1 cursor-default",selected:!0,hideStatus:!0})}))):n.createElement("p",{className:"h6"},n.createElement(b.b,{phrase:"noSubjectPreferences"})):n.createElement(x.a,{style:"list",count:5}))),n.createElement(S.a,{justify:"center"},n.createElement(l.Button,{variant:"dark",onClick:function(){var t,a;c||(w(!0),(null===(t=D.data)||void 0===t?void 0:t.value)?window.setTimeout((function(){w(!1),e.redirectUrl?u.a.LocationUtils.PageLoad(e.redirectUrl):u.a.AppLinkHelper.trigger({application:B.a.DASHBOARD,action:_.a.Dashboard.HOME})}),250):o.a.fetch(M,m.a.updateSetting(null===(a=H.data)||void 0===a?void 0:a.id,C.a.HasCompletedOnboarding,!0,N.a.Permanent,(function(){var t;i.a.set("_onboardingComplete",null===(t=H.data)||void 0===t?void 0:t.id,{expires:30}),u.a.LocationUtils.PageLoad(e.redirectUrl||"/")}),(function(){R.error(d.a.getPhrase(X,"onboardingOptionError")),w(!1)}))))},disabled:c,className:"px-4"},c?n.createElement(l.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):n.createElement(b.b,{phrase:(null===(a=D.data)||void 0===a?void 0:a.value)?"save":"getStarted"})))))}},815:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(152),r=a(46),c=a(55),i=function(){var e=Object(n.a)(c.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},828:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(150),r=a(151);function c(){var e=Object(r.a)(n.a.XS),t=Object(r.a)(n.a.SM),a=Object(r.a)(n.a.MD),c=Object(r.a)(n.a.LG),i=Object(r.a)(n.a.XL),l=Object(r.a)(n.a.XXL),s=n.a.LG;return e&&(s=n.a.XS),t&&(s=n.a.SM),a&&(s=n.a.MD),c&&(s=n.a.LG),i&&(s=n.a.XL),l&&(s=n.a.XXL),s}},832:function(e,t,a){"use strict";var n=a(0),r=a.n(n),c=a(52),i=a(13),l=a(844),s=a.n(l),o=function(e){return e.selectedChildrenCount?n.createElement("div",{className:"".concat(s.a.itemStatus," ").concat(s.a.green)},e.selectedChildrenCount):n.createElement(n.Fragment,null)},u=function(e){var t;return t=e.selected?n.createElement(c.a,{svgName:i.b.Check}):e.radioButton?n.createElement(n.Fragment,null," "):n.createElement(c.a,{svgName:i.b.Plus}),n.createElement("div",{className:"".concat(s.a.itemStatus," ").concat(e.selected?s.a.green:s.a.unchecked)},t)};function d(e){var t,a="".concat(s.a.expandCaret," ").concat(e.expand?s.a.up:s.a.down);return r.a.createElement("li",{className:(t=s.a.preferenceItem,e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" "+s.a.disabled),e.isSelected&&!e.isExpandable&&(t+=" "+s.a.selected),e.hideStatus&&(t+=" "+s.a.noBorder),t),onClick:e.onClick,"aria-checked":e.isSelected,"aria-haspopup":e.isExpandable,role:e.isExpandable?"button":"checkbox",style:{backgroundImage:"url(".concat(e.imageUrl,")")},tabIndex:0},r.a.createElement("div",{className:"".concat(s.a.textBox," p-2")},r.a.createElement("p",{className:"m-0 text-truncate"},e.name,r.a.createElement("span",{className:e.isExpandable?a:""})),!e.hideStatus&&r.a.createElement(r.a.Fragment,null,e.isExpandable?r.a.createElement(o,{selectedChildrenCount:e.selectedChildCount}):r.a.createElement(u,{selected:e.isSelected,radioButton:e.radioButton}))))}a.d(t,"a",(function(){return d}))},842:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(150),c=a(828),i=a(874),l=a.n(i);function s(e){var t=Object(c.a)(),a=t===r.a.SM||t===r.a.XS?"w-100":"w-75",i="justify-content-".concat(e.justify);return n.createElement("div",{className:"".concat(a," ").concat(i," ").concat(l.a.preferenceFooter," d-flex px-3")},e.children)}s.defaultProps={justify:"between"}},843:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0),r=Object(n.createContext)(void 0)},844:function(e,t,a){e.exports={preferenceItem:"_1LDb6",expandCaret:"_3QEWB",down:"_2y-iF",up:"_1kGNY",disabled:"_2w4FH",selected:"_1lSYv",noBorder:"_3Mxuo",textBox:"_3HCeK",itemStatus:"_2msq4",unchecked:"_2VQLv",green:"AHd64"}},848:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(154),c=a(112),i=a(843),l=a(832),s=a(155);function o(e){var t,a,o,u,d=n.useContext(i.a),m=e.subject.cover?r.a.createUrl(e.subject.cover.url,{size:c.a.Small}):"",p=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],b=e.hasSelectedBulk?0:null===(a=null===(t=d)||void 0===t?void 0:t.selectedSubjects)||void 0===a?void 0:a.filter((function(e){return p.includes(e)})).length,f=n.createElement(l.a,{name:e.subject.name,imageUrl:m,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(u=null===(o=d)||void 0===o?void 0:o.expandedSubject)||void 0===u?void 0:u.id)===e.subject.id,selectedChildCount:b,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?n.createElement("span",null,f):n.createElement(s.a,{title:e.subject.name},f)}},865:function(e,t,a){e.exports={grid:"G_RXX",subgrid:"_38ohZ"}},874:function(e,t,a){e.exports={preferenceFooter:"P29kw"}},904:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(923),c=a.n(r),i=a(34);function l(e){var t=e.audience,a=e.highlight,r=e.setAudience,l=e.isDisabled,s=e.extraClasses,o=function(e,t){return e?t?"".concat(c.a.disabledHighlighted," text-light"):"badge-info text-light":t?"".concat(c.a.disabled," text-muted"):"badge-light"}(a,l),u="badge-pill d-inline-block mr-1 ".concat(l?"cursor-default":"cursor-pointer"," ").concat(o," ").concat(s);return n.createElement("span",{className:u,onClick:function(){!l&&i.a.isFunction(r)&&r(t,!a)},role:"checkbox","aria-checked":a},t.name.split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.substring(1)})).join(" "))}l.defaultProps={extraClasses:""}},923:function(e,t,a){e.exports={disabled:"_1KxF9",disabledHighlighted:"pbuec"}},948:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){var t=e.width,a=void 0===t?90:t,r=e.height,c=void 0===r?35:r,i=e.count,l=void 0===i?5:i,s=e.align,o="center"===(void 0===s?"left":s)?"justify-content-center":"justify-content-start";return n.createElement("ul",{className:"d-flex flex-wrap pl-0 m-0 ".concat(o)},Array(l).fill(null).map((function(e,t){return n.createElement("li",{key:t,className:"partial-loading-background mx-1 mb-1 badge-pill list-unstyled",style:{height:"".concat(c,"px"),width:"".concat(a,"px")}})})))}},998:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(865),c=a.n(r),i=a(999),l=a.n(i);function s(e){var t="grid"===e.style?c.a.grid:l.a.partialSubjectList;return n.createElement("ul",{className:t},Array(e.count).fill(null).map((function(e,t){return n.createElement("li",{key:t,className:"".concat(l.a.partialSubject," partial-loading-background")})})))}},999:function(e,t,a){e.exports={partialSubject:"_1rrH2",partialSubjectList:"_15Qdz"}}}]);