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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/Checkbox.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/EmbedHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/copy-embed-html/CopyEmbedHtml.tsx","webpack://@clickview/lite/./src/shared/components/share/copy-embed-html/copy-embed-html.scss?d4b1","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/sharee-item/ShareeItem.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/InputSelection.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/share/tokenized-typeahead/TokenizedTypeahead.tsx","webpack://@clickview/lite/./src/shared/components/share/tokenized-typeahead/tokenized-typeahead.scss?e9fc","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/components/toggle-switch/ToggleSwitch.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/flight-requests/ShareRequests.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/views/share/ShareView.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/views/share/main-view/MainShareView.tsx","webpack://@clickview/lite/./src/shared/views/share/main-view/main-share.scss?bb9c","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/views/share/settings-view/ShareSettingsView.tsx","webpack://@clickview/lite/./src/shared/views/share/settings-view/share-settings.scss?9755"],"names":[],"mappings":"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","file":"scripts/27.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface DivButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement> {\r\n  onClick: (...args: any) => any;\r\n}\r\n\r\n/**\r\n * This element lets us use `div` elements as buttons without losing the accessibility of\r\n * a regular HTML button element\r\n */\r\nexport function DivButton(props: React.PropsWithChildren<DivButtonProps>): JSX.Element {\r\n  return (\r\n    <div\r\n      role='button'\r\n      tabIndex={0}\r\n      className={`${props.className ? props.className : ''} cursor-pointer`}\r\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && props.onClick(e)}\r\n      onClick={props.onClick}\r\n      style={props.style ? props.style : {}}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\n\r\ninterface CheckboxProps {\r\n  id: string;\r\n  checked: boolean;\r\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  label?: string;\r\n  name?: string;\r\n  className?: string;\r\n}\r\n\r\nCheckbox.defaultProps = {\r\n  checked: false,\r\n  label: '',\r\n  className: ''\r\n};\r\n\r\n/**\r\n * Use this checkbox outside of Formik contexts\r\n */\r\nexport function Checkbox(props: CheckboxProps): JSX.Element {\r\n  return (\r\n    <div className={`custom-control custom-checkbox ${props.className}`}>\r\n      <input\r\n        type='checkbox'\r\n        className='custom-control-input'\r\n        id={props.id}\r\n        name={props.name}\r\n        checked={props.checked}\r\n        onChange={props.onChange}\r\n      />\r\n      <label className='custom-control-label cursor-pointer' htmlFor={props.id}>{props.label}</label>\r\n    </div>\r\n  );\r\n}","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst namespace = 'shared.shared-utils';\r\n\r\nexport interface EmbedResolution {\r\n  width: '100%' | '640' | '1014' | '1280';\r\n  height: '100%' | '360' | '576' | '720';\r\n  label: string;\r\n}\r\n\r\nexport const EmbedHelper = {\r\n  getEmbedResolutions(): EmbedResolution[] {\r\n    return [\r\n      {\r\n        label: LanguageService.getPhrase(namespace, 'responsive'),\r\n        width: '100%',\r\n        height: '100%'\r\n      },\r\n      {\r\n        label: LanguageService.getPhrase(namespace, 'small'),\r\n        width: '640',\r\n        height: '360'\r\n      },\r\n      {\r\n        label: LanguageService.getPhrase(namespace, 'medium'),\r\n        width: '1014',\r\n        height: '576'\r\n      },\r\n      {\r\n        label: LanguageService.getPhrase(namespace, 'large'),\r\n        width: '1280',\r\n        height: '720'\r\n      }\r\n    ];\r\n  }\r\n};","import React from 'react';\r\nimport * as CopyToClipboard from 'react-copy-to-clipboard';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\r\nimport { EmbedResolution, EmbedHelper } from 'libs/shared/utils/EmbedHelper';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\n\r\nimport styles from './copy-embed-html.scss';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { UserAction, ClickDescriptor } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'share.copyEmbedHtml';\r\n\r\ntype CopyEmbedHtmlProps = PropsWithAnalyticsOptions<{\r\n  entityId: string;\r\n  shortCode: string;\r\n}>;\r\n\r\nexport function CopyEmbedHtml(props: CopyEmbedHtmlProps): JSX.Element {\r\n  const videoSizes = EmbedHelper.getEmbedResolutions();\r\n\r\n  const [ copyBtnPhrase, setCopyBtnPhrase ] = React.useState<'copy' | 'copied'>('copy');\r\n  const [ autoplay, setAutoplay ] = React.useState(false);\r\n  const [ videoSize, setVideoSize ] = React.useState<EmbedResolution>(videoSizes.find(s => s.width === '100%'));\r\n\r\n  // TODO: This embed string will likely get generated by the backend once that's done, so this will probably go.\r\n  function getEmbedString(): string {\r\n    const baseUrl = 'https://localhost:5001/share/embed';\r\n\r\n    const dynamicAttributes = videoSize.width === '100%'\r\n      ? 'style=\"position:absolute; top:0; left:0; width:100%; height:100%;\"'\r\n      : `width=\"${videoSize.width}\" height=\"${videoSize.height}\"`;\r\n\r\n    const fixedAttributes = 'frameborder=\"0\" allowfullscreen webkitallowfullscreen mozallowfullscreen';\r\n\r\n    const src = `src=\"${baseUrl}/${props.shortCode}?a=${autoplay}\"`;\r\n\r\n    return `<iframe ${dynamicAttributes} ${fixedAttributes} ${src}></iframe>`;\r\n  }\r\n\r\n  function onCopy(): void {\r\n    setCopyBtnPhrase('copied');\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      id: props.entityId,\r\n      size: videoSize,\r\n      autoplay\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Click,\r\n      descriptor: ClickDescriptor.CopyEmbedHtml\r\n    }));\r\n  }\r\n\r\n  const embedString = getEmbedString();\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <label className='m-0'><Text namespace={namespace} phrase='label' /></label>\r\n      <div className='position-relative mb-2'>\r\n        <textarea\r\n          className='form-control rounded w-100 h-100 bg-white border-dark'\r\n          spellCheck={false}\r\n          value={embedString}\r\n          rows={5}\r\n          readOnly\r\n        />\r\n        <div className={`input-group-append rounded ${styles.copyBtnContainer}`}>\r\n          <CopyToClipboard onCopy={onCopy} text={embedString}>\r\n            <button className={`btn bg-white ${styles.copyBtn}`}>\r\n              <Text phrase={copyBtnPhrase} />\r\n            </button>\r\n          </CopyToClipboard>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='d-flex align-items-center'>\r\n        <div className='mr-1'>\r\n          <Text phrase='videoSize' />\r\n        </div>\r\n        <div className='pr-3'>\r\n          <Dropdown>\r\n            <Dropdown.Toggle id='embed-resolution' variant='outline-dark'>\r\n              {videoSize.label}\r\n            </Dropdown.Toggle>\r\n\r\n            <Dropdown.Menu>\r\n              {videoSizes.map(size => (\r\n                <Dropdown.Item\r\n                  key={`${size.width}x${size.height}`}\r\n                  onClick={() => setVideoSize(size)}\r\n                >\r\n                  {size.label}\r\n                </Dropdown.Item>\r\n              ))}\r\n            </Dropdown.Menu>\r\n          </Dropdown>\r\n        </div>\r\n\r\n        <div className='mr-1'>\r\n          <Text phrase='autoplay' />\r\n        </div>\r\n        <Checkbox id={props.shortCode} checked={autoplay} onChange={() => setAutoplay(!autoplay)} />\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"copyBtnContainer\":\"cv--copyBtnContainer--3SR_7\",\"copyBtn\":\"cv--copyBtn--B_4l9\"};","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { Avatar } from 'shared/components/avatar/Avatar';\r\n\r\ninterface ShareeItemProps {\r\n  entity: BaseObject;\r\n}\r\n\r\nexport function ShareeItem(props: ShareeItemProps): JSX.Element {\r\n  return (\r\n    <div className='d-flex align-items-center'>\r\n      <div className='pr-2'>\r\n        {/* TODO: Add avatar to user and classroom models? */}\r\n        <Avatar imageUrl='' />\r\n      </div>\r\n\r\n      <div>\r\n        <h4 className='font-size-normal font-weight-normal m-0'>{props.entity.name}</h4>\r\n        <p className='text-muted m-0'>Email or classroom count here idk</p>\r\n      </div>\r\n\r\n      <div>\r\n\r\n      </div>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nfunction mapEntityTypeToBackgroundColor(entityType: string): string {\r\n  switch (entityType) {\r\n  case 'user': {\r\n    return styles.selectedUser;\r\n  }\r\n\r\n  case 'classroom': {\r\n    return styles.selectedClassroom;\r\n  }\r\n  }\r\n}\r\n\r\ninterface InputSelectionProps {\r\n  selection: BaseObject;\r\n  onClickRemove: (id: string) => void;\r\n}\r\n\r\nexport function InputSelection(props: InputSelectionProps): JSX.Element {\r\n  const colourClass = mapEntityTypeToBackgroundColor('user');\r\n\r\n  return (\r\n    <div className={`${colourClass} d-flex align-items-center pl-2 pr-1 mr-1 mt-1`}>\r\n      <span className='mr-1'>{props.selection.name}</span>\r\n\r\n      <DivButton className='cursor-pointer' onClick={() => props.onClickRemove(props.selection.id)}>\r\n        <SvgContainer svgName={cvSvgLibrary.Close} />\r\n      </DivButton>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { SearchBar } from 'libs/shared/components/search-bar/SearchBar';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { ShareeItem } from 'shared/components/share/sharee-item/ShareeItem';\r\nimport { InputSelection } from './InputSelection';\r\n\r\nimport styles from './tokenized-typeahead.scss';\r\n\r\nconst namespace = 'shared.tokenizedTypeahead';\r\n\r\ninterface TokenizedTypeaheadProps {\r\n  placeholder: string;\r\n  selections: BaseObject[];\r\n  updateSelections: (suggestion: BaseObject) => void;\r\n  removeSelection: (id: string) => void;\r\n  recentSearchHeading?: string;\r\n  endpoint?: string;\r\n  localSuggestions?: BaseObject[];\r\n}\r\n\r\n/**\r\n * This component extends the functionality of the `SearchBar` component by\r\n * displaying a list of selections as tokens inside the search bar.\r\n * \r\n * Any component using this component is responsible for managing the state of\r\n * these tokens (selections). See `MainShareView` for an example.\r\n */\r\nexport function TokenizedTypeahead(props: TokenizedTypeaheadProps): JSX.Element {\r\n  function onSuggestionSelected(suggestion: any): void {\r\n    props.updateSelections(suggestion);\r\n  }\r\n\r\n  return (\r\n    <div className='form-control h-auto d-flex flex-wrap align-items-center py-1 px-0 position-relative'>\r\n      <SvgContainer className='svg-container mx-1 h-100 align-self-start' svgName={cvSvgLibrary.Search} />\r\n\r\n      <div className={`${styles.selectionContainer} d-flex flex-wrap align-items-center mt-n1`}>\r\n        {props.selections.map(s => (\r\n          <InputSelection\r\n            key={s.id}\r\n            selection={s}\r\n            onClickRemove={(id: string) => props.removeSelection(id)}\r\n          />\r\n        ))}\r\n\r\n        <SearchBar\r\n          onSuggestionSelected={onSuggestionSelected}\r\n          onBackspace={() => props.removeSelection(ArrayHelper.last(props.selections).id)}\r\n          local={props.localSuggestions}\r\n          recentSearchHeading={props.recentSearchHeading || LanguageService.getPhrase(namespace, 'recentSearchHeading')}\r\n          recentSearches={[]}\r\n          placeholder={props.placeholder}\r\n          searchIconPlacement={false}\r\n          activationLength={2}\r\n          clearQueryOnSelect\r\n          getSuggestionComponent={suggestion => <ShareeItem entity={suggestion} />}\r\n          theme={{\r\n            container: styles.container,\r\n            suggestionsContainerOpen: `bg-white py-1 rounded border mt-1 ${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          }}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"cv--container--16rdL\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--2886c\",\"selectionContainer\":\"cv--selectionContainer--12TCg\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--3HZFR\",\"selectedUser\":\"cv--selectedUser--3NTEb\",\"selectedClassroom\":\"cv--selectedClassroom--x8G1B\"};","import React from 'react';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\ninterface ToggleSwitchProps {\r\n  onClick: (...args: any) => any;\r\n  on: boolean;\r\n  disabled?: boolean;\r\n}\r\n\r\nexport function ToggleSwitch(props: ToggleSwitchProps): JSX.Element {\r\n  function onClick(...args: any): void {\r\n    if (props.disabled)\r\n      return;\r\n\r\n    props.onClick(...args);\r\n  }\r\n\r\n  const bootstrapClasses = 'd-inline-block float-right align-top custom-toggle toggle-option';\r\n  const onClass = (props.on && !props.disabled) ? 'on' : '';\r\n  const disabledClass = props.disabled ? 'disabled' : '';\r\n\r\n  return (\r\n    <DivButton\r\n      onClick={onClick}\r\n      className={`${bootstrapClasses} ${onClass} ${disabledClass}`}\r\n    >\r\n      <span className='handle' />\r\n    </DivButton>\r\n  );\r\n}","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { WithStatements } from 'shared/constants/WithStatements';\r\n\r\nexport const ShareRequests = {\r\n  getShareData(id: string): Flight.Request {\r\n    if (!id)\r\n      return;\r\n\r\n    return {\r\n      url: '/api/domain/v1/share',\r\n      key: `share:${id}`,\r\n      type: HttpVerbs.POST,\r\n      data: {\r\n        id,\r\n        privacy: null\r\n      }\r\n    };\r\n  },\r\n\r\n  sharedResource(shortCode: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v2/share/${shortCode}?query=${WithStatements.VIDEO}`,\r\n      key: `shared:resource:${shortCode}`\r\n    };\r\n  }\r\n};","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { PopupViewProps, Video, Share, Playlist, Classification, CurrentUser } from 'libs/shared/interfaces';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\nimport { ShareRequests } from 'shared/flight-requests/ShareRequests';\r\nimport { MainShareView } from 'shared/views/share/main-view/MainShareView';\r\nimport { ShareSettingsView } from 'shared/views/share/settings-view/ShareSettingsView';\r\nimport { EntityType, LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'shared.share';\r\n\r\nexport type SharableEntity = 'video' | 'playlist' | 'subject';\r\n\r\nconst getFetchFunctionByType = (type: SharableEntity) => {\r\n  switch (type) {\r\n  case 'video': {\r\n    return (id: string) => Flight.useBasicFetch<Video>(VideoRequests.video(id));\r\n  }\r\n\r\n  case 'playlist': {\r\n    return (id: string) => Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(id));\r\n  }\r\n\r\n  case 'subject': {\r\n    return (id: string, userId: string) => {\r\n      return Flight.useBasicFetch<Classification>(ClassificationRequests.classification(id, userId));\r\n    };\r\n  }\r\n  }\r\n};\r\n\r\ninterface ShareViewProps extends PopupViewProps {\r\n  entityId: string;\r\n  entityType: SharableEntity;\r\n}\r\n\r\nexport function ShareView(props: ShareViewProps): JSX.Element {\r\n  const [ showSettings, setShowSettings ] = React.useState(false);\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser);\r\n\r\n  const fetchFunction = getFetchFunctionByType(props.entityType);\r\n  const entity = fetchFunction(props.entityId, currentUser.data?.id);\r\n\r\n  const shareData = Flight.useBasicFetch<Share>(ShareRequests.getShareData(entity.data?.id));\r\n\r\n  const popupTitle = !showSettings\r\n    ? LanguageService.getPhrase(namespace, 'mainTitle', { name: entity.data?.name || '' })\r\n    : LanguageService.getPhrase(namespace, 'settingsTitle', { name: entity.data?.name || '' });\r\n\r\n  function getAnalyticsEntityType(): EntityType {\r\n    switch (props.entityType) {\r\n    case 'playlist':\r\n      return EntityType.Playlist;\r\n    case 'subject':\r\n      return EntityType.Classification;\r\n    case 'video':\r\n      return EntityType.Video;\r\n    }\r\n  }\r\n\r\n  const analyticsOptions = {\r\n    entity: getAnalyticsEntityType(),\r\n    location: LocationContext.Popup,\r\n    workflowPhase: WorkflowPhase.Complete\r\n  };\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <Popup\r\n        title={popupTitle}\r\n        closePopup={props.closePopup}\r\n        showLoadingSpinner={!shareData.data}\r\n      >\r\n        {(() => {\r\n          if (!shareData.data)\r\n            return <></>;\r\n\r\n          return !showSettings\r\n            ? <MainShareView\r\n                shareData={shareData.data}\r\n                entity={entity.data}\r\n                entityType={props.entityType}\r\n                onClickShowSettings={() => setShowSettings(true)}\r\n                analyticsOptions={analyticsOptions}\r\n              />\r\n            : <ShareSettingsView\r\n                shareData={shareData.data}\r\n                showMain={() => setShowSettings(false)}\r\n                entityId={props.entityId}\r\n                analyticsOptions={analyticsOptions}\r\n              />;\r\n        })()}\r\n      </Popup>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import React from 'react';\r\nimport * as CopyToClipboard from 'react-copy-to-clipboard';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { BaseObject, Share, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\n\r\nimport { TokenizedTypeahead } from 'shared/components/share/tokenized-typeahead/TokenizedTypeahead';\r\nimport { ShareeItem } from 'shared/components/share/sharee-item/ShareeItem';\r\n\r\nimport { SharableEntity } from '../ShareView';\r\n\r\nimport styles from './main-share.scss';\r\nimport mockUsers from '../mocks/instant-search-users.json';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, WorkflowPhase, UserAction, EntityType } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'shared.share';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype MainShareViewProps = PropsWithAnalyticsOptions<{\r\n  shareData: Share;\r\n  entity: BaseObject;\r\n  entityType: SharableEntity;\r\n  onClickShowSettings: () => void;\r\n}>;\r\n\r\n// This will need to be updated a fair bit probs once we work out how the backend will look\r\nexport function MainShareView(props: MainShareViewProps): JSX.Element {\r\n  const [ showingShareLink, setShowingShareLink ] = React.useState(false);\r\n  const [ showCopiedText, setShowCopiedText ] = React.useState(false);\r\n  const [ searchSuggestions, setSearchSuggestions ] = React.useState<BaseObject[]>([]);\r\n  const [ selections, setSelections ] = React.useState<BaseObject[]>([]);\r\n  const [ entitiesSharedTo, setEntitiesSharedTo ] = React.useState<BaseObject[]>([]);\r\n\r\n  const alerts = useAlerts();\r\n\r\n  React.useEffect(() => {\r\n    // Filter out any suggestions that are currently selected\r\n    const selectedIds = selections.map(s => s.id);\r\n    const filteredSuggestions = mockUsers.filter(user => !selectedIds.includes(user.id));\r\n\r\n    setSearchSuggestions(filteredSuggestions);\r\n  }, [selections]);\r\n\r\n  function onClickShare(): void {\r\n    // TODO: Uncomment and move to success callback when backend is in use\r\n    AnalyticsHelper.logUserAction({\r\n      shareCount: selections.length\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Share\r\n    }));\r\n\r\n    setEntitiesSharedTo([ ...entitiesSharedTo, ...selections ]);\r\n    setSelections([]);\r\n\r\n    alerts.success(LanguageService.getPhrase(namespace, 'success', { name: props.entity.name }));\r\n  }\r\n\r\n  function onClickCreateShareLink(): void {\r\n    setShowingShareLink(true);\r\n\r\n    // The data used here will need to be updated when this is wired up to a backend\r\n    AnalyticsHelper.logUserAction({\r\n      shareLink: props.shareData.shortUrl\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Create,\r\n      entity: EntityType.ShareLink\r\n    }));\r\n  }\r\n\r\n  function onCopy(): void {\r\n    if (showCopiedText)\r\n      return;\r\n\r\n    setShowCopiedText(true);\r\n    setTimeout(() => setShowCopiedText(false), 2000);\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div className='d-flex justify-content-between align-items-center pb-3'>\r\n        <TokenizedTypeahead\r\n          localSuggestions={searchSuggestions}\r\n          selections={selections}\r\n          updateSelections={selection => setSelections([ ...selections, selection ])}\r\n          removeSelection={id => setSelections(selections.filter(s => s.id !== id))}\r\n          placeholder={getPhrase('searchPlaceholder')}\r\n        />\r\n        {props.entityType === 'playlist' &&\r\n          <p className='text-secondary pl-3 mb-0 text-center text-nowrap'><Text phrase='viewOnly' /></p>\r\n        }\r\n      </div>\r\n\r\n      {entitiesSharedTo.length\r\n        ? <div>\r\n            <h3 className='font-size-normal'><Text phrase='sharedTo' /></h3>\r\n            <ul className='list-unstyled'>\r\n              {entitiesSharedTo.map(e => (\r\n                <li className='mb-2'>\r\n                  <ShareeItem key={e.id} entity={e} />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </div>\r\n        : <></>\r\n      }\r\n\r\n      <div className='mx-n3 px-3 pt-3 border-top'>\r\n        {selections.length\r\n          ? <button onClick={onClickShare} className='btn btn-dark float-right'>\r\n              <Text phrase='share' />\r\n            </button>\r\n          : <>\r\n              <div className={showingShareLink ? 'd-flex justify-content-between' : ''}>\r\n                <h3 className='h6 mr-auto'><Text phrase='shareLinkInstead' /></h3>\r\n                {showingShareLink &&\r\n                  <DivButton className='cursor-pointer' onClick={props.onClickShowSettings}>\r\n                    <SvgContainer svgName={cvSvgLibrary.Cog} />\r\n                  </DivButton>\r\n                }\r\n              </div>\r\n\r\n              <div className='d-flex justify-content-between align-items-center'>\r\n                <div className={`d-flex align-items-center ${showingShareLink ? 'w-100' : 'w-75'}`}>\r\n                  {showingShareLink\r\n                    ? <>\r\n                        <input\r\n                          type='text'\r\n                          id='share-link'\r\n                          autoComplete='off'\r\n                          className={`form-control bg-white border-dark ${styles.shareLink}`}\r\n                          spellCheck={false}\r\n                          value={props.shareData.shortUrl}\r\n                          readOnly\r\n                        />\r\n                        <CopyToClipboard text={props.shareData.shortUrl}>\r\n                          <DivButton\r\n                            className={`input-group-append border border-dark text-nowrap px-2 py-1 ${styles.copyBtn}`}\r\n                            onClick={onCopy}\r\n                          >\r\n                            <Text phrase={showCopiedText ? 'copiedLink' : 'copyLink'} />\r\n                          </DivButton>\r\n                        </CopyToClipboard>\r\n                      </>\r\n                    : <>\r\n                        <SvgContainer className='mr-1 svg-container' svgName={cvSvgLibrary.VisibleOn} />\r\n                        <Text phrase='publicLinkInfo' />\r\n                      </>\r\n                  }\r\n                </div>\r\n                {!showingShareLink &&\r\n                  <DivButton className='info-link' onClick={onClickCreateShareLink}>\r\n                    <Text phrase='createLink' />\r\n                  </DivButton>\r\n                }\r\n              </div>\r\n            </>\r\n        }\r\n      </div>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"shareLink\":\"cv--shareLink--cFx7z\",\"copyBtn\":\"cv--copyBtn--mrGX3\"};","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { UserAction, EntityType } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Share, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\n\r\nimport { ToggleSwitch } from 'shared/components/toggle-switch/ToggleSwitch';\r\nimport { CopyEmbedHtml } from 'shared/components/share/copy-embed-html/CopyEmbedHtml';\r\n\r\nimport styles from './share-settings.scss';\r\n\r\nconst namespace = 'shared.share';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype ShareSettingsViewProps = PropsWithAnalyticsOptions<{\r\n  shareData: Share;\r\n  showMain: () => void;\r\n  entityId: string;\r\n}>;\r\n\r\nexport function ShareSettingsView(props: ShareSettingsViewProps): JSX.Element {\r\n  const [ expireLink, setExpireLink ] = React.useState(false);\r\n  const [ passwordProtectLink, setPasswordProtectLink ] = React.useState(false);\r\n  const [ revealPassword, setRevealPassword ] = React.useState(false);\r\n  const [ linkPassword, setLinkPassword ] = React.useState('');\r\n\r\n  function onClickDeleteLink(): void {\r\n    // TODO: delete link\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      shareLink: props.shareData.shortUrl\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Delete,\r\n      entity: EntityType.ShareLink\r\n    }));\r\n\r\n    props.showMain();\r\n  }\r\n\r\n  function onClickSave(): void {\r\n    // TODO: Wire up to backend\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      hasPassword: !!linkPassword,\r\n      willExpire: expireLink\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Edit,\r\n      entity: EntityType.ShareLink\r\n    }));\r\n\r\n    props.showMain();\r\n  }\r\n\r\n  function onChangePassword(e: React.ChangeEvent<HTMLInputElement>): void {\r\n    setLinkPassword(e.currentTarget.value);\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div className='d-flex align-items-center pb-3'>\r\n        <SvgContainer className='mr-1 svg-container' svgName={cvSvgLibrary.VisibleOn} />\r\n        <div className='mr-auto'><Text phrase='publicLinkInfo' /></div>\r\n        <DivButton onClick={onClickDeleteLink} className='info-link'>\r\n          <Text phrase='deleteLink' />\r\n        </DivButton>\r\n      </div>\r\n\r\n      <div className='d-flex justify-content-between align-items-center pb-3'>\r\n        <div>\r\n          <label className='m-0' htmlFor=''><Text phrase='linkExpirationHeading' /></label>\r\n          <p className='m-0'><Text phrase='linkExpirationInfo' /></p>\r\n        </div>\r\n        <ToggleSwitch onClick={() => setExpireLink(!expireLink)} on={expireLink} />\r\n      </div>\r\n\r\n      <div className='pb-3'>\r\n        <div className='d-flex justify-content-between align-items-center'>\r\n          <div>\r\n            <label className='m-0' htmlFor=''><Text phrase='passwordProtectHeading' /></label>\r\n            <p className='m-0'><Text phrase='passwordProtectInfo' /></p>\r\n          </div>\r\n          <ToggleSwitch onClick={() => setPasswordProtectLink(!passwordProtectLink)} on={passwordProtectLink} />\r\n        </div>\r\n\r\n        {passwordProtectLink &&\r\n          <div className='position-relative w-75 mt-2'>\r\n            <input\r\n              className='form-control'\r\n              value={linkPassword}\r\n              onChange={onChangePassword}\r\n              type={revealPassword ? 'text' : 'password'}\r\n              placeholder={getPhrase('passwordPlaceholder')}\r\n            />\r\n            <DivButton className={styles.passwordVisibilityToggle} onClick={() => setRevealPassword(!revealPassword)}>\r\n              <SvgContainer svgName={revealPassword ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff} />\r\n            </DivButton>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div className='pb-3'>\r\n        <CopyEmbedHtml\r\n          entityId={props.entityId}\r\n          shortCode={props.shareData.shortCode}\r\n          analyticsOptions={props.analyticsOptions}\r\n        />\r\n      </div>\r\n\r\n      <PopupButtons buttons={[\r\n        {\r\n          variant: 'outline-dark',\r\n          onClick: props.showMain,\r\n          buttonText: getPhrase('cancel')\r\n        },\r\n        {\r\n          variant: 'dark',\r\n          onClick: onClickSave,\r\n          buttonText: getPhrase('save')\r\n        }\r\n      ]} />\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"passwordVisibilityToggle\":\"cv--passwordVisibilityToggle--4X-7U\"};"],"sourceRoot":""}

package/dist/scripts/28-70414fd373.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[28],{414:function(e,t,a){"use strict";a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return c}));var i=a(0),n=a(411),l=a(26),s=a(36),r=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function o(e){const{castInitialValues:t,castValuesOnSubmit:a,initialValues:o,onSubmit:c,resetOnSubmit:u}=e,d=r(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),p=t&&e.validationSchema?e.validationSchema.cast(function e(t){const a=s.a.deepClone(t);return Object.keys(a).forEach(t=>{a.hasOwnProperty(t)&&(s.a.isObject(a[t])?a[t]=e(a[t]):null===a[t]&&delete a[t])}),a}(o)):o,m={allowInitialSubmit:e.allowInitialSubmit};return i.createElement(n.d,Object.assign({enableReinitialize:!0},d,{initialValues:p,onSubmit:(t,{setSubmitting:i,resetForm:n})=>{const l=a&&e.validationSchema?e.validationSchema.cast(t):t;c(l,()=>{u&&n(),i(!1)})},initialStatus:m}),l.a.isFunction(e.children)?t=>e.children(t):i.Children.count(e.children)?e.children:null)}function c(){return Object(n.f)()}o.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},420:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var i=a(411);const n={getCustomFormControlClassName(e,t,a,n){let l="form-control";return Object(i.e)(t,a)&&Object(i.e)(e,a)&&(l+=" is-invalid"),n&&(l+=" "+n),l}}},422:function(e,t,a){"use strict";var i=a(0),n=a(411),l=a(28),s=a(26),r=a(420);function o(e){const{values:t}=Object(n.f)(),a=t[e.fieldName];return"string"!=typeof a?i.createElement(i.Fragment,null):i.createElement("div",{className:"float-right text-muted"},a.length,"/",e.limit)}var c=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function u(e){const{label:t}=e,a=c(e,["label"]);return i.createElement(l.Form.Group,null,i.createElement("div",{className:"custom-control custom-checkbox"},i.createElement(p,Object.assign({className:"custom-control-input"},a)),i.createElement(l.Form.Label,{className:"custom-control-label",htmlFor:a.id},t)))}a.d(t,"a",(function(){return p})),a.d(t,"b",(function(){return m}));var d=function(e,t){var a={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(a[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(a[i[n]]=e[i[n]])}return a};function p(e){const{children:t}=e,a=d(e,["children"]);return i.createElement(n.b,Object.assign({},a),s.a.isFunction(t)?e=>t(e):i.Children.count(t)?t:null)}function m(e){const{label:t,className:a,showCharacterCounter:s}=e,c=d(e,["label","className","showCharacterCounter"]),{errors:m,touched:y}=Object(n.f)();return"checkbox"===c.type?i.createElement(u,Object.assign({},e)):i.createElement(l.Form.Group,null,!!t&&i.createElement(l.Form.Label,{htmlFor:c.id},t),i.createElement(p,Object.assign({className:r.a.getCustomFormControlClassName(m,y,c.name,a)},c)),!!s&&!!c.maxLength&&i.createElement(o,{fieldName:c.name,limit:c.maxLength}),i.createElement(n.a,{name:c.name},e=>i.createElement(l.Form.Control.Feedback,{type:"invalid"},e)))}},423:function(e,t,a){"use strict";var i=a(0),n=a(411);var l=a(127),s=a(48);a.d(t,"a",(function(){return r}));function r(e){const t=Object(n.f)(),a=function(e){var t;const[a,n]=i.useState(!1);return i.useEffect(()=>{var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?n(!0):n(!1)},[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),i.useEffect(()=>{e.isSubmitting&&n(!1)},[e.isSubmitting]),a}(t);i.useEffect(()=>{function e(e){13===e.keyCode&&a&&t.validateForm().then(e=>{Object.keys(e).length||t.submitForm()})}return window.addEventListener("keypress",e),()=>window.removeEventListener("keypress",e)},[a]);let r="save";return e.isNew&&(r="create"),e.hasNext&&(r="next"),i.createElement(l.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!a},i.createElement(s.b,{namespace:"shared.formButtons",phrase:r}))}},424:function(e,t,a){"use strict";a.d(t,"a",(function(){return l}));var i=a(67),n=a(36);const l={reorder(e,t,a){if(t===a)return{reorderedItems:e,reorderRequest:null};const n=i.a.moveItem(e,t,a),l=a<e.length-1?n[a+1].id:null;return{reorderedItems:n,reorderRequest:{sourceMemberId:n[a].id,destinationMemberId:l}}},updateState(e,t,a){const l=[],s=n.a.deepClone(a),r=[e];let o=a[e];const c=!!o&&!!o.data&&o.data.length;for(;o&&Array.isArray(o.data);){l.push(...o.data);const t=o.pagination&&o.pagination.cursors&&o.pagination.cursors.next,i=!!t&&`${e}:${t}`;o=t&&a[i],o&&r.push(i)}if(!l.length)return a;const u=i.a.findIndex(l,e=>e.id===t.sourceMemberId),d=[...l],p=d.splice(u,1),m=t.destinationMemberId?i.a.findIndex(d,e=>e.id===t.destinationMemberId):d.length;return d.splice(m,0,p[0]),r.forEach(e=>{const t=d.splice(0,c);s[e].data=t}),s}}},428:function(e,t,a){"use strict";var i,n=a(16),l=a(27),s=a(424),r=a(121);a(45);r.a;class o extends r.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"}(i||(i={}));const c={updatePlaylist:(e,t)=>a=>{const i=Object.assign({},a);return i.hasOwnProperty(e)&&(i[e]=Object.assign(Object.assign({},i[e]),t)),i},deletePlaylist:e=>t=>{const a=Object.assign({},t);return a.hasOwnProperty(e)&&delete a[e],a},incrementVideoCount:(e,t)=>a=>{const i=Object.assign({},a);return i.hasOwnProperty(e)?(i[e].videos||(i[e].videos={}),i[e].videos.count=i[e].videos.count?i[e].videos.count+t:t,i):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=${l.a.PLAYLIST}`,key:"playlist:"+e,success:t,error:a}),getSharedPlaylist:(e,t,a,i)=>({url:`${"/api/domain/v2/share/"+e}?query=${l.a.PLAYLIST}${p(t)}`,key:"shared:playlist:"+e,success:a,error:i}),getUserPlaylists:e=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(e.sort)},limit:100}${l.a.PLAYLIST_COLLECTION}${d(e.cursor)}`,key:e.toString()}),getPlaylistVideos(e,t,a){let i="orderBy:orderindex,limit:100";return Number.isInteger(t)&&(i+=",rating.value:0..."+t),{url:`/api/domain/v2/objects/${e}/videos?query={${i}}${l.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}${l.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,i;return{objectId:e,isFollowing:!!(null===(i=null===(a=t)||void 0===a?void 0:a.data)||void 0===i?void 0:i.length)}},normalize:!1}),createPlaylist:(e,t,a,i)=>({key:"create:playlist",url:`/api/domain/v2/objects/${e}/playlists`,data:t,type:n.a.POST,success:a,error:i,invalidationKeys:"user:playlists"}),updatePlaylist:(e,t,a,i)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+e,data:t,type:n.a.PUT,success:a,error:i,updateState:{keys:"playlist:"+e,updateData:c.updatePlaylist("playlist:"+e,t)}}),deletePlaylist:(e,t,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+e,type:n.a.DELETE,success:t,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+e,updateData:c.deletePlaylist("playlist:"+e)}}),addToPlaylist(e,t,a,i){const l=["user:playlists",new o(e).toString()];return t.forEach(e=>{l.push("video:playlists:"+e)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${e}/associate`,data:t,type:n.a.POST,success:a,error:i,invalidationKeys:l,updateState:{keys:"playlist:"+e,updateData:c.incrementVideoCount("playlist:"+e,t.length)}}},reorderVideos:(e,t,a,i)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${e}/videos/reorder`,data:t,type:n.a.PUT,success:a,error:i,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${e}:videos`,updateData:a=>s.a.updateState(`playlist:${e}:videos`,t,a)}}),removePlaylistVideo:(e,t,a,i)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${e}/dissociate?memberId=${t}`,type:n.a.DELETE,success:a,error:i,invalidationKeys:["user:playlists",`playlist:${e}:videos`]}),followPlaylist:(e,t)=>({url:"/api/domain/v2/objects/"+t,key:"follow:playlist:"+e,data:{followedPlaylists:e},type:n.a.PUT}),unfollowPlaylist:(e,t)=>({url:`/api/domain/v2/objects/${t}/followedplaylists/${e}`,key:"unfollow:playlist:"+e,type:n.a.DELETE}),getMigrationTask:(e,t)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:e=>e||{status:i.Processed},success:e,error:t})}},436:function(e,t,a){"use strict";var i=a(0),n=a(26);a(7),a(2);const l=i.createContext({});function s(e,t=[]){const{setPageTitle:a}=i.useContext(l);i.useEffect(()=>{e&&n.a.isFunction(a)&&a(e)},[e,...t])}a.d(t,"a",(function(){return s}))},545:function(e,t,a){"use strict";var i=a(0),n=a(411),l=a(7),s=a(48),r=a(414),o=a(422),c=a(423),u=a(405);const d="playlists.validation",p=u.object().shape({name:u.string().max(255,()=>l.a.getPhrase(d,"nameExceeds")).required(()=>l.a.getPhrase(d,"nameRequired")),description:u.string().max(65535,()=>l.a.getPhrase(d,"descriptionExceeds"))});a.d(t,"a",(function(){return b}));var m=l.a.encloseNamespace("playlists.playlistDetails");function y(e){var t=Object(r.b)();return i.createElement(n.c,null,i.createElement(o.b,{label:m("nameLabel"),type:"text",name:"name",id:"name",placeholder:m("namePlaceholder"),autoFocus:!0,value:t.values.name}),i.createElement(o.b,{label:m("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:m("descriptionPlaceholder"),value:t.values.description}),i.createElement("div",{className:"btn-container d-flex justify-content-end"},i.createElement("button",{type:"button",className:"btn btn-".concat(e.cancelButtonClass," mr-2"),onClick:e.onClickCancel},i.createElement(s.b,{namespace:"playlists.playlistDetails",phrase:"cancel"})),i.createElement(c.a,{isNew:e.isNew})))}function b(e){var t=e.playlist,a=(t=void 0===t?{}:t).name,n=void 0===a?"":a,l=t.description,s=void 0===l?"":l,o=t.id,c=void 0===o?null:o,u=e.savePlaylist,d=e.onClickCancel,m=e.cancelButtonClass;return i.createElement(r.a,{initialValues:{name:n,description:s},validationSchema:p,onSubmit:u},i.createElement(y,{isNew:!c,onClickCancel:d,cancelButtonClass:m}))}},640:function(e,t,a){"use strict";a.r(t),a.d(t,"EditPlaylistView",(function(){return y}));var i=a(0),n=a(39),l=a(7),s=a(12),r=a(3),o=a(31),c=a(436),u=a(428),d=a(118),p=a(545),m=l.a.encloseNamespace("playlists.editPlaylist");function y(e){var t=Object(n.useDispatch)(),a=s.a.useBasicFetch(u.a.getPlaylist(e.playlistId));Object(c.a)(a.data&&m("title",{name:a.data.name}),[a]);return i.createElement(d.a,{title:m("heading"),closePopup:e.closePopup,showLoadingSpinner:!a.data},!!a.data&&i.createElement(p.a,{playlist:a.data,savePlaylist:function(a){s.a.fetch(t,u.a.updatePlaylist(e.playlistId,a,e.closePopup,e.closePopup)),o.a.logUserAction(a,o.a.mergeOptions(e.analyticsOptions,{actionType:r.n.Edit,entity:r.d.Playlist,workflowPhase:r.o.Complete}))},onClickCancel:e.closePopup,cancelButtonClass:"secondary"}))}}}]);