@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.0

package/dist/scripts/10.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/10.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\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   * 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   * 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\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};\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  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  return (\r\n    <form onSubmit={onSubmit}>\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          onClickSearchIcon: !!props.submitOnClickSearchIcon && onSubmit,\r\n          searchIconPlacement: props.searchIconPlacement\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    </form>\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\nconst getSvgContainerClassName = (onClickSearch: () => void) => {\r\n  const className = 'd-inline-block svg-container';\r\n\r\n  if (!FunctionHelper.isFunction(onClickSearch))\r\n    return className;\r\n\r\n  return className + ' cursor-pointer';\r\n};\r\n\r\ninterface SearchInputProps {\r\n  onClickSearchIcon?: () => void;\r\n  searchIconPlacement?: 'left' | 'right' | false;\r\n}\r\n\r\nexport function SearchInput<T extends {}>(props: SearchInputProps & Autosuggest.InputProps<T>): JSX.Element {\r\n  const { onClickSearchIcon, searchIconPlacement, className, ...inputProps } = props;\r\n\r\n  let inputClassName = `form-control ${styles.input}`;\r\n\r\n  let iconContainerClassName = 'input-group-text bg-white';\r\n\r\n\r\n  if (searchIconPlacement === 'right') {\r\n    inputClassName += ' border-right-0';\r\n    iconContainerClassName += ' pl-0';\r\n  }\r\n\r\n  if (searchIconPlacement === 'left') {\r\n    inputClassName += ' border-left-0';\r\n    iconContainerClassName += ' pr-0';\r\n  }\r\n\r\n  if (className)\r\n    inputClassName += ` ${className}`;\r\n\r\n\r\n  const SearchIcon = () => (\r\n    <div className={iconContainerClassName}>\r\n      <SvgContainer\r\n        svgName={cvSvgLibrary.Search}\r\n        size={SvgContainerSize.Small}\r\n        onClick={onClickSearchIcon}\r\n        className={getSvgContainerClassName(onClickSearchIcon)}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className='input-group'>\r\n      {searchIconPlacement === 'left' &&\r\n        <div className='input-group-prepend'>\r\n          <SearchIcon />\r\n        </div>\r\n      }\r\n      <input className={inputClassName} {...inputProps as React.HTMLProps<HTMLInputElement>} />\r\n      {searchIconPlacement === 'right' &&\r\n        <div className='input-group-append'>\r\n          <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 = {\"input\":\"cv--input--3MysI\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--ahMdW\",\"sectionContainer\":\"cv--sectionContainer--xstWL\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--3YTCa\"};"],"sourceRoot":""}

package/dist/scripts/11-a698af3f1c.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[11],{416:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return p}));var n,r,s=a(0),i=a(78),o=a(33),l=a(10),c=a(9),u=a(458),d=a.n(u);function p(e){const{type:t,mediaType:a,extraClasses:u}=e,p=(Object(i.a)(c.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?d.a.videoFallback:e===n.Playlist?d.a.playlistFallback:e===n.Series||e===n.TallSubject?d.a.posterFallback:e===n.Subject?d.a.subjectFallback:""}(t)),m=function(e,t){return e===n.Video?l.b.Play:e===n.Playlist?l.b.Playlist:e===n.Series?l.b.Series:e===n.Subject||e===n.TallSubject?l.b.Subject:""}(t);let y=""+function(e,t){return t===n.Subject?d.a.subjectFallbackContainer:e===r.Svg?d.a.svgFallbackContainer:d.a.baseFallbackContainer}(a,t);return u&&(y+=" "+e.extraClasses),s.createElement("div",{className:y},a===r.Svg?s.createElement(o.a,{svgName:m,className:p,tagName:"div"}):s.createElement("div",{className:d.a.fallbackThumbnailImage,style:{backgroundImage:`url('${m}')`}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),p.defaultProps={mediaType:r.Svg}},424:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(67),r=a(36);const s={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const r=n.a.moveItem(e,t,a),s=a<e.length-1?r[a+1].id:null;return{reorderedItems:r,reorderRequest:{sourceMemberId:r[a].id,destinationMemberId:s}}},updateState(e,t,a){const s=[],i=r.a.deepClone(a),o=[e];let l=a[e];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){s.push(...l.data);const t=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,n=!!t&&`${e}:${t}`;l=t&&a[n],l&&o.push(n)}if(!s.length)return a;const u=n.a.findIndex(s,e=>e.id===t.sourceMemberId),d=[...s],p=d.splice(u,1),m=t.destinationMemberId?n.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(m,0,p[0]),o.forEach(e=>{const t=d.splice(0,c);i[e].data=t}),i}}},426:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},427:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(7),s=a(33),i=a(34),o=a(10);function l({backToName:e,appLink:t,color:a}){const l=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),c="black"===a?"":"text-light";return n.createElement(i.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 "+c},n.createElement(s.a,{svgName:o.b.ChevronLeft,size:s.b.Medium}),n.createElement("span",{className:"ml-1"},l))}l.defaultProps={color:"black"}},428:function(e,t,a){"use strict";var n,r=a(16),s=a(27),i=a(424),o=a(121);a(45);o.a;class l extends o.a{constructor(e,t=""){super({collectionPrefix:"playlist:videos",id:e,cursor:t})}}!function(e){e[e.Queued=1]="Queued",e[e.Processing=2]="Processing",e[e.Processed=3]="Processed",e[e.Errored=4]="Errored"}(n||(n={}));const c={updatePlaylist:(e,t)=>a=>{const n=Object.assign({},a);return n.hasOwnProperty(e)&&(n[e]=Object.assign(Object.assign({},n[e]),t)),n},deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const n=Object.assign({},a);return n.hasOwnProperty(e)?(n[e].videos||(n[e].videos={}),n[e].videos.count=n[e].videos.count?n[e].videos.count+t:t,n):a}};var u=a(128);a.d(t,"a",(function(){return y}));const d=e=>e?"&cursor="+e:"",p=e=>Number.isInteger(e)?"&maxRatingValue="+e:"",m=(e,t)=>`${e}${t?":"+t:""}`,y={getPlaylist:(e,t,a)=>({url:`/api/domain/v2/objects/${e}?query=${s.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,n)=>({url:`${"/api/domain/v2/share/"+e}?query=${s.a.PLAYLIST}${p(t)}`,key:"shared:playlist:"+e,success:a,error:n}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${s.a.PLAYLIST_COLLECTION}${d(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,a){let n="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(n+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${n}}${s.a.VIDEO_COLLECTION}${d(a)}`,key:m(`playlist:${e}:videos`,a)}},getSharedPlaylistVideos:(e,t,a)=>({url:`/api/domain/v2/share/${e}/videos?query={orderBy:orderindex,limit:100}${s.a.VIDEO_COLLECTION}${d(a)}${p(t)}`,key:m(`shared:playlist:${e}:videos`,a)}),getVideoPlaylists:(e,t,a)=>({url:`/api/domain/v2/objects/${e}/playlists?query={limit:100,owner.id:[${t}]}`,key:m("video:playlists:"+e,a)}),getIsFollowingPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${e}/followers?query={id:${t}}`,key:`playlist:${e}:following:${t}`,formatData:t=>{var a,n;return{objectId:e,isFollowing:!!(null===(n=null===(a=t)||void 0===a?void 0:a.data)||void 0===n?void 0:n.length)}},normalize:!1}),createPlaylist:(e,t,a,n)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:r.a.POST,success:a,error:n,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,n)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:r.a.PUT,success:a,error:n,updateState:{keys:"playlist:"+e,updateData:c.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:r.a.DELETE,success:t,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:c.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,n){const s=["user:playlists",new l(e).toString()];return t.forEach(e=>{s.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:r.a.POST,success:a,error:n,invalidationKeys:s,updateState:{keys:"playlist:"+e,updateData:c.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,n)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:r.a.PUT,success:a,error:n,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>i.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,n)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:r.a.DELETE,success:a,error:n,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:r.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:r.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:n.Processed},success:e,error:t})}},429:function(e,t,a){"use strict";var n=a(0),r=a(36),s=a(406),i=a(456),o=a.n(i),l=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};const c=n.memo((function(e){var{forceLoad:t}=e,a=l(e,["forceLoad"]);const[r,i]=s.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver)return n.createElement("img",Object.assign({alt:""},a));const{src:c}=a,u=l(a,["src"]),d=Object.assign(Object.assign({alt:""},u),i||t?{src:c}:{});return t||(d.ref=r),n.createElement("img",Object.assign({className:o.a.image},d))}));var u,d=a(34),p=a(426),m=a(457),y=a.n(m);function f(e){let t="thumbnail "+y.a.thumbnail,a="";return e.aspectRatio===u.SixteenByNine&&(a=y.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(a=y.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(a=y.a.oneByOne),e.aspectRatio===u.TwoByThree&&(a=y.a.twoByThree),a&&(t+=" "+a),e.className&&(t+=" "+e.className),t}function g(e){const{data:t,size:a,appLink:s,preload:i}=e;let o="";"string"==typeof t?o=t:r.a.isObject(t)&&(o=t.url);const l=o&&function(e,t=p.a.Small){return`${e}?size=${t}`}(o,a);return n.createElement("div",{className:f(e)},n.createElement(d.a,{appLink:s},e.children,l&&n.createElement(c,{src:l,forceLoad:i})))}a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return g})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},430:function(e,t,a){"use strict";var n=a(0),r=a(28),s=a(131),i=a(33),o=a(34),l=a(10),c=a(435),u=a.n(c);function d(e){let t="dropdown-item";return e&&(t+=" "+e),t}function p(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);const t="actions-dropdown-"+s.a.getRandomInt();let a="px-0 "+u.a.dropdownToggle;return e.dropdownToggleClassName&&(a+=" "+e.dropdownToggleClassName),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(i.a,{svgName:l.b.More,size:i.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((e,t)=>n.createElement(o.a,{key:t,appLink:e.appLink,className:d(e.className)},e.label))))}p.defaultProps={dropdownToggleClassName:"btn btn-light"};var m=a(119),y=a(83);function f(e){const{onClick:t,appLink:a,svgName:r,tooltip:s}=e.actionOptions;let i="ml-2";return e.actionOptions.className&&(i+=" "+e.actionOptions.className),s?n.createElement(y.a,{title:s},n.createElement(m.a,{appLink:a,svgName:r,onClick:t,className:i},e.children)):r?n.createElement(m.a,{onClick:t,appLink:a,svgName:r,className:i},e.children):a?n.createElement(o.a,{onClick:t,appLink:a,className:i},e.children):n.createElement("button",{onClick:t,className:i},e.children)}function g(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:u.a.buttonList},t.map((e,t)=>n.createElement(f,{key:t,actionOptions:e},e.label))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(p,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return g}))},432:function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return d}));var n=a(0),r=a(427),s=a(122),i=a(80),o=a(430),l=a(433),c=a.n(l);const u=n.memo((function(e){const{heading:t,banner:a,imageCdnUrl:l,actions:u,sortComponent:d}=e,p=s.a.createBannerUrl(a,{fallbackBaseUrl:l,fallbackCategoryName:t,type:i.b.Banners},{size:i.a.Large,resizeType:i.c.Cover});return n.createElement("div",{className:"banner",style:{backgroundImage:`url('${p}')`}},e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(r.a,{appLink:e.backButtonAppLink,backToName:e.backButtonText,color:"white"})),n.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},t),!!u&&n.createElement("div",{className:c.a.actionsContainer},n.createElement(o.a,{actions:u,sortComponent:d})))}),(e,t)=>e.actions===t.actions),d=()=>n.createElement("div",{className:"partial-banner partial-loading-background"})},433:function(e,t,a){e.exports={actionsContainer:"_286KF"}},435:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},436:function(e,t,a){"use strict";var n=a(0),r=a(26);a(7),a(2);const s=n.createContext({});function i(e,t=[]){const{setPageTitle:a}=n.useContext(s);n.useEffect(()=>{e&&r.a.isFunction(a)&&a(e)},[e,...t])}a.d(t,"a",(function(){return i}))},439:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(67);const r=/([0-9]+)/gi,s=/(^\w+)/gi;const i={getSortedPresentationAudiences(e,t){const a=e.map(e=>e.id.toString());return t.filter(e=>a.includes(e.masterId.toString()))},getMergedPresentationAudienceString(e){if(1===e.length)return e[0];const t=e.map(e=>e.name).join(","),a=t.match(r),n=t.match(s);if(!a||!n)return e[0];const i=function(e){let t,a,n=!1;const r=[];let s,i;for(e=e.sort((e,t)=>e-t),s=0;s<e.length;s++)i=s+1,n||(t=e[s]),a=e[i],e[s]+1===a?n=!0:n?(r.push(`${t} - ${e[s]}`),n=!1):(r.push(""+e[s]),n=!1);return r}(a.map(e=>+e)||[]);return{name:`${n[0]} ${i.join(" , ")}`}},sortMembersWithDuplicateNamesByAudience(e){const t=e=>{let t,a;return e.forEach(e=>{const s=+n.a.first(e.name.match(r));if(!t)return t=e,void(a=s);s>a&&(t=e)}),t},a={};let s=[];return e.forEach(e=>{if(!a[e.name])return a[e.name]=1,void s.push(e);s.push(e),a[e.name]++;const n=s.splice(s.length-a[e.name]).sort((e,a)=>{const n=t(e.subjectPresentationAudiences.data),r=t(a.subjectPresentationAudiences.data);return n.name.localeCompare(r.name)});s=s.concat(n)}),s}}},440:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);a(463);function r(e){return e.audience?n.createElement("div",{className:"border rounded-pill d-inline-block px-2 mt-1 "+("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}},453:function(e,t,a){e.exports={basePlaylistItem:"_2nvrp",playlistItem:"_6o0Z2",playlistMetadata:"_3MCKL",partialHeading:"_13tO6"}},456:function(e,t,a){e.exports={image:"_1YW-E"}},457:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},458:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},462:function(e,t,a){"use strict";a.d(t,"a",(function(){return y}));var n=a(0),r=a(122),s=a(439),i=a(80),o=a(48),l=a(34),c=a(429),u=a(416),d=a(440),p=a(453),m=a.n(p);function y(e){const t=r.a.createUrl(e.data.cover&&e.data.cover.url,{size:i.a.Medium,resizeType:i.c.Cover}),a=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,p=s.a.getSortedPresentationAudiences(a,e.presentationAudiences),y=s.a.getMergedPresentationAudienceString(p),f=!!e.showCount&&!!e.data.videos&&e.data.videos.count;return n.createElement(l.a,{appLink:e.appLink},n.createElement(c.b,{data:t,className:m.a.playlistItem},n.createElement(u.a,{type:u.b.Playlist}),n.createElement("div",{className:"text-white "+m.a.playlistMetadata},Number.isInteger(f)&&n.createElement(o.b,{namespace:"shared.playlistItem",phrase:"videos",options:{smartCount:f}}),n.createElement("h5",{className:"text-shadow mb-0"},e.data.name),!!a&&!!a.length&&n.createElement(d.a,{audience:y,border:"white"}))))}},463:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},465:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));const n=()=>"/api/domain/v1/subjects/audiences",r={presentationAudiences:()=>({bootstrapName:"presentationAudiences",url:n(),key:"presentation:audiences",normalize:!1})}},477:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var n=a(0),r=a(39),s=a(12),i=a(26);const o=e=>e&&e.data&&e.data.pagination&&e.data.pagination.cursors&&e.data.pagination.cursors.next;function l(e){return Object(r.useSelector)(Object(n.useMemo)(()=>t=>{const a=e;let n=i.a.isFunction(e)&&s.a.getResponse(t,a()),r=n&&n.isFetching;const l=n&&n.shouldFetch;let c=n&&n.data&&n.data.data,u=o(n);for(;u&&(n=s.a.getResponse(t,a(u)),r=n.isFetching,!n.shouldFetch);){let e=n.data&&n.data.data;e&&c.push(...e),u=o(n)}return{shouldInitialFetch:l,items:c,nextCursor:u,isFetching:r}},[e]))}},478:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(28),s=a(453),i=a.n(s);function o(e){const t=[...Array(e.numItems)],a=e.itemClassName||"";return n.createElement(n.Fragment,null,e.showHeading&&n.createElement("div",{className:i.a.partialHeading+" partial-loading-background"}),n.createElement(r.Row,null,t.map((e,t)=>n.createElement(r.Col,{key:t,xs:6,sm:4,md:3,lg:2,className:a},n.createElement("div",{className:"py-2"},n.createElement("div",{className:i.a.basePlaylistItem+" partial-loading-background"}))))))}o.defaultProps={numItems:8}},505:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a(28),s=a(462);function i(e){return n.createElement(r.Row,null,e.playlists.map(t=>n.createElement(r.Col,{key:t.id,xs:6,sm:4,lg:3,className:"mb-3 "+(e.itemClassName?e.itemClassName:"")},n.createElement(s.a,{key:t.id,data:t,appLink:e.getPlaylistAppLink(t),presentationAudiences:e.presentationAudiences,showCount:e.showCount}))))}},527:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(26);function s(e,t,a){const s=()=>{if(a)return;window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||e()};Object(n.useEffect)(()=>{const e=r.a.throttle(s,200);return t&&window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[t])}},528:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){const{imageUrl:t,heading:a,description:r}=e;return n.createElement("div",{className:"empty-state-container"},n.createElement("div",{className:"content-container"},t&&n.createElement("img",{src:t}),n.createElement("h1",null,a),r&&n.createElement("p",{dangerouslySetInnerHTML:{__html:r}})))}},529:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(28),s=a(33),i=a(10),o=a(530),l=a.n(o);function c(e){return n.createElement("div",{className:"p-3 text-center "+l.a.container},e.isFetching?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",className:l.a.spinner}):n.createElement(s.a,{svgName:i.b.ChevronDown,className:"svg-container cursor-pointer",size:s.b.Large,onClick:e.onClick}))}},530:function(e,t,a){e.exports={container:"_1_KC6",spinner:"VXlcl"}},531:function(e,t,a){"use strict";a.d(t,"a",(function(){return d}));var n=a(121),r=a(45);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){return(o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function l(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var a,n=u(e);if(t){var r=u(this).constructor;a=Reflect.construct(n,arguments,r)}else a=n.apply(this,arguments);return c(this,a)}}function c(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}(a,e);var t=l(a);function a(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return i(this,a),t.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})}return a}(n.a)},659:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a(39),s=a(67),i=a(7),o=a(12),l=a(428),c=a(465),u=a(126),d=a(120),p=a(527),m=a(436),y=a(477),f=a(505),g=a(478),b=a(78),v=a(528),h=a(9);const E=i.a.encloseNamespace("playlists.emptyState");function k(){const e=Object(b.a)(h.b.ImageUrl).getImageUrls();return n.createElement(v.a,{imageUrl:e.EmptyStates.VIDEOS,heading:E("noPlaylistsHeading"),description:E("noPlaylistsInfo")})}var N=a(529),w=a(2),P=a(10),S=a(432),C=a(11),O=a(28),j=a(26),L=a(45),T=a(34);function x(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var I="playlists.playlistSortSelect",$=j.a.memoize((function(){var e;return x(e={},L.a.RecentlyUpdated,{name:i.a.getPhrase(I,"recentlyUpdated")}),x(e,L.a.AtoZ,{name:i.a.getPhrase(I,"atoz")}),x(e,L.a.Newest,{name:i.a.getPhrase(I,"newest")}),e}));function F(e){var t=e.type,a=e.getSortAppLink,r=$();return n.createElement(O.Dropdown,null,n.createElement(O.Dropdown.Toggle,{variant:"light",id:"sort-select",className:"ml-2"},r[t].name),n.createElement(O.Dropdown.Menu,null,Object.values(L.a).filter((function(e){return e!==t})).map((function(e){return n.createElement(T.a,{key:e,className:"dropdown-item",appLink:a(e)},r[e].name)}))))}function _(e){var t=w.a.AppLinkHelper.getCurrentAppLink(),a=[{label:i.a.getPhrase("playlists.playlistListHeader","newPlaylist"),appLink:{application:t.application,action:C.a.Playlists.NEW_PLAYLIST},svgName:P.b.Plus,className:"btn btn-light",button:!0}];return n.createElement("div",{className:"mb-3"},n.createElement(S.a,{heading:i.a.getPhrase("playlists.playlistListHeader","header"),banner:null,imageCdnUrl:e.imageCdnUrl,actions:a,sortComponent:n.createElement(F,{type:e.sortType,getSortAppLink:e.getSortAppLink})}))}var B=a(531);a.d(t,"PlaylistsView",(function(){return A}));function A(e){var t=Object(r.useDispatch)(),a=o.a.useBasicFetch(u.a.config),b=o.a.useBasicFetch(d.a.currentUser),v=o.a.useBasicFetch(c.a.presentationAudiences()),h=function(t){return l.a.getUserPlaylists(new B.a(e.sort,t))},E=function(e){o.a.getFetch(t,h(e))()},w=Object(y.a)((function(e){return h(e).key}));return Object(m.a)(i.a.getPhrase("playlists.playlists","title")),Object(p.a)((function(){return E(w.nextCursor)}),!!w.nextCursor,w.isFetching),n.useEffect((function(){w.shouldInitialFetch&&E()}),[w.shouldInitialFetch]),s.a.isEmpty(w.items)?n.createElement(k,null):n.createElement("div",{className:"bg-white padding-gutter"},!!a.data&&!!b.data&&n.createElement(_,{user:b.data,imageCdnUrl:a.data.imageCdnUrl,sortType:e.sort,getSortAppLink:e.getSortAppLink}),w.items&&(v.data||v.hasError)?n.createElement(f.a,{playlists:w.items,getPlaylistAppLink:e.getPlaylistAppLink,presentationAudiences:v.data||[],showCount:!0}):n.createElement(g.a,null),!!w.items&&!(!w.nextCursor&&!w.isFetching)&&n.createElement(N.a,{isFetching:w.isFetching,onClick:function(){return E(w.nextCursor)}}))}}}]);