@clickview/lite 0.52.0 → 0.52.2-dev.0

package/dist/scripts/4502-2e30d86385-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/4502-2e30d86385-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/backbone/utils/ScrollHelper.ts","file:///app/packages/libs/shared/src/apps/search/components/search-filters/PartialSearchFilters.tsx","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/pagination/Pagination.tsx","file:///app/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/hooks/useBulkCheckboxManager.ts","file:///app/packages/libs/shared/src/hooks/usePrevious.ts","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/partial-loading/partial-user-audit-log.scss","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/partial-loading/PartialAuditLogTable.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/partial-loading/PartialUserAuditLog.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/components/audit-log-filters/UserAuditLogFilters.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/components/audit-log-table/user-audit-log-table.scss","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/components/audit-log-table/UserAuditLogTableUtils.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/components/audit-log-table/UserAuditLogTable.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/empty-state/UserAuditLogEmptyState.tsx","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/user-audit-log.scss","file:///app/packages/libs/shared/src/apps/user-manager/components/audit-log/UserAuditLog.tsx","file:///app/packages/projects/lite/src/apps/user-manager/views/audit-log/UserAuditLogView.tsx","file:///app/packages/projects/lite/src/shared/flight-requests/JobRequests.ts"],"sourcesContent":["import { Radio } from 'backbone';\n\nimport { CommonChannels } from '../constants/CommonChannels';\n\nexport const ScrollHelper = {\n  // Will prevent scrolling to the top of the page when applinks are triggered\n  preventScrollTop(): void {\n    Radio.channel(CommonChannels.SHELL).trigger('prevent:scroll:top');\n  }\n};","import * as React from 'react';\n\nimport styles from './search-filters.scss';\n\ninterface PartialSearchFiltersProps {\n  count?: number;\n}\n\nexport function PartialSearchFilters({ count = 6 }: PartialSearchFiltersProps): JSX.Element {\n  return (\n    <div className='d-flex'>\n      <div className='d-flex ps-1'>\n        {Array(count).fill(null).map((item, index) => (\n          <div key={index} className={`${styles.partialButton} partial-loading-background mx-1`} />\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 * as React from 'react';\nimport { Button, ButtonProps } from 'react-bootstrap';\n\nimport { Cursors } from 'libs/common/backbone/interfaces';\nimport { ScrollHelper } from 'libs/common/backbone/utils/ScrollHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nfunction buildCursor(appLink: Core.AppLink, cursorParam: string, prevHack?: boolean): Core.AppLink {\n  if (!cursorParam)\n    return null;\n\n  const currentParams = appLink.params as HashObject ?? {};\n  /* \n    Currently the pagination for My Videos shows the previous cursor in the first page cursor,\n    so instead of using the previous cursor from the response, the current cursor is being passed\n    as the previous cursor in the app link\n  */\n\n  if (prevHack) {\n    if (!currentParams?.previous) {\n      return {\n        application: appLink.application,\n        action: appLink.action,\n        args: appLink.args,\n        params: {\n          ...currentParams,\n          cursor: null,\n          previous: null\n        }\n      };\n    }\n    return {\n      application: appLink.application,\n      action: appLink.action,\n      args: appLink.args,\n      params: {\n        ...currentParams,\n        cursor: currentParams?.previous,\n        previous: null\n      }\n    };\n  }\n\n  return {\n    application: appLink.application,\n    action: appLink.action,\n    args: appLink.args,\n    params: {\n      ...currentParams,\n      cursor: cursorParam,\n      previous: currentParams.cursor\n    }\n  };\n}\n\ninterface CursorPaginationProps {\n  cursors: Cursors;\n  appLink?: Core.AppLink;\n  className?: string;\n  buttonVariant?: ButtonProps['variant'];\n  prevHack?: boolean;\n  scrollTop?: boolean;\n  onClick?: (cursor: string) => void;\n}\n\nPagination.defaultProps = {\n  className: 'py-2',\n  buttonVariant: 'secondary'\n};\n\nexport function Pagination(\n  { appLink, cursors, className, buttonVariant, prevHack, scrollTop, onClick }: CursorPaginationProps\n): JSX.Element {\n  function onClickButton(page: 'next' | 'previous'): void {\n    if (appLink && !scrollTop)\n      ScrollHelper.preventScrollTop();\n\n    AnalyticsHelper.logUserAction({ page }, {\n      location: LocationContext.Pagination,\n      entity: EntityType.Pagination,\n      actionType: UserAction.Navigate\n    });\n\n    if (onClick)\n      onClick(cursors[page]);\n  }\n\n  if (appLink) {\n    return (\n      <LanguageNamespaceContext.Provider value='shared.pagination'>\n        <div className={className}>\n          <AppLink\n            appLink={buildCursor(appLink, cursors.previous, prevHack)}\n            className={`btn btn-${buttonVariant} me-1 ${!cursors.previous ? 'disabled' : ''}`}\n            onClick={() => onClickButton('previous')}\n            // make sure disabled button and clickable button looks the same\n            style={{ display: 'inline-block' }}\n          >\n            <Text phrase='previous' />\n          </AppLink>\n  \n          <AppLink\n            appLink={buildCursor(appLink, cursors.next)}\n            className={`btn btn-${buttonVariant} ${!cursors.next ? 'disabled' : ''}`}\n            onClick={() => onClickButton('next')}\n            // make sure disabled button and clickable button looks the same\n            style={{ display: 'inline-block' }}\n          >\n            <Text phrase='next' />\n          </AppLink>\n        </div>\n      </LanguageNamespaceContext.Provider>\n    );\n  }\n  \n  return (\n    <LanguageNamespaceContext.Provider value='shared.pagination'>\n      <div className={className}>\n        <Button\n          variant={buttonVariant}\n          className={`me-1 ${!cursors.previous ? 'disabled' : ''}`}\n          onClick={() => onClickButton('previous')}\n        >\n          <Text phrase='previous' />\n        </Button>\n        <Button\n          variant={buttonVariant}\n          className={`btn ${!cursors.next ? 'disabled' : ''}`}\n          onClick={() => onClickButton('next')}\n        >\n          <Text phrase='next' />\n        </Button>\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\n\nimport { useMediaQuery } from './UseMediaQuery';\n\n/**\n * @deprecated Please use useBreakpoints() instead\n */\nexport function useGetMediaQueryString(): MediaQueryStrings {\n  const isXS = useMediaQuery(MediaQueryStrings.XS);\n  const isSM = useMediaQuery(MediaQueryStrings.SM);\n  const isMD = useMediaQuery(MediaQueryStrings.MD);\n  const isLG = useMediaQuery(MediaQueryStrings.LG);\n  const isXL = useMediaQuery(MediaQueryStrings.XL);\n  const isXXL = useMediaQuery(MediaQueryStrings.XXL);\n\n  let currentString = MediaQueryStrings.LG; // default\n  if (isXS) currentString = MediaQueryStrings.XS;\n  if (isSM) currentString = MediaQueryStrings.SM;\n  if (isMD) currentString = MediaQueryStrings.MD;\n  if (isLG) currentString = MediaQueryStrings.LG;\n  if (isXL) currentString = MediaQueryStrings.XL;\n  if (isXXL) currentString = MediaQueryStrings.XXL;\n\n  return currentString;\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 React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { useForceUpdate } from 'libs/shared/hooks/useForceUpdate';\nimport { usePrevious } from 'libs/shared/hooks/usePrevious';\n\ntype CheckboxItemsState = Map<string, boolean>;\n\nexport interface BulkCheckboxManager {\n  onToggleBulk: () => void;\n  onToggleItem: (id: string) => void;\n  getSelected: () => string[];\n  isChecked: (item: string | number | HashObject<string>) => boolean;\n  bulkChecked: boolean;\n  deselectAll: () => void;\n  hasSomeSelections: () => boolean;\n  setSelected: (ids: string[]) => void;\n  getSelectedCount: () => number;\n  reset: () => void;\n  getMap: () => Map<string, boolean>;\n}\n\nexport interface BulkCheckboxManagerOptions {\n  idField?: string; // For objects like `PresentationAudiences` that don't use `id` as their identifier field\n  persistNamespace?: string;\n  preselectedIds?: string[];\n  initialState?: CheckboxItemsState;\n}\n\n/**\n * @param collection - The collection you are keeping track of with checkboxes\n * @param options - See interface above\n */\nexport const useBulkCheckboxManager = (collection: HashObject[], options: BulkCheckboxManagerOptions = {}) => {\n  const { idField = 'id', persistNamespace } = options;\n\n  const initial = options.initialState ? options.initialState : new Map<string, boolean>();\n\n  const items = React.useRef<CheckboxItemsState>(initial);\n  \n  const forceUpdate = useForceUpdate();\n\n  const prevCollection = usePrevious(collection);\n  const prevNamespace = usePrevious(persistNamespace);\n\n  /**\n   * This hook will clear the state of this hook when a user navigates between pages\n   * if a persistNamespace was not provided\n   */\n  React.useEffect(() => {\n    /**\n     * If we're being passed initial state, we don't want to clear the state\n     */\n    if (options.initialState)\n      return;\n\n    /**\n     * If we've been given a persist namespace, we don't want to clear our\n     * selections while the namespace stays the same\n     */\n    if (persistNamespace && prevNamespace === persistNamespace)\n      return;\n\n    /**\n     * Don't reinitialize if the ids of the new and old collection\n     * are identical\n     */\n    const prevIds = prevCollection?.map(i => i[idField]).join();\n    const ids = collection?.map(i => i[idField]).join();\n\n    if (prevIds === ids)\n      return;\n\n    reset();\n  }, [ prevCollection, prevNamespace, collection, options.initialState ]);\n\n  React.useEffect(() => {\n    if (!options.preselectedIds?.length)\n      return;\n\n    setSelected(options.preselectedIds);\n  }, []);\n\n  function reset(): void {\n    items.current.clear();\n    forceUpdate();\n  }\n\n  // When toggled on, all checkbox items will be enabled. Vice versa if toggled off\n  function onToggleBulk(): void {\n    const setValue = !isBulkChecked();\n\n    collection.forEach(item => {\n      if (setValue)\n        items.current.set(item[idField].toString(), true);\n      else\n        items.current.delete(item[idField].toString());\n    });\n\n    forceUpdate();\n  }\n\n  // Toggles a single item\n  function onToggleItem(id: string): void {\n    const nextItemState = !items.current.get(id.toString());\n\n    if (nextItemState)\n      items.current.set(id.toString(), nextItemState);\n    else\n      items.current.delete(id.toString());\n    \n    forceUpdate();\n  }\n\n  // Returns the state of the item passed in\n  function isChecked(item: string | number | HashObject<string>): boolean {\n    if (typeof item === 'number')\n      item = item.toString();\n    else if (typeof item !== 'string')\n      item = item[idField].toString();\n\n    return items.current.get(item);\n  }\n\n  function getSelected(): string[] {\n    return Array.from(items.current.keys());\n  }\n\n  function deselectAll(): void {\n    if (!collection?.length) return;\n\n    collection.forEach(item => {\n      items.current.delete(item[idField].toString());\n    });\n    forceUpdate();\n  }\n\n  // Returns true if at least 1 item is checked\n  function hasSomeSelections(): boolean {\n    if (!collection?.length)\n      return false;\n\n    return !!collection.find(item => isChecked(item));\n  }\n\n  function isBulkChecked(): boolean {\n    if (!collection?.length)\n      return false;\n\n    return collection.every(isChecked);\n  }\n\n  function setSelected(ids: string[]): void {\n    ids.forEach(id => {\n      items.current.set(id, true);\n    });\n    forceUpdate();\n  }\n\n  function getSelectedCount(): number {\n    return items.current.size;\n  }\n\n  function getMap(): Map<string, boolean> {\n    return items.current;\n  }\n\n  return {\n    onToggleBulk,\n    onToggleItem,\n    getSelected,\n    isChecked,\n    bulkChecked: isBulkChecked(),\n    deselectAll,\n    hasSomeSelections,\n    setSelected,\n    getSelectedCount,\n    reset,\n    getMap\n  };\n};","import React from 'react';\n\n// https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state\nexport function usePrevious<T>(value: T): T {\n  const ref = React.useRef<T>();\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"rfiJl\",\"partialJobCount\":\"h8k_u\",\"partialCheckbox\":\"HkuOS\",\"partialExportButton\":\"Iul7S\",\"row\":\"mwigG\",\"checkboxColumn\":\"Z5jLG\",\"actionColumn\":\"rLxYh\",\"usersColumn\":\"QZzab\",\"dateColumn\":\"Wf_Jp\",\"performedByColumn\":\"Ubtmj\",\"seeMoreColumn\":\"XdP6u\",\"heading\":\"kRMMH\",\"action\":\"DvDvW\",\"users\":\"goKpg\",\"date\":\"ejYGb\",\"performedBy\":\"NhjyL\"};","import React from 'react';\n\nimport styles from './partial-user-audit-log.scss';\n\nfunction PartialRow(): JSX.Element {\n  return (\n    <div className={`d-flex striped-row rounded py-3 ${styles.row}`}>\n      <div className={`${styles.checkboxColumn} d-flex justify-content-center`}>\n        <div className={`partial-loading-background ${styles.partialCheckbox} ms-0`} />\n      </div>\n      <div className={`${styles.actionColumn}`}>\n        <div className={`partial-loading-background ${styles.action}`} />\n      </div>\n      <div className={`${styles.usersColumn}`}>\n        <div className={`partial-loading-background ${styles.users}`} />\n      </div>\n      <div className={`${styles.dateColumn}`}>\n        <div className={`partial-loading-background ${styles.date}`} />\n      </div>\n      <div className={`${styles.performedByColumn}`}>\n        <div className={`partial-loading-background ${styles.performedBy}`} />\n      </div>\n      <div className={`${styles.seeMoreColumn}`}>\n        &nbsp;\n      </div>\n    </div>\n  );\n}\n\nfunction PartialHeader(): JSX.Element {\n  return (\n    <div className='d-flex py-2 mb-1'>\n      <div className={`${styles.checkboxColumn}`}>\n        &nbsp;\n      </div>\n      <div className={`${styles.actionColumn}`}>\n        <div className={`partial-loading-background ${styles.heading}`} />\n      </div>\n      <div className={`${styles.usersColumn}`}>\n        <div className={`partial-loading-background ${styles.heading}`} />\n      </div>\n      <div className={`${styles.dateColumn}`}>\n        <div className={`partial-loading-background ${styles.heading}`} />\n      </div>\n      <div className={`${styles.performedByColumn}`}>\n        <div className={`partial-loading-background ${styles.heading}`} />\n      </div>\n      <div className={`${styles.seeMoreColumn}`}>\n        &nbsp;\n      </div>\n    </div>\n  );\n}\n\nexport function PartialAuditLogTable(): JSX.Element {\n  return (\n    <>\n      <div className='mb-3 mt-n1'>\n        <PartialHeader />\n\n        <div className='striped-list no-full-width'>\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n        </div>\n      </div>\n    </>\n  );\n}","import React from 'react';\n\nimport { PartialSearchFilters } from 'libs/shared/apps/search/components/search-filters/PartialSearchFilters';\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\n\nimport { PartialAuditLogTable } from './PartialAuditLogTable';\n\nimport styles from './partial-user-audit-log.scss';\n\nexport function PartialUserAuditLog(): JSX.Element {\n  return (\n    <>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n\n      <div className='pb-3'>\n        <div className='d-flex justify-content-between'>\n          <PartialBreadcrumbs />\n\n          <div className={`partial-loading-background ${styles.partialJobCount}`} />\n        </div>\n      </div>\n\n      <div className='d-flex align-items-center pb-2'>\n        <div className={`partial-loading-background ${styles.partialCheckbox}`} />\n\n        <div className='ms-4 ps-3'>\n          <PartialSearchFilters count={3} />\n        </div>\n\n        <div className={`ms-auto partial-loading-background ${styles.partialExportButton}`} />\n      </div>\n\n      <PartialAuditLogTable />\n    </>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType, LocationContext } from 'libs/analytics/interfaces';\n\nimport { SearchFilters } from 'libs/shared/apps/search/components/search-filters/SearchFilters';\nimport { FilterOption, SearchFilter } from 'libs/shared/apps/search/interfaces';\nimport { Filters } from 'libs/shared/apps/search/utils/FilterHelper';\nimport { UserManagerAppLinks } from 'libs/shared/apps/user-manager/interfaces';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\n\nconst namespace = 'userManager.userAuditLogFilters';\n\nfunction getSortOptions(): FilterOption[] {\n  return [{\n    id: 'newest',\n    name: LanguageService.getPhrase(namespace, 'newest'),\n    default: true\n  },\n  {\n    id: 'oldest',\n    name: LanguageService.getPhrase(namespace, 'oldest')\n  }];\n}\n\nexport interface UserAuditLogQueryParams {\n  cursor: string;\n  userType: UserGroup | UserGroup[];\n  bulkActionType: BatchJobType | BatchJobType[];\n  sort: 'newest' | 'oldest';\n}\n\ninterface UserAuditLogFiltersProps {\n  queryParams: UserAuditLogQueryParams;\n  appLinks: UserManagerAppLinks;\n}\n\nexport function UserAuditLogFilters(props: UserAuditLogFiltersProps): JSX.Element {\n  const filters: SearchFilter<any>[] = [\n    Filters.SortBy(getSortOptions()),\n    Filters.BulkActionType(),\n    Filters.UserType()\n  ];\n\n  return (\n    <SearchFilters\n      queryParams={props.queryParams}\n      mainFilters={filters}\n      appLink={props.appLinks.auditLog}\n      analyticsOptions={{\n        entity: EntityType.BatchJob,\n        location: LocationContext.UserAuditLog\n      }}\n      hideHeading\n      hideDivider\n      constantIndices={[]}\n    />\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"seeMore\":\"uymuO\"};","import React from 'react';\nimport { CellProps, Column } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { BulkUserActionsHelper } from 'libs/shared/apps/user-manager/utils/BulkUserActionsHelper';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { 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 { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { BatchJob } from 'libs/shared/interfaces';\n\nimport styles from './user-audit-log-table.scss';\n\nconst namespace = 'userManager.userAuditLogTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface UserAuditLogTableData {\n  id: string;\n  checked: boolean;\n  actionType: string;\n  userType: string;\n  date: string;\n  performedBy: {\n    name: string;\n    submittedByClickView: boolean;\n  };\n}\n\nexport function getColumns(\n  summaryAppLink: Core.AppLink,\n  onToggleCheckbox: (id: string) => void\n): Column<UserAuditLogTableData>[] {\n  const columns: Column<UserAuditLogTableData>[] = [\n    {\n      Header: '',\n      id: 'checkboxes',\n      accessor: (data: UserAuditLogTableData) => ({ id: data.id, checked: data.checked }),\n      Cell: (cell: CellProps<UserAuditLogTableData, { id: string; checked: boolean; }>) => (\n        <div className='text-center mx-auto'>\n          <Checkbox\n            id={cell.value.id}\n            checked={cell.value.checked}\n            onChange={() => onToggleCheckbox(cell.value.id)}\n          />\n        </div>\n      ),\n      width: 10\n    },\n    {\n      Header: getPhrase('action'),\n      accessor: 'actionType',\n      id: 'actionType',\n      Cell: ({ value }) => (\n        <div className='w-100'>\n          {value}\n        </div>\n      ),\n      width: 20\n    },\n    {\n      Header: getPhrase('users'),\n      accessor: 'userType',\n      id: 'userType',\n      Cell: ({ value }) => {\n        const getValue = () => {\n          switch (value) {\n            case UserGroup.Learner:\n              return getPhrase('students');\n            case UserGroup.Staff:\n              return getPhrase('staff');\n            case UserGroup.Unknown:\n            default:\n              return getPhrase('unknown');\n          }\n        };\n\n        return (\n          <div className='w-100'>\n            {getValue()}\n          </div>\n        );\n      },\n      width: 10\n    },\n    {\n      Header: getPhrase('date'),\n      accessor: 'date',\n      id: 'date',\n      Cell: ({ value }) => (\n        <div className='w-100'>\n          {value}\n        </div>\n      ),\n      width: 20\n    },\n    {\n      Header: getPhrase('performedBy'),\n      accessor: 'performedBy',\n      id: 'performedBy',\n      Cell: (cell: CellProps<any, { name: string; submittedByClickView: boolean; }>) => (\n        <div className='w-100 d-flex align-items-center'>\n          {cell.value.submittedByClickView && (\n            <SvgContainer2 className='me-1' size={SvgContainerSize.Small}>\n              <ClickViewAvatar />\n            </SvgContainer2>\n          )}\n          {cell.value.name}\n        </div>\n      ),\n      width: 20\n    },\n    {\n      Header: '',\n      accessor: 'id',\n      id: 'seeMore',\n      Cell: ({ value }) => (\n        <div className='w-100 d-flex justify-content-end'>\n          <AppLink\n            className={`info-link text-end me-3 ms-auto ${styles.seeMore}`}\n            appLink={{\n              ...summaryAppLink,\n              args: summaryAppLink.args?.length ? [ ...summaryAppLink.args, value ] : [value]\n            }}\n          >\n            <Text namespace={namespace} phrase='seeMore' />\n          </AppLink>\n        </div>\n      ),\n      width: 30\n    }\n  ];\n\n  return columns;\n}\n\nexport function useGetData(jobs: BatchJob[], isChecked: (id: string) => boolean): UserAuditLogTableData[] {\n  return jobs.map(job => {\n    const formattedDate = DateHelper.format(job.dateCreated, 'DD/MM/YYYY, hh:mmA');\n\n    return {\n      id: job.id,\n      checked: isChecked(job.id),\n      actionType: BulkUserActionsHelper.mapJobTypeToName(job.type),\n      userType: BulkUserActionsHelper.mapDataTypeToUserType(job.dataType),\n      date: formattedDate,\n      performedBy: {\n        name: job.submitterName,\n        submittedByClickView: job.submittedByClickView\n      }\n    };\n  });\n}","import React from 'react';\n\nimport { UserManagerAppLinks } from 'libs/shared/apps/user-manager/interfaces';\nimport { Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { BatchJobCollection } from 'libs/shared/interfaces';\n\nimport { getColumns, useGetData } from './UserAuditLogTableUtils';\n\nconst TABLE_THEME: TableTheme = {\n  table: 'striped-list no-full-width pb-3',\n  header: 'fw-semibold pb-1',\n  headerCell: 'px-2 py-1',\n  row: 'striped-row rounded audit-log-row',\n  cell: 'd-flex align-items-center py-3 px-2'\n};\n\ninterface UserAuditLogTableProps {\n  jobs: BatchJobCollection;\n  appLinks: UserManagerAppLinks;\n  onToggleCheckbox: (id: string) => void;\n  isChecked: (id: string) => boolean;\n}\n\nexport function UserAuditLogTable(props: UserAuditLogTableProps): JSX.Element {\n  const data = useGetData(props.jobs.data, props.isChecked);\n\n  return (\n    <Table\n      columns={getColumns(props.appLinks.bulkActionSummary, props.onToggleCheckbox)}\n      data={data}\n      theme={TABLE_THEME}\n    />\n  );\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'userManager.auditLogEmptyState';\n\ninterface UserAuditLogEmptyStateProps {\n  imageUrl: string;\n}\n\nexport function UserAuditLogEmptyState(props: UserAuditLogEmptyStateProps): JSX.Element {\n  return (\n    <EmptyState>\n      <EmptyState.Image src={props.imageUrl} />\n      <EmptyState.Heading>\n        <Text namespace={namespace} phrase='heading' />\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        <Text namespace={namespace} phrase='info' />\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"bulkCheckbox\":\"NMw5T\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\n\nimport { UserManagerConstants } from 'libs/shared/apps/user-manager/constants/UserManagerConstants';\nimport { UserManagerAppLinks } from 'libs/shared/apps/user-manager/interfaces';\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useBulkCheckboxManager } from 'libs/shared/hooks/useBulkCheckboxManager';\nimport { BatchJobCollection } from 'libs/shared/interfaces';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nimport { UserAuditLogFilters, UserAuditLogQueryParams } from './components/audit-log-filters/UserAuditLogFilters';\nimport { UserAuditLogTable } from './components/audit-log-table/UserAuditLogTable';\nimport { UserAuditLogEmptyState } from './empty-state/UserAuditLogEmptyState';\n\nimport styles from './user-audit-log.scss';\n\nconst namespace = 'userManager.auditLog';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface UserAuditLogProps {\n  jobs: BatchJobCollection;\n  appLinks: UserManagerAppLinks;\n  queryParams: UserAuditLogQueryParams;\n  onClickExport: (ids: string[]) => Promise<void>;\n  emptyStateImageUrl: string;\n}\n\nexport function UserAuditLog(props: UserAuditLogProps): JSX.Element {\n  const referrer: UserGroup = LocalStorageHelper.get(UserManagerConstants.AUDIT_LOG_REFERRER_KEY);\n\n  const [ showExportSpinner, setShowExportSpinner ] = React.useState(false);\n\n  const CheckboxHelper = useBulkCheckboxManager(props.jobs.data);\n  const alerts = useAlerts();\n\n  function onClickExport(): void {\n    if (showExportSpinner)\n      return;\n\n    setShowExportSpinner(true);\n\n    const selectedIds = CheckboxHelper.getSelected();\n\n    props.onClickExport(selectedIds)\n      .then(() => alerts.success(getPhrase('exportSuccess')))\n      .catch(() => alerts.error(getPhrase('exportError')))\n      .finally(() => setShowExportSpinner(false));\n  }\n\n  return (\n    <>\n      <h1 className='h2'><Text namespace={namespace} phrase='heading' /></h1>\n\n      <div className='pb-3'>\n        <div className='d-flex justify-content-between'>\n          <Breadcrumbs\n            breadcrumbs={[\n              { name: getPhrase('settingsBreadcrumb'), appLink: props.appLinks.settings },\n              { name: getPhrase(referrer === UserGroup.Learner ? 'studentManager' : 'staffManager'), appLink: props.appLinks.userManager },\n              { name: getPhrase('heading'), active: true }\n            ]}\n          />\n\n          <p className='mb-0 fw-semibold'>\n            <Text\n              namespace={namespace}\n              phrase='totalJobs'\n              options={{ showing: props.jobs.data.length, smartCount: props.jobs.count }}\n            />\n          </p>\n        </div>\n      </div>\n\n      <div className='d-flex align-items-center pb-2'>\n        <Checkbox\n          className={styles.bulkCheckbox}\n          id='bulk-audit-log-checkbox'\n          checked={CheckboxHelper.bulkChecked}\n          onChange={CheckboxHelper.onToggleBulk}\n          indeterminate={CheckboxHelper.hasSomeSelections()}\n        />\n\n        <div className='ms-4 ps-1'>\n          <UserAuditLogFilters queryParams={props.queryParams} appLinks={props.appLinks} />\n        </div>\n\n        <SpinnerButton\n          variant='dark'\n          className='ms-auto'\n          onClick={onClickExport}\n          disabled={!CheckboxHelper.hasSomeSelections() || showExportSpinner}\n          showSpinner={showExportSpinner}\n        >\n          <Text namespace={namespace} phrase='export' />\n        </SpinnerButton>\n      </div>\n\n      {props.jobs.data?.length ? (\n        <UserAuditLogTable\n          jobs={props.jobs}\n          appLinks={props.appLinks}\n          onToggleCheckbox={CheckboxHelper.onToggleItem}\n          isChecked={CheckboxHelper.isChecked}\n        />\n      ) : (\n        <UserAuditLogEmptyState imageUrl={props.emptyStateImageUrl} />\n      )}\n\n      {!!props.jobs.pagination?.cursors && (\n        <Pagination\n          className='p-0 text-end pb-3'\n          cursors={props.jobs.pagination.cursors}\n          appLink={ContextService.getCurrentRoute().appLink}\n          buttonVariant='outline-dark'\n        />\n      )}\n    </>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { UserAuditLogQueryParams } from 'libs/shared/apps/user-manager/components/audit-log/components/audit-log-filters/UserAuditLogFilters';\nimport { PartialUserAuditLog } from 'libs/shared/apps/user-manager/components/audit-log/partial-loading/PartialUserAuditLog';\nimport { UserAuditLog } from 'libs/shared/apps/user-manager/components/audit-log/UserAuditLog';\nimport { UserManagerConstants } from 'libs/shared/apps/user-manager/constants/UserManagerConstants';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { BatchJobCollection } from 'libs/shared/interfaces';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { JobRequests } from 'shared/flight-requests/JobRequests';\n\nimport { getUserManagerAppLinks } from 'apps/user-manager/utils/LiteUserManagerAppLinks';\n\nconst namespace = 'userManager.userAuditLogView';\n\ninterface UserAuditLogViewProps {\n  queryParams: UserAuditLogQueryParams;\n}\n\nexport function UserAuditLogView(props: UserAuditLogViewProps): JSX.Element {\n  const referrer: UserGroup = LocalStorageHelper.get(UserManagerConstants.AUDIT_LOG_REFERRER_KEY);\n\n  const jobs = Flight.useBasicFetch<BatchJobCollection>(JobRequests.getJobs(props.queryParams));\n  \n  useHandleObjectError(jobs);\n  useSetPageMetadata({ title: LanguageService.getPhrase(namespace, 'pageTitle') });\n\n  const fetchAsync = Flight.useGetFetchAsync();\n\n  const appLinks = getUserManagerAppLinks(referrer);\n\n  function onClickExport(jobIds: string[]): Promise<void> {\n    return fetchAsync<void>(JobRequests.sendJobReports(jobIds));\n  }\n\n  if (!jobs.hasCompleted)\n    return <div className='px-3'><PartialUserAuditLog /></div>;\n\n  return (\n    <div className='px-3'>\n      <UserAuditLog\n        jobs={jobs.data}\n        appLinks={appLinks}\n        queryParams={props.queryParams}\n        onClickExport={onClickExport}\n        emptyStateImageUrl={ImageUrls.EmptyStates.Search.RESULTS}\n      />\n    </div>\n  );\n}","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { UserAuditLogQueryParams } from 'libs/shared/apps/user-manager/components/audit-log/components/audit-log-filters/UserAuditLogFilters';\nimport { SUPPORTED_BATCH_JOB_TYPES } from 'libs/shared/apps/user-manager/utils/BulkUserActionsHelper';\nimport { BatchJobResultStatus } from 'libs/shared/enums/BatchJobResultStatus';\nimport { BatchJobType } from 'libs/shared/enums/BatchJobType';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { BaseObject, BatchJob, BatchJobProgress, BatchJobResultsResponse, CreateBatchJobRequest } from 'libs/shared/interfaces';\n\nexport const JobRequests = {\n  createJob(\n    data: CreateBatchJobRequest,\n    success?: (job: BatchJob) => void,\n    error?: () => void\n  ): Flight.Request {\n    return {\n      url: '{gateway}/v1/batch/jobs',\n      key: 'create:job',\n      type: HttpVerbs.POST,\n      data,\n      success,\n      error\n    };\n  },\n\n  getJobs(queryParams: UserAuditLogQueryParams): Flight.Request {\n    const params: HashObject = {};\n\n    let bulkActionTypes: BatchJobType[] = [];\n    let userTypes: UserGroup[] = [];\n\n    if (queryParams.cursor)\n      params.cursor = queryParams.cursor;\n\n    if (queryParams.sort) {\n      if (queryParams.sort === 'oldest')\n        params.order = 'ASC';\n      else\n        params.order = 'DESC';\n    }\n\n    if (queryParams.bulkActionType) {\n      bulkActionTypes = Array.isArray(queryParams.bulkActionType)\n        ? queryParams.bulkActionType\n        : [queryParams.bulkActionType];\n\n      params.type = bulkActionTypes;\n    } else {\n      // only show supported type in the table by default\n      params.type = SUPPORTED_BATCH_JOB_TYPES;\n    }\n\n    if (queryParams.userType) {\n      userTypes = Array.isArray(queryParams.userType)\n        ? queryParams.userType\n        : [queryParams.userType];\n\n      params.dataType = userTypes;\n    }\n    \n    return {\n      url: UrlHelper.urlBuilder('{gateway}/v1/batch/jobs', params),\n      key: `batch:jobs:${queryParams.cursor}:${queryParams.sort}:${bulkActionTypes.sort().join(':')}:${userTypes.sort().join(':')}`\n    };\n  },\n\n  getJob(id: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/batch/jobs/${id}`,\n      key: `job:${id}`\n    };\n  },\n\n  getJobProgress(\n    id: string,\n    success?: (progress: BatchJobProgress) => void,\n    error?: (xhr?: Xhr) => void\n  ): Flight.Request {\n    return {\n      url: `{gateway}/v1/batch/jobs/${id}/progress`,\n      key: `job:${id}:progress`,\n      invalidationKeys: `job:${id}:progress`,\n      success,\n      error\n    };\n  },\n\n  getJobResults<TObject extends BaseObject>(\n    id: string,\n    status: BatchJobResultStatus,\n    cursor?: string,\n    success?: (results: BatchJobResultsResponse<TObject>) => void,\n    error?: (xhr?: Xhr) => void\n  ): Flight.Request {\n    const params: HashObject = {\n      status\n    };\n\n    if (cursor)\n      params.cursor = cursor;\n\n    return {\n      url: UrlHelper.urlBuilder(`{gateway}/v1/batch/jobs/${id}/results`, params),\n      key: `job:${id}:results:${status}:${cursor}`,\n      success,\n      error\n    };\n  },\n\n  getYearGroupRolloverStatus(customerId: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/batch/validations/customers/${customerId}/year-group-roll-over`,\n      key: 'year:group:rollover:status'\n    };\n  },\n\n  sendJobReports(ids: string[]): Flight.Request {\n    return {\n      url: '{gateway}/v1/batch/results/export',\n      key: `send:job:reports:${ids.sort().join(':')}`,\n      type: HttpVerbs.POST,\n      data: {\n        jobIds: ids\n      }\n    };\n  },\n\n  getJobSummary(id: string): Flight.Request {\n    return {\n      url: `{gateway}/v1/batch/jobs/${id}/summary`,\n      key: `job:summary:${id}`\n    };\n  }\n};"],"names":["ScrollHelper","preventScrollTop","Radio","trigger","PartialSearchFilters","count","className","Array","fill","map","item","index","key","BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","b","idx","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","buildCursor","cursorParam","prevHack","currentParams","params","previous","application","action","args","cursor","Pagination","cursors","buttonVariant","scrollTop","onClick","onClickButton","page","location","entity","actionType","value","display","phrase","next","variant","defaultProps","useGetMediaQueryString","isXS","isSM","isMD","isLG","isXL","isXXL","currentString","generateCacheKey","flightObjs","obj","statusCode","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","isArray","useEffect","forEach","useBulkCheckboxManager","collection","options","idField","persistNamespace","initial","initialState","Map","items","forceUpdate","prevCollection","prevNamespace","reset","current","clear","isChecked","toString","get","isBulkChecked","every","setSelected","ids","id","set","i","preselectedIds","onToggleBulk","setValue","onToggleItem","nextItemState","getSelected","from","keys","bulkChecked","deselectAll","hasSomeSelections","find","getSelectedCount","getMap","usePrevious","ref","PartialRow","PartialHeader","PartialAuditLogTable","PartialUserAuditLog","namespace","UserAuditLogFilters","props","filters","LanguageService","default","SearchFilters","queryParams","mainFilters","appLinks","auditLog","analyticsOptions","hideHeading","hideDivider","constantIndices","getPhrase","TABLE_THEME","table","header","headerCell","row","cell","UserAuditLogTable","jobs","summaryAppLink","onToggleCheckbox","data","job","formattedDate","DateHelper","dateCreated","checked","BulkUserActionsHelper","type","userType","dataType","date","performedBy","submitterName","submittedByClickView","Table","columns","bulkActionSummary","Header","accessor","Cell","Checkbox","onChange","UserGroup","getValue","SvgContainer2","SvgContainer","ClickViewAvatar","AppLink","Text","theme","UserAuditLogEmptyState","EmptyState","src","imageUrl","UserAuditLog","referrer","LocalStorageHelper","UserManagerConstants","showExportSpinner","setShowExportSpinner","CheckboxHelper","alerts","settings","userManager","showing","smartCount","indeterminate","SpinnerButton","selectedIds","onClickExport","then","success","error","disabled","showSpinner","emptyStateImageUrl","pagination","ContextService","UserAuditLogView","JobRequests","useSetPageMetadata","title","fetchAsync","hasCompleted","jobIds","ImageUrls","createJob","url","getJobs","bulkActionTypes","userTypes","sort","order","bulkActionType","getJob","getJobProgress","invalidationKeys","getJobResults","status","getYearGroupRolloverStatus","customerId","sendJobReports","getJobSummary"],"sourceRoot":""}

package/dist/scripts/4690-03372d68ac-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4690],{83657:(e,t,n)=>{n.d(t,{e:()=>s});var a=n(32735),r=n(91967),i=n(10874),o=n(76177),c=n(42735),l=n(86509);function s(e){var t=a.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 m="d-flex";return e.className&&(m+=" ".concat(e.className)),n.length||s.length?a.createElement("div",{className:m},n.length?n.map((function(t,n){return a.createElement(a.Fragment,{key:n},function(){if(t.label){var n=r.q.isFunction(t.label)?t.label:function(){return a.createElement(a.Fragment,null,t.label)};return a.createElement(c.K,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,svgSize:e.dropdownToggleSvgSize,className:t.className,tooltip:t.tooltip,showSpinner:t.showSpinner,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled},n())}var l=a.createElement(i.h,{appLink:t.appLink,href:t.href,onClick:t.onClick,svgName:t.svgName,className:t.className,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions,openInNewTab:t.openInNewTab,disabled:t.disabled,showBorder:t.showBorder,customSize:e.customSize});return t.tooltip?a.createElement(o.u,{title:t.tooltip,spanHack:!0},l):l}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,s.length?a.createElement(l.m,{actions:s,dropdownToggleClassName:e.actionsDropdownClassName,dropdownToggleSvgSize:e.dropdownToggleSvgSize,fetchMore:e.fetchMore}):a.createElement(a.Fragment,null)):a.createElement(a.Fragment,null)}},86509:(e,t,n)=>{n.d(t,{m:()=>f});var a=n(32735),r=n(91967),i=n(81886),o=n(45157),c=n(49985),l=n(36848),s=n(83914),m=n(76177),d=n(35223);const u={dropdownToggle:"UCAnJ"};function p(){return a.createElement(a.Fragment,null,a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"8rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"12rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"11rem"}})),a.createElement("div",{style:{padding:"0.53125rem 1rem"}},a.createElement("div",{className:"partial-loading-background",style:{height:"1.0625rem",width:"9rem"}})))}function g(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function v(e){var t=r.q.isFunction(e.action.label)?e.action.label:function(){return a.createElement(a.Fragment,null,e.action.label)};if(e.action.appLink)return a.createElement(l.F,{appLink:e.action.appLink,onClick:e.action.onClick,className:g(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions,openInNewTab:e.action.openInNewTab,disabled:e.action.disabled},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.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),r.q.isFunction(e.action.onClick)&&e.action.onClick(),e.action.href&&i.Q.Ab.PageLoad(e.action.href,e.action.openInNewTab)}return e.action.href?a.createElement("a",{className:g(e.action.className),onClick:n,href:e.action.href},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2 align-middle"}),a.createElement("span",{className:"align-middle"},t())):a.createElement("span",{className:"cursor-pointer ".concat(g(e.action.className)),onClick:n,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&n(e)}},e.action.svgName&&a.createElement(s.x,{svgName:e.action.svgName,className:"d-inline-block svg-container me-2"}),t())}function f(e){if(!e.actions||!e.actions.length)return a.createElement(a.Fragment,null);var t=e.actions.some((function(e){return e.lazyPlaceholder})),n="dropdown";e.className&&(n+=" ".concat(e.className));var r,i="actions-dropdown-".concat(o.Y.getRandomInt()),c="dropdown-toggle px-0 ".concat(u.dropdownToggle);return e.dropdownToggleClassName&&(c+=" ".concat(e.dropdownToggleClassName)),a.createElement("div",{className:n},a.createElement("button",{className:c,type:"button",id:i,"data-bs-toggle":"dropdown","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false","aria-label":"More actions dropdown",onClick:t?e.fetchMore:null},a.createElement(s.x,{svgName:d.vn.More,size:e.dropdownToggleSvgSize})),a.createElement("ul",{className:"dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal","aria-labelledby":i},t?a.createElement(p,null):e.actions.map((function(e,t){var n=void 0!==r&&r!==e.group;return r=e.group,e.tooltip?a.createElement("li",{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(m.u,{title:e.tooltip,spanHack:!0},a.createElement(v,{action:e}))):a.createElement("li",{key:t},n&&a.createElement("hr",{className:"dropdown-divider",role:"separator"}),a.createElement(v,{action:e}))}))))}f.defaultProps={dropdownToggleClassName:"btn btn-light",dropdownToggleSvgSize:s.S.Small}},80181:(e,t,n)=>{n.d(t,{Z:()=>E});var a=n(32735),r=n(42648),i=n(11607),o=n(83914),c=n(83345),l=n(28972),s=n(93264),m=n(35223),d=n(86572);const u={time:"JDp5N",type:"AzIWg",question:"UhEYq",deleteContainer:"wBqoo",delete:"OAQQu",correctness:"W5sR9",selected:"tfrDf",row:"sGk59"};var p="shared.interactiveQuestions";function g(e){var t=e.interaction;switch((0,e.getCorrectness)(t)){case l.w.Correct:return a.createElement("span",{className:"text-success"},a.createElement(o.x,{size:o.S.Medium,svgName:m.vn.Check}));case l.w.Incorrect:return a.createElement("span",{className:"text-danger"},a.createElement(o.x,{size:o.S.Medium,svgName:m.vn.Close}));case l.w.AwaitingMarking:return a.createElement("span",{className:"text-secondary italic"},a.createElement("i",null,a.createElement(c.x,{namespace:p,phrase:"pending"})));case l.w.UnAnswered:return a.createElement("button",{className:"btn btn-outline-dark"},a.createElement(c.x,{namespace:p,phrase:"answer"}));case l.w.Answered:return a.createElement("span",{className:"text-secondary italic"},a.createElement("i",null,a.createElement(c.x,{namespace:p,phrase:"answered"})));case l.w.NotApplicable:return a.createElement(a.Fragment,null)}}function v(e){var t=e.interaction,n=e.visibleAt,r=e.selectedInteractionId,c=e.goToTimepoint,l=e.scrollTo,p=e.isFirstInteraction,v=t.id.toString()===(null==r?void 0:r.toString()),f=a.useRef();a.useEffect((function(){if(v&&f.current){var e=f.current,t=e.getBoundingClientRect(),n=t.top-e.offsetParent.getBoundingClientRect().top;l(n,t.height)}}),[v]);var E=c?"cursor-pointer":"cursor-default";return a.createElement("div",{ref:f},a.createElement(i.L,{className:"py-2 ".concat(E," ").concat(u.row," ").concat(v?u.selected:""),onClick:v?function(){}:function(){c&&c(t.id)}},a.createElement("span",{className:"".concat(u.time," me-2 ").concat(v?"fw-bold":"")},p?s.T.ToDisplayDuration(n):""),a.createElement(d.y,{interaction:t,showTypeName:!0,typeNameClassName:u.type,questionClassName:u.question}),e.onClickDelete&&a.createElement(i.L,{onClick:function(n){n.stopPropagation(),e.onClickDelete(t.id)},className:"".concat(u.deleteContainer)},a.createElement("span",{className:"text-end ".concat(u.delete)},a.createElement(o.x,{size:o.S.Medium,svgName:m.vn.Delete}))),e.getCorrectness&&a.createElement("span",{className:"text-end ".concat(u.correctness)},a.createElement(g,{interaction:t,getCorrectness:e.getCorrectness}))))}function f(e){var t=e.timepoint,n=e.scrollTo,r=e.onClickDelete,i=e.selectedInteractionId,o=e.getCorrectness;function c(n){e.goToTimepoint(t.id,n)}return t.interactions?a.createElement("div",null,t.interactions.map((function(l,s){return a.createElement(v,{interaction:l,visibleAt:t.visibleAt,goToTimepoint:e.goToTimepoint&&c,onClickDelete:r,scrollTo:n,selectedInteractionId:i,isFirstInteraction:0===s,getCorrectness:o,key:s})}))):a.createElement(a.Fragment,null)}function E(e){var t=e.interactive,n=e.goToTimepoint,i=e.selectedInteractionId,o=e.maxHeight,c=e.onClickDelete,l=e.getCorrectness,s=a.useRef();function m(e,t){if(s.current){var n=s.current.getClientHeight(),a=s.current.getScrollTop(),r=e+a;(r<a||r+t>a+n)&&s.current.scrollTop(r-n/2+t/2)}}var d=n?"border rounded":"";return a.createElement(r.$B,{autoHeight:!0,autoHeightMax:o,className:d,hideTracksWhenNotNeeded:!0,ref:s},a.createElement("div",{className:"px-3 py-1"},t.timepoints.map((function(e,t){return a.createElement(f,{key:t,timepoint:e,goToTimepoint:n,selectedInteractionId:i,scrollTo:m,onClickDelete:c,getCorrectness:l})}))))}},40178:(e,t,n)=>{n.d(t,{x:()=>a});var a=368},28972:(e,t,n)=>{var a;n.d(t,{w:()=>a}),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(a||(a={}))},41630:(e,t,n)=>{n.d(t,{X:()=>C});var a=n(32735),r=n(44645),i=n(17327),o=n.n(i),c=n(56050),l=n(23481),s=n(81886),m=n(2786),d=n(93264),u=n(40424);const p={worksheet:"Bv47P",interaction:"efkgi",timepointCell:"ffoDR",interactionCell:"rKBEu",checkbox:"ilhe4",multipleChoiceAnswer:"TqhFx",shortAnswerTextArea:"voJCM",image:"go2dV",cvLogo:"Z4GOw",copyright:"petLf"};function g(e){return g="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},g(e)}function v(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=g(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=g(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==g(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=/{([^{}]*)}/g;function E(e){return a.createElement("div",{className:"mb-2"},e.interaction.name)}function w(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("table",null,a.createElement("tbody",null,e.interaction.actionableItems.map((function(e){return a.createElement("tr",{key:e.id},a.createElement("td",null,a.createElement("div",{className:"border ".concat(p.checkbox)})),a.createElement("td",{className:"break-word align-top"},a.createElement("div",{className:p.multipleChoiceAnswer},e.name)))})))))}var b=v(v(v(v(v(v({},u.Z9.Annotation,(function(e){return a.createElement("div",{dangerouslySetInnerHTML:{__html:e.interaction.data.annotation}})})),u.Z9.Image,(function(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("img",{className:p.image,src:e.interaction.data.url}))})),u.Z9.MissingWord,(function(e){var t=e.interaction.data.sentence.replace(f,(function(t,n){var a=2*e.interaction.actionableItems.find((function(e){return e.order.toString()===n})).name.length;return Array(a+1).join("_")}));return a.createElement("div",null,t)})),u.Z9.MultipleChoice,w),u.Z9.TrueOrFalse,w),u.Z9.ShortAnswer,(function(e){return a.createElement(a.Fragment,null,a.createElement(E,{interaction:e.interaction}),a.createElement("div",{className:"border w-100 ".concat(p.shortAnswerTextArea)}))})),y=l.T.encloseNamespace("interactives.printableInteractiveWorksheet");function N(e){var t=b[e.interaction.typeId];return t?a.createElement("tr",{className:p.interaction},a.createElement("td",{className:"align-top ".concat(p.timepointCell)},d.T.ToDisplayDuration(e.visibleAt)),a.createElement("td",{className:"break-word ".concat(p.interactionCell)},a.createElement(t,{interaction:e.interaction}))):a.createElement(a.Fragment,null)}function h(e){return a.createElement(a.Fragment,null,e.interactive.timepoints.map((function(e,t){return e.interactions.map((function(n,r){return a.createElement(N,{key:"".concat(t,":").concat(r),interaction:n,visibleAt:e.visibleAt})}))})))}function k(e){var t=(new Date).getFullYear();return a.createElement("div",{id:e.worksheetElementId,className:p.worksheet},a.createElement("div",{className:"row pb-2"},a.createElement("div",{className:"col-6"},y("name")," ______________________________"),a.createElement("div",{className:"col-6"},y("date")," ______________________________")),a.createElement("h1",null,a.createElement("strong",null,y("questionSheet"),":")," ",e.interactive.name),a.createElement("table",null,a.createElement("tbody",null,a.createElement(h,{interactive:e.interactive}))),a.createElement("div",{className:p.cvLogo},a.createElement(m.$S,null)),e.isClickViewContent&&a.createElement("span",{className:p.copyright},y("copyright",{year:t})))}var _=l.T.encloseNamespace("interactives.utils");function C(e,t,n){var i=document.getElementById("print-region");if(i||s.Q.Ry.throw(new c.H("Could not find print region in layout")),e){var l="printable-interactive-".concat(e.id),m=(0,r.s)(i);m.render(a.createElement("div",{className:"d-none"},a.createElement(k,{worksheetElementId:l,interactive:e,isClickViewContent:t}))),window.setTimeout((function(){o()({printable:l,type:"html",documentTitle:_("worksheetTitle",{interactiveName:e.name}),targetStyles:["*"],style:"@page { size: A4; margin: 1.5cm 0; }",onLoadingEnd:function(){n&&n(),m.unmount()},font_size:"14px"})}),200)}}},74690:(e,t,n)=>{n.r(t),n.d(t,{PreviewQuestionsView:()=>N});var a=n(32735),r=n(23481),i=n(20354),o=n(28400),c=n(65858),l=n(83657),s=n(80181),m=n(9111),d=n(13876),u=n(40178),p=n(20768),g=n(35223),v=n(14070),f=n(97291),E=n(41630);const w={printBtn:"VWlur"};function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var y=r.T.encloseNamespace("interactives.previewQuestions");function N(e){var t,n,r,N,h,k=(N=a.useState(!1),h=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 a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(N,h)||function(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}(N,h)||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.")}()),_=k[0],C=k[1],T=i.a.useBasicFetch(p.b.interactiveMetadata(e.id)),I=i.a.useBasicFetch(T.data?p.b.interactive(T.data.interactiveId):null),S=null;T.data&&(S={id:T.data.id,interactiveId:T.data.interactiveId,name:T.data.name},(null===(t=T.data._parentVideo)||void 0===t?void 0:t.id)&&(S.video={id:T.data._parentVideo.id}),(null===(n=T.data._parentClip)||void 0===n?void 0:n.id)&&(S.clip={id:T.data._parentClip.id}));var A=[{label:y("watchInteractive"),className:"btn btn-outline-dark me-2",svgName:g.vn.Play,button:!0,appLink:{application:f.O.INTERACTIVES,action:v.e.Interactives.VIEW_INTERACTIVE,args:[e.id,o.m.slugify(null===(r=I.data)||void 0===r?void 0:r.name)]},onClick:e.closePopup,analyticsData:S,analyticsOptions:{entity:c.py.Interactive,actionType:c.Vw.Click,location:c.LZ.PreviewInteractiveQuestions,descriptor:c._S.Button}},{label:y("printAsWorksheet"),className:"btn btn-outline-dark ".concat(w.printBtn),svgName:g.vn.Print,button:!0,onClick:function(){var e;C(!0),(0,E.X)(I.data,null===(e=T.data._isClickViewCurated)||void 0===e?void 0:e.value,(function(){return C(!1)}))},showSpinner:_,analyticsData:S,analyticsOptions:{entity:c.py.Interactive,actionType:c.Vw.Print,location:c.LZ.PreviewInteractiveQuestions,workflowPhase:c.eu.Start,eventVersion:c.eq.V2}}];return a.createElement(m.G,{title:y("mainTitle"),closePopup:e.closePopup,showLoadingSpinner:!I.data,size:"lg"},I.data?a.createElement(a.Fragment,null,a.createElement(s.Z,{interactive:I.data,maxHeight:u.x}),a.createElement(d.u,null,a.createElement(l.e,{actions:A}))):a.createElement(a.Fragment,null))}}}]);
-//# sourceMappingURL=4690-03372d68ac-lite.chunk.js.map

package/dist/scripts/4690-03372d68ac-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/4690-03372d68ac-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/interactive-questions/interactive-questions.scss","file:///app/packages/libs/shared/src/components/interactive-questions/InteractiveQuestions.tsx","file:///app/packages/libs/shared/src/constants/MinimumGlanceHeight.ts","file:///app/packages/libs/shared/src/enums/InteractionCorrectness.ts","file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/printable-interactive-worksheet.scss","file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/PrintableInteractionContent.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/printable-interactive-worksheet/PrintableInteractiveWorksheet.tsx","file:///app/packages/projects/lite/src/apps/interactives/utils/PrintInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/views/preview-questions/preview-questions.scss","file:///app/packages/projects/lite/src/apps/interactives/views/preview-questions/PreviewQuestionsView.tsx"],"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  showBorder?: boolean; // only works for button without text label\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  customSize?: boolean;\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      {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                  svgSize={props.dropdownToggleSvgSize}\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                showBorder={a.showBorder}\n                customSize={props.customSize}\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    </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        aria-label={'More actions dropdown'}\n        onClick={isLazy ? props.fetchMore : null}\n      >\n        <SvgContainer svgName={cvSvgLibrary.More} size={props.dropdownToggleSvgSize} />\n      </button>\n      <ul className='dropdown-menu dropdown-menu-end dropdown-menu-right font-size-normal' 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                <li 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                </li>\n              );\n            }\n  \n            return (\n              <li key={idx}>\n                {showDivider && <hr className='dropdown-divider' role='separator'></hr>}\n                <ActionsDropdownItem action={a} />\n              </li>\n            );\n          })\n        }\n      </ul>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"time\":\"JDp5N\",\"type\":\"AzIWg\",\"question\":\"UhEYq\",\"deleteContainer\":\"wBqoo\",\"delete\":\"OAQQu\",\"correctness\":\"W5sR9\",\"selected\":\"tfrDf\",\"row\":\"sGk59\"};","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { Interaction, Interactive, Timepoint } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { InteractionLabel } from './InteractionLabel';\n\nimport styles from './interactive-questions.scss';\n\nconst namespace = 'shared.interactiveQuestions';\n\ninterface CorrectnessProps {\n  interaction: Interaction;\n  getCorrectness?: (interaction: Interaction) => InteractionCorrectness;\n}\n\nfunction Correctness(props: CorrectnessProps): React.ReactElement {\n  const { interaction, getCorrectness } = props;\n\n  const correctness = getCorrectness(interaction);\n\n  switch (correctness) {\n    case InteractionCorrectness.Correct:\n      return <span className='text-success'><SvgContainer size={SvgContainerSize.Medium} svgName={cvSvgLibrary.Check} /></span>;\n    case InteractionCorrectness.Incorrect:\n      return <span className='text-danger'><SvgContainer size={SvgContainerSize.Medium} svgName={cvSvgLibrary.Close} /></span>;\n    case InteractionCorrectness.AwaitingMarking:\n      return <span className='text-secondary italic'><i><Text namespace={namespace} phrase='pending' /></i></span>;\n    case InteractionCorrectness.UnAnswered:\n      return <button className='btn btn-outline-dark'><Text namespace={namespace} phrase='answer' /></button>;\n    case InteractionCorrectness.Answered:\n      return <span className='text-secondary italic'><i><Text namespace={namespace} phrase='answered' /></i></span>;\n    case InteractionCorrectness.NotApplicable:\n      return <></>;\n  }\n}\n\ninterface InteractionComponentProps {\n  interaction: Interaction;\n  visibleAt: number;\n  goToTimepoint: (interactionId: string) => void;\n  onClickDelete?: (interactionId: string) => void;\n  scrollTo: (offset: number, height: number) => void;\n  selectedInteractionId: string;\n  isFirstInteraction: boolean;\n  getCorrectness?: (interaction: Interaction) => InteractionCorrectness;\n}\n\nfunction InteractionComponent(props: InteractionComponentProps): React.ReactElement {\n  const {\n    interaction,\n    visibleAt,\n    selectedInteractionId,\n    goToTimepoint,\n    scrollTo,\n    isFirstInteraction\n  } = props;\n\n  const selected = interaction.id.toString() === selectedInteractionId?.toString();\n\n  const ref = React.useRef<HTMLDivElement>();\n\n  React.useEffect(() => {\n    if (!selected)\n      return;\n\n    if (!ref.current)\n      return;\n\n    const el = ref.current;\n    const rect = el.getBoundingClientRect();\n    const offset = rect.top - el.offsetParent.getBoundingClientRect().top;\n\n    scrollTo(offset, rect.height);\n  }, [selected]);\n\n  function onClick(): void {\n    goToTimepoint && goToTimepoint(interaction.id);\n  }\n\n  function onClickDelete(event: React.MouseEvent): void {\n    event.stopPropagation();\n\n    props.onClickDelete(interaction.id);\n  }\n\n  /**\n   * Don't have a cursor if there is no callback function.\n   * i.e. when rendered in a popup\n   */\n  const cursor = goToTimepoint ? 'cursor-pointer' : 'cursor-default';\n\n  return (\n    <div ref={ref}>\n      <DivButton className={`py-2 ${cursor} ${styles.row} ${selected ? styles.selected : ''}`} onClick={selected ? () => {} : onClick}>\n        <span className={`${styles.time} me-2 ${selected ? 'fw-bold' : ''}`}>{isFirstInteraction ? DurationHelper.ToDisplayDuration(visibleAt) : ''}</span>\n        <InteractionLabel\n          interaction={interaction}\n          showTypeName\n          typeNameClassName={styles.type}\n          questionClassName={styles.question}\n        />\n        {\n          props.onClickDelete &&\n            <DivButton onClick={onClickDelete} className={`${styles.deleteContainer}`}>\n              <span className={`text-end ${styles.delete}`}>\n                <SvgContainer\n                  size={SvgContainerSize.Medium}\n                  svgName={cvSvgLibrary.Delete}\n                />\n              </span>\n            </DivButton>\n        }\n        {props.getCorrectness &&\n          <span className={`text-end ${styles.correctness}`}>\n            <Correctness interaction={interaction} getCorrectness={props.getCorrectness} />\n          </span>\n        }\n      </DivButton>\n    </div>\n  );\n}\n\ninterface TimepointComponentProps {\n  timepoint: Timepoint;\n  goToTimepoint?: (timepointId: string, interactionId: string) => void;\n  selectedInteractionId?: string;\n  scrollTo?: (offset: number, height: number) => void;\n  onClickDelete?: (interactionId: string) => void;\n  getCorrectness?: (interaction: Interaction) => InteractionCorrectness;\n}\n\nexport function TimepointComponent(props: TimepointComponentProps): React.ReactElement {\n  const {\n    timepoint,\n    scrollTo,\n    onClickDelete,\n    selectedInteractionId,\n    getCorrectness\n  } = props;\n\n  function goToTimepoint(interactionId: string): void {\n    props.goToTimepoint(timepoint.id, interactionId);\n  }\n\n  if (!timepoint.interactions)\n    return <></>;\n\n  return (\n    <div>\n      {timepoint.interactions.map((interaction, i) => (\n        <InteractionComponent\n          interaction={interaction}\n          visibleAt={timepoint.visibleAt}\n          goToTimepoint={props.goToTimepoint && goToTimepoint}\n          onClickDelete={onClickDelete}\n          scrollTo={scrollTo}\n          selectedInteractionId={selectedInteractionId}\n          isFirstInteraction={i === 0}\n          getCorrectness={getCorrectness}\n          key={i}\n        />\n      ))\n      }\n    </div>\n  );\n}\n\nexport interface InteractiveQuestionProps {\n  interactive: Interactive;\n  goToTimepoint?: (timepointId: string, interactionId: string) => void;\n  selectedInteractionId?: string;\n  maxHeight: number;\n  onClickDelete?: (interactionId: string) => void;\n  getCorrectness?: (interaction: Interaction) => InteractionCorrectness;\n}\n\nexport function InteractiveQuestions(props: InteractiveQuestionProps): React.ReactElement {\n  const {\n    interactive,\n    goToTimepoint,\n    selectedInteractionId,\n    maxHeight,\n    onClickDelete,\n    getCorrectness\n  } = props;\n\n  const ref = React.useRef<Scrollbars>();\n\n  function scrollTo(offset: number, elHeight: number): void {\n    if (!ref.current)\n      return;\n\n    const height = ref.current.getClientHeight();\n    const scroll = ref.current.getScrollTop();\n    const elementFromTop = offset + scroll;\n\n    /**\n     * Element is above scroll window if it's distance from the top\n     * is less than the scroll\n     */\n    const isAboveScrollWindow = elementFromTop < scroll;\n\n    /**\n     * Element is beneath scroll window if it's distance from the top\n     * plus it's height is greater than the scroll plus the window height\n     */\n    const isBelowScrollWindow = (elementFromTop + elHeight) > (scroll + height);\n\n    /**\n     * So we don't scroll if our element is visible\n     */\n    if (!isAboveScrollWindow && !isBelowScrollWindow)\n      return;\n\n    /**\n     * If our element isn't visible, we want to try scroll so the element is\n     * centered in our viewport\n     */\n    ref.current.scrollTop(elementFromTop - (height / 2) + (elHeight / 2));\n  }\n\n  const borderClass = goToTimepoint ? 'border rounded' : '';\n\n  return (\n    <Scrollbars\n      autoHeight\n      autoHeightMax={maxHeight}\n      className={borderClass}\n      hideTracksWhenNotNeeded={true}\n      ref={ref}\n    >\n      <div className='px-3 py-1'>\n        {interactive.timepoints.map((t, i) => (\n          <TimepointComponent\n            key={i}\n            timepoint={t}\n            goToTimepoint={goToTimepoint}\n            selectedInteractionId={selectedInteractionId}\n            scrollTo={scrollTo}\n            onClickDelete={onClickDelete}\n            getCorrectness={getCorrectness}\n          />\n        ))\n        }\n      </div>\n    </Scrollbars>\n  );\n}\n","// 368 is the min height of Video at a glance which is defined as $glanceHeight in synopsis.scss\nexport const MINIMUM_GLANCE_HEIGHT = 368; // px","export enum InteractionCorrectness {\n  Correct,\n  Incorrect,\n  AwaitingMarking,\n  \n  Answered,\n  UnAnswered,\n  NotApplicable\n}","// extracted by mini-css-extract-plugin\nexport default {\"worksheet\":\"Bv47P\",\"interaction\":\"efkgi\",\"timepointCell\":\"ffoDR\",\"interactionCell\":\"rKBEu\",\"checkbox\":\"ilhe4\",\"multipleChoiceAnswer\":\"TqhFx\",\"shortAnswerTextArea\":\"voJCM\",\"image\":\"go2dV\",\"cvLogo\":\"Z4GOw\",\"copyright\":\"petLf\"};","import React from 'react';\n\nimport { Interaction, InteractionTypeId } from 'libs/shared/interfaces';\n\nimport styles from './printable-interactive-worksheet.scss';\n\nconst MISSING_WORD_REGEX = /{([^{}]*)}/g;\n\ninterface PrintableInteractionContentProps {\n  interaction: Interaction;\n}\n\nfunction InteractionName(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <div className='mb-2'>{props.interaction.name}</div>\n  );\n}\n\nfunction AnnotationInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <div dangerouslySetInnerHTML={{ __html: props.interaction.data.annotation }}></div>\n  );\n}\n\nfunction ImageInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <img className={styles.image} src={props.interaction.data.url} />\n    </>\n  );\n}\n\nfunction MissingWordInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  function replaceMissingWord(match: string, val: string): string {\n    const actionableItem = props.interaction.actionableItems.find(a => a.order.toString() === val);\n    const width = 2 * actionableItem.name.length;\n    return Array(width + 1).join('_');\n  }\n\n  const formatted = (props.interaction.data.sentence as string).replace(MISSING_WORD_REGEX, replaceMissingWord);\n\n  return (\n    <div>{formatted}</div>\n  );\n}\n\nfunction MultipleChoiceInteraction(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <table>\n        <tbody>\n          {props.interaction.actionableItems.map(a => (\n            <tr key={a.id}>\n              <td>\n                <div className={`border ${styles.checkbox}`} />\n              </td>\n              <td className='break-word align-top'>\n                <div className={styles.multipleChoiceAnswer}>\n                  {a.name}\n                </div>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </>\n  );\n}\n\nfunction ShortAnswerInteractive(props: PrintableInteractionContentProps): JSX.Element {\n  return (\n    <>\n      <InteractionName interaction={props.interaction} />\n      <div className={`border w-100 ${styles.shortAnswerTextArea}`} />\n    </>\n  );\n}\n\nexport const PrintableInteractionComponentLookup: {\n  [typeId: number]: (props: PrintableInteractionContentProps) => JSX.Element\n} = {\n  [InteractionTypeId.Annotation]: AnnotationInteraction,\n  [InteractionTypeId.Image]: ImageInteraction,\n  [InteractionTypeId.MissingWord]: MissingWordInteraction,\n  [InteractionTypeId.MultipleChoice]: MultipleChoiceInteraction,\n  [InteractionTypeId.TrueOrFalse]: MultipleChoiceInteraction,\n  [InteractionTypeId.ShortAnswer]: ShortAnswerInteractive\n};\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { ClickViewLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { Interaction, Interactive } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\n\nimport { PrintableInteractionComponentLookup } from './PrintableInteractionContent';\n\nimport styles from './printable-interactive-worksheet.scss';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.printableInteractiveWorksheet');\n\ninterface PrintableInteractionProps {\n  interaction: Interaction;\n  visibleAt: number;\n}\n\nfunction PrintableInteraction(props: PrintableInteractionProps): JSX.Element {\n  const InteractionComponent = PrintableInteractionComponentLookup[props.interaction.typeId];\n\n  if (!InteractionComponent)\n    return <></>;\n\n  return (\n    <tr className={styles.interaction}>\n      <td className={`align-top ${styles.timepointCell}`}>\n        {DurationHelper.ToDisplayDuration(props.visibleAt)}\n      </td>\n      <td className={`break-word ${styles.interactionCell}`}>\n        <InteractionComponent interaction={props.interaction} />\n      </td>\n    </tr>\n  );\n}\n\ninterface PrintableInteractiveQuestionsProps {\n  interactive: Interactive;\n}\n\nfunction PrintableInteractiveQuestions(props: PrintableInteractiveQuestionsProps): JSX.Element {\n  return (\n    <>\n      {props.interactive.timepoints.map((timepoint, i) => (\n        timepoint.interactions.map((interaction, j) => (\n          <PrintableInteraction key={`${i}:${j}`} interaction={interaction} visibleAt={timepoint.visibleAt} />\n        ))\n      ))}\n    </>\n  );\n}\n\ninterface PrintableInteractiveWorksheetProps {\n  worksheetElementId: string;\n  interactive: Interactive;\n  isClickViewContent: boolean;\n}\n\nexport function PrintableInteractiveWorksheet(props: PrintableInteractiveWorksheetProps): JSX.Element {\n  const year = (new Date()).getFullYear();\n\n  return (\n    <div id={props.worksheetElementId} className={styles.worksheet}>\n      <div className='row pb-2'>\n        <div className='col-6'>{getPhrase('name')} ______________________________</div>\n        <div className='col-6'>{getPhrase('date')} ______________________________</div>\n      </div>\n      <h1>\n        <strong>{getPhrase('questionSheet')}:</strong> {props.interactive.name}\n      </h1>\n      <table>\n        <tbody>\n          <PrintableInteractiveQuestions interactive={props.interactive} />\n        </tbody>\n      </table>\n      <div className={styles.cvLogo}>\n        <ClickViewLogo />\n      </div>\n      {props.isClickViewContent &&\n        <span className={styles.copyright}>{getPhrase('copyright', { year })}</span>\n      }\n    </div>\n  );\n}\n","import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport printJS from 'print-js';\n\nimport { DevError } from 'libs/common/backbone/errors/DevError';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { PrintableInteractiveWorksheet } from 'apps/interactives/components/printable-interactive-worksheet/PrintableInteractiveWorksheet';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.utils');\n\nexport function printInteractive(interactive: Interactive, isCVContent: boolean, onDone?: () => void): void {\n  const printRegion = document.getElementById('print-region');\n\n  if (!printRegion)\n    Core.ErrorHelper.throw(new DevError('Could not find print region in layout'));\n\n  if (!interactive)\n    return;\n\n  const worksheetElementId = `printable-interactive-${interactive.id}`;\n\n  const root = createRoot(printRegion);\n\n  function print(): void {\n    printJS({\n      printable: worksheetElementId,\n      type: 'html',\n      documentTitle: getPhrase('worksheetTitle', { interactiveName: interactive.name }),\n      targetStyles: ['*'],\n      style: '@page { size: A4; margin: 1.5cm 0; }',\n      onLoadingEnd: () => {\n        onDone && onDone();\n        root.unmount();\n      },\n      /**\n       * font_size is deprecated but a bug in print.js still applies the default (12pt) if it\n       * is omitted, overriding any custom/inline styles. \n       * This value is the same as the one found in in .worksheet in printable-interactive-worksheet.scss\n       */\n      font_size: '14px'\n    });\n  }\n\n  root.render(\n    <div className='d-none'>\n      <PrintableInteractiveWorksheet\n        worksheetElementId={worksheetElementId}\n        interactive={interactive}\n        isClickViewContent={isCVContent}\n      />\n    </div>\n  );\n\n  window.setTimeout(() => {\n    print();\n  }, 200);\n}","// extracted by mini-css-extract-plugin\nexport default {\"printBtn\":\"VWlur\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ClickDescriptor, EntityType, EventVersion, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions, Actions as ActionButtons } from 'libs/shared/components/actions/Actions';\nimport { InteractiveQuestions } from 'libs/shared/components/interactive-questions/InteractiveQuestions';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { Interactive, InteractiveMetadata, PopupViewProps } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { printInteractive } from 'apps/interactives/utils/PrintInteractive';\n\nconst getPhrase = LanguageService.encloseNamespace('interactives.previewQuestions');\n\nimport styles from './preview-questions.scss';\n\n\ninterface PreviewQuestionsViewProps extends PopupViewProps {\n  id: string;\n}\n\nexport function PreviewQuestionsView(props: PreviewQuestionsViewProps): React.ReactElement {\n  const [ showPrintButtonSpinner, setShowPrintButtonSpinner ] = React.useState(false);\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.id)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data ?\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId) : null);\n\n  let analyticsData: HashObject = null;\n\n  if (interactiveMetadata.data) {\n    analyticsData = {\n      id: interactiveMetadata.data.id,\n      interactiveId: interactiveMetadata.data.interactiveId,\n      name: interactiveMetadata.data.name\n    };\n\n    if (interactiveMetadata.data._parentVideo?.id)\n      analyticsData.video = { id: interactiveMetadata.data._parentVideo.id };\n\n    if (interactiveMetadata.data._parentClip?.id)\n      analyticsData.clip = { id: interactiveMetadata.data._parentClip.id };\n  }\n\n  const actions: ActionOptions[] = [\n    {\n      label: getPhrase('watchInteractive'),\n      className: 'btn btn-outline-dark me-2',\n      svgName: cvSvgLibrary.Play,\n      button: true,\n      appLink: {\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.VIEW_INTERACTIVE,\n        args: [ props.id, TextHelper.slugify(interactive.data?.name) ]\n      },\n      onClick: props.closePopup,\n      analyticsData,\n      analyticsOptions: {\n        entity: EntityType.Interactive,\n        actionType: UserAction.Click,\n        location: LocationContext.PreviewInteractiveQuestions,\n        descriptor: ClickDescriptor.Button\n      }\n    },\n    {\n      label: getPhrase('printAsWorksheet'),\n      className: `btn btn-outline-dark ${styles.printBtn}`,\n      svgName: cvSvgLibrary.Print,\n      button: true,\n      onClick: () => {\n        setShowPrintButtonSpinner(true);\n        printInteractive(\n          interactive.data,\n          interactiveMetadata.data._isClickViewCurated?.value,\n          () => setShowPrintButtonSpinner(false)\n        );\n      },\n      showSpinner: showPrintButtonSpinner,\n      analyticsData,\n      analyticsOptions: {\n        entity: EntityType.Interactive,\n        actionType: UserAction.Print,\n        location: LocationContext.PreviewInteractiveQuestions,\n        workflowPhase: WorkflowPhase.Start,\n        eventVersion: EventVersion.V2\n      }\n    }\n  ];\n\n  return (\n    <Popup\n      title={getPhrase('mainTitle')}\n      closePopup={props.closePopup}\n      showLoadingSpinner={!interactive.data}\n      size='lg'\n    >\n      {(() => {\n        if (!interactive.data)\n          return <></>;\n\n        return (\n          <>\n            <InteractiveQuestions interactive={interactive.data} maxHeight={MINIMUM_GLANCE_HEIGHT} />\n            <PopupButtons>\n              <ActionButtons actions={actions} />\n            </PopupButtons>\n          </>\n        );\n      })()}\n    </Popup>\n  );\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","svgSize","dropdownToggleSvgSize","tooltip","showSpinner","analyticsData","analyticsOptions","openInNewTab","disabled","iconButton","showBorder","customSize","title","spanHack","sortComponent","dropdownToggleClassName","actionsDropdownClassName","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","namespace","Correctness","interaction","getCorrectness","InteractionCorrectness","Text","phrase","InteractionComponent","visibleAt","selectedInteractionId","goToTimepoint","scrollTo","isFirstInteraction","selected","toString","ref","current","el","rect","getBoundingClientRect","offset","top","offsetParent","cursor","DivButton","DurationHelper","InteractionLabel","showTypeName","typeNameClassName","questionClassName","onClickDelete","event","stopPropagation","TimepointComponent","timepoint","interactionId","interactions","i","InteractiveQuestions","interactive","maxHeight","elHeight","getClientHeight","scroll","getScrollTop","elementFromTop","scrollTop","borderClass","autoHeight","autoHeightMax","hideTracksWhenNotNeeded","timepoints","t","MINIMUM_GLANCE_HEIGHT","MISSING_WORD_REGEX","InteractionName","name","MultipleChoiceInteraction","actionableItems","PrintableInteractionComponentLookup","dangerouslySetInnerHTML","__html","data","annotation","src","url","formatted","sentence","replace","match","val","find","Array","join","getPhrase","LanguageService","PrintableInteraction","typeId","PrintableInteractiveQuestions","j","PrintableInteractiveWorksheet","year","Date","getFullYear","worksheetElementId","ClickViewLogo","isClickViewContent","printInteractive","isCVContent","onDone","printRegion","document","getElementById","DevError","root","render","window","setTimeout","printable","documentTitle","interactiveName","targetStyles","onLoadingEnd","unmount","font_size","PreviewQuestionsView","showPrintButtonSpinner","setShowPrintButtonSpinner","interactiveMetadata","InteractiveRequests","interactiveId","_parentVideo","video","_parentClip","clip","application","args","TextHelper","closePopup","entity","actionType","location","descriptor","_isClickViewCurated","value","workflowPhase","eventVersion","Popup","showLoadingSpinner","PopupButtons"],"sourceRoot":""}

package/dist/scripts/5143-b6896dad98-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5143],{61807:(e,t,n)=>{n.d(t,{L:()=>m});var a=n(32735),r=n(81886),i=n(23481),c=n(65858),l=n(38502),s="settings.domainSettingsTabs",o=i.T.encloseNamespace(s);function m(e){var t=e.active,n=e.appLinks;return a.createElement("div",{className:"mb-3"},a.createElement(l.r,{tabs:[{name:o("requestingAccess"),appLink:n.requestingAccess,active:"requesting-access"===t,analyticsData:{name:o("requestingAccess"),url:r.Q.C$.getHref(n.requestingAccess)},analyticsOptions:{actionType:c.Vw.Click,entity:c.py.Url,location:c.LZ.MagicTabs}},{name:o("teacherInvites"),appLink:n.teacherInvites,active:"teacher-invites"===t,analyticsData:{name:i.T.getPhrase(s,"teacherInvites"),url:r.Q.C$.getHref(n.teacherInvites)},analyticsOptions:{actionType:c.Vw.Click,entity:c.py.Url,location:c.LZ.MagicTabs}},{name:o("automaticAccess"),appLink:n.automaticAccess,active:"automatic-access"===t,analyticsData:{name:i.T.getPhrase(s,"automaticAccess"),url:r.Q.C$.getHref(n.automaticAccess)},analyticsOptions:{actionType:c.Vw.Click,entity:c.py.Url,location:c.LZ.MagicTabs}}]}))}},49935:(e,t,n)=>{n.d(t,{Oo:()=>u,b2:()=>p});var a=n(32735),r=n(36848),i=n(86764),c=n(3747),l=n(5859),s=n(35223),o=n(83914),m=function(e){var t=e.breadcrumb,n=t.name,i=t.appLink,c=t.active,l=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(c?" active":"")},c?a.createElement("strong",null,n):a.createElement(r.F,{appLink:i},l&&a.createElement(o.x,{svgName:s.vn.ChevronLeft,size:o.S.Small}),a.createElement("span",{className:l?"ms-2":""},n)))},u=function(e){var t=e.breadcrumbs,n=(0,c.a)(i.r.XS),r=null==t?void 0:t.length;return!r||n&&r<2?a.createElement(a.Fragment,null):n?a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},a.createElement(m,{breadcrumb:t[r-2],withBackIcon:!0}))):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return a.createElement(m,{key:t,breadcrumb:e})}))))},p=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,c.a)(i.r.XS)?a.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},l.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},38502:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(32735),r=n(49985),i=n(36848),c=n(18559),l=n(11607),s=n(83914),o=n(87432);function m(e){return a.createElement(a.Fragment,null,!!e.tab.svgName&&a.createElement("div",{className:e.tab.name?"pe-1":""},a.createElement(s.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&a.createElement("div",{className:"ps-2"},a.createElement(c.C,{type:c.g.Count,data:e.tab.count})))}function u(e){var t;return a.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:"",ref:e.containerRef},a.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(o.Z.pillTabSelector,"\n        ").concat(e.borderRadius?o.Z.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map((function(e,t){return a.createElement("li",{className:"\n                p-0 ".concat(o.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?o.Z.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?a.createElement(i.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(o.Z.tabLink,"\n                  ")},a.createElement(m,{tab:e})):a.createElement(l.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset p-2 text-nowrap ".concat(o.Z.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&r.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},a.createElement(m,{tab:e})))}))))}u.defaultProps={borderRadius:"lg"}},24833:(e,t,n)=>{var a;n.d(t,{C:()=>a}),function(e){e.RequestingAccess="requestingAccess",e.TeacherInvites="teacherInvites",e.AutomaticAccess="automaticAccess"}(a||(a={}))},5859:(e,t,n)=>{function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}n.d(t,{u:()=>i});var r={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},r),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return a(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 a(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)?a(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 a=n(32735),r=n(81886),i=n(23481),c=n(49935),l=n(22902),s=n(14070),o=n(97291),m=n(96368);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var p="settings.settingsLayout",d=function(e){var t=(0,l.T)().hasPermissions,n=(0,m.e)();if(e)return t(e);var a=r.Q.C$.getCurrentAppLink();return a.application!==o.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===a.action}))}))};function f(e){var t,n=d(e.requiredPermissions);if(a.useEffect((function(){n||r.Q.C$.trigger({application:o.O.SETTINGS,action:s.e.Settings.HOME},{replace:!0})}),[n]),!n)return a.createElement(a.Fragment,null);var l,m=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:o.O.SETTINGS,action:s.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return a.createElement("div",{className:"px-3"},a.createElement("div",{className:"d-flex align-items-center justify-content-between"},a.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),a.createElement("div",{className:"pb-3"},a.createElement(c.Oo,{breadcrumbs:[{name:i.T.getPhrase(p,"settingsBreadcrumb"),appLink:{application:o.O.SETTINGS,action:s.e.Settings.HOME}}].concat((l=m,function(e){if(Array.isArray(e))return u(e)}(l)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(l)||function(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}(l)||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&&a.createElement(a.Fragment,null,a.createElement("p",null,e.description),a.createElement("hr",null)),e.children)}},68598:(e,t,n)=>{n.d(t,{W:()=>s});var a=n(24833),r=n(14070),i=n(97291);function c(e){return c="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},c(e)}function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=c(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=c(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s=l(l(l({},a.C.RequestingAccess,{application:i.O.SETTINGS,action:r.e.Settings.REQUESTING_ACCESS}),a.C.TeacherInvites,{application:i.O.SETTINGS,action:r.e.Settings.TEACHER_INVITES}),a.C.AutomaticAccess,{application:i.O.SETTINGS,action:r.e.Settings.AUTOMATIC_ACCESS})},96268:(e,t,n)=>{n.d(t,{W:()=>o});var a=n(32735),r=n(81886),i=n(65858),c=n(37802),l=n(14070),s=n(97291);function o(){var e=(0,c.r)(i.LZ.Settings),t=e.isLoadingSettings,n=e.domainSettings;a.useEffect((function(){t||n||r.Q.C$.trigger({application:s.O.SETTINGS,action:l.e.Settings.HOME},{replace:!0})}),[n,t])}},45143:(e,t,n)=>{n.r(t),n.d(t,{TeacherInvitesView:()=>A});var a=n(32735),r=n(23481),i=n(20354),c=n(65858),l=n(83345),s=n(83523),o="settings.domainSettingsInvitesToggle";function m(e){var t=e.allowInvites,n=e.onToggleInvites;return a.createElement("div",{className:"col-12 col-md-7 card p-3"},a.createElement("div",{className:"d-flex justify-content-between"},a.createElement("p",{className:"fw-semibold"},a.createElement(l.x,{namespace:o,phrase:"invitesLabel"})),a.createElement(s.Z,{onClick:n,on:t})),a.createElement("p",null,a.createElement(l.x,{namespace:o,phrase:"invitesDescription"})),a.createElement("div",{className:"d-flex"},a.createElement("div",{className:"rounded p-2 bg-light-blue text-info fw-semibold"},a.createElement(l.x,{namespace:o,phrase:t?"invitesInfoMessage":"noInvitesInfoMessage"}))))}var u=n(61807),p=n(16714),d=n(77963),f=n(65728),b=n(31949),v=n(69883),g=n(37802),y=n(81803),E=n(68598),h=n(96268);function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var I="settings.teacherInvites",T=r.T.encloseNamespace(I);function A(){(0,h.W)();var e,t,n=i.a.useBasicFetch(b.N.currentUser()).data.customerId,r=(0,g.r)(c.LZ.Settings),s=r.inviteColleague,o=r.updateSetting,A=r.isLoadingSettings,N=(0,v.Z)(),k=(e=a.useState(s),t=2,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 a,r,i,c,l=[],s=!0,o=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);s=!0);}catch(e){o=!0,r=e}finally{try{if(!s&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(o)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return S(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)?S(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.")}()),C=k[0],L=k[1];return a.useEffect((function(){A||L(s)}),[s,A]),A?a.createElement(a.Fragment,null):a.createElement(y.d,{heading:T("heading"),breadcrumbs:[T("breadcrumb")],requiredPermissions:p.C.ManageUsers},a.createElement(u.L,{active:"teacher-invites",appLinks:E.W}),a.createElement("p",null,a.createElement(l.x,{namespace:I,phrase:"description"})),a.createElement(m,{allowInvites:C,onToggleInvites:function(){var e={name:f.E.InviteColleague,value:!C,kind:d.g.Permanent};o(n,e,(function(){N.success(T("successAlert")),L(!C)}),(function(){return N.error(T("errorAlert"))}))}}))}},87432:(e,t,n)=>{n.d(t,{Z:()=>a});const a={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}}}]);
-//# sourceMappingURL=5143-b6896dad98-lite.chunk.js.map

package/dist/scripts/5143-b6896dad98-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/5143-b6896dad98-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/domain-settings/domain-settings-tabs/DomainSettingsTabs.tsx","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.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/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/hooks/useDomainSettingsSwitch.ts","file:///app/packages/libs/shared/src/apps/domain-settings/domain-settings-invites-toggle/DomainSettingsInvitesToggle.tsx","file:///app/packages/projects/lite/src/apps/settings/views/teacher-invites/TeacherInvitesView.tsx","file:///app/packages/libs/shared/src/components/pill-tab-selector/pill-tab-selector.scss"],"sourcesContent":["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 * 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';\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  containerRef?: (el: HTMLElement) => void;\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 ?? ''} ref={props.containerRef}>\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}","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 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","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nconst namespace = 'settings.domainSettingsInvitesToggle';\n\ninterface DomainSettingsInvitesToggleProps {\n  allowInvites: boolean,\n  onToggleInvites: () => void\n}\n\nexport function DomainSettingsInvitesToggle(props: DomainSettingsInvitesToggleProps) {\n  const { allowInvites, onToggleInvites } = props;\n\n  return (\n    <div className='col-12 col-md-7 card p-3'>\n      <div className='d-flex justify-content-between'>\n        <p className='fw-semibold'>\n          <Text namespace={namespace} phrase='invitesLabel' />\n        </p>\n        <ToggleSwitch\n          onClick={onToggleInvites}\n          on={allowInvites}\n        ></ToggleSwitch>\n      </div>\n\n      <p>\n        <Text namespace={namespace} phrase='invitesDescription' />\n      </p>\n\n      <div className='d-flex'>\n        <div className='rounded p-2 bg-light-blue text-info fw-semibold'>\n          <Text namespace={namespace} phrase={allowInvites ? 'invitesInfoMessage' : 'noInvitesInfoMessage'} />\n        </div>\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { DomainSettingsInvitesToggle } from 'libs/shared/apps/domain-settings/domain-settings-invites-toggle/DomainSettingsInvitesToggle';\nimport { DomainSettingsTabs } from 'libs/shared/apps/domain-settings/domain-settings-tabs/DomainSettingsTabs';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { UpdateSettingRequest } from 'libs/shared/flight-requests/SettingRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\nimport { AccessSettingsAppLinks } from 'apps/settings/constants/AccessSettingsAppLinks';\nimport { useDomainSettingsSwitch } from 'apps/settings/hooks/useDomainSettingsSwitch';\n\nconst namespace = 'settings.teacherInvites';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function TeacherInvitesView() {\n  useDomainSettingsSwitch();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const { customerId } = currentUser.data;\n  const { inviteColleague, updateSetting, isLoadingSettings } = useSettings(LocationContext.Settings);\n  const alerts = useAlerts();\n  const [ allowInvites, setAllowInvites ] = React.useState(inviteColleague);\n\n  React.useEffect(() => {\n    if (isLoadingSettings)\n      return;\n\n    setAllowInvites(inviteColleague);\n  }, [ inviteColleague, isLoadingSettings ]);\n\n  function onToggleInvites() {\n    const newSetting: UpdateSettingRequest<boolean> = {\n      name: SettingName.InviteColleague,\n      value: !allowInvites,\n      kind: SettingKind.Permanent\n    };\n\n    updateSetting(\n      customerId,\n      newSetting,\n      () => {\n        alerts.success(getPhrase('successAlert'));\n        setAllowInvites(!allowInvites);\n      },\n      () => alerts.error(getPhrase('errorAlert'))\n    );\n  }\n\n  if (isLoadingSettings) {\n    return <></>;\n  }\n\n  return (\n    <SettingsLayout\n      heading={getPhrase('heading')}\n      breadcrumbs={[getPhrase('breadcrumb')]}\n      requiredPermissions={PermissionName.ManageUsers}\n    >\n      <DomainSettingsTabs active='teacher-invites' appLinks={AccessSettingsAppLinks}/>\n\n      <p>\n        <Text namespace={namespace} phrase='description' />\n      </p>\n\n      <DomainSettingsInvitesToggle\n        allowInvites={allowInvites}\n        onToggleInvites={onToggleInvites}\n      />\n    </SettingsLayout>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"pillTabSelector\":\"Hdi6o\",\"tab\":\"RvNxr\",\"minWidth\":\"GHSz9\",\"radiusSmall\":\"VhJJa\",\"tabLink\":\"WFyvo\"};"],"names":["namespace","getPhrase","DomainSettingsTabs","props","active","appLinks","className","tabs","name","appLink","requestingAccess","analyticsData","url","analyticsOptions","actionType","entity","location","teacherInvites","automaticAccess","BreadcrumbItem","breadcrumb","withBackIcon","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","TabContents","tab","count","type","data","PillTabSelector","ref","containerRef","borderRadius","listClassName","index","onClick","onSelect","onSelectTab","defaultProps","AccessSettingsGroup","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","Math","max","floor","random","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","canAccess","replace","i","heading","headingButton","description","children","AccessSettingsAppLinks","useDomainSettingsSwitch","isLoadingSettings","domainSettings","DomainSettingsInvitesToggle","allowInvites","onToggleInvites","Text","phrase","ToggleSwitch","on","LanguageService","TeacherInvitesView","customerId","UserRequests","useSettings","inviteColleague","updateSetting","alerts","setAllowInvites","PermissionName","newSetting","SettingName","value","kind","SettingKind","success","error"],"sourceRoot":""}

package/dist/scripts/5157-54aeb51bdf-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[5157],{97535:(e,t,n)=>{n.r(t),n.d(t,{SignUpView:()=>C});var r=n(32735),a=n(81886),l=n(20354),i=n(65858),c=n(92173),o=n(83529),u=n(84789),s=n(39151),m=n(31949),f=n(48015),g=n(83421),d=n(14070),h=n(97291);const p={left:"CJBwn",imageContainer:"r6On_",imagePosition:"ebaoC",image:"XQMl0"};function v(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}function b(e){var t,n,a=(t=r.useState(!1),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,l,i,c=[],o=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return v(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)?v(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.")}()),l=a[0],i=a[1];return r.useEffect((function(){if(e.imageUrl){var t=new Image;return t.onload=function(){return i(!0)},t.src=e.imageUrl,function(){return t.onload=null}}}),[]),r.createElement("div",{className:p.left},l&&r.createElement(r.Fragment,null,r.createElement("div",{className:p.imageContainer},r.createElement("div",{className:p.imagePosition},r.createElement("img",{className:p.image,src:e.imageUrl,alt:e.title})))))}var y=n(48456),E=n(63643);function C(e){var t,n=l.a.useBasicFetch(m.N.currentUser()),p=l.a.useBasicFetch(s.L.config()),v=l.a.useBasicFetch(s.L.version()),C=(0,f.M)(),U=(0,E.c)();return r.useEffect((function(){n.hasCompleted&&n.data.isAuthenticated&&a.Q.C$.trigger({action:d.e.Dashboard.HOME,application:h.O.DASHBOARD})}),[n]),n.hasCompleted&&!(null===(t=n.data)||void 0===t?void 0:t.isAuthenticated)&&p.hasCompleted&&C&&U&&v.hasCompleted?r.createElement(g.Z,{leftComponent:function(){return r.createElement(b,{title:"Sign Up",imageUrl:"/images/sign-up/fullscreen-dashboard.png"})}},r.createElement(c.h,{type:o.c.FullPage,initialValues:{email:e.email},location:i.LZ.SignUpPage,googleMapsApiKey:p.data.googleMapsApiKey,geoLocation:C,imageUrls:y.v,ajaxUrls:U,brazeConfig:p.data.braze,version:v.data,productName:u.X.Lite,pageAppLinkString:e.pageAppLinkString})):r.createElement(r.Fragment,null)}},83421:(e,t,n)=>{n.d(t,{Z:()=>g});var r=n(32735),a=n(54610),l=n(4594),i=n(67453),c=n(99742);const o={left:"vIypY",leftTextImage:"YViNj",right:"MkD4u",blur:"X6mCh",imageContainer:"bc7kz",imagePosition:"JOhEj",image:"Ef2QR",thumbnail:"Gdurb",tallposter:"fjVNK",cover:"o3j31",linksContainer:"AT9Dk"};function u(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,l,i,c=[],o=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return s(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)?s(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 s(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 m=[{bgUrl:c.W.LaunchPad.BG_1},{bgUrl:c.W.LaunchPad.BG_2},{bgUrl:c.W.LaunchPad.BG_3},{bgUrl:c.W.LaunchPad.BG_4},{bgUrl:c.W.LaunchPad.BG_5}];function f(e){switch(e){case l.E.Video:case l.E.Interactive:case l.E.Clip:return o.thumbnail;case l.E.Subject:case l.E.Playlist:return o.cover;case l.E.Series:return o.tallposter;default:return""}}function g(e){var t,n=u(r.useState(!1),2),l=n[0],c=n[1],s=u(r.useState(""),2),g=s[0],d=s[1],h=u(r.useState(""),2),p=h[0],v=h[1],b=i.j.createUrl(e.imageUrl,{size:a.h2.Large}),y=m;return r.useEffect((function(){if(!b&&y&&0!==y.length){var e,t=(e=y)[Math.floor(Math.random()*e.length)];t.bgUrl&&d(t.bgUrl),t.textUrl&&v(t.textUrl)}}),[]),r.useEffect((function(){if(b){var e=new Image;return e.onload=function(){return c(!0)},e.src=b,function(){return e.onload=null}}}),[]),r.createElement("div",{className:"d-flex"},e.leftComponent?e.leftComponent():r.createElement("div",{className:"".concat(o.left," bg-light"),style:{backgroundImage:"url('".concat(g,"')")}},p&&r.createElement("div",{className:o.leftTextImage,style:{backgroundImage:"url('".concat(p,"')")}}),l&&r.createElement(r.Fragment,null,r.createElement("div",{className:o.blur,style:{backgroundImage:"url('".concat(b,"')")}}),r.createElement("div",{className:"".concat(o.imageContainer," ").concat(f(e.objectType))},r.createElement("div",{className:o.imagePosition},r.createElement("img",{className:o.image,src:b,alt:e.title}))))),r.createElement("div",{className:"".concat(o.right," bg-white d-flex flex-column")},r.createElement("div",{className:"position-absolute d-flex align-items-center ".concat(o.linksContainer)},null===(t=e.links)||void 0===t?void 0:t.map((function(e,t){return e.hide?r.createElement(r.Fragment,{key:t}):r.createElement("a",{key:t,href:e.url,className:"info-link fw-semibold",onClick:e.onClick},e.text)}))),e.children))}}}]);
-//# sourceMappingURL=5157-54aeb51bdf-lite.chunk.js.map

package/dist/scripts/5157-54aeb51bdf-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/5157-54aeb51bdf-lite.chunk.js","mappings":"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","sources":["file:///app/packages/projects/lite/src/apps/launchpad/views/sign-up/sign-up.scss","file:///app/packages/projects/lite/src/apps/launchpad/views/sign-up/SignUpLeftSide.tsx","file:///app/packages/projects/lite/src/apps/launchpad/views/sign-up/SignUpView.tsx","file:///app/packages/projects/lite/src/shared/components/launchpad/launchpad.scss","file:///app/packages/projects/lite/src/shared/components/launchpad/Launchpad.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"left\":\"CJBwn\",\"imageContainer\":\"r6On_\",\"imagePosition\":\"ebaoC\",\"image\":\"XQMl0\"};","import React from 'react';\n\nimport styles from 'apps/launchpad/views/sign-up/sign-up.scss';\n\ninterface SignUpLeftSideProps {\n  title: string;\n  imageUrl: string;\n}\n\nexport function SignUpLeftSide(props: SignUpLeftSideProps): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!props.imageUrl)\n      return;\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = props.imageUrl;\n    return () => img.onload = null;\n  }, []);\n  \n  return (\n    <div className={styles.left}>\n      {showImage &&\n        <>\n          <div className={styles.imageContainer}>\n            <div className={styles.imagePosition}>\n              <img className={styles.image} src={props.imageUrl} alt={props.title} />\n            </div>\n          </div>\n        </>\n      }\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { MultiStepForm } from 'libs/shared/apps/sign-up/components/multi-step-form/MultiStepForm';\nimport { MultiStepFormTypes } from 'libs/shared/apps/sign-up/enums/MultiStepFormTypes';\nimport { SignUpProduct } from 'libs/shared/apps/sign-up/enums/SignUpProduct';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useGeoLocation } from 'libs/shared/hooks/useGeoLocation';\nimport { Config, CurrentUser } from 'libs/shared/interfaces';\n\nimport { Launchpad } from 'shared/components/launchpad/Launchpad';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { SignUpLeftSide } from 'apps/launchpad/views/sign-up/SignUpLeftSide';\nimport { SignUpImages } from 'apps/sign-up/helpers/SignUpImages';\nimport { useGetSignUpAjaxUrls } from 'apps/sign-up/hooks/useGetSignUpAjaxUrls';\n\nexport interface SignUpViewProps {\n  email?: string;\n  pageAppLinkString?: string;\n}\n\nexport function SignUpView(props: SignUpViewProps): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const version = Flight.useBasicFetch<string>(ConfigRequests.version());\n  \n  const geoLocation = useGeoLocation();\n  const ajaxUrls = useGetSignUpAjaxUrls();\n\n  React.useEffect(() => {\n    if (!currentUser.hasCompleted)\n      return;\n\n    if (currentUser.data.isAuthenticated) {\n      Core.AppLinkHelper.trigger({\n        action: Actions.Dashboard.HOME,\n        application: AppChannels.DASHBOARD\n      });\n      return;\n    }\n  }, [currentUser]);\n\n  const hasLoaded = (\n    currentUser.hasCompleted &&\n    !currentUser.data?.isAuthenticated &&\n    config.hasCompleted &&\n    geoLocation &&\n    ajaxUrls &&\n    version.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n  \n  return (\n    <Launchpad\n      leftComponent={() => (\n        <SignUpLeftSide\n          title='Sign Up'\n          imageUrl='/images/sign-up/fullscreen-dashboard.png'\n        />\n      )}\n    >\n      <MultiStepForm\n        type={MultiStepFormTypes.FullPage}\n        initialValues={{ email: props.email }}\n        location={LocationContext.SignUpPage}\n        googleMapsApiKey={config.data.googleMapsApiKey}\n        geoLocation={geoLocation}\n        imageUrls={SignUpImages}\n        ajaxUrls={ajaxUrls}\n        brazeConfig={config.data.braze}\n        version={version.data}\n        productName={SignUpProduct.Lite}\n        pageAppLinkString={props.pageAppLinkString}\n      />\n    </Launchpad>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"left\":\"vIypY\",\"leftTextImage\":\"YViNj\",\"right\":\"MkD4u\",\"blur\":\"X6mCh\",\"imageContainer\":\"bc7kz\",\"imagePosition\":\"JOhEj\",\"image\":\"Ef2QR\",\"thumbnail\":\"Gdurb\",\"tallposter\":\"fjVNK\",\"cover\":\"o3j31\",\"linksContainer\":\"AT9Dk\"};","import React from 'react';\n\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport styles from './launchpad.scss';\n\nconst FALLBACK_IMAGES = [\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_1\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_2\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_3\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_4\n  },\n  {\n    bgUrl: ImageUrls.LaunchPad.BG_5\n  }\n];\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst XMAS_URLS: LaunchImage[] = [\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo1-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo2-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo3-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo4-bg.png'\n  },\n  {\n    bgUrl: '/images/launchpad/xmas/2024-promo5-bg.png'\n  }\n];\n\nfunction mapObjectTypeToImageClass(objectType: MasterType): string {\n  switch (objectType) {\n    case MasterType.Video:\n    case MasterType.Interactive:\n    case MasterType.Clip:\n      return styles.thumbnail;\n\n    case MasterType.Subject:\n    case MasterType.Playlist:\n      return styles.cover;\n\n    case MasterType.Series:\n      return styles.tallposter;\n\n    default:\n      return '';\n  }\n}\n\ninterface LaunchpadLink {\n  url: string;\n  text: string;\n  onClick?: () => void;\n  hide?: boolean;\n}\n\ninterface LaunchpadProps {\n  objectType?: MasterType;\n  title?: string;\n  imageUrl?: string;\n  links?: LaunchpadLink[];\n  leftComponent?: () => JSX.Element;\n}\n\ninterface LaunchImage {\n  bgUrl: string;\n  textUrl?: string;\n}\n\nfunction getRandomImage(urlLists: LaunchImage[]): LaunchImage {\n  return urlLists[Math.floor(Math.random() * urlLists.length)];\n}\n\nexport function Launchpad(props: React.PropsWithChildren<LaunchpadProps>): JSX.Element {\n  const [ showImage, setShowImage ] = React.useState(false);\n  const [ image, setImage ] = React.useState<string>('');\n  const [ textImage, setTextImage ] = React.useState<string>('');\n\n  const imageUrl = ImageHelper.createUrl(props.imageUrl, { size: ImageSize.Large });\n  const IMAGE_URLS = FALLBACK_IMAGES;\n\n  React.useEffect(() => {\n    if (imageUrl || !IMAGE_URLS || IMAGE_URLS.length === 0)\n      return;\n\n    const image = getRandomImage(IMAGE_URLS);\n\n    if (image.bgUrl) {\n      setImage(image.bgUrl);\n    }\n\n    if (image.textUrl) {\n      setTextImage(image.textUrl);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!imageUrl)\n      return;\n\n    const img = new Image();\n    img.onload = () => setShowImage(true);\n    img.src = imageUrl;\n    return () => img.onload = null;\n  }, []);\n\n  return (\n    <div className='d-flex'>\n      { props.leftComponent ?\n        props.leftComponent()\n        :\n        <div className={`${styles.left} bg-light`} style={{ backgroundImage: `url('${image}')` }}>\n          { textImage && (\n            <div className={styles.leftTextImage} style={{ backgroundImage: `url('${textImage}')` }} />\n          )}\n          \n          {showImage &&\n            <>\n              <div className={styles.blur} style={{ backgroundImage: `url('${imageUrl}')` }} />\n              <div className={`${styles.imageContainer} ${mapObjectTypeToImageClass(props.objectType)}`}>\n                <div className={styles.imagePosition}>\n                  <img className={styles.image} src={imageUrl} alt={props.title} />\n                </div>\n              </div>\n            </>\n          }\n        </div>\n      }\n      <div className={`${styles.right} bg-white d-flex flex-column`}>\n        <div className={`position-absolute d-flex align-items-center ${styles.linksContainer}`}>\n          {props.links?.map((link, key) => {\n            if (link.hide)\n              return <React.Fragment key={key}></React.Fragment>;\n\n            return (\n              <a key={key} href={link.url} className='info-link fw-semibold' onClick={link.onClick}>\n                {link.text}\n              </a>\n            );\n          })}\n        </div>\n\n        {props.children}\n      </div>\n    </div>\n  );\n}"],"names":["SignUpLeftSide","props","showImage","setShowImage","imageUrl","img","Image","onload","src","className","alt","title","SignUpView","currentUser","UserRequests","config","ConfigRequests","version","geoLocation","useGeoLocation","ajaxUrls","useGetSignUpAjaxUrls","hasCompleted","data","isAuthenticated","action","application","Launchpad","leftComponent","MultiStepForm","type","MultiStepFormTypes","initialValues","email","location","googleMapsApiKey","imageUrls","SignUpImages","brazeConfig","braze","productName","SignUpProduct","pageAppLinkString","FALLBACK_IMAGES","bgUrl","ImageUrls","mapObjectTypeToImageClass","objectType","MasterType","image","setImage","textImage","setTextImage","ImageHelper","size","IMAGE_URLS","length","urlLists","Math","floor","random","textUrl","style","backgroundImage","links","map","link","key","hide","href","url","onClick","text","children"],"sourceRoot":""}

package/dist/scripts/537-536e52ef91-lite.chunk.js

@@ -1,3 +0,0 @@
-/*! For license information please see 537-536e52ef91-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[537],{2192:(e,t,n)=>{n.d(t,{M:()=>h,Q:()=>g});var r=n(32735),a=n(45157),c=n(36848),o=n(60376),l=n(5465),i=n(83914),s=n(83345),u=n(54610),m=n(67453),d=n(35223),f=n(92038),v=function(e){var t=e.name,n=e.multiline,a="".concat(f.Z.comingSoonPanel," \n    d-flex flex-column align-items-center justify-content-center px-3 text-center"),c="";return n?c+=" ".concat(f.Z.clamped," clamp-2"):(a+=" text-nowrap",c+=" text-truncate"),r.createElement("div",{className:a},r.createElement("small",{className:"text-secondary"},r.createElement(s.x,{namespace:"shared.subjectWidgetItem",phrase:"comingSoon"})),r.createElement("p",{className:"".concat(f.Z.name," h6")},r.createElement("span",{className:c},t)))},p=function(e){var t=e.name,n=e.multiline,a=e.subtitle,c="px-3 d-flex flex-column justify-content-center",o="".concat(f.Z.name," h6");return n?o+=" clamp-3 text-start":(c+=" text-nowrap text-truncate",o+=" text-truncate mb-0 pb-1"),r.createElement("div",{className:c},a&&r.createElement("div",{className:"text-secondary clamp-1 ".concat(f.Z.text)},a),r.createElement("div",{className:o,title:t},t))};function h(e){var t=m.j.createUrl(e.coverUrl,{size:e.isLarge?u.h2.Medium:u.h2.Small}),n={name:e.data.name,multiline:e.isLarge||e.multiline,subtitle:e.subtitle};return r.createElement("div",{className:"border d-flex position-relative ".concat(e.className," ").concat(f.Z.widgetItem," ").concat(e.isSelected?"border-success border-2":""),id:"".concat(e.data.id,"-").concat(a.Y.getRandomInt())},e.isSelected&&r.createElement("div",{className:"".concat(f.Z.selectedMask," border-2")}),r.createElement("div",{className:"".concat(f.Z.imagePanel," ").concat(e.isLarge?f.Z.large:"")},e.isSelected&&!e.hideCheckmark&&r.createElement("div",{className:f.Z.selected},r.createElement(o.f,{svgName:d.vn.Check,svgSize:i.S.Large,textVariant:"white",variant:"green"})),r.createElement("div",{className:"".concat(f.Z.image," ").concat(e.imageClassName),style:e.coverUrl?{backgroundImage:"url('".concat(t,"')")}:{}}),!e.hideFallback&&r.createElement(l.oy,{type:l.mS.Subject,extraClasses:e.isLarge?f.Z.large:""})),e.isComingSoon?r.createElement(v,Object.assign({},n)):r.createElement(p,Object.assign({},n)))}function g(e){var t,n=e.getChildAppLink?e.getChildAppLink(e.data):null;return r.createElement(r.Fragment,null,n?r.createElement(c.F,{className:f.Z.appLink,appLink:n,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,appLinkOptions:null===(t=e.getChildAppLinkOptions)||void 0===t?void 0:t.call(e)},r.createElement(h,Object.assign({},e))):r.createElement(h,Object.assign({},e)))}},75919:(e,t,n)=>{n.d(t,{N:()=>c});var r=n(32735);const a={annotation:"LkdHB",above:"ROdbm",below:"OzyHx",left:"W9EBF",right:"zhio2",divider:"cdR_p",imageContainer:"QZZMF"};function c(e){return r.createElement("div",{className:(t="d-flex align-items-center text-center position-relative w-100 ".concat(a.imageContainer),"center"===e.contentPosition&&(t+=" px-5 justify-content-center"),"right"===e.contentPosition&&(t+=" me-n5 justify-content-end"),t)},!!e.annotationUrl&&r.createElement("div",{className:function(){var t=a.annotation;switch(e.annotationPosition){case"top-left":t+=" ".concat(a.above," ").concat(a.left);break;case"top-right":t+=" ".concat(a.above," ").concat(a.right);break;case"bottom-left":t+=" ".concat(a.below," ").concat(a.left);break;case"bottom-right":t+=" ".concat(a.below," ").concat(a.right)}return e.annotationClassName&&(t+=" ".concat(e.annotationClassName)),t}()},r.createElement("img",{className:"img-fluid",src:e.annotationUrl})),e.children,"right"===e.contentPosition&&r.createElement("div",{className:a.divider}));var t}c.defaultProps={contentPosition:"center"}},39375:(e,t,n)=>{n.d(t,{Y:()=>u});var r=n(32735),a=n(54610),c=n(67453),o=n(2248);const l={magicTab:"H5jzm",subjectPlaceholder:"r1L6T",placeholderCover:"z9CFT",promotedTopicPlaceholder:"PbYs6",promotedTopicPlaceholderText:"hZ8Nf"};function i(e){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"d-flex border rounded-3 overflow-hidden ".concat(l.subjectPlaceholder)},e.coverUrl?r.createElement("div",{className:l.placeholderCover},r.createElement("img",{className:"img-fluid",src:c.j.createUrl(e.coverUrl,{size:a.h2.Small})})):r.createElement("div",{className:"".concat(l.placeholderCover," bg-light-blue")})))}function s(){return r.createElement("li",{className:"col-4"},r.createElement("div",{className:"bg-light-blue rounded-3 w-100 p-1 ".concat(l.promotedTopicPlaceholder)}))}function u(e){var t,n,a,c=Math.max(12-(null!==(n=null===(t=e.subjects)||void 0===t?void 0:t.length)&&void 0!==n?n:0),0);return r.createElement(o.L,{presentation:e.presentation,curriculum:e.curriculum,editingCurriculum:e.editingCurriculum},r.createElement("div",{className:"px-3 pt-3 w-100 d-flex flex-column align-items-center"},r.createElement("div",{className:"rounded-3 border overflow-hidden d-flex mb-2"},r.createElement("div",{className:"bg-light ".concat(l.magicTab)}),r.createElement("div",{className:"".concat(l.magicTab)})),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1 mb-2"},null===(a=e.subjects)||void 0===a?void 0:a.map((function(e){var t;return r.createElement(i,{key:e.id,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url})})),new Array(c).fill(0).map((function(e,t){return r.createElement(i,{key:t})}))),r.createElement("ul",{className:"list-unstyled mb-0 row w-100 g-xl-2 g-lg-1"},r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null),r.createElement(s,null))))}},2248:(e,t,n)=>{n.d(t,{L:()=>p});var r=n(32735),a=n(60376),c=n(83914),o=n(2786),l=n(83345),i=n(72639),s=n(79967),u=n(35223),m=n(87114);const d={dot:"AlRQD",logo:"L42gR",blackBar:"ESCxm",topNav:"a3G_4",leftNav:"YxGVV",belowHeader:"jc_cg",leftNavIcon:"U6i6r",leftNavText:"LnYlW",presentationPlaceholderIcon:"Ljaju",presentationIcon:"QdwPq",presentationPlaceholderText:"af06V",curriculumIcon:"N7T4T",curriculumIconSmall:"_6xrUg",curriculumContainer:"Z65qX",iconPlaceholder:"CKOXL",shadow:"zygeJ",presentationName:"Oj7Dt"};var f="onboarding.mockLayout";function v(){return r.createElement("div",{className:"d-flex align-items-center justify-content-center mb-2 px-3"},r.createElement("div",{className:"".concat(d.leftNavIcon," rounded-circle")}),r.createElement("div",{className:"".concat(d.leftNavText," rounded-pill")}))}function p(e){var t,n,p=(0,s.k)();return r.createElement("div",{className:"border border-dark border-2 bg-white rounded-3 user-select-none overflow-hidden position-relative h-100 w-100"},!!e.editingCurriculum&&r.createElement("div",{className:"w-100 h-100 position-absolute ".concat(d.shadow)},r.createElement("div",{className:"d-flex align-items-center h-100 w-50 ".concat(d.curriculumContainer)},r.createElement("div",{className:"bg-white rounded-3 border p-3 w-100"},r.createElement("h2",{className:"h6 text-start"},r.createElement(l.x,{namespace:f,phrase:"curriculum"})),e.curriculum?r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(d.curriculumIcon," rounded-circle me-2 border")},r.createElement(a.f,{imageUrl:null===(t=e.curriculum.cover)||void 0===t?void 0:t.url})),r.createElement("div",{className:"text-start"},e.curriculum.name)):r.createElement("div",{className:"d-flex align-items-center text-secondary"},r.createElement("div",{className:"me-2 rounded-circle p-1 ".concat(d.iconPlaceholder)},r.createElement(a.f,{svgSize:c.S.Large,textVariant:"secondary",svgName:u.vn.GraduationCap})),r.createElement(l.x,{namespace:f,phrase:"selectCurriculum"}))))),r.createElement("div",{className:"bg-dark d-flex px-3 py-2 ".concat(d.blackBar)},r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle me-2 ".concat(d.dot)}),r.createElement("div",{className:"rounded-circle ".concat(d.dot)})),r.createElement("div",{className:"border-bottom px-3 py-2 d-flex align-items-center ".concat(d.topNav)},r.createElement("div",{className:"".concat(d.logo," me-4")},p.xs?r.createElement(o.bc,null):r.createElement(o.$S,null)),r.createElement("div",{className:"form-control w-75 d-flex justify-content-start"},r.createElement(c.x,{svgName:u.vn.Search})),!!e.curriculum&&r.createElement("div",{className:"".concat(d.curriculumIconSmall," rounded-circle ms-2 me-n1 border")},r.createElement(a.f,{imageUrl:null===(n=e.curriculum.cover)||void 0===n?void 0:n.url}))),r.createElement("div",{className:"d-flex ".concat(d.belowHeader)},r.createElement("div",{className:"".concat(d.leftNav," border-end")},r.createElement("div",{className:"d-flex flex-column pt-3 h-100"},r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement(v,null),r.createElement("div",{className:"d-flex align-items-end h-100 w-100"},r.createElement("div",{className:"border-top p-3 w-100"},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(function(){if(!e.presentation)return d.presentationPlaceholderIcon;switch(m.i.getMappedPresentationLevel(e.presentation.learningLevel)){case i.p.Level_1:return"bg-indigo ".concat(d.presentationIcon);case i.p.Level_3:return"bg-blue ".concat(d.presentationIcon);default:case i.p.Level_2:return"bg-green ".concat(d.presentationIcon)}}()," text-white rounded")},r.createElement(c.x,{svgName:u.vn.School,size:c.S.Large})),e.presentation?r.createElement("span",{className:"fw-semibold text-truncate ".concat(d.presentationName)},e.presentation.name):r.createElement("div",{className:"".concat(d.presentationPlaceholderText," fw-semibold")},r.createElement(l.x,{namespace:f,phrase:"schoolLevel"}))))))),r.createElement("div",{className:"w-100 h-100 overflow-hidden"},e.children)))}},1039:(e,t,n)=>{n.r(t),n.d(t,{OnboardingSchoolLevelView:()=>C});var r=n(32735),a=n(57900),c=n(2948),o=n(20354),l=n(65858),i=n(11607),s=n(83345),u=n(2192),m=n(38143),d=n(19808),f=n(72639),v=n(31949),p=n(84703),h=n(87114),g=n(99742),E=n(86698),y=n(75359),N=n(12058),b=n(40695),x=n(75919),w=n(39375),L=n(73190),_=n(90815);const O={cover:"p3PFT",presentationList:"PT_ec"};function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(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},c="function"==typeof Symbol?Symbol:{},o=c.iterator||"@@iterator",l=c.asyncIterator||"@@asyncIterator",i=c.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 c=t&&t.prototype instanceof g?t:g,o=Object.create(c.prototype),l=new j(r||[]);return a(o,"_invoke",{value:O(e,n,l)}),o}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",f="suspendedYield",v="executing",p="completed",h={};function g(){}function E(){}function y(){}var N={};s(N,o,(function(){return this}));var b=Object.getPrototypeOf,x=b&&b(b(C([])));x&&x!==n&&r.call(x,o)&&(N=x);var w=y.prototype=g.prototype=Object.create(N);function L(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function _(e,t){function n(a,c,o,l){var i=m(e[a],e,c);if("throw"!==i.type){var s=i.arg,u=s.value;return u&&"object"==S(u)&&r.call(u,"__await")?t.resolve(u.__await).then((function(e){n("next",e,o,l)}),(function(e){n("throw",e,o,l)})):t.resolve(u).then((function(e){s.value=e,o(s)}),(function(e){return n("throw",e,o,l)}))}l(i.arg)}var c;a(this,"_invoke",{value:function(e,r){function a(){return new t((function(t,a){n(e,r,t,a)}))}return c=c?c.then(a,a):a()}})}function O(t,n,r){var a=d;return function(c,o){if(a===v)throw Error("Generator is already running");if(a===p){if("throw"===c)throw o;return{value:e,done:!0}}for(r.method=c,r.arg=o;;){var l=r.delegate;if(l){var i=P(l,r);if(i){if(i===h)continue;return i}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(a===d)throw a=p,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);a=v;var s=m(t,n,r);if("normal"===s.type){if(a=r.done?p:f,s.arg===h)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(a=p,r.method="throw",r.arg=s.arg)}}}function P(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,P(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),h;var c=m(a,t.iterator,n.arg);if("throw"===c.type)return n.method="throw",n.arg=c.arg,n.delegate=null,h;var o=c.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,h):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,h)}function I(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 T(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(I,this),this.reset(!0)}function C(t){if(t||""===t){var n=t[o];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,c=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 c.next=c}}throw new TypeError(S(t)+" is not iterable")}return E.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:E,configurable:!0}),E.displayName=s(y,i,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===E||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,s(e,i,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},L(_.prototype),s(_.prototype,l,(function(){return this})),t.AsyncIterator=_,t.async=function(e,n,r,a,c){void 0===c&&(c=Promise);var o=new _(u(e,n,r,a),c);return t.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},L(w),s(w,i,"Generator"),s(w,o,(function(){return this})),s(w,"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=C,j.prototype={constructor:j,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(T),!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 l.type="throw",l.arg=t,n.next=r,a&&(n.method="next",n.arg=e),!!a}for(var c=this.tryEntries.length-1;c>=0;--c){var o=this.tryEntries[c],l=o.completion;if("root"===o.tryLoc)return a("end");if(o.tryLoc<=this.prev){var i=r.call(o,"catchLoc"),s=r.call(o,"finallyLoc");if(i&&s){if(this.prev<o.catchLoc)return a(o.catchLoc,!0);if(this.prev<o.finallyLoc)return a(o.finallyLoc)}else if(i){if(this.prev<o.catchLoc)return a(o.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return a(o.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 c=a;break}}c&&("break"===e||"continue"===e)&&c.tryLoc<=t&&t<=c.finallyLoc&&(c=null);var o=c?c.completion:{};return o.type=e,o.arg=t,c?(this.method="next",this.next=c.finallyLoc,h):this.complete(o)},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),T(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;T(n)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:C(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),h}},t}function P(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,c,o,l=[],i=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=c.call(n)).done)&&(l.push(r.value),l.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{if(!i&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(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 T=function(e,t,n,r){return new(n||(n=Promise))((function(a,c){function o(e){try{i(r.next(e))}catch(e){c(e)}}function l(e){try{i(r.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,l)}i((r=r.apply(e,t||[])).next())}))},j="onboarding.schoolLevel";function C(e){var t=(0,L.Q)(e.redirectUrl),n=t.onClickBack,S=t.exitOnboarding,I=t.completeStepAsync,C=t.onSaveError,A=(0,_.H)().logEvent,U=(0,E.y)(),V=U.availablePresentations,Z=U.setPresentation,F=o.a.useBasicFetch(v.N.currentUser()),z=(0,p.n)(),G=P((0,c.D)(m.g.AUDIENCE_FILTER,void 0,{storage:a.Z1.SessionStorage}),2)[1],D=P(r.useState(),2),R=D[0],B=D[1];return r.createElement(b.z,{namespace:j},r.createElement(b.z.Left,{className:"bg-dark-blue d-flex flex-column align-items-end justify-content-center"},r.createElement(x.N,{contentPosition:"right",annotationUrl:function(){var e,t=g.W.OnboardingV2.SchoolLevel,n=(null===(e=F.data)||void 0===e?void 0:e.instanceRegion)===d.b.US;if(!R)return t.ANNOTATION_NONE_SELECTED;switch(h.i.getMappedPresentationLevel(R.learningLevel)){case f.p.Level_1:return z?t.ANNOTATION_LEVEL_1_ICP:t.ANNOTATION_LEVEL_1;case f.p.Level_2:return z?t.ANNOTATION_LEVEL_2_ICP:n?t.ANNOTATION_LEVEL_2_US:t.ANNOTATION_LEVEL_2;case f.p.Level_3:return z?n?t.ANNOTATION_LEVEL_3_ICP_US:t.ANNOTATION_LEVEL_3_ICP:n?t.ANNOTATION_LEVEL_3_US:t.ANNOTATION_LEVEL_3;default:return t.ANNOTATION_LEVEL_1}}(),annotationPosition:"bottom-left"},r.createElement(w.Y,{presentation:R}))),r.createElement(b.z.Right,{hasCustomButtons:!1,onClickNext:function(){return T(this,void 0,void 0,k().mark((function e(){return k().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return A(l.Vw.Click,l.Ix.Next,{presentationId:R.id,presentationName:R.name,presentationDescription:R.description},{preferredPresentationOverride:R}),G(null),e.prev=2,e.next=5,Z(R,"activeAndPreferred");case 5:return e.next=7,I({preferredPresentationOverride:R});case 7:e.next=13;break;case 9:return e.prev=9,e.t0=e.catch(2),C(),e.abrupt("return",Promise.reject());case 13:case"end":return e.stop()}}),e,null,[[2,9]])})))},onClickBack:n,onClickComeBackLater:S,disableNext:!R},r.createElement(y.W,null,r.createElement(s.x,{phrase:z?"headingKdm":"heading"})),r.createElement(N.X,null,r.createElement(s.x,{phrase:"info"})),r.createElement("ul",{className:"list-unstyled mb-1 ".concat(O.presentationList)},V.map((function(e){var t;return r.createElement("li",{key:e.id,className:"mb-2"},r.createElement(i.L,{onClick:function(){return function(e){A(l.Vw.Select,l.Ix.SelectPresentation,{presentationId:e.id,presentationName:e.name,presentationDescription:e.description}),B(e)}(e)}},r.createElement(u.M,{data:e,coverUrl:null===(t=e.cover)||void 0===t?void 0:t.url,imageClassName:O.cover,isSelected:e.id===(null==R?void 0:R.id)})))}))),r.createElement(N.X,null,r.createElement(s.x,{phrase:"dontWorry"}))))}},92038:(e,t,n)=>{n.d(t,{Z:()=>r});const r={appLink:"fFjKN",name:"A_by9",selectedMask:"xSQtR",widgetItem:"Ys9W_",text:"JfAoy",imagePanel:"aUNDc",partialLargeImage:"RuLxv",selected:"BViJb",image:"LkTep",dragHandle:"CJqvP",large:"R5clw",comingSoonPanel:"Wa2PG",editSubjectsItem:"gGNFD",allSubjectsItem:"IHdlJ",logoContainer:"Nzaes",draggingItem:"zUOye",partialLargeFallback:"FmJP9",partialIcon:"sdZuo"}}}]);
-//# sourceMappingURL=537-536e52ef91-lite.chunk.js.map