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

package/dist/scripts/28.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/hooks/UseAlerts.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-item/ClassroomItem.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/classroom-item/classroom-item.scss?e321","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-star/ClassroomStar.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/tile-actions/TileActions.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/tile-actions/tile-actions.scss?72c1","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/views/classrooms/ClassroomsView.tsx","webpack://@clickview/lite/./src/apps/classrooms/views/classrooms/classrooms.scss?50d3","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/views/classrooms/empty-state/ClassroomsEmptyState.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/views/classrooms/partial-loading/ClassroomsPartialLoading.tsx","webpack://@clickview/lite/./src/apps/classrooms/views/classrooms/partial-loading/classrooms-partial-loading.scss?c604"],"names":[],"mappings":"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","file":"scripts/28.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 { 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 React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { ClassroomStar } from 'apps/classrooms/components/classroom-star/ClassroomStar';\r\nimport { TileActions, TileAction } from 'apps/classrooms/components/tile-actions/TileActions';\r\n\r\nimport styles from './classroom-item.scss';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, UserAction, LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'classrooms.classroomItem';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst getClassroomAppLink = (id: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.CLASSROOM,\r\n  args: [id]\r\n});\r\n\r\nconst getEditClassroomAppLink = (id: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.EDIT_CLASSROOM,\r\n  args: [id]\r\n});\r\n\r\nconst getDeleteClassroomAppLink = (id: string) => ({\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.DELETE_CLASSROOM,\r\n  args: [id]\r\n});\r\n\r\ninterface ClassroomItemProps {\r\n  classroom: MockClassroom;\r\n  onToggleStar: () => void;\r\n}\r\n\r\nexport function ClassroomItem(props: ClassroomItemProps): JSX.Element {\r\n  const [ showOptions, setShowOptions ] = React.useState(false);\r\n\r\n  const classroomOptions: TileAction[] = [\r\n    {\r\n      text: getPhrase('rename'),\r\n      appLink: getEditClassroomAppLink(props.classroom.id),\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: props.classroom.id }, {\r\n          entity: EntityType.Classroom,\r\n          actionType: UserAction.Edit,\r\n          location: LocationContext.ClassroomsListItem,\r\n          workflowPhase: WorkflowPhase.Start\r\n        });\r\n      }\r\n    },\r\n    {\r\n      text: getPhrase('delete'),\r\n      appLink: getDeleteClassroomAppLink(props.classroom.id),\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: props.classroom.id }, {\r\n          entity: EntityType.Classroom,\r\n          actionType: UserAction.Delete,\r\n          location: LocationContext.ClassroomsListItem,\r\n          workflowPhase: WorkflowPhase.Start\r\n        });\r\n      }\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <>\r\n      <div className='border border-dark position-relative p-2'>\r\n        <div className='d-flex justify-content-between pb-5'>\r\n          <ClassroomStar\r\n            isActive={props.classroom.isFavourited}\r\n            onToggle={props.onToggleStar}\r\n            invisible={showOptions}\r\n          />\r\n          <DivButton onClick={() => setShowOptions(true)}>\r\n            <SvgContainer svgName={cvSvgLibrary.Edit} />\r\n          </DivButton>\r\n        </div>\r\n\r\n        <AppLink appLink={getClassroomAppLink(props.classroom.id)}>\r\n          <h3 className='h6 mb-0'>{!showOptions ? props.classroom.name : <>&nbsp;</>}</h3>\r\n        </AppLink>\r\n\r\n        {showOptions && (\r\n          <div className={`${styles.actionsContainer} ml-n2 w-100`}>\r\n            <TileActions actions={classroomOptions} />\r\n          </div>\r\n        )}\r\n      </div>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"toggleAction\":\"cv--toggleAction--2dgc9\",\"actionsContainer\":\"cv--actionsContainer--23R73\"};","import React from 'react';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\ninterface ClassroomStarProps {\r\n  isActive: boolean;\r\n  onToggle: () => void;\r\n  invisible?: boolean;\r\n}\r\n\r\nexport function ClassroomStar({ isActive, onToggle, invisible }: ClassroomStarProps): JSX.Element {\r\n  const className = `${isActive ? 'text-yellow' : ''} ${invisible ? 'invisible' : ''}`;\r\n\r\n  return (\r\n    <DivButton onClick={onToggle} className={className}>\r\n      <SvgContainer\r\n        svgName={isActive ? cvSvgLibrary.Star : cvSvgLibrary.StarOutline}\r\n        size={SvgContainerSize.Large}\r\n      />\r\n    </DivButton>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nimport styles from './tile-actions.scss';\r\n\r\nexport interface TileAction {\r\n  appLink: Core.AppLink;\r\n  text: string;\r\n  onClick?: () => void;\r\n}\r\n\r\ninterface TileActionsProps {\r\n  actions: TileAction[];\r\n}\r\n\r\nexport function TileActions(props: TileActionsProps): JSX.Element {\r\n  return (\r\n    <div className='w-100 d-flex flex-column'>\r\n      {props.actions.map(action => (\r\n        <AppLink\r\n          key={action.text}\r\n          className={`${styles.option} py-1`}\r\n          appLink={action.appLink}\r\n          onClick={action.onClick || (() => {})}\r\n        >\r\n          <span className='pl-2'>\r\n            {action.text}\r\n          </span>\r\n        </AppLink>\r\n      ))}\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"option\":\"cv--option--2LGMe\"};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { ClassroomItem } from 'apps/classrooms/components/classroom-item/ClassroomItem';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { ClassroomsEmptyState } from './empty-state/ClassroomsEmptyState';\r\nimport { ClassroomsPartialLoading } from './partial-loading/ClassroomsPartialLoading';\r\n\r\nimport styles from './classrooms.scss';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, UserAction, EntityType, WorkflowPhase, ToggleDescriptor } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'classrooms.classrooms';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\nconst newClassroomAppLink = {\r\n  application: AppChannels.CLASSROOMS,\r\n  action: Actions.Classrooms.NEW_CLASSROOM\r\n};\r\n\r\nexport function ClassroomsView(): JSX.Element {\r\n  const [ showOtherClassrooms, setShowOtherClassrooms ] = React.useState(false);\r\n\r\n  const [ starredClassrooms, setStarredClassrooms ] = React.useState<MockClassroom[]>([]);\r\n  const [ otherClassrooms, setOtherClassrooms ] = React.useState<MockClassroom[]>([]);\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const classrooms = Flight.useBasicFetch<MockClassroom[]>(ClassroomRequests.getAll());\r\n\r\n  React.useEffect(() => {\r\n    if (!classrooms.data?.length)\r\n      return;\r\n\r\n    const _starredClassrooms: MockClassroom[] = [];\r\n    const _otherClassrooms: MockClassroom[] = [];\r\n\r\n    classrooms.data.forEach(classroom => {\r\n      if (classroom.isFavourited)\r\n        _starredClassrooms.push(classroom);\r\n      else\r\n        _otherClassrooms.push(classroom);\r\n    });\r\n\r\n    if (!_starredClassrooms.length)\r\n      setShowOtherClassrooms(true);\r\n\r\n    setStarredClassrooms(_starredClassrooms);\r\n    setOtherClassrooms(_otherClassrooms);\r\n  }, [classrooms.data]);\r\n\r\n  function onClickNewClassroom(): void {\r\n    AnalyticsHelper.logUserAction({}, {\r\n      actionType: UserAction.Create,\r\n      entity: EntityType.Classroom,\r\n      workflowPhase: WorkflowPhase.Start,\r\n      location: LocationContext.ClassroomsList\r\n    });\r\n  }\r\n\r\n  function onToggleStar(classroom: MockClassroom): void {\r\n    if (!classroom.isFavourited) {\r\n      Flight.fetch(dispatch, ClassroomRequests.starClassroom(classroom, () => {\r\n        AnalyticsHelper.logUserAction({ id: classroom.id }, {\r\n          location: LocationContext.ClassroomsListItem,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: ToggleDescriptor.On,\r\n          entity: EntityType.Classroom,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n\r\n        alerts.success(getPhrase('starSuccess', {\r\n          classroomName: classroom.name\r\n        }));\r\n      }, () => {\r\n        alerts.error(getPhrase('starError', {\r\n          classroomName: classroom.name\r\n        }));\r\n      }));\r\n      return;\r\n    }\r\n\r\n    Flight.fetch(dispatch, ClassroomRequests.unstarClassroom(classroom, () => {\r\n      AnalyticsHelper.logUserAction({ id: classroom.id }, {\r\n        location: LocationContext.ClassroomsListItem,\r\n        actionType: UserAction.Favourite,\r\n        descriptor: ToggleDescriptor.Off,\r\n        entity: EntityType.Classroom,\r\n        workflowPhase: WorkflowPhase.Complete\r\n      });\r\n\r\n      alerts.success(getPhrase('unstarSuccess', {\r\n        classroomName: classroom.name\r\n      }));\r\n    }, () => {\r\n      alerts.error(getPhrase('unstarError', {\r\n        classroomName: classroom.name\r\n      }));\r\n    }));\r\n  }\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='d-flex align-items-center pb-3'>\r\n        <h1 className='flex-fill'><Text phrase='heading' /></h1>\r\n        <IconButton\r\n          className='btn btn-outline-dark'\r\n          svgName={cvSvgLibrary.Plus}\r\n          onClick={onClickNewClassroom}\r\n          appLink={newClassroomAppLink}\r\n        >\r\n          <Text phrase='newClassroom' />\r\n        </IconButton>\r\n      </div>\r\n\r\n      {(() => {\r\n        if (!classrooms.data)\r\n          return <ClassroomsPartialLoading showOtherClassrooms={showOtherClassrooms} />;\r\n\r\n        if (!classrooms.data.length)\r\n          return <ClassroomsEmptyState />;\r\n\r\n        return (\r\n          <>\r\n            <h2 className='h6'><Text phrase='myClassrooms' /></h2>\r\n            <ul className={`list-unstyled d-flex flex-wrap mx-n2 ${styles.classroomList}`}>\r\n              {starredClassrooms.map(c => (\r\n                <li key={c.id}>\r\n                  <ClassroomItem onToggleStar={() => onToggleStar(c)} classroom={c} />\r\n                </li>\r\n              ))}\r\n            </ul>\r\n\r\n            {otherClassrooms && (\r\n              <>\r\n                <DivButton\r\n                  className='cursor-pointer d-inline-block'\r\n                  onClick={() => setShowOtherClassrooms(!showOtherClassrooms)}\r\n                >\r\n                  <h2 className='h6 d-flex align-items-center'>\r\n                    <Text phrase='otherClassrooms' />\r\n                    <SvgContainer\r\n                      className={`d-inline-block svg-container ${showOtherClassrooms ? styles.caretUp : ''}`}\r\n                      svgName={cvSvgLibrary.Caret}\r\n                    />\r\n                  </h2>\r\n                </DivButton>\r\n\r\n                {showOtherClassrooms &&\r\n                  <ul className={`list-unstyled d-flex flex-wrap mx-n2 ${styles.classroomList}`}>\r\n                    {otherClassrooms.map(c => (\r\n                      <li key={c.id}>\r\n                        <ClassroomItem onToggleStar={() => onToggleStar(c)} classroom={c} />\r\n                      </li>\r\n                    ))}\r\n                  </ul>\r\n                }\r\n              </>\r\n            )\r\n            }\r\n          </>\r\n        );\r\n      })()}\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"classroomList\":\"cv--classroomList--26s7s\",\"caretUp\":\"cv--caretUp--2o9ER\"};","import React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nexport function ClassroomsEmptyState(): JSX.Element {\r\n  function onClickCreateNew(): void {\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.CLASSROOMS,\r\n      action: Actions.Classrooms.NEW_CLASSROOM\r\n    });\r\n  }\r\n\r\n  return (\r\n    <div className='text-center pt-5'>\r\n      {/* TODO: use actual image and remove hard coded width/height */}\r\n      <img\r\n        style={{ width: '200px', height: '200px' }}\r\n        className='pb-3'\r\n        src='/images/classrooms-empty.png'\r\n        role='presentation'\r\n        alt=''\r\n      />\r\n\r\n      <h2 className='h6'><Text phrase='emptyStateHeading' /></h2>\r\n\r\n      <p className='mb-3'><Text phrase='emptyStateInfo' /></p>\r\n\r\n      <IconButton className='btn btn-dark' onClick={onClickCreateNew} svgName={cvSvgLibrary.Plus}>\r\n        <Text phrase='createNew' />\r\n      </IconButton>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport loadedStyles from '../classrooms.scss';\r\nimport partialStyles from './classrooms-partial-loading.scss';\r\n\r\ninterface ClassroomsPartialLoadingProps {\r\n  showOtherClassrooms?: boolean;\r\n}\r\n\r\nexport function ClassroomsPartialLoading({ showOtherClassrooms }: ClassroomsPartialLoadingProps): JSX.Element {\r\n  const styles = {\r\n    ...loadedStyles,\r\n    ...partialStyles\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className={`partial-loading-background mb-2 ${styles.pinnedHeading}`}/>\r\n      <ul className={`list-unstyled d-flex flex-wrap mx-n2 ${styles.classroomList}`}>\r\n        {Array(2).fill(null).map((item, i) => (\r\n          <li key={i} className={`partial-loading-background ${styles.classroom}`} />\r\n        ))}\r\n      </ul>\r\n\r\n      <div className={`partial-loading-background mb-2 ${styles.othersHeading}`} />\r\n\r\n      {showOtherClassrooms &&\r\n        <ul className={`list-unstyled d-flex flex-wrap mx-n2 ${styles.classroomList}`}>\r\n          {Array(13).fill(null).map((item, i) => (\r\n            <li key={i} className={`partial-loading-background ${styles.classroom}`} />\r\n          ))}\r\n        </ul>\r\n      }\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pinnedHeading\":\"cv--pinnedHeading--2RJcZ\",\"othersHeading\":\"cv--othersHeading--11c0p\",\"classroom\":\"cv--classroom--OpuFd\"};"],"sourceRoot":""}

package/dist/scripts/29-944b5c01a7.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[29],{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}))}},639:function(e,t,a){"use strict";a.r(t),a.d(t,"NewPlaylistView",(function(){return f}));var i=a(0),n=a(39),l=a(2),s=a(12),r=a(7),o=a(3),c=a(31),u=a(436),d=a(120),p=a(428),m=a(118),y=a(11),b=a(545),v=r.a.encloseNamespace("playlists.newPlaylist");function f(e){var t=Object(n.useDispatch)();Object(u.a)(v("title"));var a=s.a.useBasicFetch(d.a.currentUser);return i.createElement(m.a,{title:v("title"),closePopup:e.closePopup,showLoadingSpinner:!a.data},!!a.data&&i.createElement(b.a,{savePlaylist:function(i){s.a.fetch(t,p.a.createPlaylist(a.data.id,i,(function(t){e.closePopup(),t&&l.a.AppLinkHelper.trigger({application:e.application,action:y.a.Playlists.PLAYLIST,args:[t.id]})}),e.closePopup)),c.a.logUserAction(i,c.a.mergeOptions(e.analyticsOptions,{actionType:o.n.Create,entity:o.d.Playlist,workflowPhase:o.o.Complete}))},onClickCancel:e.closePopup,cancelButtonClass:"link"}))}}}]);