@clickview/lite 0.50.0 → 0.50.1-rc.0

package/dist/scripts/9226-4cff4347a9-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/9226-4cff4347a9-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/utils/validation/DomainSettingsValidationSchema.ts","file:///app/packages/libs/shared/src/apps/domain-settings/domain-fields/domain-field/DomainField.scss","file:///app/packages/libs/shared/src/apps/domain-settings/domain-fields/domain-field/DomainField.tsx","file:///app/packages/libs/shared/src/apps/domain-settings/domain-fields/DomainFields.tsx","file:///app/packages/libs/shared/src/apps/domain-settings/domain-settings-radio/DomainSettingsRadio.scss","file:///app/packages/libs/shared/src/apps/domain-settings/domain-settings-radio/DomainSettingsRadio.tsx","file:///app/packages/libs/shared/src/apps/domain-settings/domain-settings-form/DomainSettingsForm.tsx","file:///app/packages/libs/shared/src/apps/domain-settings/domain-settings-tabs/DomainSettingsTabs.tsx","file:///app/packages/libs/shared/src/images/components/CloseIcon.tsx","file:///app/packages/libs/shared/src/apps/sign-up/components/general/clear-input/ClearableInput.tsx","file:///app/packages/libs/shared/src/apps/sign-up/components/general/clear-input/clearable-input.scss","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file:///app/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file:///app/packages/libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","file:///app/packages/libs/shared/src/enums/AccessSettingsGroup.ts","file:///app/packages/libs/shared/src/enums/AccessType.ts","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/DomainSettingsFormHelper.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/constants/AccessSettingsAppLinks.ts","file:///app/packages/projects/lite/src/apps/settings/flight-requests/DomainRequests.ts","file:///app/packages/projects/lite/src/apps/settings/hooks/useDomainSettingsSwitch.ts","file:///app/packages/libs/shared/src/components/pill-tab-selector/pill-tab-selector.scss"],"sourcesContent":["import { ApprovedDomain, DomainSettingsModel } from 'libs/shared/interfaces/domains/ApprovedDomain';\nimport { ApprovedDomainError } from 'libs/shared/interfaces/domains/ApprovedDomainErrorResponse';\n\nconst domainRegex = new RegExp(\n  /^(?!-)[A-Za-z0-9-]+([\\-\\.]{1}[a-z0-9]+)*\\.[A-Za-z]{2,6}$/\n);\n\nexport const DomainValidation = (values: DomainSettingsModel) => {\n  const { domains, selectedOption } = values;\n  const errors: { domains: { domain: ApprovedDomainError }[] } = { domains: []};\n\n  domains.forEach((domain, index: number) => {\n    if (selectedOption !== 'allowed' && !domain.domain)\n      return;\n\n    if (!domain.domain) {\n      errors.domains[index] = { domain: 'domain-empty' };\n      return;\n    }\n\n    const duplicateDomain = domains.find(\n      (currentDomain: ApprovedDomain, currentIndex: number) =>\n        currentIndex !== index &&\n        currentDomain.domain === domain.domain &&\n        domain.hasChanged\n    );\n    if (duplicateDomain) {\n      errors.domains[index] = { domain: 'domain-duplicated' };\n      return;\n    }\n\n    if (!domainRegex.test(domain.domain)) {\n      errors.domains[index] = { domain: 'domain-invalid' };\n      return;\n    }\n  });\n\n  return errors.domains.length ? errors : {};\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"domainFieldContainer\":\"F9EW7\"};","import React from 'react';\nimport { getIn, useFormikContext } from 'formik';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ClearableInput } from 'libs/shared/apps/sign-up/components/general/clear-input/ClearableInput';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { AccessSettingsGroup } from 'libs/shared/enums/AccessSettingsGroup';\nimport { AccessSettingAppLinks } from 'libs/shared/interfaces/domains/AccessSettingAppLinks';\nimport { ApprovedDomain, DomainSettingsModel } from 'libs/shared/interfaces/domains/ApprovedDomain';\nimport { ApprovedDomainError } from 'libs/shared/interfaces/domains/ApprovedDomainErrorResponse';\n\nimport styles from './DomainField.scss';\n\nconst namespace = 'settings.domainField';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ntype ViewMap = {\n  [key in AccessSettingsGroup]?: string;\n}\n\ntype ErrorMessagePhraseMap = {\n  [key in ApprovedDomainError]?: string | ViewMap;\n};\n\nconst errorMessagePhraseMap: ErrorMessagePhraseMap = {\n  'domain-duplicated': 'domainDuplicatedErrorMessage',\n  'domain-not-certified': 'domainNotCertifiedErrorMessage',\n  'domain-invalid': 'domainInvalidErrorMessage',\n  'domain-empty': 'domainEmptyErrorMessage',\n  'domain-already-exists': {\n    requestingAccess: 'joinRequestsDomainAlreadyExistsErrorMessage',\n    automaticAccess: 'accessBehaviourDomainAlreadyExistsErrorMessage'\n  }\n};\n\ninterface DomainFieldProps {\n  index: number,\n  domain: ApprovedDomain,\n  view: AccessSettingsGroup\n  appLinks: AccessSettingAppLinks\n  onChangeDomain: (domain: ApprovedDomain, index: number) => void,\n  removeDomainField: (index: number) => void,\n}\n\nexport function DomainField(props: DomainFieldProps) {\n  const formikProps = useFormikContext<DomainSettingsModel>();\n  const { index, domain, view, appLinks, onChangeDomain, removeDomainField } = props;\n  \n  const actionMap: { [view: string]: string } = {\n    [AccessSettingsGroup.RequestingAccess]: appLinks.automaticAccess.action,\n    [AccessSettingsGroup.AutomaticAccess]: appLinks.requestingAccess.action\n  };\n\n  const viewAppLink = {\n    application: appLinks[view].application,\n    action: actionMap[view],\n    args: appLinks[view].args\n  };\n  \n  function getDomainErrorCode(index: number): ApprovedDomainError {\n    return getIn(formikProps.errors, `domains.${index}.domain`);\n  }\n\n  function getDomainErrorMessage(index: number, domain: string): JSX.Element {\n    const domainErrorCode = getDomainErrorCode(index);\n    switch (domainErrorCode) {\n      case 'domain-duplicated':\n      case 'domain-invalid':\n      case 'domain-not-certified':\n      case 'domain-empty':\n        return (\n          <Text\n            namespace={namespace}\n            phrase={errorMessagePhraseMap[domainErrorCode] as string}\n            options={{ domain }}\n          />\n        );\n      case 'domain-already-exists':\n        return (\n          <>\n            <Text\n              namespace={namespace}\n              phrase={(errorMessagePhraseMap[domainErrorCode] as ViewMap)[view]}\n              options={{ domain }}\n            />\n            <AppLink\n              appLink={viewAppLink}\n              className='text-red text-underline'\n            >\n              <Text namespace={namespace} phrase={'viewLinkText'}/>\n            </AppLink>\n            <span>.</span>\n          </>\n        );\n    }\n  }\n\n  function handleChange(e: React.FormEvent<HTMLInputElement>, index: number) {\n    e.preventDefault();\n    const updatedDomain: ApprovedDomain = { ...domain, domain: e.currentTarget.value, hasChanged: true };\n    onChangeDomain(updatedDomain, index);\n  }\n\n  return (\n    <div className={styles.domainFieldContainer}>\n      <ClearableInput\n        type='text'\n        name={`domains.${index}.domain`}\n        className={`form-control form-control-lg ${getDomainErrorCode(index) ? 'is-invalid' : ''}`}\n        placeholder={getPhrase('domainPlaceholder')}\n        value={domain.domain}\n        onChange={e => handleChange(e, index)}\n        onClickClear={() => removeDomainField(index)}\n        autoComplete='off'\n        showClearButton={index !== 0 || !!domain.domain}\n      />\n      {\n        getDomainErrorCode(index) &&\n          <div className='invalid-feedback d-block'>{getDomainErrorMessage(index, domain.domain)}</div>\n      }\n    </div>\n  );\n}","import React from 'react';\nimport { FieldArray, useFormikContext } from 'formik';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { AccessSettingsGroup } from 'libs/shared/enums/AccessSettingsGroup';\nimport { AccessSettingAppLinks } from 'libs/shared/interfaces/domains/AccessSettingAppLinks';\nimport { ApprovedDomain, DomainSettingsModel } from 'libs/shared/interfaces/domains/ApprovedDomain';\nimport { ApprovedDomainErrorResponse } from 'libs/shared/interfaces/domains/ApprovedDomainErrorResponse';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { DomainField } from './domain-field/DomainField';\n\nconst namespace = 'settings.domainFields';\n\ninterface DomainFieldsProps {\n  errors: ApprovedDomainErrorResponse[],\n  view: AccessSettingsGroup,\n  appLinks: AccessSettingAppLinks\n  addDomainField: () => void,\n  onChangeDomain: (domain: ApprovedDomain, index: number) => void,\n  removeDomainField: (index: number) => void,\n}\n\nexport function DomainFields(props: DomainFieldsProps) {\n  const formikProps = useFormikContext<DomainSettingsModel>();\n  const { domains } = formikProps.values;\n  const { view, errors, appLinks, addDomainField, onChangeDomain, removeDomainField } = props;\n\n  React.useEffect(() => {\n    if (errors?.length) {\n      errors.forEach(error => {\n        const errorIndex = ArrayHelper.findIndex(\n          domains,\n          domain => domain.hasChanged && domain.domain === error.domain\n        );\n        formikProps.setFieldError(`domains.${errorIndex}.domain`, error.errorCode);\n      });\n    }\n  }, [errors]);\n\n  return (\n    <>\n      <FieldArray\n        name='domains'\n        render={() => {\n          return (\n            <>\n              {domains.length > 0 &&\n                domains.map((domain: ApprovedDomain, index) => (\n                  <DomainField\n                    key={index}\n                    domain={domain}\n                    index={index}\n                    appLinks={appLinks}\n                    onChangeDomain={onChangeDomain}\n                    removeDomainField={removeDomainField}\n                    view={view}\n                  />\n                ))}\n            </>\n          );\n        }}\n      />\n      <div>\n        <IconButton\n          svgName={cvSvgLibrary.Plus}\n          className={`ms-3 btn btn-link text-info`}\n          onClick={addDomainField}\n        >\n          <Text namespace={namespace} phrase='addButtonLabel' />\n        </IconButton>\n      </div>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"radioDescription\":\"Q4JXA\"};","import React from 'react';\nimport { FormCheck } from 'react-bootstrap';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { AccessSettingsGroup } from 'libs/shared/enums/AccessSettingsGroup';\nimport { DomainSettingsOption } from 'libs/shared/interfaces/domains/ApprovedDomain';\n\nimport styles from './DomainSettingsRadio.scss';\n\nconst namespace = 'settings.domainSettingsRadio';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ntype RadioPhraseMap = {\n  [key in AccessSettingsGroup]?: {\n    [key in DomainSettingsOption]?: {\n      label: string,\n      description?: string\n    }\n  }\n}\n\nconst radioPhraseMap: RadioPhraseMap = {\n  automaticAccess: {\n    none: {\n      label: 'accessBehaviourNoneLabel',\n      description: 'accessBehaviorNoneDescription'\n    },\n    allowed: {\n      label: 'accessBehaviourAllowedLabel',\n      description: 'accessBehaviourAllowedDescription'\n    }\n  },\n  requestingAccess: {\n    none: {\n      label: 'joinRequestsNoneLabel',\n      description: 'joinRequestsNoneDescription'\n    },\n    allowed: {\n      label: 'joinRequestsAllowedLabel',\n      description: 'joinRequestsAllowedDescription'\n    },\n    any: {\n      label: 'joinRequestsAnyLabel',\n      description: 'joinRequestsAnyDescription'\n    }\n  }\n};\n\ninterface DomainSettingsRadioProps {\n  option: DomainSettingsOption;\n  selectedOption: DomainSettingsOption;\n  view: AccessSettingsGroup,\n  hasDescription?: boolean;\n  url?: string;\n  onSelectValue: (option: DomainSettingsOption) => void;\n  children?: JSX.Element;\n}\n\nexport function DomainSettingsRadio(props: DomainSettingsRadioProps) {\n  const { option, selectedOption, view, hasDescription, url, onSelectValue, children } = props;\n\n  return (\n    <div className='mb-3'>\n      <FormCheck\n        type='radio'\n        id={option}\n        label={getPhrase(radioPhraseMap[view][option].label)}\n        className='fw-normal'\n        value={option}\n        onChange={() => onSelectValue(option)}\n        checked={selectedOption === option}\n      />\n      {selectedOption === option && (\n        <>\n          {hasDescription && (\n            <p className={`${styles.radioDescription} mb-0`}>\n              <Text namespace={namespace} phrase={radioPhraseMap[view][option].description} />\n              &nbsp;\n              {!!url &&\n                <a className='text-info' target='_blank' href={url}>\n                  <Text namespace={namespace} phrase='learnMore' />\n                </a>\n              }\n            </p>\n          )}\n          {children}\n        </>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { Form, FormikErrors, useFormikContext } from 'formik';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\nimport { FormSubmissionOptions, FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { AccessSettingsGroup } from 'libs/shared/enums/AccessSettingsGroup';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { AccessSettingAppLinks } from 'libs/shared/interfaces/domains/AccessSettingAppLinks';\nimport { ApprovedDomain, DomainSettingsModel, DomainSettingsOption } from 'libs/shared/interfaces/domains/ApprovedDomain';\nimport { ApprovedDomainErrorResponse } from 'libs/shared/interfaces/domains/ApprovedDomainErrorResponse';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\nimport { DomainValidation } from 'libs/shared/utils/validation/DomainSettingsValidationSchema';\n\nimport { DomainFields } from '../domain-fields/DomainFields';\nimport { DomainSettingsRadio } from '../domain-settings-radio/DomainSettingsRadio';\n\nconst namespace = 'settings.domainSettingsForm';\n\ntype InfoMessageMap = {\n  [key in AccessSettingsGroup]?: {\n    [key in DomainSettingsOption]?: string;\n  }\n}\n\nconst infoMessagePhraseMap: InfoMessageMap = {\n  [AccessSettingsGroup.RequestingAccess]: {\n    none: 'joinRequestsNoneInfoMessage',\n    allowed: 'joinRequestsAllowedInfoMessage',\n    any: 'joinRequestsAnyInfoMessage'\n  },\n  [AccessSettingsGroup.AutomaticAccess]: {\n    none: 'accessBehaviourNoneInfoMessage',\n    allowed: 'accessBehaviourAllowedInfoMessage'\n  }\n};\n\ninterface DomainSettingsFormProps {\n  view: AccessSettingsGroup,\n  options: DomainSettingsOption[],\n  errors: ApprovedDomainErrorResponse[]\n  appLinks: AccessSettingAppLinks\n}\n\nfunction DomainSettingsForm(props: DomainSettingsFormProps): JSX.Element {\n  const { view, options, errors, appLinks } = props;\n  const formikProps = useFormikContext<DomainSettingsModel>();\n  const { domains, selectedOption } = formikProps.values;\n\n  function onSelectValue(value: DomainSettingsOption): void {\n    formikProps.setFieldValue('selectedOption', value);\n    formikProps.setErrors({});\n\n    if (!domains.length) {\n      addDomainField();\n    }\n  }\n\n  function addDomainField() {\n    formikProps.setFieldValue('domains', [ ...domains, { domain: '' }]);\n  }\n\n  function removeDomainField(index: number) {\n    if (domains.length > 1) {\n      formikProps.setFieldValue('domains', ArrayHelper.removeItemFromIndex(domains, index));\n    } else {\n      formikProps.setFieldValue('domains', ArrayHelper.cloneAndReplaceAtIdx(domains, index, {\n        ...domains[index], domain: '' }));\n    }\n    clearFieldError(index);\n  }\n\n  function onChangeDomain(domain: ApprovedDomain, index: number) {\n    formikProps.setFieldValue('domains', ArrayHelper.cloneAndReplaceAtIdx(domains, index, domain));\n    clearFieldError(index);\n  }\n  \n  function clearFieldError(index: number) {\n    if (formikProps.errors.domains) {\n      const domainErrors = formikProps.errors.domains as Partial<ApprovedDomain>[];\n      const updatedDomainErrors =\n        ArrayHelper.removeItemFromIndex<Partial<ApprovedDomain>>(domainErrors, index);\n      \n      formikProps.setErrors(\n        updatedDomainErrors.filter(err => err).length\n          ? ({ domains: updatedDomainErrors } as FormikErrors<DomainSettingsModel>)\n          : {}\n      );\n    }\n  }\n\n  return (\n    <Form>\n      <div className='col-12 col-md-7 card p-3 mb-3'>\n        {options.map(option => (\n          <div key={option}>\n            {option === 'none' && (\n              <DomainSettingsRadio\n                option={option}\n                selectedOption={selectedOption}\n                hasDescription\n                view={view}\n                onSelectValue={onSelectValue}\n              />\n            )}\n            {option === 'allowed' && (\n              <DomainSettingsRadio\n                option={option}\n                selectedOption={selectedOption}\n                view={view}\n                hasDescription\n                url={ArticleHelper.getLiteArticle(LiteSupportArticle.AccessSettings, 'articles')}\n                onSelectValue={onSelectValue}\n              >\n                <DomainFields\n                  errors={errors}\n                  view={view}\n                  appLinks={appLinks}\n                  addDomainField={addDomainField}\n                  onChangeDomain={onChangeDomain}\n                  removeDomainField={removeDomainField}\n                />\n              </DomainSettingsRadio>\n            )}\n            {option === 'any' && (\n              <DomainSettingsRadio\n                option={option}\n                view={view}\n                selectedOption={selectedOption}\n                hasDescription\n                url={ArticleHelper.getLiteArticle(LiteSupportArticle.AccessSettings, 'articles')}\n                onSelectValue={onSelectValue}\n              />\n            )}\n          </div>\n        ))}\n\n        <div className='d-flex'>\n          <div className='rounded p-2 bg-light-blue text-info fw-semibold'>\n            <Text namespace={namespace} phrase={infoMessagePhraseMap[view][selectedOption]} />\n          </div>\n        </div>\n      </div>\n      <FormButtons<DomainSettingsModel> isNew={false} variant='dark'/>\n    </Form>\n  );\n}\n\ninterface DomainSettingsProps {\n  initialValues: DomainSettingsModel,\n  view: AccessSettingsGroup,\n  options: DomainSettingsOption[],\n  errors?: ApprovedDomainErrorResponse[],\n  appLinks: AccessSettingAppLinks\n  onSaveChanges: (\n    values: DomainSettingsModel,\n    onDone: (options?: FormSubmissionOptions<DomainSettingsModel>) => void\n  ) => void,\n}\n\nexport function DomainSettingsFormWrapper(props: DomainSettingsProps) {\n  const { initialValues, view, options, errors, appLinks, onSaveChanges } = props;\n\n  return (\n    <FormWrapper<DomainSettingsModel>\n      initialValues={initialValues}\n      validate={DomainValidation}\n      validateOnChange={false}\n      validateOnBlur={false}\n      onSubmit={onSaveChanges}\n    >\n      <DomainSettingsForm view={view} options={options} errors={errors} appLinks={appLinks}></DomainSettingsForm>\n    </FormWrapper>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\nimport { AccessSettingAppLinks } from 'libs/shared/interfaces/domains/AccessSettingAppLinks';\n\nconst namespace = 'settings.domainSettingsTabs';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface DomainSettingsTabsProps {\n  active: 'requesting-access' | 'teacher-invites' | 'automatic-access',\n  appLinks: AccessSettingAppLinks\n}\n\nexport function DomainSettingsTabs(props: DomainSettingsTabsProps): JSX.Element {\n  const { active, appLinks } = props;\n  \n  return (\n    <div className='mb-3'>\n      <PillTabSelector\n        tabs={[{\n          name: getPhrase('requestingAccess'),\n          appLink: appLinks.requestingAccess,\n          active: active === 'requesting-access',\n          analyticsData: {\n            name: getPhrase('requestingAccess'),\n            url: Core.AppLinkHelper.getHref(appLinks.requestingAccess)\n          },\n          analyticsOptions: {\n            actionType: UserAction.Click,\n            entity: EntityType.Url,\n            location: LocationContext.MagicTabs\n          }\n        }, {\n          name: getPhrase('teacherInvites'),\n          appLink: appLinks.teacherInvites,\n          active: active === 'teacher-invites',\n          analyticsData: {\n            name: LanguageService.getPhrase(namespace, 'teacherInvites'),\n            url: Core.AppLinkHelper.getHref(appLinks.teacherInvites)\n          },\n          analyticsOptions: {\n            actionType: UserAction.Click,\n            entity: EntityType.Url,\n            location: LocationContext.MagicTabs\n          }\n        }, {\n          name: getPhrase('automaticAccess'),\n          appLink: appLinks.automaticAccess,\n          active: active === 'automatic-access',\n          analyticsData: {\n            name: LanguageService.getPhrase(namespace, 'automaticAccess'),\n            url: Core.AppLinkHelper.getHref(appLinks.automaticAccess)\n          },\n          analyticsOptions: {\n            actionType: UserAction.Click,\n            entity: EntityType.Url,\n            location: LocationContext.MagicTabs\n          }\n        }]}\n      />\n    </div>\n  );\n}","import React from 'react';\n\nexport function CloseIcon(): JSX.Element {\n  return (\n    <svg viewBox='0 0 24 24'>\n      <path d='M11.959 10.641l4.402-4.296a.964.964 0 0 1 1.358 0 .951.951 0 0 1 0 1.35l-4.403 4.297 4.403 4.378a.951.951 0 0 1 0 1.35.964.964 0 0 1-1.358 0l-4.402-4.378-4.32 4.378a.964.964 0 0 1-1.358 0 .951.951 0 0 1 0-1.35l4.32-4.378-4.32-4.362a.951.951 0 0 1 0-1.35.964.964 0 0 1 1.358 0l4.32 4.361z'/>\n    </svg>\n  );\n}","import React from 'react';\n\nimport { CloseIcon } from 'libs/shared/images/components/CloseIcon';\n\nimport styles from './clearable-input.scss';\n\ninterface ClearInputProps extends React.HTMLProps<HTMLInputElement> {\n  showClearButton?: boolean;\n  onClickClear: () => void;\n}\n\nexport const ClearableInput = React.forwardRef((\n  props: ClearInputProps,\n  ref: React.ForwardedRef<HTMLInputElement>\n) => {\n  const { onClickClear, showClearButton, ...inputProps } = props;\n\n  return (\n    <div className='position-relative'>\n      <input\n        {...inputProps}\n        ref={ref}\n        className={`${props.className} ${styles.clearableInput}`}\n      />\n      {(!!props.value || showClearButton) &&\n        <span\n          className={`${styles.clearInput} position-absolute cursor-pointer text-secondary`}\n          role='button'\n          onClick={onClickClear}\n        >\n          <div className='d-inline-block svg-container md'>\n            <CloseIcon />\n          </div>\n        </span>\n      }\n    </div>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"clearInput\":\"ygMgF\",\"clearableInput\":\"aYpO7\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import * as React from 'react';\nimport { ButtonProps } from 'react-bootstrap';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\n\nconst namespace = 'shared.formButtons';\n\ninterface FormButtonsProps {\n  isNew?: boolean;\n  submitText?: string;\n  variant?: ButtonProps['variant'];\n  size?: FormSize;\n  className?: string;\n}\n\nexport function FormButtons<Values extends HashObject>(props: FormButtonsProps): JSX.Element {\n  const formikProps = useFormikContext<Values>();\n\n  const canSubmit = useCanSubmitForm(formikProps);\n\n  return (\n    <SpinnerButton\n      variant={props.variant || 'primary'}\n      type='submit'\n      disabled={!canSubmit}\n      size={props.size}\n      className={props.className ? props.className : ''}\n      showSpinner={formikProps.isSubmitting}\n    >\n      {props.submitText\n        ? <>{props.submitText}</>\n        : <Text namespace={namespace} phrase={props.isNew ? 'create' : 'save'} />}\n    </SpinnerButton>\n  );\n}\n","import * as React from 'react';\nimport { Formik, FormikConfig, FormikContextType, FormikErrors, FormikHelpers, FormikProps, FormikValues, useFormikContext } from 'formik';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\n/**\n * Note: This currently doesn't support arrays, but the need for arrays as initial\n * form data has not yet come up\n */\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\n  if (!initialValues)\n    return {} as Values;\n\n  const values = ObjectHelper.deepClone(initialValues);\n\n  function omitChildValues(child: Values): void {\n    Object.keys(values).forEach((key: keyof Values) => {\n      if (!values.hasOwnProperty(key))\n        return;\n  \n      if (ObjectHelper.isObject(child[key]))\n        omitChildValues(child[key]);\n      else if (values[key] === null)\n        delete values[key];\n    });\n  }\n\n  omitChildValues(values);\n  return values;\n}\n\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\n\ninterface InitialStatus {\n  allowInitialSubmit: boolean;\n}\n\nexport type FormSubmissionOptions<FormValues = FormikValues> = {\n  reset?: boolean;\n  errors?: FormikErrors<FormValues>;\n};\n\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\n  initialValues: Partial<FormValues | ApiValues>;\n  onSubmit: (data: FormValues, onDone: (options?: FormSubmissionOptions<FormValues>) => void) => void;\n  castInitialValues?: boolean; // cast to validationSchema\n  castValuesOnSubmit?: boolean; // cast to validationSchema\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\n}\n\nFormWrapper.defaultProps = {\n  castInitialValues: true,\n  castValuesOnSubmit: true\n};\n\nexport function FormWrapper<\n  FormValues extends FormikValues = FormikValues,\n  ApiValues extends FormikValues = FormValues,\n  ExtraProps = HashObject\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, ...formikProps } = props;\n\n  /**\n   * If castInitialValues is true, cast initialValues to the validationSchema.\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\n   */\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\n    : initialValues;\n\n  const onSubmitHandler = (\n    values: FormValues,\n    { setSubmitting, resetForm, setFieldError }: FormikHelpers<FormValues>\n  ) => {\n    /**\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\n     * This is useful for trimming inputs:\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\n     */\n    const formattedData = castValuesOnSubmit && props.validationSchema\n      ? props.validationSchema.cast(values)\n      : values;\n\n    onSubmit(formattedData, (options: FormSubmissionOptions<FormValues> = {}) => {\n      options.reset && resetForm();\n\n      if (options.errors) {\n        for (const [ key, value ] of Object.entries(options.errors)) {\n          setFieldError(key, value);\n        }\n      }\n\n      setSubmitting(false);\n    });\n  };\n\n  const initialStatus: InitialStatus = {\n    allowInitialSubmit: props.allowInitialSubmit\n  };\n\n  return (\n    <Formik<FormValues, ExtraProps>\n      enableReinitialize\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\n      initialValues={formattedInitialValues}\n      onSubmit={onSubmitHandler}\n      initialStatus={initialStatus}\n    >\n      {FunctionHelper.isFunction(props.children)\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\n        : React.Children.count(props.children) ? props.children : null\n      }\n    </Formik>\n  );\n}\n\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\n  return useFormikContext<T>();\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.scss';\n\ninterface TabContentsProps {\n  tab: PillTab;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svgName && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svgName={props.tab.svgName} />\n        </div>\n      )}\n\n      {props.tab.name}\n\n      {typeof (props.tab.count) === 'number' && (\n        <div className='ps-2'>\n          <Badge type={BadgeType.Count} data={props.tab.count} />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svgName?: string;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg'\n}\n\nPillTabSelector.defaultProps = {\n  borderRadius: 'lg'\n};\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n\n  return (\n    <nav className={props.className ?? ''}>\n      <ul className={`\n        list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n        ${props.borderRadius ? styles.radiusSmall : ''}\n        ${props.listClassName}\n      `}>\n        {props.tabs.map((tab, index) => {\n          return (\n            <li\n              className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n              key={index}\n            >\n              {tab.appLink ? (\n                <AppLink\n                  appLink={tab.appLink}\n                  analyticsData={tab.analyticsData}\n                  analyticsOptions={tab.analyticsOptions}\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                >\n                  <TabContents tab={tab} />\n                </AppLink>\n              ) : (\n                <DivButton\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ${styles.tabLink}\n                  `}\n                  onClick={() => onSelectTab(tab)}\n                >\n                  <TabContents tab={tab} />\n                </DivButton>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n","export enum AccessSettingsGroup {\n  RequestingAccess = 'requestingAccess',\n  TeacherInvites = 'teacherInvites',\n  AutomaticAccess = 'automaticAccess'\n}","export enum AccessType {\n  Request = 'request',\n  AutoJoin = 'auto-join',\n  NoRequest = 'no-request'\n}","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '22110291468057',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097'\n}\n","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AccessType } from 'libs/shared/enums/AccessType';\nimport { ApprovedDomain, DomainSettingsModel } from 'libs/shared/interfaces/domains/ApprovedDomain';\n\nfunction has(accessType: AccessType, domains: ApprovedDomain[]): boolean {\n  return !!ArrayHelper.findWhere(domains, { accessType });\n}\n\nfunction getFilteredDomains(domains: ApprovedDomain[], ...accessTypes: AccessType[]): ApprovedDomain[] {\n  return domains.filter(domain => accessTypes.some(accessType => accessType === domain.accessType));\n}\n\nexport const DomainSettingsFormHelper = {\n  getInitialJoinRequests(domains: ApprovedDomain[]): DomainSettingsModel {\n    const filteredDomains = getFilteredDomains(domains, AccessType.Request, AccessType.NoRequest);\n  \n    if (has(AccessType.Request, filteredDomains))\n      return { selectedOption: 'allowed', domains: filteredDomains };\n\n    if (has(AccessType.NoRequest, filteredDomains))\n      return { selectedOption: 'none', domains: []};\n      \n    return { selectedOption: 'any', domains: []};\n  },\n  getInitialAccessBehaviour(domains: ApprovedDomain[]): DomainSettingsModel {\n    const filteredDomains = getFilteredDomains(domains, AccessType.AutoJoin);\n\n    if (has(AccessType.AutoJoin, filteredDomains))\n      return { selectedOption: 'allowed', domains: filteredDomains };\n\n    return { selectedOption: 'none', domains: []};\n  },\n  formatRequestData(\n    prevDomains: ApprovedDomain[],\n    values: DomainSettingsModel,\n    accessType: AccessType\n  ): ApprovedDomain[] {\n    const { domains, selectedOption } = values;\n    const prevAutoJoinDomains = getFilteredDomains(prevDomains, AccessType.AutoJoin);\n    const prevRequestDomains = getFilteredDomains(prevDomains, AccessType.Request, AccessType.NoRequest);\n\n    if (accessType === AccessType.Request) {\n      let requestDomains: ApprovedDomain[] = [];\n      switch (selectedOption) {\n        case 'none':\n          requestDomains = [{ accessType: AccessType.NoRequest, domain: '' }];\n          break;\n        case 'allowed':\n          requestDomains = domains.map(domain => ({ ...domain, accessType: AccessType.Request }));\n          break;\n        case 'any':\n      }\n      return [ ...prevAutoJoinDomains, ...requestDomains ];\n    }\n\n    if (accessType === AccessType.AutoJoin) {\n      let autoJoinDomains: ApprovedDomain[] = [];\n      switch (selectedOption) {\n        case 'allowed':\n          autoJoinDomains = domains.map(domain => ({ ...domain, accessType: AccessType.AutoJoin }));\n          break;\n        case 'none':\n      }\n      return [ ...prevRequestDomains, ...autoJoinDomains ];\n    }\n  }\n};\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","import { Core } from 'libs/common/backbone/index';\n\nimport { AccessSettingsGroup } from 'libs/shared/enums/AccessSettingsGroup';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport const AccessSettingsAppLinks: { [key in AccessSettingsGroup]: Core.AppLink } = {\n  [AccessSettingsGroup.RequestingAccess]: {\n    application: AppChannels.SETTINGS,\n    action: Actions.Settings.REQUESTING_ACCESS\n  },\n  [AccessSettingsGroup.TeacherInvites]: {\n    application: AppChannels.SETTINGS,\n    action: Actions.Settings.TEACHER_INVITES\n  },\n  [AccessSettingsGroup.AutomaticAccess]: {\n    application: AppChannels.SETTINGS,\n    action: Actions.Settings.AUTOMATIC_ACCESS\n  }\n};\n","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { Flight } from 'libs/common/flight';\n\nimport { ApprovedDomain } from 'libs/shared/interfaces/domains/ApprovedDomain';\n\nexport const DomainRequests = {\n  domains(customerId: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/customers/${customerId}/approved-domains`,\n      key: 'domains',\n      normalize: false\n    };\n  },\n  updateDomains(\n    customerId: string,\n    data: ApprovedDomain[]\n  ): Flight.Request {\n    return {\n      url: `{gateway}/v1/customers/${customerId}/approved-domains`,\n      key: 'update:domains',\n      type: HttpVerbs.PUT,\n      data,\n      normalize: false,\n      invalidationKeys: ['domains']\n    };\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { useSettings } from 'libs/shared/hooks/useSettings';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function useDomainSettingsSwitch() {\n  const { isLoadingSettings, domainSettings } = useSettings(LocationContext.Settings);\n\n  React.useEffect(() => {\n    if (isLoadingSettings)\n      return;\n\n    if (!domainSettings) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [ domainSettings, isLoadingSettings ]);\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"pillTabSelector\":\"Hdi6o\",\"tab\":\"RvNxr\",\"minWidth\":\"GHSz9\",\"radiusSmall\":\"VhJJa\",\"tabLink\":\"WFyvo\"};"],"names":["domainRegex","RegExp","DomainValidation","values","domains","selectedOption","errors","forEach","domain","index","find","currentDomain","currentIndex","hasChanged","test","length","namespace","getPhrase","LanguageService","errorMessagePhraseMap","requestingAccess","automaticAccess","props","formikProps","view","appLinks","onChangeDomain","removeDomainField","actionMap","AccessSettingsGroup","action","viewAppLink","application","args","getDomainErrorCode","className","ClearableInput","type","name","placeholder","value","onChange","e","preventDefault","updatedDomain","currentTarget","handleChange","onClickClear","autoComplete","showClearButton","domainErrorCode","Text","phrase","options","AppLink","appLink","getDomainErrorMessage","DomainFields","addDomainField","error","errorIndex","ArrayHelper","setFieldError","errorCode","render","map","key","IconButton","svgName","onClick","radioPhraseMap","none","label","description","allowed","any","option","hasDescription","url","onSelectValue","children","FormCheck","id","checked","target","href","infoMessagePhraseMap","DomainSettingsForm","setFieldValue","setErrors","clearFieldError","domainErrors","updatedDomainErrors","filter","err","ArticleHelper","FormButtons","isNew","variant","DomainSettingsFormWrapper","initialValues","onSaveChanges","FormWrapper","validate","validateOnChange","validateOnBlur","onSubmit","DomainSettingsTabs","active","tabs","analyticsData","analyticsOptions","actionType","entity","location","teacherInvites","CloseIcon","viewBox","d","ref","inputProps","role","BreadcrumbItem","breadcrumb","withBackIcon","size","S","Breadcrumbs","breadcrumbs","isMobile","b","idx","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","canSubmit","disabled","showSpinner","isSubmitting","submitText","castInitialValues","castValuesOnSubmit","formattedInitialValues","validationSchema","cast","omitChildValues","child","Object","keys","hasOwnProperty","omitNullInitialValues","initialStatus","allowInitialSubmit","enableReinitialize","setSubmitting","resetForm","formattedData","reset","entries","f","useFormikContextWrapper","defaultProps","TabContents","tab","count","data","PillTabSelector","borderRadius","listClassName","onSelect","onSelectTab","AccessType","OnlineSupportArticle","LiteSupportArticle","has","accessType","getFilteredDomains","accessTypes","some","DomainSettingsFormHelper","getInitialJoinRequests","filteredDomains","getInitialAccessBehaviour","formatRequestData","prevDomains","prevAutoJoinDomains","prevRequestDomains","requestDomains","autoJoinDomains","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","opts","Array","Math","max","floor","random","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","group","modules","settingsModule","SettingsLayout","canAccess","replace","i","heading","headingButton","AccessSettingsAppLinks","DomainRequests","customerId","normalize","updateDomains","invalidationKeys","useDomainSettingsSwitch","isLoadingSettings","domainSettings"],"sourceRoot":""}

package/dist/scripts/9230-c79353d3ee-lite.chunk.js

@@ -1,3 +0,0 @@
-/*! For license information please see 9230-c79353d3ee-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9230],{83657:(e,t,n)=>{n.d(t,{e:()=>s});var r=n(32735),a=n(91967),o=n(10874),i=n(76177),c=n(42735),l=n(86509);function s(e){var t=r.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],s=[];t.forEach((function(e){e.button?n.push(e):s.push(e)}));var u="d-flex";return e.className&&(u+=" ".concat(e.className)),n.length||s.length?r.createElement("div",{className:u},r.createElement(r.Fragment,null,r.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return r.createElement(r.Fragment,{key:t},function(){if(e.label){var t=a.q.isFunction(e.label)?e.label:function(){return r.createElement(r.Fragment,null,e.label)};return r.createElement(c.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=r.createElement(o.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?r.createElement(i.u,{title:e.tooltip,spanHack:!0},n):n}())})):r.createElement(r.Fragment,null),e.sortComponent&&e.sortComponent,s.length?r.createElement(l.m,{actions:s,dropdownToggleClassName:e.actionsDropdownClassName,dropdownToggleSvgSize:e.dropdownToggleSvgSize,fetchMore:e.fetchMore}):r.createElement(r.Fragment,null)))):r.createElement(r.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>h});var r=n(32735),a=n(91967),o=n(81886),i=n(45157),c=n(49985),l=n(36848),s=n(83914),u=n(76177),m=n(35223);const d={dropdownToggle:"UCAnJ"};function p(){return r.createElement(r.Fragment,null,r.createElement("div",{style:{padding:"0.53125rem 1rem"}},r.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"8rem"}})),r.createElement("div",{style:{padding:"0.53125rem 1rem"}},r.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"12rem"}})),r.createElement("div",{style:{padding:"0.53125rem 1rem"}},r.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"11rem"}})),r.createElement("div",{style:{padding:"0.53125rem 1rem"}},r.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"9rem"}})))}function f(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){var t=a.q.isFunction(e.action.label)?e.action.label:function(){return r.createElement(r.Fragment,null,e.action.label)};if(e.action.appLink)return r.createElement(l.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:f(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},e.action.svgName&&r.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),r.createElement("span",{className:"align-middle"},t()));function n(t){t.preventDefault(),e.action.analyticsData&&e.action.analyticsOptions&&c.k.logUserAction(e.action.analyticsData,e.action.analyticsOptions),a.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&o.Q.Ab.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?r.createElement("a",{className:f(e.action.className),onClick:n,href:e.action.href},e.action.svgName&&r.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),r.createElement("span",{className:"align-middle"},t())):r.createElement("span",{className:"cursor-pointer ".concat(f(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},e.action.svgName&&r.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2"}),t())}function h(e){if(!e.actions||!e.actions.length)return r.createElement(r.Fragment,null);var t=e.actions.some((function(e){return e.lazyPlaceholder})),n="dropdown";e.className&&(n+=" ".concat(e.className));var a,o="actions-dropdown-".concat(i.Y.getRandomInt()),c="dropdown-toggle px-0 ".concat(d.dropdownToggle);return e.dropdownToggleClassName&&(c+=" ".concat(e.dropdownToggleClassName)),r.createElement("div",{className:n},r.createElement("button",{className:c,type:"button",id:o,"data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false",onClick:t?e.fetchMore:null},r.createElement(s.x,{svgName:m.vn.More,size:e.dropdownToggleSvgSize})),r.createElement("div",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right","aria-labelledby":o},t?r.createElement(p,null):e.actions.map((function(e,t){var n=void 0!==a&&a!==e.group;return a=e.group,e.tooltip?r.createElement(r.Fragment,{key:t},n&&r.createElement("hr",{className:"dropdown-divider",role:"separator"}),r.createElement(u.u,{title:e.tooltip,spanHack:!0},r.createElement(v,{action:e}))):r.createElement(r.Fragment,{key:t},n&&r.createElement("hr",{className:"dropdown-divider",role:"separator"}),r.createElement(v,{action:e}))}))))}h.defaultProps={dropdownToggleClassName:"btn btn-light",dropdownToggleSvgSize:s.S.Small}},49935:(e,t,n)=>{n.d(t,{Oo:()=>m,b2:()=>d});var r=n(32735),a=n(36848),o=n(86764),i=n(3747),c=n(5859),l=n(35223),s=n(83914),u=function(e){var t=e.breadcrumb,n=t.name,o=t.appLink,i=t.active,c=e.withBackIcon;return r.createElement("li",{className:"breadcrumb-item".concat(i?" active":"")},i?r.createElement("strong",null,n):r.createElement(a.F,{appLink:o},c&&r.createElement(s.x,{svgName:l.vn.ChevronLeft,size:s.S.Small}),r.createElement("span",{className:c?"ms-2":""},n)))},m=function(e){var t=e.breadcrumbs,n=(0,i.a)(o.r.XS),a=null==t?void 0:t.length;return!a||n&&a<2?r.createElement(r.Fragment,null):n?r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(u,{breadcrumb:t[a-2],withBackIcon:!0}))):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return r.createElement(u,{key:t,breadcrumb:e})}))))},d=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,i.a)(o.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},c.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},61254:(e,t,n)=>{n.d(t,{s:()=>c});var r=n(32735),a=n(42648);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var c=r.forwardRef((function(e,t){var n=o(r.useState(e.containerHeight||0),2),i=n[0],c=n[1],l=o(r.useState(0),2),s=l[0],u=l[1],m=r.useRef(null);r.useEffect((function(){var t,n;e.containerHeight||c(null!==(n=null===(t=m.current)||void 0===t?void 0:t.clientHeight)&&void 0!==n?n:0)}),[m.current]);var d,p,f,v=e.items.length,h=Math.ceil(i/e.rowHeight),g=e.rowHeight*v,y=Math.max(0,Math.floor(s/e.rowHeight)-h),b=Math.min(v,y+3*h);return r.createElement("div",{style:(f=null!==(p=null===(d=m.current)||void 0===d?void 0:d.getBoundingClientRect().top)&&void 0!==p?p:0,{height:e.containerHeight||"calc(100vh - ".concat(window.pageYOffset+f+30,"px)"),minHeight:"".concat(5*e.rowHeight,"px"),overflow:"auto"}),ref:m},r.createElement(a.$B,{onScroll:function(e){u(e.currentTarget.scrollTop)},autoHeightMin:g,autoHeightMax:g,ref:t},r.createElement("div",{style:{height:g,paddingTop:y*e.rowHeight}},r.createElement("ul",{className:"w-100 position-relative d-table striped-list list-unstyled no-full-width"},!!e.staticComponentAboveRows&&e.staticComponentAboveRows,function(){for(var t=[],n=y;n<b;){var r=e.items[n];r&&t.push(e.getComponent(r,n)),n++}return t}(),!!e.staticComponentBelowRows&&e.staticComponentBelowRows))))}))},99705:(e,t,n)=>{var r,a;n.d(t,{b:()=>a}),function(e){e.AddToPlaylist="115005679748",e.EditSsoAccounts="8202508040345",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788"}(r||(r={})),function(e){e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873",e.EditSsoAccounts="8202605666073",e.UploadToLibraryEditor="10672936659865",e.AddFromLite="10671345281561",e.ManageSsoYearGroups="14691130889241",e.ContentReview="18525199576601",e.ContentPermissions="14692125209497",e.AccessSettings="22110291468057",e.ContentGuidelines="24133696186009",e.FoxtelFaq="24133519542169",e.ViviIntegration="23826297956377",e.AppleTvIntegration="25832373739929",e.RssFeed="32567445635097"}(a||(a={}))},5859:(e,t,n)=>{function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,{u:()=>o});var a={numItems:5,minWidth:50,maxWidth:100},o={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},a),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},81803:(e,t,n)=>{n.d(t,{d:()=>f});var r=n(32735),a=n(81886),o=n(23481),i=n(49935),c=n(22902),l=n(14070),s=n(97291),u=n(96368);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var d="settings.settingsLayout",p=function(e){var t=(0,c.T)().hasPermissions,n=(0,u.e)();if(e)return t(e);var r=a.Q.C$.getCurrentAppLink();return r.application!==s.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===r.action}))}))};function f(e){var t,n=p(e.requiredPermissions);if(r.useEffect((function(){n||a.Q.C$.trigger({application:s.O.SETTINGS,action:l.e.Settings.HOME},{replace:!0})}),[n]),!n)return r.createElement(r.Fragment,null);var c,u=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:s.O.SETTINGS,action:l.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),r.createElement("div",{className:"pb-3"},r.createElement(i.Oo,{breadcrumbs:[{name:o.T.getPhrase(d,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:l.e.Settings.HOME}}].concat((c=u,function(e){if(Array.isArray(e))return m(e)}(c)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(c)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(c)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&r.createElement(r.Fragment,null,r.createElement("p",null,e.description),r.createElement("hr",null)),e.children)}},28611:(e,t,n)=>{n.d(t,{i:()=>o});var r=n(32735);const a={numberContainer:"JBRDi"};function o(e){var t=e.number,n=e.children,o=e.className,i=void 0===o?"":o;return r.createElement("div",{className:"d-flex align-items-center mb-3 ".concat(i)},r.createElement("div",{className:"d-flex align-items-center justify-content-center bg-dark rounded-circle ".concat(a.numberContainer)},r.createElement("span",{className:"text-light"},t)),r.createElement("div",{className:"ms-2"},n))}},65271:(e,t,n)=>{n.r(t),n.d(t,{AppleTvSettingsView:()=>ne});var r=n(32735),a=n(23481),o=n(61254),i=n(16714),c=n(69883),l=n(83657),s=n(86509),u=n(83914),m=n(35223),d=n(12399);const p={indicator:"xidrU"};function f(e){return f="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},f(e)}function v(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=f(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==f(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var h=a.T.encloseNamespace("settings.deviceListItem");function g(e){var t=e.status,n=e.name,a=e.onUnpair,o=e.onRename;return r.createElement("li",{className:"d-flex align-items-center p-2 justify-content-between"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement(u.x,{svgName:m.vn.AppleTv,className:"svg-container me-2"}),r.createElement("div",null,n)),r.createElement("div",{className:"d-flex align-items-center"},r.createElement(E,{status:t}),o&&r.createElement(l.e,{actions:[{svgName:m.vn.Edit,className:"btn btn-link svg-container",onClick:o,button:!0,disabled:t!==d.L.Available}]}),r.createElement(s.m,{actions:[{label:h("unpairActionButton"),onClick:a}],dropdownToggleClassName:"btn ms-3"})))}var y=v(v(v({},d.L.Available,"bg-success"),d.L.Busy,"bg-warning"),d.L.Offline,"bg-secondary"),b=v(v(v({},d.L.Available,h("availableStatusLabel")),d.L.Busy,h("busyStatusLabel")),d.L.Offline,h("offlineStatusLabel"));function E(e){var t,n,a=null!==(t=y[e.status])&&void 0!==t?t:"",o=null!==(n=b[e.status])&&void 0!==n?n:"";return r.createElement("div",{className:"d-flex align-items-center me-4"},r.createElement("div",{className:"".concat(p.indicator," ").concat(a," me-2")}),r.createElement("span",null,o))}var w=n(81803),N=n(20354),S=n(1666),x=n(2744),k=n(31949),A=n(86086);function T(e,t){if(e){if("string"==typeof e)return L(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var C=n(89725),I=n(11607),O=n(86794),j=n(83345),F=n(99705),P=n(12778),M=n(99742),_=n(28611);const D={deviceInput:"hkziS",pinInput:"_oWnE",image:"s5WWG",inputWrapper:"BTvzv"};var H="settings.appleTv.pairDeviceView",B=a.T.encloseNamespace(H);function R(e){var t=e.deviceName,n=e.pin,a=e.onDeviceNameChange,o=e.onPinChange,i=e.onActivate;return r.createElement("div",{className:"rounded-3 px-4 py-3 mt-3 bg-light-blue d-flex flex-row justify-content-between"},r.createElement("div",null,r.createElement("p",{className:"fw-bold"},r.createElement(j.x,{namespace:H,phrase:"instructionsHeading"})),r.createElement(_.i,{number:1},r.createElement("div",{className:"d-flex align-items-center flex-wrap"},r.createElement(j.x,{namespace:H,phrase:"instructionsStep1Fragment1"}),r.createElement(O.b,{className:"mx-1",size:u.S.Small},r.createElement(C.F,null)),r.createElement(j.x,{namespace:H,phrase:"instructionsStep1Fragment2"}),r.createElement(u.x,{svgName:m.vn.AppleTv,size:u.S.Small}),r.createElement(j.x,{namespace:H,phrase:"instructionsStep1Fragment3"}))),r.createElement(_.i,{number:2},r.createElement(j.x,{namespace:H,phrase:"instructionsStep2"})),r.createElement("div",{className:"".concat(D.inputWrapper," d-flex align-items-end form-group flex-wrap")},r.createElement("div",{className:"d-flex flex-column me-2 mb-3"},r.createElement("label",{className:"fw-bold mb-1",htmlFor:"create"},r.createElement(j.x,{namespace:H,phrase:"deviceNameInputLabel"})),r.createElement("input",{id:"device",className:"form-control form-control-md ".concat(D.deviceInput),value:t,onChange:function(e){return a(e.target.value)},autoComplete:"off",placeholder:B("deviceNameInputPlaceholder")})),r.createElement("div",{className:"d-flex flex-column me-2 mb-3"},r.createElement("label",{className:"fw-bold mb-1",htmlFor:"create"},r.createElement(j.x,{namespace:H,phrase:"pinInputLabel"})),r.createElement("input",{id:"pin",className:"form-control form-control-md ".concat(D.pinInput),value:n,onChange:function(e){return o(e.target.value)},autoComplete:"off",placeholder:"1234"})),r.createElement(I.L,{onClick:i,className:"btn btn-dark mb-3"},r.createElement(j.x,{namespace:H,phrase:"activateButton"}))),r.createElement(_.i,{number:3},r.createElement(j.x,{namespace:H,phrase:"instructionsStep3Fragment1"}),r.createElement(u.x,{svgName:m.vn.Cast,size:u.S.Small}),r.createElement(j.x,{namespace:H,phrase:"instructionsStep3Fragment2"})),r.createElement("a",{href:P.o.getLiteArticle(F.b.AppleTvIntegration),target:"_blank",className:"text-info mt-2"},r.createElement(j.x,{namespace:H,phrase:"learnMore"}))),r.createElement("div",{className:"ms-2 d-flex align-items-center"},r.createElement("img",{className:D.image,role:"presentation",src:M.W.Devices.APPLE_TV})))}var G=n(9111),U=n(13876);function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var W="settings.appleTvSettings.renameDevicePopup",$=a.T.encloseNamespace(W);function q(e){var t,n,a=(t=r.useState(e.name),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return z(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?z(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=a[0],i=a[1],c=o.trim();return r.createElement(G.G,{title:$("title"),closePopup:e.closePopup},r.createElement("div",{className:"form-group"},r.createElement("label",{className:"fw-bold mb-2",htmlFor:"edit"},r.createElement(j.x,{namespace:W,phrase:"inputLabel"})),r.createElement("input",{value:o,onChange:function(e){return i(e.target.value)},className:"form-control form-control-md mb-4",autoFocus:!0,placeholder:$("inputPlaceholder")})),r.createElement(U.u,null,r.createElement(U.u.Cancel,{onClick:e.closePopup}),r.createElement(U.u.Submit,{disabled:!c,variant:"dark",text:$("saveButton"),onClick:function(){return e.onRename(c)},showSpinner:e.showSpinner})))}var V="settings.appleTvSettings.unpairDevicePopup",Y=a.T.encloseNamespace(V);function Q(e){var t=e.closePopup,n=e.showSpinner,a=e.deviceName,o=e.onUnpair;return r.createElement(G.G,{title:Y("title"),closePopup:t},r.createElement("p",null,r.createElement(j.x,{namespace:V,phrase:"warning",options:{name:a}})),r.createElement("p",null,r.createElement(j.x,{namespace:V,phrase:"subWarning"})),r.createElement(U.u,null,r.createElement(U.u.Cancel,{onClick:t}),r.createElement(U.u.Submit,{variant:"danger",text:Y("unpairButton"),onClick:o,showSpinner:n})))}function J(e){return J="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},J(e)}function K(){K=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",c=o.asyncIterator||"@@asyncIterator",l=o.toStringTag||"@@toStringTag";function s(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,n){return e[t]=n}}function u(e,t,n,r){var o=t&&t.prototype instanceof g?t:g,i=Object.create(o.prototype),c=new I(r||[]);return a(i,"_invoke",{value:A(e,n,c)}),i}function m(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",p="suspendedYield",f="executing",v="completed",h={};function g(){}function y(){}function b(){}var E={};s(E,i,(function(){return this}));var w=Object.getPrototypeOf,N=w&&w(w(O([])));N&&N!==n&&r.call(N,i)&&(E=N);var S=b.prototype=g.prototype=Object.create(E);function x(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function k(e,t){function n(a,o,i,c){var l=m(e[a],e,o);if("throw"!==l.type){var s=l.arg,u=s.value;return u&&"object"==J(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,i,c)}),(function(e){n("throw",e,i,c)})):t.resolve(u).then((function(e){s.value=e,i(s)}),(function(e){return n("throw",e,i,c)}))}c(l.arg)}var o;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return o=o?o.then(a,a):a()}})}function A(t,n,r){var a=d;return function(o,i){if(a===f)throw Error("Generator is already running");if(a===v){if("throw"===o)throw i;return{value:e,done:!0}}for(r.method=o,r.arg=i;;){var c=r.delegate;if(c){var l=T(c,r);if(l){if(l===h)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=v,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=f;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?v:p,s.arg===h)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=v,r.method="throw",r.arg=s.arg)}}}function T(t,n){var r=n.method,a=t.iterator[r];if(a===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,T(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),h;var o=m(a,t.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,h;var i=o.arg;return i?i.done?(n[t.resultName]=i.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,h):i:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,h)}function L(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function I(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(L,this),this.reset(!0)}function O(t){if(t||""===t){var n=t[i];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function n(){for(;++a<t.length;)if(r.call(t,a))return n.value=t[a],n.done=!1,n;return n.value=e,n.done=!0,n};return o.next=o}}throw new TypeError(J(t)+" is not iterable")}return y.prototype=b,a(S,"constructor",{value:b,configurable:!0}),a(b,"constructor",{value:y,configurable:!0}),y.displayName=s(b,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,s(e,l,"GeneratorFunction")),e.prototype=Object.create(S),e},t.awrap=function(e){return{__await:e}},x(k.prototype),s(k.prototype,c,(function(){return this})),t.AsyncIterator=k,t.async=function(e,n,r,a,o){void 0===o&&(o=Promise);var i=new k(u(e,n,r,a),o);return t.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},x(S),s(S,l,"Generator"),s(S,i,(function(){return this})),s(S,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=O,I.prototype={constructor:I,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(C),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function a(r,a){return c.type="throw",c.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],c=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var l=r.call(i,"catchLoc"),s=r.call(i,"finallyLoc");if(l&&s){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var a=this.tryEntries[n];if(a.tryLoc<=this.prev&&r.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,h):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),C(n),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var a=r.arg;C(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:O(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),h}},t}function X(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Z(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Z(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var ee=function(e,t,n,r){return new(n||(n=Promise))((function(a,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function c(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}l((r=r.apply(e,t||[])).next())}))},te=a.T.encloseNamespace("settings.appleTv");function ne(){var e=function(){var e,t,n,a,o=(n=r.useState([]),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return c}}(n,a)||T(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=o[0],c=o[1],l=r.useRef(),s=N.a.useGetFetchAsync(),u=N.a.useBasicFetch(k.N.currentUser()),m=N.a.useBasicFetch((null===(e=u.data)||void 0===e?void 0:e.isAuthenticated)&&S.h.customer(u.data.customerId));return r.useEffect((function(){var e,t,n;if((null===(e=u.data)||void 0===e?void 0:e.isAuthenticated)&&m.hasCompleted)return l.current=new A.w({fetchAccessToken:function(){return s(x.z.getAppleTvAccessToken())},userId:parseInt(null===(t=u.data)||void 0===t?void 0:t.id)}),null===(n=l.current)||void 0===n||n.on("deviceschange",(function(){var e;c(function(e){return function(e){if(Array.isArray(e))return L(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||T(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(null===(e=l.current)||void 0===e?void 0:e.getDevices()))})),function(){var e;return null===(e=l.current)||void 0===e?void 0:e.dispose()}}),[null===(t=u.data)||void 0===t?void 0:t.isAuthenticated,m.hasCompleted]),{devices:i,pair:function(e){var t,n;return null===(t=l.current)||void 0===t?void 0:t.pair(Object.assign(Object.assign({},e),{crmId:parseInt(null===(n=m.data)||void 0===n?void 0:n.crmId)}))},unpair:function(e){var t;return null===(t=l.current)||void 0===t?void 0:t.unpair(e)},rename:function(e){return null==l?void 0:l.current.renameDevice(e)}}}(),t=e.devices,n=e.pair,a=e.unpair,l=e.rename,s=X(r.useState(""),2),u=s[0],m=s[1],d=X(r.useState(""),2),p=d[0],f=d[1],v=X(r.useState(),2),h=v[0],y=v[1],b=X(r.useState(),2),E=b[0],C=b[1],I=X(r.useState(!1),2),O=I[0],j=I[1],F=(0,c.Z)();return r.createElement(w.d,{heading:te("heading"),breadcrumbs:[te("heading")],requiredPermissions:i.C.ManageIntegrations},h&&r.createElement(q,{name:h.name,showSpinner:O,onRename:function(e){return function(e,t){return ee(this,void 0,void 0,K().mark((function n(){return K().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,j(!0),n.next=4,l({deviceId:e,deviceName:t});case 4:y(void 0),F.success(te("deviceRenamingSuccessMessage")),n.next=12;break;case 8:n.prev=8,n.t0=n.catch(0),console.error(n.t0),F.error(te("deviceRenamingErrorMessage"));case 12:return n.prev=12,j(!1),n.finish(12);case 15:case"end":return n.stop()}}),n,null,[[0,8,12,15]])})))}(h.id,e)},closePopup:function(){return y(void 0)}}),E&&r.createElement(Q,{showSpinner:O,deviceName:E.name,onUnpair:function(){return function(e){return ee(this,void 0,void 0,K().mark((function t(){return K().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,j(!0),t.next=4,a(e);case 4:C(void 0),F.success(te("deviceUnpairingSuccessMessage")),t.next=12;break;case 8:t.prev=8,t.t0=t.catch(0),console.error(t.t0),F.error(te("deviceUnpairingErrorMessage"));case 12:return t.prev=12,j(!1),t.finish(12);case 15:case"end":return t.stop()}}),t,null,[[0,8,12,15]])})))}(E.id)},closePopup:function(){return C(void 0)}}),r.createElement(R,{deviceName:u,pin:p,onDeviceNameChange:m,onPinChange:f,onActivate:function(){return ee(this,void 0,void 0,K().mark((function e(){var t,r;return K().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,t=u.trim(),r=p.trim(),t){e.next=5;break}return e.abrupt("return");case 5:if(r){e.next=7;break}return e.abrupt("return");case 7:return e.next=9,n({deviceName:t,pin:r});case 9:m(""),f(""),F.success(te("devicePairingSuccessMessage")),e.next=18;break;case 14:e.prev=14,e.t0=e.catch(0),console.error(e.t0),F.error(te("devicePairingErrorMessage"));case 18:case"end":return e.stop()}}),e,null,[[0,14]])})))}}),t.length?r.createElement("h2",{className:"h5 mt-4"},te("activatedListHeading")):null,r.createElement(o.s,{items:t,rowHeight:55,getComponent:function(e){return r.createElement(g,{key:e.id,name:e.name,status:e.status,onUnpair:function(){return C(e)}})}}))}},95569:(e,t,n)=>{n.d(t,{Ds:()=>a,P2:()=>r});var r=function(e,t){var n=window.performance.now();return function(){var r=window.performance.now();r-n>=t&&(e.apply(void 0,arguments),n=r)}},a=function(e,t,n){var r,a=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:window,i=function(){for(var i=arguments.length,c=new Array(i),l=0;l<i;l++)c[l]=arguments[l];var s=!1,u=function(){r=null,u=null,e.apply(this,c)};return!r&&n&&(e.apply(a,c),s=!0),o.clearTimeout(r),r=o.setTimeout(u,t),s};return i.cancel=function(){o.clearTimeout(r),r=null},i}}}]);
-//# sourceMappingURL=9230-c79353d3ee-lite.chunk.js.map

package/dist/scripts/9230-c79353d3ee-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/9230-c79353d3ee-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/actions/Actions.tsx","file:///app/packages/libs/shared/src/components/actions/actions.scss","file:///app/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/windowed-list/WindowedList.tsx","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/components/settings-ordered-list-item/settings-ordered-list-item.scss","file:///app/packages/projects/lite/src/apps/settings/components/settings-ordered-list-item/SettingsOrderedListItem.tsx","file:///app/packages/projects/lite/src/apps/settings/components/device-list-item/device-list-item.scss","file:///app/packages/projects/lite/src/apps/settings/components/device-list-item/DeviceListItem.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/pair-device-view/pair-device-view.scss","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/pair-device-view/PairDeviceView.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/rename-device-popup/RenameDevicePopup.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/unpair-device-popup/UnpairDevicePopup.tsx","file:///app/packages/projects/lite/src/apps/settings/views/integration-settings/apple-tv-settings/AppleTvSettingsView.tsx","file:///app/packages/projects/lite/src/apps/settings/hooks/useAppleTvClient.ts","file:///app/packages/projects/player/src/utils/fn.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { ActionButton } from './ActionButton';\nimport { ActionsDropdown } from './ActionsDropdown';\n\nexport interface ActionOptions {\n  order?: number;\n  label?: string | (() => JSX.Element);\n  appLink?: Core.AppLink;\n  href?: string;\n  onClick?: () => void;\n  svgName?: string;\n  className?: string;\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\n  tooltip?: string;\n  showSpinner?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  disabled?: boolean;\n  openInNewTab?: boolean; // Only used if appLink or href is provided\n  group?: string;\n  lazyPlaceholder?: boolean;\n}\n\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\n\ninterface ActionsProps {\n  actions: ActionOptions[];\n  className?: string;\n  actionsDropdownClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  sortComponent?: JSX.Element;\n  fetchMore?: () => void;\n}\n\nexport function Actions(props: ActionsProps): JSX.Element {\n  const orderedActions = React.useMemo(() => props.actions.sort((a, b) => a.order - b.order), [props.actions]);\n\n  const buttonActions: ActionOptions[] = [];\n  const moreActions: ActionOptions[] = [];\n\n  orderedActions.forEach(a => {\n    if (a.button)\n      buttonActions.push(a);\n    else\n      moreActions.push(a);\n  });\n\n  let className = 'd-flex';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  if (!buttonActions.length && !moreActions.length)\n    return <></>;\n\n  return (\n    <div className={className}>\n      <>\n        <span className='d-flex align-items-center'>\n          {buttonActions.length ? buttonActions.map((a, idx) => (\n            <React.Fragment key={idx}>\n              {(() => {\n                if (a.label) {\n                  const label = FunctionHelper.isFunction(a.label)\n                    ? a.label\n                    : () => <>{a.label}</>;\n                  \n                  return (\n                    <ActionButton\n                      appLink={a.appLink}\n                      href={a.href}\n                      onClick={a.onClick}\n                      svgName={a.svgName}\n                      className={a.className}\n                      tooltip={a.tooltip}\n                      showSpinner={a.showSpinner}\n                      analyticsData={a.analyticsData}\n                      analyticsOptions={a.analyticsOptions}\n                      openInNewTab={a.openInNewTab}\n                      disabled={a.disabled}\n                    >\n                      {label()}\n                    </ActionButton>\n                  );\n                }\n\n                const iconButton = (\n                  <IconButton\n                    appLink={a.appLink}\n                    href={a.href}\n                    onClick={a.onClick}\n                    svgName={a.svgName}\n                    className={a.className}\n                    analyticsData={a.analyticsData}\n                    analyticsOptions={a.analyticsOptions}\n                    openInNewTab={a.openInNewTab}\n                    disabled={a.disabled}\n                  />\n                );\n\n                return a.tooltip\n                  ? <Tooltip title={a.tooltip} spanHack>{iconButton}</Tooltip>\n                  : iconButton;\n              })()}\n            </React.Fragment>\n          )) : <></>}\n          {props.sortComponent && props.sortComponent}\n          {moreActions.length ? (\n            <ActionsDropdown\n              actions={moreActions}\n              dropdownToggleClassName={props.actionsDropdownClassName}\n              dropdownToggleSvgSize={props.dropdownToggleSvgSize}\n              fetchMore={props.fetchMore}\n            />\n          ) : <></>}\n        </span>\n      </>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dropdownToggle\":\"UCAnJ\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ActionOptions } from './Actions';\n\nimport styles from './actions.scss';\n\nfunction LazyDropdownItems(): JSX.Element {\n  return (\n    <>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '8rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '12rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '11rem' }}></div>\n      </div>\n      <div style={{ padding: '0.53125rem 1rem' }}>\n        <div className='partial-loading-background' style={{ height: '1.0625rem', width: '9rem' }}></div>\n      </div>\n    </>\n  );\n}\n\nfunction getDropdownItemClassName(actionClassName?: string): string {\n  let className = 'dropdown-item';\n\n  if (actionClassName)\n    className += ` ${actionClassName}`;\n\n  return className;\n}\n\nexport type DropdownActionOptions = Omit<ActionOptions, 'button'>;\n\ninterface ActionsDropdownItemProps {\n  action: DropdownActionOptions;\n}\n\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\n  const label = FunctionHelper.isFunction(props.action.label)\n    ? props.action.label\n    : () => <>{props.action.label}</>;\n\n  if (props.action.appLink)\n    return (\n      <AppLink\n        appLink={props.action.appLink}\n        onClick={props.action.onClick}\n        className={getDropdownItemClassName(props.action.className)}\n        analyticsData={props.action.analyticsData}\n        analyticsOptions={props.action.analyticsOptions}\n        openInNewTab={props.action.openInNewTab}\n        disabled={props.action.disabled}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </AppLink>\n    );\n\n  function onClick(e: React.MouseEvent | React.KeyboardEvent): void {\n    e.preventDefault();\n\n    if (props.action.analyticsData && props.action.analyticsOptions)\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\n\n    if (FunctionHelper.isFunction(props.action.onClick))\n      props.action.onClick();\n\n    if (props.action.href)\n      Core.LocationUtils.PageLoad(props.action.href, props.action.openInNewTab);\n  }\n\n  if (props.action.href) {\n    return (\n      <a\n        className={getDropdownItemClassName(props.action.className)}\n        onClick={onClick}\n        href={props.action.href}\n      >\n        {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2 align-middle' />}\n        <span className='align-middle'>{label()}</span>\n      </a>\n    );\n  }\n\n  return (\n    <span\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\n      onClick={onClick}\n      role='button'\n      tabIndex={0}\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && onClick(e)}\n    >\n      {props.action.svgName && <SvgContainer svgName={props.action.svgName} className='d-inline-block svg-container me-2' />}\n      {label()}\n    </span>\n  );\n}\n\ninterface ActionsDropdownProps {\n  actions: DropdownActionOptions[];\n  className?: string;\n  dropdownToggleClassName?: string;\n  dropdownToggleSvgSize?: SvgContainerSize;\n  fetchMore?: () => void;\n}\n\nActionsDropdown.defaultProps = {\n  dropdownToggleClassName: 'btn btn-light',\n  dropdownToggleSvgSize: SvgContainerSize.Small\n};\n\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\n  if (!props.actions || !props.actions.length)\n    return <></>;\n\n  const isLazy = props.actions.some(a => a.lazyPlaceholder);\n\n  let className = 'dropdown';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  // Generate unique id to avoid collisions.\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\n\n  let dropdownToggleClassName = `dropdown-toggle px-0 ${styles.dropdownToggle}`;\n\n  if (props.dropdownToggleClassName)\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\n\n  let currentGroup: string;\n\n  return (\n    <div className={className}>\n      <button\n        className={dropdownToggleClassName}\n        type='button'\n        id={dropdownToggleId}\n        data-bs-toggle='dropdown'\n        data-toggle='dropdown'\n        aria-haspopup='true'\n        aria-expanded='false'\n        onClick={isLazy ? props.fetchMore : null}\n      >\n        <SvgContainer svgName={cvSvgLibrary.More} size={props.dropdownToggleSvgSize} />\n      </button>\n      <div className='dropdown-menu dropdown-menu-end dropdown-menu-right' aria-labelledby={dropdownToggleId}>\n        {isLazy ?\n          <LazyDropdownItems /> :\n          props.actions.map((a, idx) => {\n            const showDivider = currentGroup !== undefined && currentGroup !== a.group;\n            currentGroup = a.group;\n  \n            if (a.tooltip) {\n              return (\n                <React.Fragment key={idx}>\n                  {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                  <Tooltip title={a.tooltip} spanHack>\n                    <ActionsDropdownItem action={a} />\n                  </Tooltip>\n                  \n                </React.Fragment>\n              );\n            }\n  \n            return (\n              <React.Fragment key={idx}>\n                {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                <ActionsDropdownItem action={a} />\n              </React.Fragment>\n            );\n          })\n        }\n      </div>\n    </div>\n  );\n}","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\ninterface WindowedListProps<TObject> {\n  items: TObject[];\n  getComponent: (item: TObject, index: number) => JSX.Element;\n  rowHeight: number;\n  containerHeight?: number;\n\n  staticComponentAboveRows?: JSX.Element;\n  staticComponentBelowRows?: JSX.Element;\n}\n\nexport const WindowedList = React.forwardRef((\n  props: WindowedListProps<any>,\n  ref: React.Ref<Scrollbars>\n) => {\n  const [ availableHeight, setAvailableHeight ] = React.useState<number>(props.containerHeight || 0);\n  const [ scrollTop, setScrollTop ] = React.useState<number>(0);\n\n  const tableRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    if (props.containerHeight)\n      return;\n\n    setAvailableHeight(tableRef.current?.clientHeight ?? 0);\n  }, [tableRef.current]);\n\n  const numRows = props.items.length;\n  const totalRowsVisible = Math.ceil(availableHeight / props.rowHeight);\n  const totalHeight = props.rowHeight * numRows;\n\n  const startIndex = Math.max(\n    0,\n    Math.floor(scrollTop / props.rowHeight) - totalRowsVisible\n  );\n\n  const endIndex = Math.min(\n    numRows,\n    startIndex + (totalRowsVisible * 3)\n  );\n\n  function onScrollTable(e: React.UIEvent<HTMLDivElement>): void {\n    setScrollTop(e.currentTarget.scrollTop);\n  }\n\n  function getTableStyles(): React.CSSProperties {\n    const tablePosFromTop = tableRef.current?.getBoundingClientRect().top ?? 0;\n\n    const height = props.containerHeight || `calc(100vh - ${window.pageYOffset + tablePosFromTop + 30}px)`;\n    \n    return {\n      height,\n      minHeight: `${props.rowHeight * 5}px`,\n      overflow: 'auto'\n    };\n  }\n\n  function getRows(): JSX.Element[] {\n    const items = [];\n  \n    let index = startIndex;\n    while (index < endIndex) {\n      const item = props.items[index];\n\n      if (item)\n        items.push(props.getComponent(item, index));\n  \n      index++;\n    }\n\n    return items;\n  }\n\n  return (\n    <div style={getTableStyles()} ref={tableRef}>\n      <Scrollbars\n        onScroll={onScrollTable}\n        autoHeightMin={totalHeight}\n        autoHeightMax={totalHeight}\n        ref={ref}\n      >\n        <div style={{ height: totalHeight, paddingTop: startIndex * props.rowHeight }}>\n          <ul className='w-100 position-relative d-table striped-list list-unstyled no-full-width'>\n            {!!props.staticComponentAboveRows && props.staticComponentAboveRows}\n            {getRows()}\n            {!!props.staticComponentBelowRows && props.staticComponentBelowRows}\n          </ul>\n        </div>\n      </Scrollbars>\n    </div>\n  );\n});","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '22110291468057',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097'\n}\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"numberContainer\":\"JBRDi\"};","import React from 'react';\n\nimport styles from './settings-ordered-list-item.scss';\n\ninterface SettingsOrderedListItemProps {\n  number: number;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function SettingsOrderedListItem({ number, children, className = '' }: SettingsOrderedListItemProps): JSX.Element {\n  return (\n    <div className={`d-flex align-items-center mb-3 ${className}`}>\n      <div className={`d-flex align-items-center justify-content-center bg-dark rounded-circle ${styles.numberContainer}`}>\n        <span className='text-light'>{number}</span>\n      </div>\n      <div className='ms-2'>\n        {children}\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"indicator\":\"xidrU\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Actions as ActionsButton } from 'libs/shared/components/actions/Actions';\nimport { ActionsDropdown } from 'libs/shared/components/actions/ActionsDropdown';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { DeviceStatus } from 'projects/player/plugins/devices-plugin/clients/client-interfaces';\n\nimport styles from './device-list-item.scss';\n\nconst namespace = 'settings.deviceListItem';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface DeviceListItemProps {\n  name: string;\n  status: DeviceStatus;\n  onUnpair: () => void;\n  onRename?: () => void;\n}\n\nexport function DeviceListItem(props: DeviceListItemProps): React.ReactElement {\n  const { status, name, onUnpair, onRename } = props;\n\n  return (\n    <li className='d-flex align-items-center p-2 justify-content-between'>\n      <div className='d-flex align-items-center'>\n        <SvgContainer svgName={cvSvgLibrary.AppleTv} className='svg-container me-2'/>\n        <div>{name}</div>\n      </div>\n\n      <div className='d-flex align-items-center'>\n        <DeviceStatusIndicator status={status}/>\n        { onRename && <ActionsButton\n          actions={[{\n            svgName: cvSvgLibrary.Edit,\n            className: 'btn btn-link svg-container',\n            onClick: onRename,\n            button: true,\n            disabled: status !== DeviceStatus.Available\n          }]}/>\n        }\n        <ActionsDropdown\n          actions={[{ label: getPhrase('unpairActionButton'), onClick: onUnpair }]}\n          dropdownToggleClassName='btn ms-3'\n        />\n      </div>\n    </li>\n  );\n}\n\nconst statusIndicatorColors = {\n  [DeviceStatus.Available]: 'bg-success',\n  [DeviceStatus.Busy]: 'bg-warning',\n  [DeviceStatus.Offline]: 'bg-secondary'\n};\n\nconst statusIndicatorLabels = {\n  [DeviceStatus.Available]: getPhrase('availableStatusLabel'),\n  [DeviceStatus.Busy]: getPhrase('busyStatusLabel'),\n  [DeviceStatus.Offline]: getPhrase('offlineStatusLabel')\n};\n\nfunction DeviceStatusIndicator(props: Pick<DeviceListItemProps, 'status'>) {\n  const color = statusIndicatorColors[props.status] ?? '';\n  const label = statusIndicatorLabels[props.status] ?? '';\n\n  return (\n    <div className='d-flex align-items-center me-4'>\n      <div className={`${styles.indicator} ${color} me-2`} />\n      <span>{label}</span>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"deviceInput\":\"hkziS\",\"pinInput\":\"_oWnE\",\"image\":\"s5WWG\",\"inputWrapper\":\"BTvzv\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { SvgContainer2 } from 'libs/shared/components/svg-container/SvgContainer2';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { SettingsOrderedListItem } from 'apps/settings/components/settings-ordered-list-item/SettingsOrderedListItem';\n\nimport styles from './pair-device-view.scss';\n\nconst namespace = 'settings.appleTv.pairDeviceView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PairDeviceViewProps {\n  deviceName: string;\n  pin: string;\n  onDeviceNameChange: (deviceName: string) => void;\n  onPinChange: (pin: string) => void;\n  onActivate: () => void;\n}\n\nexport function PairDeviceView(props: PairDeviceViewProps): JSX.Element {\n  const { deviceName, pin, onDeviceNameChange, onPinChange, onActivate } = props;\n \n  return (\n    <div className='rounded-3 px-4 py-3 mt-3 bg-light-blue d-flex flex-row justify-content-between'>\n      <div>\n        <p className='fw-bold'>\n          <Text namespace={namespace} phrase='instructionsHeading' />\n        </p>\n\n        <SettingsOrderedListItem number={1}>\n          <div className='d-flex align-items-center flex-wrap'>\n            <Text namespace={namespace} phrase='instructionsStep1Fragment1' />\n            <SvgContainer2 className='mx-1' size={SvgContainerSize.Small}>\n              <ClickViewAvatar />\n            </SvgContainer2>\n            <Text namespace={namespace} phrase='instructionsStep1Fragment2' />\n            <SvgContainer svgName={cvSvgLibrary.AppleTv} size={SvgContainerSize.Small} />\n            <Text namespace={namespace} phrase='instructionsStep1Fragment3' />\n          </div>\n        </SettingsOrderedListItem>\n\n        <SettingsOrderedListItem number={2}>\n          <Text namespace={namespace} phrase='instructionsStep2' />\n        </SettingsOrderedListItem>\n\n        <div className={`${styles.inputWrapper} d-flex align-items-end form-group flex-wrap`}>\n          <div className='d-flex flex-column me-2 mb-3'>\n            <label className='fw-bold mb-1' htmlFor='create'>\n              <Text namespace={namespace} phrase='deviceNameInputLabel'/>\n            </label>\n            <input\n              id='device'\n              className={`form-control form-control-md ${styles.deviceInput}`}\n              value={deviceName}\n              onChange={e => onDeviceNameChange(e.target.value)}\n              autoComplete='off'\n              placeholder={getPhrase('deviceNameInputPlaceholder')}\n            />\n          </div>\n\n          <div className='d-flex flex-column me-2 mb-3'>\n            <label className='fw-bold mb-1' htmlFor='create'>\n              <Text namespace={namespace} phrase='pinInputLabel'/>\n            </label>\n            <input\n              id='pin'\n              className={`form-control form-control-md ${styles.pinInput}`}\n              value={pin}\n              onChange={e => onPinChange(e.target.value)}\n              autoComplete='off'\n              placeholder='1234'\n            />\n          </div>\n\n          <DivButton onClick={onActivate} className='btn btn-dark mb-3'>\n            <Text namespace={namespace} phrase='activateButton' />\n          </DivButton>\n        </div>\n\n        <SettingsOrderedListItem number={3}>\n          <Text namespace={namespace} phrase='instructionsStep3Fragment1' />\n          <SvgContainer svgName={cvSvgLibrary.Cast} size={SvgContainerSize.Small} />\n          <Text namespace={namespace} phrase='instructionsStep3Fragment2' />\n        </SettingsOrderedListItem>\n\n        <a\n          href={ArticleHelper.getLiteArticle(LiteSupportArticle.AppleTvIntegration)}\n          target='_blank'\n          className='text-info mt-2'\n        >\n          <Text namespace={namespace} phrase='learnMore' />\n        </a>\n\n      </div>\n\n      <div className='ms-2 d-flex align-items-center'>\n        <img className={styles.image} role='presentation' src={ImageUrls.Devices.APPLE_TV} />\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nconst namespace = 'settings.appleTvSettings.renameDevicePopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface RenameDevicePopupProps extends PopupViewProps {\n  name: string;\n  showSpinner: boolean;\n  onRename: (newName: string) => void;\n}\n\nexport function RenameDevicePopup(props: RenameDevicePopupProps): JSX.Element {\n  const [ name, setName ] = React.useState(props.name);\n  const trimmedName = name.trim();\n\n  return (\n    <Popup title={getPhrase('title')} closePopup={props.closePopup}>\n      <div className='form-group'>\n        <label className='fw-bold mb-2' htmlFor='edit'>\n          <Text namespace={namespace} phrase='inputLabel' />\n        </label>\n        <input\n          value={name}\n          onChange={e => setName(e.target.value)}\n          className='form-control form-control-md mb-4'\n          autoFocus\n          placeholder={getPhrase('inputPlaceholder')}\n        />\n      </div>\n      <PopupButtons>\n        <PopupButtons.Cancel onClick={props.closePopup} />\n        <PopupButtons.Submit\n          disabled={!trimmedName}\n          variant='dark'\n          text={getPhrase('saveButton')}\n          onClick={() => props.onRename(trimmedName)}\n          showSpinner={props.showSpinner}\n        />\n      </PopupButtons>\n    </Popup>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nconst namespace = 'settings.appleTvSettings.unpairDevicePopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface UnpairDevicePopupProps extends PopupViewProps {\n  showSpinner: boolean;\n  deviceName: string;\n  onUnpair: () => void;\n}\n\nexport function UnpairDevicePopup(props: UnpairDevicePopupProps): JSX.Element {\n  const { closePopup, showSpinner, deviceName, onUnpair } = props;\n  \n  return (\n    <Popup title={getPhrase('title')} closePopup={closePopup}>\n      <p>\n        <Text namespace={namespace} phrase='warning' options={{ name: deviceName }} />\n      </p>\n\n      <p>\n        <Text namespace={namespace} phrase='subWarning' />\n      </p>\n\n      <PopupButtons>\n        <PopupButtons.Cancel onClick={closePopup} />\n        <PopupButtons.Submit\n          variant='danger'\n          text={getPhrase('unpairButton')}\n          onClick={onUnpair}\n          showSpinner={showSpinner}\n        />\n      </PopupButtons>\n    </Popup>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { WindowedList } from 'libs/shared/components/windowed-list/WindowedList';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\n\nimport { Device } from 'projects/player/plugins/devices-plugin/clients/client-interfaces';\n\nimport { DeviceListItem } from 'apps/settings/components/device-list-item/DeviceListItem';\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\nimport { useAppleTvClient } from 'apps/settings/hooks/useAppleTvClient';\n\nimport { PairDeviceView } from './pair-device-view/PairDeviceView';\nimport { RenameDevicePopup } from './rename-device-popup/RenameDevicePopup';\nimport { UnpairDevicePopup } from './unpair-device-popup/UnpairDevicePopup';\n\nconst namespace = 'settings.appleTv';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function AppleTvSettingsView(): JSX.Element {\n  const { devices, pair, unpair, rename } = useAppleTvClient();\n  const [ deviceName, setDeviceName ] = React.useState('');\n  const [ pin, setPin ] = React.useState('');\n  const [ deviceToRename, setDeviceToRename ] = React.useState<Device>();\n  const [ deviceToUnpair, setDeviceToUnpair ] = React.useState<Device>();\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\n\n  const alerts = useAlerts();\n \n  async function onPairDevice() {\n    try {\n      const trimmedDeviceName = deviceName.trim();\n      const trimmedPin = pin.trim();\n\n      if (!trimmedDeviceName) return;\n      if (!trimmedPin) return;\n\n      await pair({ deviceName: trimmedDeviceName, pin: trimmedPin });\n      setDeviceName('');\n      setPin('');\n      \n      alerts.success(getPhrase('devicePairingSuccessMessage'));\n    } catch (e) {\n      console.error(e);\n      alerts.error(getPhrase('devicePairingErrorMessage'));\n    }\n  }\n\n  async function onUnpairDevice(deviceId: string) {\n    try {\n      setShowSpinner(true);\n      await unpair(deviceId);\n      setDeviceToUnpair(undefined);\n      \n      alerts.success(getPhrase('deviceUnpairingSuccessMessage'));\n    } catch (e) {\n      console.error(e);\n      alerts.error(getPhrase('deviceUnpairingErrorMessage'));\n    } finally {\n      setShowSpinner(false);\n    }\n  }\n\n  async function onRenameDevice(deviceId: string, deviceName: string) {\n    try {\n      setShowSpinner(true);\n      await rename({ deviceId, deviceName });\n      setDeviceToRename(undefined);\n      \n      alerts.success(getPhrase('deviceRenamingSuccessMessage'));\n    } catch (e) {\n      console.error(e);\n      alerts.error(getPhrase('deviceRenamingErrorMessage'));\n    } finally {\n      setShowSpinner(false);\n    }\n  }\n\n  return (\n    <SettingsLayout\n      heading={getPhrase('heading')}\n      breadcrumbs={[getPhrase('heading')]}\n      requiredPermissions={PermissionName.ManageIntegrations}\n    >\n      { deviceToRename && (\n        <RenameDevicePopup\n          name={deviceToRename.name}\n          showSpinner={showSpinner}\n          onRename={newName => onRenameDevice(deviceToRename.id, newName)}\n          closePopup={() => setDeviceToRename(undefined)}\n        />\n      )}\n\n      { deviceToUnpair && (\n        <UnpairDevicePopup\n          showSpinner={showSpinner}\n          deviceName={deviceToUnpair.name}\n          onUnpair={() => onUnpairDevice(deviceToUnpair.id)}\n          closePopup={() => setDeviceToUnpair(undefined)}\n        />\n      )}\n\n      <PairDeviceView\n        deviceName={deviceName}\n        pin={pin}\n        onDeviceNameChange={setDeviceName}\n        onPinChange={setPin}\n        onActivate={onPairDevice}\n      />\n\n      {devices.length ? <h2 className='h5 mt-4'>{getPhrase('activatedListHeading')}</h2> : null }\n\n      <WindowedList\n        items={devices}\n        rowHeight={55}\n        getComponent={(device: Device) => {\n          return (\n            <DeviceListItem\n              key={device.id}\n              name={device.name}\n              status={device.status}\n              onUnpair={() => setDeviceToUnpair(device)}\n              // The rename function is a bit janky at the moment, so we'll disable it for now\n              // Note: re-pairing the device with a different name works fine..\n              // onRename={() => setDeviceToRename(device)}\n            />\n          );\n        }}\n      />\n    </SettingsLayout>\n  );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PlayerIntegrationsRequests } from 'libs/shared/flight-requests/PlayerIntegrationsRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { CurrentUser, Customer } from 'libs/shared/interfaces';\n\nimport { AppleTvClient } from 'projects/player/plugins/devices-plugin/clients/apple-tv/apple-tv-client';\nimport { AppleTvPairRequest, AppleTvRenameRequest, OnlineApiDevice } from 'projects/player/plugins/devices-plugin/clients/apple-tv/apple-tv-interfaces';\nimport { Device } from 'projects/player/plugins/devices-plugin/clients/client-interfaces';\n\ninterface AppleTvClientApi {\n  devices: Device[];\n  pair: (pairRequest: Omit<AppleTvPairRequest, 'crmId'>) => Promise<OnlineApiDevice>;\n  unpair: (id: string) => Promise<void>;\n  rename: (renameRequest: AppleTvRenameRequest) => Promise<void>;\n}\n\nexport function useAppleTvClient(): AppleTvClientApi {\n  const [ devices, setDevices ] = React.useState<Device[]>([]);\n  const client = React.useRef<AppleTvClient>();\n  const fetchAsync = Flight.useGetFetchAsync();\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const customer = Flight.useBasicFetch<Customer>(\n    currentUser.data?.isAuthenticated &&\n    CustomerRequests.customer(currentUser.data.customerId)\n  );\n\n  React.useEffect(() => {\n    if (!currentUser.data?.isAuthenticated) return;\n    if (!customer.hasCompleted) return;\n\n    client.current = new AppleTvClient({\n      fetchAccessToken: () => fetchAsync(PlayerIntegrationsRequests.getAppleTvAccessToken()),\n      userId: parseInt(currentUser.data?.id)\n    });\n\n    client.current?.on('deviceschange', () => {\n      setDevices([...client.current?.getDevices()]);\n    });\n\n    return () => client.current?.dispose();\n  }, [ currentUser.data?.isAuthenticated, customer.hasCompleted ]);\n\n  function pair(pairRequest: Omit<AppleTvPairRequest, 'crmId'>) {\n    return client.current?.pair({ ...pairRequest, crmId: parseInt(customer.data?.crmId) });\n  }\n\n  function unpair(id: string) {\n    return client.current?.unpair(id);\n  }\n\n  function rename(renameRequest: AppleTvRenameRequest) {\n    return client?.current.renameDevice(renameRequest);\n  }\n\n  return {\n    devices,\n    pair,\n    unpair,\n    rename\n  };\n}","/**\n * Wraps the given function, `fn`, with a new function that only invokes `fn`\n * at most once per every `wait` milliseconds.\n *\n * @function\n * @param    {Function} fn\n *           The function to be throttled.\n *\n * @param    {number}   wait\n *           The number of milliseconds by which to throttle.\n *\n * @return   {Function}\n */\nexport const throttle = function(fn: any, wait: any): any {\n  let last = window.performance.now();\n\n  const throttled = function(...args: any[]): any {\n    const now = window.performance.now();\n\n    if (now - last >= wait) {\n      fn(...args);\n      last = now;\n    }\n  };\n\n  return throttled;\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked.\n *\n * Inspired by lodash and underscore implementations.\n *\n * @function\n * @param    {Function} func\n *           The function to wrap with debounce behavior.\n *\n * @param    {number} wait\n *           The number of milliseconds to wait after the last invocation.\n *\n * @param    {boolean} [leading]\n *           When true will also invoke the function immediately upon creation.\n *\n * @param    {Object} [context=window]\n *           The \"context\" in which the debounced function should debounce. For\n *           example, if this function should be tied to a Video.js player,\n *           the player can be passed here. Alternatively, defaults to the\n *           global `window` object.\n *\n * @return   {Function}\n *           A debounced function that returns true if the wrapped function was executed immediately.\n */\nexport const debounce = function(\n  func: any,\n  wait: any,\n  leading: any,\n  context: any = window\n): (...args: any[]) => boolean {\n  let timeout: any;\n\n  const cancel = () => {\n    context.clearTimeout(timeout);\n    timeout = null;\n  };\n\n  /* eslint-disable consistent-this */\n  const debounced = (...args: any[]) => {\n    let executed = false;\n\n    let later = function() {\n      timeout = null;\n      later = null;\n      func.apply(this, args);\n    };\n\n    if (!timeout && leading) {\n      func.apply(this, args);\n      executed = true;\n    }\n\n    context.clearTimeout(timeout);\n    timeout = context.setTimeout(later, wait);\n\n    return executed;\n  };\n  /* eslint-enable consistent-this */\n\n  debounced.cancel = cancel;\n\n  return debounced;\n};\n\n/**\n * A function that returns undefined.\n *\n * Inspired by lodash implementations.\n */\nexport const noop = function(): undefined {\n  return undefined;\n};\n"],"names":["Actions","props","orderedActions","actions","sort","a","b","order","buttonActions","moreActions","forEach","button","push","className","length","map","idx","key","label","appLink","href","onClick","svgName","tooltip","showSpinner","analyticsData","analyticsOptions","openInNewTab","disabled","iconButton","title","spanHack","sortComponent","dropdownToggleClassName","actionsDropdownClassName","dropdownToggleSvgSize","fetchMore","LazyDropdownItems","style","padding","height","width","getDropdownItemClassName","actionClassName","ActionsDropdownItem","FunctionHelper","action","AppLink","SvgContainer","e","preventDefault","AnalyticsHelper","role","tabIndex","onKeyDown","ActionsDropdown","isLazy","some","lazyPlaceholder","currentGroup","dropdownToggleId","RandomHelper","type","id","size","showDivider","undefined","group","Tooltip","defaultProps","S","BreadcrumbItem","breadcrumb","name","active","withBackIcon","Breadcrumbs","breadcrumbs","isMobile","PartialBreadcrumbs","numItems","dangerouslySetInnerHTML","__html","WindowedList","ref","containerHeight","availableHeight","setAvailableHeight","scrollTop","setScrollTop","tableRef","current","clientHeight","tablePosFromTop","numRows","items","totalRowsVisible","Math","ceil","rowHeight","totalHeight","startIndex","max","floor","endIndex","min","getBoundingClientRect","top","window","pageYOffset","minHeight","overflow","onScroll","currentTarget","autoHeightMin","autoHeightMax","paddingTop","staticComponentAboveRows","index","item","getComponent","getRows","staticComponentBelowRows","OnlineSupportArticle","LiteSupportArticle","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","random","namespace","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","modules","settingsModule","SettingsLayout","canAccess","replace","i","heading","headingButton","description","children","SettingsOrderedListItem","number","getPhrase","LanguageService","DeviceListItem","status","onUnpair","onRename","DeviceStatusIndicator","statusIndicatorColors","statusIndicatorLabels","color","PairDeviceView","deviceName","pin","onDeviceNameChange","onPinChange","onActivate","Text","phrase","SvgContainer2","ClickViewAvatar","htmlFor","value","onChange","target","autoComplete","placeholder","DivButton","ArticleHelper","src","ImageUrls","RenameDevicePopup","setName","trimmedName","trim","Popup","closePopup","autoFocus","PopupButtons","variant","text","UnpairDevicePopup","AppleTvSettingsView","devices","setDevices","client","fetchAsync","currentUser","UserRequests","customer","data","isAuthenticated","CustomerRequests","customerId","hasCompleted","fetchAccessToken","PlayerIntegrationsRequests","userId","parseInt","on","getDevices","dispose","pair","pairRequest","crmId","unpair","rename","renameRequest","renameDevice","useAppleTvClient","setDeviceName","setPin","deviceToRename","setDeviceToRename","deviceToUnpair","setDeviceToUnpair","setShowSpinner","alerts","PermissionName","newName","deviceId","success","console","error","onRenameDevice","onUnpairDevice","trimmedDeviceName","trimmedPin","device","throttle","fn","wait","last","performance","now","debounce","func","leading","timeout","context","debounced","args","executed","apply","this","clearTimeout","setTimeout","cancel"],"sourceRoot":""}

package/dist/scripts/9417-7313907916-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[9417],{94644:(e,a,i)=>{i.d(a,{r:()=>l});var t=i(50242),n=i(81886),r=i(67058),s=i(14553),c=i(49267),o=i(49075),d={notFound:r.d,forbidden:{rating:s.q,yearLevel:s.q,region:c.a,privacy:s.q},badRequest:o._};function l(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var r;r="number"==typeof e?e:e.status;var s=Object.assign(Object.assign({},d),a);r&&n.Q.Ry.isStatusCodeError(r)&&(r!==t.o.NotFound?r!==t.o.Forbidden?i.badRequest||n.Q.Ry.throw(new s.badRequest):i.forbidden||n.Q.Ry.throw(new s.forbidden.privacy):i.notFound||n.Q.Ry.throw(new s.notFound))}}},91286:(e,a,i)=>{i.d(a,{v:()=>s});var t=i(32735),n=i(94644);function r(e){return e.map((function(e){return e.statusCode})).join(":")}function s(e,a,i){var s=Array.isArray(e)?e:[e];(0,t.useEffect)((function(){s.forEach((function(e){(0,n.r)(e.statusCode,a,i)}))}),[r(s),a,i])}},44110:(e,a,i)=>{i.d(a,{i:()=>s});var t=i(20354),n=i(89454),r=i(86698),s=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,i=e.getFallbackPresentation,s=a||i();return t.a.useBasicFetch(!!s&&n.O.presentationAudiences(s.id))}},36073:(e,a,i)=>{i.r(a),i.d(a,{PlayClipViewV2:()=>k});var t=i(32735),n=i(50242),r=i(23481),s=i(20354),c=i(65858),o=i(78417),d=i(16714),l=i(67058),u=i(33803),p=i(43012),v=i(39151),m=i(1666),g=i(20768),y=i(28907),h=i(31949),f=i(1575),I=i(26304),P=i(91286),C=i(22902),E=i(15311),V=i(79612),F=i(76753),b=i(51855),A=i(7179),O=i(49948),x=i(36873),R=i(27638),T=i(44110),w=i(35014),q=i(97816),S=i(81812),G=i(14085),L=r.T.encloseNamespace("shared.playClipV2"),N={notFound:l.d,forbidden:{privacy:u.G}};function k(e){var a,i,r,l,u,k,U,_=e.queryParams,j=_.context,M=_.contextId,B=_.mtv,D=(0,E.r)().hasProduct,H=(0,R.u)(c.LZ.PlayClip),Q=H.setFavourite,W=H.canFavourite,K=(0,C.T)().hasPermissions,J=(0,b.G)().isPlugin,Y=s.a.useBasicFetch(h.N.currentUser()),Z=s.a.useBasicFetch(v.L.config()),z=s.a.useBasicFetch(p.e.clip(e.id)),X=s.a.useBasicFetch(g.b.videoInteractives(e.id)),$=s.a.useBasicFetch(!!(null===(a=z.data)||void 0===a?void 0:a._parentVideo)&&f.R.video(z.data._parentVideo.id));(0,q.V)([$.data]);var ee=s.a.useBasicFetch(!!(null===(i=z.data)||void 0===i?void 0:i._parentVideo)&&p.e.videoClips(z.data._parentVideo.id)),ae=s.a.useBasicFetch(z.statusCode===n.o.Forbidden&&p.e.clip(e.id,o.r.StripMetadata)),ie=(0,x.k)({video:$.data,context:j,contextId:M,moviesAndTv:B,currentUser:Y.data}),te=(0,T.i)(),ne=s.a.useBasicFetch((null===(r=Y.data)||void 0===r?void 0:r.isAuthenticated)&&m.h.yearGroups(Y.data.customerId)),re=(0,S.t)(),se=K(d.C.ViewVideoGlance)&&(null===(u=null===(l=z.data)||void 0===l?void 0:l.glance)||void 0===u?void 0:u.theme),ce=s.a.useBasicFetch(se&&y.r.themeImages(z.data.glance.theme,z.data.glance.type)),oe=(0,O.l)(e.id,!0),de=(0,w.I)();return(0,V.M)(F.CG.getClipMetadata({content:z.data,phraseContext:{phraseHandler:L,titlePhrase:"pageTitle",descriptionPhrase:"pageDescription"}})),(0,P.v)(z,N,{forbidden:!0}),(0,q.V)(null!==(k=ie.videos)&&void 0!==k?k:[]),(0,I.b)(ae),(0,A.P)({id:e.id,app:"clips"}),z.data&&Y.hasCompleted&&Z.hasCompleted&&oe.hasCompleted?t.createElement(G.S,{clip:z.data,clips:ee.data,interactives:X.data,originalVideo:$.data,currentUser:Y.data,yearGroups:ne.data,relatedVideos:"playlist"===j?ie:Object.assign(Object.assign({},ie),{videos:[]}),canFavourite:W,setFavourite:Q,hasProduct:D,queryParams:e.queryParams,audiences:te.data,imageCdnUrl:Z.data.imageCdnUrl,canManageVideoAccess:K(d.C.ManageVideoAccess),pointsOfInterest:oe.items,glanceTheme:ce.data,glanceLoaded:!se||ce.hasCompleted,featureAccess:de,tableOfContentsId:null===(U=e.queryParams)||void 0===U?void 0:U.tocId,shouldShowTableOfContents:re,isPlugin:J}):t.createElement(t.Fragment,null)}k.defaultProps={queryParams:{}}},14085:(e,a,i)=>{i.d(a,{S:()=>Q});var t=i(32735),n=i(28400),r=i(5640),s=i(12059),c=i(51184),o=i(64921),d=i(95812),l=i(53709),u=i(92805),p=i(71063),v=i(10439),m=i(35429),g=i(4594),y=i(16714),h=i(12754),f=i(22902),I=i(65332),P=i(76196),C=i(59598),E=i(31908),V=i(26492),F=i(9465),b=i(91479),A=i(47938),O=i(81024),x=i(78166),R=i(99742),T=i(14070),w=i(97291),q=i(22490),S=i(63010),G=i(14476),L=i(53256),N=i(83345),k=i(13231),U=i(51365),_=i(10671),j=i(10741),M="shared.playClipV2";function B(e){var a=(0,f.T)().hasPermissions,i=(0,_._)({location:_.i.VideoItem});return t.createElement("section",{className:"pb-2 pt-1",id:C.K.ClippedFrom,ref:function(a){var i;a&&(null===(i=e.headingRef)||void 0===i?void 0:i.current)&&e.headingRef.current.set(C.K.ClippedFrom,a)}},t.createElement("h2",{className:"h4 mb-0"},t.createElement(N.x,{namespace:M,phrase:"clippedFrom"})),t.createElement(U.M.Provider,{value:i},t.createElement(k.E4,{videos:[e.originalVideo],yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(a,i){return q.W.getAppLink(a,Object.assign(Object.assign({},i),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},hasPermissions:a,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return j.j.getPreviewQuestionsAppLink(e)},isPlugin:e.isPlugin})))}const D={main:"iQ0Ie",expandedToc:"sIoV8"};var H=function(e,a,i){return function(t){return i?{application:w.O.VIDEOS,action:T.e.Videos.PREVIEW_PDF,args:[t.id],params:{videoId:e,shareId:a}}:{application:w.O.SIGN_UP,action:T.e.SignUp.SIGN_UP}}};function Q(e){var a,i,N,k,U,_,j,M,Q,W=(0,m.g)(),K=(0,f.T)().hasPermissions,J=E.M.getCanBeConsumed(e.clip).canConsume,Y=(0,S.Q)(e.tableOfContentsId),Z=Y.tableOfContentsActiveId,z=Y.setTableOfContentsActiveId,X=Y.controlledId,$=Y.setControlledId,ee=Y.tableOfContentsExpanded,ae=Y.setTableOfContentsExpanded,ie=(0,G.J)(),te=ie.headingRef,ne=ie.headingElements,re=ne.map((function(a){var i;return{id:a.id,name:L.d.getSectionHeading(a.id,{clips:e.clips,interactives:e.interactives,resources:null===(i=e.clip.resources)||void 0===i?void 0:i.data,isPlayClipPage:!0})}}));(0,I.D)({setActiveId:z,headingElements:ne,controlledId:X,setControlledId:$}),(0,P.P)(ne,e.tableOfContentsId);var se=E.M.isVideoTypeArchived(e.clip),ce=K(y.C.StudentExperience),oe=t.useRef(!1);function de(){var a,i;return!(!e.originalVideo||!(null===(a=e.clip._canBeConsumed)||void 0===a?void 0:a.value)||!(null===(i=e.currentUser)||void 0===i?void 0:i.isAuthenticated)||!e.hasProduct(h.x.Primary)||ce)}var le="picture-in-picture"===W.mode||e.featureAccess.canViewPublicLayout,ue=null!==(i=null===(a=e.clips)||void 0===a?void 0:a.filter((function(a){return a.id.toString()!==e.clip.id.toString()})))&&void 0!==i?i:[],pe=(0,c.Wp)(e.clip)&&e.featureAccess.canViewGlance;return t.createElement("div",{className:"px-4"},t.createElement("main",{className:"".concat(D.main," ").concat(e.shouldShowTableOfContents&&ee?D.expandedToc:e.shouldShowTableOfContents&&!ee?"pe-4":void 0)},t.createElement(A.W,{restrictions:e.clip._restrictions,yearGroups:e.yearGroups,objectId:e.clip.id,objectTypeId:g.E.Clip,canManageVideoAccess:e.canManageVideoAccess}),se&&t.createElement(V.T,{typeId:e.clip.typeId,hasStudentExperience:ce}),t.createElement("section",{id:C.K.Video,className:"mb-2 ".concat(p.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==te?void 0:te.current)&&te.current.set(C.K.Video,e)}},J&&t.createElement(v.r,{key:e.clip.id,objectId:e.clip.id,objectTypeId:e.clip.typeId,shareId:e.shareId,context:null===(N=e.queryParams)||void 0===N?void 0:N.context,contextId:null===(k=e.queryParams)||void 0===k?void 0:k.contextId,moviesAndTv:null===(U=e.queryParams)||void 0===U?void 0:U.mtv,playNext:null===(_=e.queryParams)||void 0===_?void 0:_.playNext,startTime:null!==(M=null===(j=e.queryParams)||void 0===j?void 0:j.t)&&void 0!==M?M:null===(Q=e.queryParams)||void 0===Q?void 0:Q.startTime,mode:"default",location:"play-page"}),t.createElement("div",{className:le?"":"d-none"},t.createElement(O.S,{video:e.clip,type:"pip"}))),t.createElement(b.v,{media:e.clip,yearGroups:e.yearGroups,audiences:e.audiences,originalVideoAppLink:de()?{application:w.O.VIDEOS,action:T.e.Videos.PLAY_VIDEO,args:[e.originalVideo.id,n.m.slugify(e.originalVideo.name)]}:null,featureAccess:e.featureAccess,shareId:e.shareId}),t.createElement(o.j,{video:e.clip,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var a;return null===(a=W.playerRef.current)||void 0===a?void 0:a.currentTime(e)},getTagAppLink:function(e){return{application:w.O.SEARCH,action:T.e.Search.HOME,params:{tagOrClassification:e.name}}},suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:pe}),t.createElement(l.M,{video:e.clip,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:H(e.clip.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{clipId:e.clip.id,clipName:e.clip.name},resourceThumbnailFallbackUrl:R.W.Fallbacks.RESOURCE_THUMBNAIL,headingRef:te}),t.createElement(d.J,{video:e.clip,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},canViewInteractives:e.featureAccess.canViewInteractives,headingRef:te,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),e.glanceLoaded?t.createElement(s.a,{video:e.clip,onLaunchImmersiveReader:function(){var e,a,i,t;oe.current=!(null===(a=null===(e=null==W?void 0:W.playerRef)||void 0===e?void 0:e.current)||void 0===a?void 0:a.isPaused()),null===(t=null===(i=null==W?void 0:W.playerRef)||void 0===i?void 0:i.current)||void 0===t||t.pause()},onExitImmersiveReader:function(){var e,a;oe.current&&(null===(a=null===(e=null==W?void 0:W.playerRef)||void 0===e?void 0:e.current)||void 0===a||a.play())},getTagAppLink:function(e){return{application:w.O.SEARCH,action:T.e.Search.HOME,params:{tagOrClassification:e.name}}},theme:e.glanceTheme,headingRef:te,suppressInteractivity:e.featureAccess.canViewPublicLayout}):t.createElement(u.H,null),t.createElement(r.O,{clips:ue||[],video:e.clip,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,headingRef:te,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},isPlugin:e.isPlugin}),!!de()&&t.createElement(B,{originalVideo:e.originalVideo,setFavourite:e.setFavourite,canFavourite:e.canFavourite,yearGroups:e.yearGroups,shareId:e.shareId,queryParams:e.queryParams,audiences:e.audiences,headingRef:te,isPlugin:e.isPlugin}),t.createElement(x.Z,{currentVideo:e.clip,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,setFavourite:e.setFavourite,canFavourite:e.canFavourite,currentUser:e.currentUser,audiences:e.audiences,getVideoAppLink:function(a,i){return q.W.getAppLink(a,Object.assign(Object.assign({},i),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv,isPlugin:e.isPlugin})),e.shouldShowTableOfContents&&t.createElement(F.h,{isExpanded:ee,setIsExpanded:ae,items:re,activeId:Z,setControlledId:$,analyticsData:{clipId:e.clip.id,clipName:e.clip.name}}))}}}]);
-//# sourceMappingURL=9417-7313907916-lite.chunk.js.map

package/dist/scripts/9417-7313907916-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/9417-7313907916-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/PlayClipViewV2.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/clipped-from/ClippedFrom.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/play-clip-v2.scss","file:///app/packages/projects/lite/src/shared/views/play-clip/v2/components/play-clip/PlayClipV2.tsx"],"sourcesContent":["import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import * as React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionFilterOption } from 'libs/shared/enums/PermissionFilterOption';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { VideoPrivateError } from 'libs/shared/errors/videos/video-private/VideoPrivateError';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { ThemeRequests } from 'libs/shared/flight-requests/ThemeRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, InteractiveMetadata, Theme, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowTableOfContents } from 'shared/views/play/v2/hooks/useShouldShowTableOfContents';\n\nimport { PlayViewProps } from '../PlayClipViewContainer';\n\nimport { PlayClipV2 } from './components/play-clip/PlayClipV2';\n\nconst namespace = 'shared.playClipV2';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst clipErrors = {\n  notFound: NotFoundError,\n  forbidden: {\n    privacy: VideoPrivateError\n  }\n};\n\nPlayClipViewV2.defaultProps = {\n  queryParams: {}\n};\n\nexport function PlayClipViewV2(props: PlayViewProps): JSX.Element {\n  const { context, contextId, mtv } = props.queryParams;\n\n  const { hasProduct } = useProducts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.PlayClip);\n  const { hasPermissions } = usePermissions();\n\n  const { isPlugin } = usePluginHelper();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(props.id));\n\n  const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(InteractiveRequests.videoInteractives(props.id));\n  const video = Flight.useBasicFetch<Video>(\n    !!clip.data?._parentVideo && VideoRequests.video(clip.data._parentVideo.id)\n  );\n  useVideoMixin([video.data]);\n\n  const childClips = Flight.useBasicFetch<Clip[]>(\n    !!clip.data?._parentVideo && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n\n  const strippedClip = Flight.useBasicFetch<Clip>(clip.statusCode === HttpStatus.Forbidden &&\n    ClipRequests.clip(props.id, PermissionFilterOption.StripMetadata));\n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context,\n    contextId,\n    moviesAndTv: mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const shouldShowTableOfContents = useShouldShowTableOfContents();\n\n  const shouldFetchTheme = hasPermissions(PermissionName.ViewVideoGlance) &&\n  clip.data?.glance?.theme;\n  \n  const glanceTheme = Flight.useBasicFetch<Theme>(\n    shouldFetchTheme &&\n    ThemeRequests.themeImages(clip.data.glance.theme, clip.data.glance.type)\n  );\n  const pointsOfInterest = useFetchPointsOfInterest(props.id, true);\n  \n  const featureAccess = useVideoFeatureAccess();\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({\n    content: clip.data,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    }\n  }));\n\n  useHandleObjectError(clip, clipErrors, { forbidden: true });\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(strippedClip);\n  useDeepLinks({ id: props.id, app: 'clips' });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClipV2\n      clip={clip.data}\n      clips={childClips.data}\n      interactives={interactives.data}\n      originalVideo={video.data}\n      currentUser={currentUser.data}\n      yearGroups={yearGroups.data}\n      // we only show up next videos for clips in a playlist\n      relatedVideos={context === 'playlist' ? relatedVideos : { ...relatedVideos, videos: []}}\n      canFavourite={canFavourite}\n      setFavourite={setFavourite}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      imageCdnUrl={config.data.imageCdnUrl}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest.items}\n      glanceTheme={glanceTheme.data}\n      glanceLoaded={!shouldFetchTheme || glanceTheme.hasCompleted}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowTableOfContents={shouldShowTableOfContents}\n      isPlugin={isPlugin}\n    />\n  );\n}","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst namespace = 'shared.playClipV2';\n\ninterface ClippedFromProps {\n  originalVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  isPlugin: boolean;\n}\n\nexport function ClippedFrom(props: ClippedFromProps) {\n  const { hasPermissions } = usePermissions();\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  return (\n    <section\n      className='pb-2 pt-1'\n      id={PlayPageAnchor.ClippedFrom}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.ClippedFrom, el);\n      }}\n    >\n      <h2 className='h4 mb-0'><Text namespace={namespace} phrase='clippedFrom' /></h2>\n      <VideoActionsContext.Provider value={videoActions}>\n        <VideoList\n          videos={[props.originalVideo]}\n          yearGroups={props.yearGroups}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          hasPermissions={hasPermissions}\n          presentationAudiences={props.audiences}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          isPlugin={props.isPlugin}\n        />\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"iQ0Ie\",\"expandedToc\":\"sIoV8\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { VideoDetailsPartial } from 'libs/shared/components/video-details/VideoDetailsPartial';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { HasProductFunc } from 'libs/shared/hooks/UseProducts';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, InteractiveMetadata, Link, PointOfInterest, PresentationAudience, Resource, Theme, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSetionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\nimport { ClippedFrom } from 'shared/views/play-clip/v2/components/clipped-from/ClippedFrom';\n\nimport styles from './play-clip-v2.scss';\n\nconst getResourceAppLink = (videoId: string, shareId: string, canViewResource: boolean) =>\n  (resource: Resource | Link) => {\n    if (!canViewResource) {\n      return {\n        application: AppChannels.SIGN_UP,\n        action: Actions.SignUp.SIGN_UP\n      };\n    }\n\n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PREVIEW_PDF,\n      args: [resource.id],\n      params: {\n        videoId: videoId,\n        shareId: shareId\n      }\n    };\n  };\n\n\ninterface PlayClipV2Props {\n  clip: Clip;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  originalVideo: Video;\n  currentUser: CurrentUser;\n  yearGroups: YearGroup[];\n  relatedVideos: RelatedVideosHash;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  hasProduct: HasProductFunc;\n  audiences: PresentationAudience[];\n  imageCdnUrl: string;\n  shareId?: string;\n  canManageVideoAccess: boolean;\n  pointsOfInterest?: PointOfInterest[];\n  featureAccess: VideoFeaturesHash;\n  glanceTheme?: Theme;\n  glanceLoaded: boolean;\n  tableOfContentsId: string;\n  shouldShowTableOfContents: boolean;\n  isPlugin: boolean;\n}\n\nexport function PlayClipV2(props: PlayClipV2Props): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    setTableOfContentsExpanded\n  } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n  const { headingRef, headingElements } = useSetionHeadings();\n\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: props.clip.resources?.data,\n          isPlayClipPage: true\n        }\n      )\n    };\n  });\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, props.tableOfContentsId);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.clip);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n  /**\n   * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n   * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n   * which is passed in at the same time as onExitImmersiveReader\n   */\n  const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n  function onLaunchImmersiveReader(): void {\n    shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n    playerContext?.playerRef?.current?.pause();\n  }\n\n  function onExitImmersiveReader(): void {\n    if (!shouldPlayOnExitImmersiveReader.current)\n      return;\n\n    playerContext?.playerRef?.current?.play();\n  }\n\n  function canAccessOriginal(): boolean {\n    if (!props.originalVideo || !props.clip._canBeConsumed?.value)\n      return false;\n\n    if (!props.currentUser?.isAuthenticated)\n      return false;\n\n    if (!props.hasProduct(ProductId.Primary))\n      return false;\n\n    if (hasStudentExperience)\n      return false;\n\n    return true;\n  }\n\n  function getOriginalVideoAppLink(): Core.AppLink {\n    if (!canAccessOriginal())\n      return null;\n  \n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.originalVideo.id, TextHelper.slugify(props.originalVideo.name) ]\n    };\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  const otherClips = props.clips?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  function getMainClassName() {\n    if (props.shouldShowTableOfContents && tableOfContentsExpanded) {\n      return styles.expandedToc;\n    }\n    if (props.shouldShowTableOfContents && !tableOfContentsExpanded)\n      return 'pe-4';\n  }\n\n  return (\n    <div className='px-4'>\n      <main className={`${styles.main} ${getMainClassName()}`}>\n\n        <RestrictionBanner\n          restrictions={props.clip._restrictions}\n          yearGroups={props.yearGroups}\n          objectId={props.clip.id}\n          objectTypeId={MasterType.Clip}\n          canManageVideoAccess={props.canManageVideoAccess}\n        />\n\n        {isArchived && (\n          <ArchivedBanner\n            typeId={props.clip.typeId}\n            hasStudentExperience={hasStudentExperience}\n          />\n        )}\n\n        <section\n          id={PlayPageAnchor.Video}\n          className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n          ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n        >\n          {canConsume && (\n            <GlobalPlayerConsumer\n              key={props.clip.id}\n              objectId={props.clip.id}\n              objectTypeId={props.clip.typeId}\n              shareId={props.shareId}\n              context={props.queryParams?.context}\n              contextId={props.queryParams?.contextId}\n              moviesAndTv={props.queryParams?.mtv}\n              playNext={props.queryParams?.playNext}\n              startTime={props.queryParams?.t ?? props.queryParams?.startTime}\n              mode='default'\n              location='play-page'\n            />\n          )}\n          <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n            <PlayerPlaceholder\n              video={props.clip}\n              type='pip'\n            />\n          </div>\n        </section>\n\n        <PlayPageTitleAndActions\n          media={props.clip}\n          yearGroups={props.yearGroups}\n          audiences={props.audiences}\n          originalVideoAppLink={getOriginalVideoAppLink()}\n          featureAccess={props.featureAccess}\n          shareId={props.shareId}\n        />\n\n        <VideoAtAGlanceV2\n          video={props.clip}\n          pointsOfInterest={props.pointsOfInterest}\n          setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n          getTagAppLink={tag => ({\n            application: AppChannels.SEARCH,\n            action: Actions.Search.HOME,\n            params: { tagOrClassification: tag.name }\n          })}\n          suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          canViewGlance={hasGlance}\n        />\n\n        <PlayPageResources\n          video={props.clip}\n          canViewResources={props.featureAccess.canViewResourceItems}\n          imageCdnUrl={props.imageCdnUrl}\n          getAppLink={\n            getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResourceItems)\n          }\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n          headingRef={headingRef}\n        />\n\n        <PlayPageInteractives\n          video={props.clip}\n          interactives={props.interactives}\n          imageCdnUrl={props.imageCdnUrl}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          canViewInteractives={props.featureAccess.canViewInteractives}\n          headingRef={headingRef}\n          yearGroups={props.yearGroups}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          isPlugin={props.isPlugin}\n        />\n\n        {props.glanceLoaded ? (\n          <VideoDetailsWithScrollbarV2\n            video={props.clip}\n            onLaunchImmersiveReader={onLaunchImmersiveReader}\n            onExitImmersiveReader={onExitImmersiveReader}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            theme={props.glanceTheme}\n            headingRef={headingRef}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        ) : (\n          <VideoDetailsPartial />\n        )}\n\n        <PlayPageClips\n          clips={otherClips || []}\n          video={props.clip}\n          canViewClips={props.featureAccess.canViewClips}\n          yearGroups={props.yearGroups}\n          audiences={props.audiences}\n          imageCdnUrl={props.imageCdnUrl}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          headingRef={headingRef}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n          isPlugin={props.isPlugin}\n        />\n\n        {!!canAccessOriginal() && (\n          <ClippedFrom\n            originalVideo={props.originalVideo}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            yearGroups={props.yearGroups}\n            shareId={props.shareId}\n            queryParams={props.queryParams}\n            audiences={props.audiences}\n            headingRef={headingRef}\n            isPlugin={props.isPlugin}\n          />\n        )}\n\n        <RelatedVideos\n          currentVideo={props.clip}\n          yearGroups={props.yearGroups}\n          relatedVideos={props.relatedVideos}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          currentUser={props.currentUser}\n          audiences={props.audiences}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n          isPlugin={props.isPlugin}\n        />\n\n      </main>\n      {props.shouldShowTableOfContents && (\n        <TableOfContentsContainer\n          isExpanded={tableOfContentsExpanded}\n          setIsExpanded={setTableOfContentsExpanded}\n          items={items}\n          activeId={tableOfContentsActiveId}\n          setControlledId={setControlledId}\n          analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        />\n      )}\n    </div>\n  );\n}"],"names":["defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","map","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","Array","isArray","useEffect","forEach","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","getPhrase","clipErrors","PlayClipViewV2","props","queryParams","context","contextId","mtv","hasProduct","u","setFavourite","canFavourite","hasPermissions","isPlugin","currentUser","config","clip","interactives","video","data","_parentVideo","childClips","strippedClip","relatedVideos","moviesAndTv","audiences","yearGroups","isAuthenticated","customerId","shouldShowTableOfContents","shouldFetchTheme","glance","theme","glanceTheme","type","pointsOfInterest","featureAccess","content","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","videos","app","hasCompleted","clips","originalVideo","imageCdnUrl","canManageVideoAccess","items","glanceLoaded","tableOfContentsId","tocId","defaultProps","namespace","ClippedFrom","usePermissions","videoActions","useVideoActions","location","className","PlayPageAnchor","ref","el","headingRef","current","set","Text","phrase","VideoActionsContext","value","VideoList","getVideoAppLink","v","opts","VideoAppLinkHelper","playNext","shareId","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getResourceAppLink","videoId","canViewResource","resource","application","action","args","params","PlayClipV2","playerContext","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","setTableOfContentsExpanded","headingElements","ele","name","resources","isPlayClipPage","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","isArchived","hasStudentExperience","PermissionName","shouldPlayOnExitImmersiveReader","canAccessOriginal","_canBeConsumed","ProductId","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","filter","c","toString","hasGlance","canViewGlance","RestrictionBanner","restrictions","_restrictions","objectId","objectTypeId","MasterType","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","key","startTime","t","PlayerPlaceholder","PlayPageTitleAndActions","media","originalVideoAppLink","TextHelper","VideoAtAGlanceV2","setStartTime","time","playerRef","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","PlayPageResources","canViewResources","canViewResourceItems","getAppLink","analyticsData","clipId","clipName","resourceThumbnailFallbackUrl","ImageUrls","PlayPageInteractives","canViewInteractives","onLaunchImmersiveReader","isPaused","pause","onExitImmersiveReader","play","VideoDetailsPartial","PlayPageClips","canViewClips","RelatedVideos","currentVideo","TableOfContents","isExpanded","setIsExpanded","activeId"],"sourceRoot":""}