{"version":3,"sources":["../../src/components/MessageBar/MessageBar.types.ts","assets/images/microsoft-logo-dark.png","assets/images/welcomeCollageImage.png","../../src/components/MessageBar/MessageBar.base.tsx","../../src/components/MessageBar/MessageBar.styles.ts","../../src/components/MessageBar/MessageBar.tsx","../../src/components/Separator/Separator.base.tsx","../../src/components/Separator/Separator.tsx","../../src/components/Separator/Separator.styles.ts","components/LanguageSelector/LanguageSelector.tsx","pages/Welcome/Welcome.tsx"],"names":["MessageBarType","module","exports","ICON_MAP","_a","info","warning","error","blocked","severeWarning","success","getClassNames","classNamesFunction","getAnnouncementPriority","messageBarType","MessageBarBase","React","props","ref","useBoolean","expandSingleLine","toggleExpandSingleLine","toggle","labelId","useId","actions","className","children","overflowButtonAriaLabel","dismissIconProps","styles","theme","_b","_c","onDismiss","undefined","_d","isMultiline","truncated","dismissButtonAriaLabel","messageBarIconProps","nativeProps","getNativeProps","htmlElementProperties","classNames","expandIconProps","iconName","regionProps","role","actionsDiv","dismissButton","IconButton","disabled","dismissal","onClick","iconProps","title","ariaLabel","__assign","root","content","iconContainer","Icon","css","icon","text","id","innerText","DelayedRender","expand","dismissSingleLine","displayName","GlobalClassNames","multiline","singleline","dismissalSingleLine","expandingSingleLine","actionsSingleline","backgroundColor","highContrastBackgroundColor","iconColor","MessageBar","styled","_f","semanticColors","fonts","SmallScreenSelector","getScreenSelector","ScreenWidthMaxSmall","getGlobalClassNames","dismissalAndExpandIconStyle","fontSize","IconFontSizes","xSmall","height","lineHeight","color","messageText","selectors","HighContrastSelector","getHighContrastNoAdjustStyle","dismissalAndExpandStyle","getFocusStyle","inset","highContrastStyle","outlineOffset","outline","borderColor","flexShrink","width","padding","medium","background","minHeight","display","wordBreak","messageLink","messageLinkHovered","border","flexDirection","minWidth","margin","flexGrow","small","marginRight","paddingLeft","overflow","whiteSpace","textOverflow","_e","flexBasis","alignItems","marginLeft","marginBottom","scope","SeparatorBase","vertical","alignContent","Separator","alignStart","alignCenter","alignEnd","position","textAlign","verticalAlign","zIndex","palette","neutralLighter","top","bottom","left","right","bodyText","bodyBackground","LanguageSelector","_ref","forceReload","locale","useLocale","sessionStorage","setItem","createElement","Fragment","Welcome","_FeatureFlagValues","_localStorage$getItem","history","useHistory","intl","useIntl","useTitle","process","getFeatureFlag","useEndpointActions","GetFeatureFlagAction","isMaintenanceMode","FeatureFlagValues","hasfeatureflag","length","isSigninDisable","isMaintenance","map","m","isEnabledFlag","isMaintenanceMessage","alertMessage","hideSessionTimeout","isSessionExpired","localStorage","getItem","toLowerCase","isNewWindowOrTab","window","deliveryId","URLSearchParams","location","search","get","QueryStringParam","DeliveryId","dispatch","useDispatch","IsAad","account","useAuthenticatedUser","isAuthenticated","IsAuthenticated","authenticationState","profile","useSelector","state","UserStore","shallowEqual","featureFlags","_state$FeatureFlagSto","FeatureFlagStore","redirectToRegister","useCallback","GetProfileActions","Clear","ai","appInsights","trackTrace","message","severityLevel","SeverityLevel","Information","properties","replace","concat","useEffect","Array","isArray","_featureFlags$filter","disableTpd","filter","d","flagName","disableTPID","showWelcomePage","clear","push","querystringParam","toString","toLocaleLowerCase","isESITermsAccepted","IsESITermsAccepted","includes","validateUrl","urlValidation","test","friendlyError","description","formatMessage","signOutPrompt","method","page","trackException","exception","Error","Image","src","msLogo","alt","FormattedMessage","defaultMessage","WelcomeCollage","Link","target","href","supportLinkLogging","Helper","supportLinkVisitLog","workEmail","PrimaryButton","allowDisabledFocus","FontIcon","values","chunks","to"],"mappings":"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","file":"static/js/7.ae1b32a5.chunk.js","sourcesContent":["import * as React from 'react';\nimport { BaseButton, Button } from '../../Button';\nimport { ITheme, IStyle } from '../../Styling';\nimport { IRefObject, IStyleFunctionOrObject } from '../../Utilities';\nimport { IIconProps } from '../../Icon';\n\n/**\n * {@docCategory MessageBar}\n */\nexport interface IMessageBar {}\n\n/**\n * {@docCategory MessageBar}\n */\nexport interface IMessageBarProps extends React.HTMLAttributes<HTMLElement>, React.RefAttributes<HTMLDivElement> {\n  /**\n   * Optional callback to access the IMessageBar interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: IRefObject<IMessageBar>;\n\n  /**\n   * The type of MessageBar to render.\n   * @defaultvalue MessageBarType.info\n   */\n  messageBarType?: MessageBarType;\n\n  /**\n   * The actions you want to show on the other side.\n   */\n  actions?: JSX.Element;\n\n  /**\n   * A description of the message bar for the benefit of screen readers.\n   * @deprecated Use native prop `aria-label` instead.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Whether the message bar has a dismiss button and its callback.\n   * If null, we don't show a dismiss button.\n   * @defaultvalue null\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  onDismiss?: (ev?: React.MouseEvent<HTMLElement | BaseButton | Button>) => any;\n\n  /**\n   * Determines if the message bar is multi lined.\n   * If false, and the text overflows over buttons or to another line, it is clipped.\n   * @defaultvalue true\n   */\n  isMultiline?: boolean;\n\n  /**\n   * Aria label on dismiss button if onDismiss is defined.\n   */\n  dismissButtonAriaLabel?: string;\n\n  /**\n   * Determines if the message bar text is truncated.\n   * If true, a button will render to toggle between a single line view and multiline view.\n   * This prop is for single line message bars with no buttons only in a limited space scenario.\n   * @defaultvalue false\n   */\n  truncated?: boolean;\n\n  /**\n   * Aria label on overflow button if truncated is defined.\n   */\n  overflowButtonAriaLabel?: string;\n\n  /**\n   * Additional CSS class(es) to apply to the MessageBar.\n   */\n  className?: string;\n\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IMessageBarStyleProps, IMessageBarStyles>;\n\n  /**\n   * Custom icon prop to replace the dismiss icon.\n   * If unset, default will be the Fabric Clear icon.\n   */\n  dismissIconProps?: IIconProps;\n\n  /**\n   * Custom icon prop to replace the message bar icon.\n   * If unset, default will be the icon set by messageBarType.\n   */\n  messageBarIconProps?: IIconProps;\n}\n\n/**\n * {@docCategory MessageBar}\n */\nexport interface IMessageBarStyleProps {\n  /**\n   * Theme (provided through customization).\n   */\n  theme: ITheme;\n\n  /**\n   * Additional CSS class(es).\n   */\n  className?: string;\n\n  /**\n   * Type of the MessageBar.\n   */\n  messageBarType?: MessageBarType;\n\n  /**\n   * Whether the MessageBar contains a dismiss button.\n   */\n  onDismiss?: boolean;\n\n  /**\n   * Whether the text is truncated.\n   */\n  truncated?: boolean;\n\n  /**\n   * Whether the MessageBar is rendered in multi line (as opposed to single line) mode.\n   */\n  isMultiline?: boolean;\n\n  /**\n   * Whether the single line MessageBar is being expanded.\n   */\n  expandSingleLine?: boolean;\n\n  /**\n   * Whether the MessageBar contains any action elements.\n   */\n  actions?: boolean;\n}\n\n/**\n * {@docCategory MessageBar}\n */\nexport interface IMessageBarStyles {\n  /**\n   * Style set for the root element.\n   */\n  root?: IStyle;\n\n  /**\n   * Style set for the element containing the icon, text, and optional dismiss button.\n   */\n  content?: IStyle;\n\n  /**\n   * Style set for the element containing the icon.\n   */\n  iconContainer?: IStyle;\n\n  /**\n   * Style set for the icon.\n   */\n  icon?: IStyle;\n\n  /**\n   * Style set for the element containing the text.\n   */\n  text?: IStyle;\n\n  /**\n   * Style set for the text.\n   */\n  innerText?: IStyle;\n\n  /**\n   * Style set for the optional dismiss button.\n   */\n  dismissal?: IStyle;\n\n  /**\n   * Style set for the icon used to expand and collapse the MessageBar.\n   */\n  expand?: IStyle;\n\n  /**\n   * Style set for the element containing the dismiss button.\n   */\n  dismissSingleLine?: IStyle;\n\n  /**\n   * Style set for the element containing the expand icon.\n   */\n  expandSingleLine?: IStyle;\n\n  /**\n   * Style set for the optional element containing the action elements.\n   */\n  actions?: IStyle;\n}\n\n/**\n * {@docCategory MessageBar}\n */\nexport enum MessageBarType {\n  /** Info styled MessageBar */\n  info = 0,\n  /** Error styled MessageBar */\n  error = 1,\n  /** Blocked styled MessageBar */\n  blocked = 2,\n  /** SevereWarning styled MessageBar */\n  severeWarning = 3,\n  /** Success styled MessageBar */\n  success = 4,\n  /** Warning styled MessageBar */\n  warning = 5,\n}\n","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/welcomeCollageImage.469c24d3.png\";","import * as React from 'react';\nimport { DelayedRender, classNamesFunction, getNativeProps, htmlElementProperties, css } from '../../Utilities';\nimport { IconButton } from '../../Button';\nimport { Icon } from '../../Icon';\nimport { IMessageBarProps, IMessageBarStyleProps, IMessageBarStyles, MessageBarType } from './MessageBar.types';\nimport { useId, useBoolean } from '@fluentui/react-hooks';\n\nconst ICON_MAP = {\n  [MessageBarType.info]: 'Info',\n  [MessageBarType.warning]: 'Info',\n  [MessageBarType.error]: 'ErrorBadge',\n  [MessageBarType.blocked]: 'Blocked2',\n  [MessageBarType.severeWarning]: 'Warning',\n  [MessageBarType.success]: 'Completed',\n};\n\nconst COMPONENT_NAME = 'MessageBar';\n\nconst getClassNames = classNamesFunction<IMessageBarStyleProps, IMessageBarStyles>();\n\nconst getAnnouncementPriority = (messageBarType: MessageBarType): 'assertive' | 'polite' => {\n  switch (messageBarType) {\n    case MessageBarType.blocked:\n    case MessageBarType.error:\n    case MessageBarType.severeWarning:\n      return 'assertive';\n  }\n  return 'polite';\n};\n\nexport const MessageBarBase: React.FunctionComponent<IMessageBarProps> = React.forwardRef<\n  HTMLDivElement,\n  IMessageBarProps\n>((props, ref) => {\n  const [expandSingleLine, { toggle: toggleExpandSingleLine }] = useBoolean(false);\n  const labelId = useId('MessageBar');\n\n  const {\n    actions,\n    className,\n    children,\n    overflowButtonAriaLabel,\n    dismissIconProps,\n    styles,\n    theme,\n    messageBarType = MessageBarType.info,\n    onDismiss = undefined,\n    isMultiline = true,\n    truncated,\n    dismissButtonAriaLabel,\n    messageBarIconProps,\n  } = props;\n\n  const nativeProps = getNativeProps<React.HTMLAttributes<HTMLSpanElement>>(props, htmlElementProperties, [\n    'className',\n  ]);\n\n  const classNames: { [key in keyof IMessageBarStyles]: string } = getClassNames(styles, {\n    theme: theme!,\n    messageBarType: messageBarType || MessageBarType.info,\n    onDismiss: onDismiss !== undefined,\n    actions: actions !== undefined,\n    truncated: truncated,\n    isMultiline: isMultiline,\n    expandSingleLine: expandSingleLine,\n    className,\n  });\n\n  const expandIconProps = { iconName: expandSingleLine ? 'DoubleChevronUp' : 'DoubleChevronDown' };\n  const regionProps = actions || onDismiss ? { 'aria-describedby': labelId, role: 'region' } : {};\n  const actionsDiv = actions ? <div className={classNames.actions}>{actions}</div> : null;\n\n  const dismissButton = onDismiss ? (\n    <IconButton\n      disabled={false}\n      className={classNames.dismissal}\n      onClick={onDismiss}\n      iconProps={dismissIconProps ? dismissIconProps : { iconName: 'Clear' }}\n      title={dismissButtonAriaLabel}\n      ariaLabel={dismissButtonAriaLabel}\n    />\n  ) : null;\n\n  return (\n    <div ref={ref} className={classNames.root} {...regionProps}>\n      <div className={classNames.content}>\n        <div className={classNames.iconContainer} aria-hidden>\n          {messageBarIconProps ? (\n            <Icon {...messageBarIconProps} className={css(classNames.icon, messageBarIconProps.className)} />\n          ) : (\n            <Icon iconName={ICON_MAP[messageBarType!]} className={classNames.icon} />\n          )}\n        </div>\n        <div className={classNames.text} id={labelId} role=\"status\" aria-live={getAnnouncementPriority(messageBarType)}>\n          <span className={classNames.innerText} {...nativeProps}>\n            <DelayedRender>\n              <span>{children}</span>\n            </DelayedRender>\n          </span>\n        </div>\n        {/* singleline expand/collapse button */ !isMultiline && !actionsDiv && truncated && (\n          <div className={classNames.expandSingleLine}>\n            <IconButton\n              disabled={false}\n              className={classNames.expand}\n              onClick={toggleExpandSingleLine}\n              iconProps={expandIconProps}\n              ariaLabel={overflowButtonAriaLabel}\n              aria-expanded={expandSingleLine}\n            />\n          </div>\n        )}\n        {/* singleline actions */ !isMultiline && actionsDiv}\n        {/* singleline dismiss */ !isMultiline && dismissButton && (\n          <div className={classNames.dismissSingleLine}>{dismissButton}</div>\n        )}\n        {/* multiline dismiss */ isMultiline && dismissButton}\n      </div>\n      {/* multiline actions */ isMultiline && actionsDiv}\n    </div>\n  );\n});\nMessageBarBase.displayName = COMPONENT_NAME;\n","import {\n  IStyle,\n  ISemanticColors,\n  HighContrastSelector,\n  ScreenWidthMaxSmall,\n  getScreenSelector,\n  getGlobalClassNames,\n  getFocusStyle,\n  IconFontSizes,\n  getHighContrastNoAdjustStyle,\n} from '../../Styling';\nimport { IMessageBarStyleProps, IMessageBarStyles, MessageBarType } from './MessageBar.types';\n\nconst GlobalClassNames = {\n  root: 'ms-MessageBar',\n  error: 'ms-MessageBar--error',\n  blocked: 'ms-MessageBar--blocked',\n  severeWarning: 'ms-MessageBar--severeWarning',\n  success: 'ms-MessageBar--success',\n  warning: 'ms-MessageBar--warning',\n  multiline: 'ms-MessageBar-multiline',\n  singleline: 'ms-MessageBar-singleline',\n  dismissalSingleLine: 'ms-MessageBar-dismissalSingleLine',\n  expandingSingleLine: 'ms-MessageBar-expandingSingleLine',\n  content: 'ms-MessageBar-content',\n  iconContainer: 'ms-MessageBar-icon',\n  text: 'ms-MessageBar-text',\n  innerText: 'ms-MessageBar-innerText',\n  dismissSingleLine: 'ms-MessageBar-dismissSingleLine',\n  expandSingleLine: 'ms-MessageBar-expandSingleLine',\n  dismissal: 'ms-MessageBar-dismissal',\n  expand: 'ms-MessageBar-expand',\n  actions: 'ms-MessageBar-actions',\n  actionsSingleline: 'ms-MessageBar-actionsSingleLine',\n};\n\nconst backgroundColor: { [key: string]: keyof ISemanticColors } = {\n  [MessageBarType.error]: 'errorBackground',\n  [MessageBarType.blocked]: 'errorBackground',\n  [MessageBarType.success]: 'successBackground',\n  [MessageBarType.warning]: 'warningBackground',\n  [MessageBarType.severeWarning]: 'severeWarningBackground',\n  [MessageBarType.info]: 'infoBackground',\n};\n\nconst highContrastBackgroundColor: { [key: string]: string } = {\n  [MessageBarType.error]: 'rgba(255, 0, 0, 0.3)',\n  [MessageBarType.blocked]: 'rgba(255, 0, 0, 0.3)',\n  [MessageBarType.success]: 'rgba(48, 241, 73, 0.3)',\n  [MessageBarType.warning]: 'rgba(255, 254, 57, 0.3)',\n  [MessageBarType.severeWarning]: 'rgba(255, 0, 0, 0.3)',\n  [MessageBarType.info]: 'Window',\n};\n\nconst iconColor: { [key: string]: keyof ISemanticColors } = {\n  [MessageBarType.error]: 'errorIcon',\n  [MessageBarType.blocked]: 'errorIcon',\n  [MessageBarType.success]: 'successIcon',\n  [MessageBarType.warning]: 'warningIcon',\n  [MessageBarType.severeWarning]: 'severeWarningIcon',\n  [MessageBarType.info]: 'infoIcon',\n};\n\nexport const getStyles = (props: IMessageBarStyleProps): IMessageBarStyles => {\n  const {\n    theme,\n    className,\n    onDismiss,\n    truncated,\n    isMultiline,\n    expandSingleLine,\n    messageBarType = MessageBarType.info,\n  } = props;\n  const { semanticColors, fonts } = theme;\n\n  const SmallScreenSelector = getScreenSelector(0, ScreenWidthMaxSmall);\n\n  const classNames = getGlobalClassNames(GlobalClassNames, theme);\n\n  const dismissalAndExpandIconStyle: IStyle = {\n    fontSize: IconFontSizes.xSmall,\n    height: 10,\n    lineHeight: '10px',\n    color: semanticColors.messageText,\n    selectors: {\n      [HighContrastSelector]: {\n        ...getHighContrastNoAdjustStyle(),\n        color: 'WindowText',\n      },\n    },\n  };\n\n  const dismissalAndExpandStyle: IStyle = [\n    getFocusStyle(theme, {\n      inset: 1,\n      highContrastStyle: {\n        outlineOffset: '-6px',\n        outline: '1px solid Highlight',\n      },\n      borderColor: 'transparent',\n    }),\n    {\n      flexShrink: 0,\n      width: 32,\n      height: 32,\n      padding: '8px 12px',\n      selectors: {\n        '& .ms-Button-icon': dismissalAndExpandIconStyle,\n        ':hover': {\n          backgroundColor: 'transparent',\n        },\n        ':active': {\n          backgroundColor: 'transparent',\n        },\n      },\n    },\n  ];\n\n  return {\n    root: [\n      classNames.root,\n      fonts.medium,\n      messageBarType === MessageBarType.error && classNames.error,\n      messageBarType === MessageBarType.blocked && classNames.blocked,\n      messageBarType === MessageBarType.severeWarning && classNames.severeWarning,\n      messageBarType === MessageBarType.success && classNames.success,\n      messageBarType === MessageBarType.warning && classNames.warning,\n      isMultiline ? classNames.multiline : classNames.singleline,\n      !isMultiline && onDismiss && classNames.dismissalSingleLine,\n      !isMultiline && truncated && classNames.expandingSingleLine,\n      {\n        background: semanticColors[backgroundColor[messageBarType]],\n        color: semanticColors.messageText,\n        minHeight: 32,\n        width: '100%',\n        display: 'flex',\n        wordBreak: 'break-word',\n        selectors: {\n          '.ms-Link': {\n            color: semanticColors.messageLink,\n            selectors: {\n              ':hover': {\n                color: semanticColors.messageLinkHovered,\n              },\n            },\n          },\n          [HighContrastSelector]: {\n            ...getHighContrastNoAdjustStyle(),\n            background: highContrastBackgroundColor[messageBarType],\n            border: '1px solid WindowText',\n            color: 'WindowText',\n          },\n        },\n      },\n      isMultiline && {\n        flexDirection: 'column',\n      },\n      className,\n    ],\n    content: [\n      classNames.content,\n      {\n        display: 'flex',\n        width: '100%',\n        lineHeight: 'normal',\n      },\n    ],\n    iconContainer: [\n      classNames.iconContainer,\n      {\n        fontSize: IconFontSizes.medium,\n        minWidth: 16,\n        minHeight: 16,\n        display: 'flex',\n        flexShrink: 0,\n        margin: '8px 0 8px 12px',\n      },\n    ],\n    icon: {\n      color: semanticColors[iconColor[messageBarType]],\n      selectors: {\n        [HighContrastSelector]: {\n          ...getHighContrastNoAdjustStyle(),\n          color: 'WindowText',\n        },\n      },\n    },\n    text: [\n      classNames.text,\n      {\n        minWidth: 0,\n        display: 'flex',\n        flexGrow: 1,\n        margin: 8,\n        ...fonts.small,\n        selectors: {\n          [HighContrastSelector]: {\n            ...getHighContrastNoAdjustStyle(),\n          },\n        },\n      },\n      !onDismiss && {\n        marginRight: 12,\n      },\n    ],\n    innerText: [\n      classNames.innerText,\n      {\n        lineHeight: 16,\n        selectors: {\n          '& span a': {\n            paddingLeft: 4,\n          },\n        },\n      },\n      truncated && {\n        overflow: 'visible',\n        whiteSpace: 'pre-wrap',\n      },\n      !isMultiline && {\n        // In high contrast this causes the top and bottom of links' focus outline to be clipped\n        // (not sure of a good way around that while still maintaining text clipping)\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      },\n      !isMultiline &&\n        !truncated && {\n          selectors: {\n            [SmallScreenSelector]: {\n              overflow: 'visible',\n              whiteSpace: 'pre-wrap',\n            },\n          },\n        },\n      expandSingleLine && {\n        overflow: 'visible',\n        whiteSpace: 'pre-wrap',\n      },\n    ],\n    dismissSingleLine: classNames.dismissSingleLine,\n    expandSingleLine: classNames.expandSingleLine,\n    dismissal: [classNames.dismissal, dismissalAndExpandStyle],\n    expand: [classNames.expand, dismissalAndExpandStyle],\n    actions: [\n      isMultiline ? classNames.actions : classNames.actionsSingleline,\n      {\n        display: 'flex',\n        flexGrow: 0,\n        flexShrink: 0,\n        flexBasis: 'auto',\n        flexDirection: 'row-reverse',\n        alignItems: 'center',\n        margin: '0 12px 0 8px',\n        selectors: {\n          '& button:nth-child(n+2)': {\n            marginLeft: 8,\n          },\n        },\n      },\n      isMultiline && {\n        marginBottom: 8,\n      },\n      onDismiss &&\n        !isMultiline && {\n          marginRight: 0,\n        },\n    ],\n  };\n};\n","import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { MessageBarBase } from './MessageBar.base';\nimport { getStyles } from './MessageBar.styles';\nimport { IMessageBarProps, IMessageBarStyleProps, IMessageBarStyles } from './MessageBar.types';\n\nexport const MessageBar: React.FunctionComponent<IMessageBarProps> = styled<\n  IMessageBarProps,\n  IMessageBarStyleProps,\n  IMessageBarStyles\n>(MessageBarBase, getStyles, undefined, {\n  scope: 'MessageBar',\n});\n","import * as React from 'react';\nimport { classNamesFunction } from '../../Utilities';\nimport { ISeparatorProps, ISeparatorStyles, ISeparatorStyleProps } from './Separator.types';\n\nconst getClassNames = classNamesFunction<ISeparatorStyleProps, ISeparatorStyles>();\n\nexport const SeparatorBase: React.FunctionComponent<ISeparatorProps> = React.forwardRef<\n  HTMLDivElement,\n  ISeparatorProps\n>((props, ref) => {\n  const { styles, theme, className, vertical, alignContent, children } = props;\n\n  const classNames = getClassNames(styles!, {\n    theme: theme!,\n    className,\n    alignContent: alignContent,\n    vertical: vertical,\n  });\n\n  return (\n    <div className={classNames.root} ref={ref}>\n      <div className={classNames.content} role=\"separator\" aria-orientation={vertical ? 'vertical' : 'horizontal'}>\n        {children}\n      </div>\n    </div>\n  );\n});\n","import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { ISeparatorProps, ISeparatorStyleProps, ISeparatorStyles } from './Separator.types';\nimport { getStyles } from './Separator.styles';\nimport { SeparatorBase } from './Separator.base';\n\nexport const Separator: React.FunctionComponent<ISeparatorProps> = styled<\n  ISeparatorProps,\n  ISeparatorStyleProps,\n  ISeparatorStyles\n>(SeparatorBase, getStyles, undefined, {\n  scope: 'Separator',\n});\nSeparator.displayName = 'Separator';\n","import { HighContrastSelector } from '../../Styling';\nimport { ISeparatorStyleProps, ISeparatorStyles } from './Separator.types';\n\nexport const getStyles = (props: ISeparatorStyleProps): ISeparatorStyles => {\n  const { theme, alignContent, vertical, className } = props;\n\n  const alignStart = alignContent === 'start';\n  const alignCenter = alignContent === 'center';\n  const alignEnd = alignContent === 'end';\n\n  return {\n    root: [\n      theme.fonts.medium,\n      {\n        position: 'relative',\n      },\n      alignContent && {\n        textAlign: alignContent,\n      },\n      !alignContent && {\n        textAlign: 'center',\n      },\n      vertical &&\n        (alignCenter || !alignContent) && {\n          verticalAlign: 'middle',\n        },\n      vertical &&\n        alignStart && {\n          verticalAlign: 'top',\n        },\n      vertical &&\n        alignEnd && {\n          verticalAlign: 'bottom',\n        },\n      vertical && {\n        padding: '0 4px',\n        height: 'inherit',\n        display: 'table-cell',\n        zIndex: 1,\n        selectors: {\n          ':after': {\n            backgroundColor: theme.palette.neutralLighter,\n            width: '1px',\n            content: '\"\"',\n            position: 'absolute',\n            top: '0',\n            bottom: '0',\n            left: '50%',\n            right: '0',\n            zIndex: -1,\n            [HighContrastSelector]: {\n              backgroundColor: 'WindowText',\n            },\n          },\n        },\n      },\n      !vertical && {\n        padding: '4px 0',\n        selectors: {\n          ':before': {\n            backgroundColor: theme.palette.neutralLighter,\n            height: '1px',\n            content: '\"\"',\n            display: 'block',\n            position: 'absolute',\n            top: '50%',\n            bottom: '0',\n            left: '0',\n            right: '0',\n            [HighContrastSelector]: {\n              backgroundColor: 'WindowText',\n            },\n          },\n        },\n      },\n      className,\n    ],\n    content: [\n      {\n        position: 'relative',\n        display: 'inline-block',\n        padding: '0 12px',\n        color: theme.semanticColors.bodyText,\n        background: theme.semanticColors.bodyBackground,\n      },\n      vertical && {\n        padding: '12px 0',\n      },\n    ],\n  };\n};\n","import React from 'react';\r\n//import { ComboBox, IComboBox, IComboBoxOption } from '@fluentui/react';\r\n//import { useIntl } from 'react-intl';\r\n\r\nimport { useLocale } from '../LocalizationProvider/LocalizationProvider';\r\n\r\ninterface ILanguageSelectorProps {\r\n  forceReload?: boolean;\r\n}\r\n\r\nexport const LanguageSelector: React.FunctionComponent<ILanguageSelectorProps> = ({ forceReload = false }) => {\r\n  const { locale } = useLocale();\r\n  // const { formatMessage } = useIntl();\r\n  sessionStorage.setItem('locale', locale);\r\n\r\n  // const setLocalizationLanguage = React.useCallback(\r\n  //   (event: React.FormEvent<IComboBox>, option: IComboBoxOption | undefined): void => {\r\n  //     if (option && option.key) {\r\n  //       const locale = option.key.toString();\r\n  //       setLocale(locale, forceReload);\r\n  //       sessionStorage.setItem('locale', locale);\r\n  //     }\r\n  //   },\r\n  //   [setLocale, forceReload]\r\n  // );\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* <ComboBox\r\n        hidden={true}\r\n        placeholder={formatMessage({\r\n          defaultMessage: 'Select an option'\r\n        })}\r\n        id=\"LocalizationSelect\"\r\n        allowFreeform\r\n        autoComplete=\"on\"\r\n        label={formatMessage({\r\n          defaultMessage: 'Select a language',\r\n          description: 'language field'\r\n        })}\r\n        onChange={setLocalizationLanguage}\r\n        className=\"dropdownWidth\"\r\n        required={true}\r\n        selectedKey={locale}\r\n        useComboBoxAsMenuWidth={true}\r\n        options={[\r\n          { key: 'en-US', text: 'English' },\r\n          { key: 'ja-JP', text: 'Japanese(日本人)' },\r\n          { key: 'ko-KR', text: 'Korean(韓国語)' },\r\n          { key: 'zh-CN', text: 'Chinese(中国人)' }\r\n        ]}\r\n        calloutProps={{ directionalHint: 5, directionalHintFixed: true, calloutMaxHeight: 350 }}\r\n      ></ComboBox> */}\r\n    </React.Fragment>\r\n  );\r\n};\r\n","import { Link, Image, PrimaryButton, Separator, MessageBar, MessageBarType, FontIcon } from '@fluentui/react';\r\nimport React, { ReactElement, useCallback, useEffect } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { SeverityLevel } from '@microsoft/applicationinsights-web';\r\nimport { FormattedMessage, useIntl } from 'react-intl';\r\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\r\n\r\nimport { disableTPID, Helper, QueryStringParam } from '../../utilities';\r\nimport { useTitle } from '../../hooks';\r\nimport msLogo from '../../assets/images/microsoft-logo-dark.png';\r\nimport { ICustomErrorMessage } from '../../models';\r\nimport { ai } from '../../components/ApplicationInsightsProvider/ApplicationInsightsService';\r\nimport { LanguageSelector } from '../../components/LanguageSelector/LanguageSelector';\r\nimport { GetProfileActions } from '../../store/stores/user';\r\nimport './Welcome.scss';\r\nimport { useAuthenticatedUser } from '../../hooks/useAuthenticatedUser';\r\nimport { useLocale } from '../../components/LocalizationProvider/LocalizationProvider';\r\nimport { GetFeatureFlagAction } from '../../store/stores/featureFlag';\r\nimport { IApplicationState } from '../../store';\r\nimport { useEndpointActions } from '../../store/endpoint';\r\nimport FeatureFlagValues from '../../utilities/featureFlagValues';\r\nimport WelcomeCollage from '../../assets/images/welcomeCollageImage.png';\r\n\r\n/**\r\n * Welcome Page\r\n */\r\nexport const Welcome: React.FunctionComponent = () => {\r\n  const pageTitle: string = process.env.REACT_APP_SITE_NAME + ': Welcome';\r\n  const history = useHistory();\r\n  const intl = useIntl();\r\n  useTitle(pageTitle);\r\n  const [getFeatureFlag] = useEndpointActions([GetFeatureFlagAction]);\r\n\r\n  //const isWelcomePageNofification = `Welcome_${localStorage.getItem('locale')}`;\r\n\r\n  const isMaintenanceMode = FeatureFlagValues().isMaintenanceMode;\r\n  const hasfeatureflag = isMaintenanceMode.length > 0;\r\n  const isSigninDisable = FeatureFlagValues().isSigninDisable;\r\n  const isMaintenance = isMaintenanceMode?.map(m => m?.isEnabledFlag)[0];\r\n  const isMaintenanceMessage = isMaintenanceMode?.map(m => m?.alertMessage)[0];\r\n  const hideSessionTimeout = FeatureFlagValues()?.hideSessionTimeout;\r\n  const isSessionExpired = localStorage.getItem('isSessionExpired')?.toLowerCase() === 'yes';\r\n  const isNewWindowOrTab = window.history.length <= 2;\r\n\r\n  // The a hint to tell AAD which company branding to display on login\r\n  const deliveryId = new URLSearchParams(window.location.search.toLowerCase()).get(QueryStringParam.DeliveryId);\r\n  const dispatch = useDispatch();\r\n  const IsAad = sessionStorage.getItem(QueryStringParam.IsAad);\r\n  const account = useAuthenticatedUser();\r\n  const isAuthenticated = sessionStorage.getItem(QueryStringParam.IsAuthenticated) || account?.authenticationState;\r\n  const { locale } = useLocale();\r\n  const [profile] = useSelector((state: IApplicationState) => [state.UserStore.profile], shallowEqual);\r\n  const supportLinkLogging = () => {\r\n    Helper.supportLinkVisitLog('Welcome', profile.workEmail, profile.id);\r\n  };\r\n  const [featureFlags] = useSelector((state: IApplicationState) => [state.FeatureFlagStore?.featureFlags]);\r\n\r\n  // Fetch the profile when the page loads and the user is authenticated\r\n  const redirectToRegister = useCallback(() => {\r\n    dispatch(GetProfileActions.Clear());\r\n    if (sessionStorage.getItem(QueryStringParam.DeliveryId)) {\r\n      if (ai.appInsights) {\r\n        ai.appInsights.trackTrace({\r\n          message: 'Welcome: Deliveryonly request',\r\n          severityLevel: SeverityLevel.Information,\r\n          properties: {\r\n            deliveryId\r\n          }\r\n        });\r\n      }\r\n      history.replace(`/Deliveryonly/?delid=${sessionStorage.getItem(QueryStringParam.DeliveryId)}`, {});\r\n    }\r\n    if (ai.appInsights) {\r\n      ai.appInsights.trackTrace({\r\n        message: 'Welcome:EmailValidation request',\r\n        severityLevel: SeverityLevel.Information,\r\n        properties: {}\r\n      });\r\n    }\r\n    history.replace('/emailvalidation/');\r\n  }, [dispatch, history, deliveryId]);\r\n\r\n  useEffect(() => {\r\n    getFeatureFlag();\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (Array.isArray(featureFlags) && featureFlags.length > 0) {\r\n      localStorage.setItem('apiVersionUrl', process.env.REACT_APP_API_ENROLLMENTSERVICES_URL + '/api/');\r\n      const disableTpd = featureFlags?.filter(d => d?.flagName === disableTPID)?.map(m => m?.isEnabledFlag)[0];\r\n      if (disableTpd != undefined && disableTpd) {\r\n        if (process.env.REACT_APP_API_ENROLLMENTSERVICES_APIVER_URL != null) {\r\n          localStorage.setItem('apiVersionUrl', process.env.REACT_APP_API_ENROLLMENTSERVICES_APIVER_URL + '/api/');\r\n        }\r\n      }\r\n    }\r\n  }, [featureFlags]);\r\n\r\n  const showWelcomePage = () => {\r\n    const isSessionExpired = localStorage.getItem('isSessionExpired');\r\n    if (isSessionExpired && isSessionExpired.toLowerCase() === 'yes') {\r\n      localStorage.setItem('isSessionExpired', 'no');\r\n    }\r\n\r\n    sessionStorage.clear();\r\n    history.push('/');\r\n  };\r\n\r\n  useEffect(() => {\r\n    const querystringParam = window.location.search.toString().toLocaleLowerCase(); // ex. \"?delid=201232\"\r\n    const isESITermsAccepted = sessionStorage.getItem(QueryStringParam.IsESITermsAccepted) === 'yes';\r\n    if (isAuthenticated && IsAad) {\r\n      if (querystringParam && querystringParam.includes('delid')) {\r\n        validateUrl(querystringParam);\r\n        history.push(`/Deliveryonly/?delid=${sessionStorage.getItem(QueryStringParam.DeliveryId)}`);\r\n      } else {\r\n        if (isESITermsAccepted) {\r\n          history.push('/landing');\r\n        } else {\r\n          history.push('/Aadlogin', {});\r\n        }\r\n      }\r\n      return;\r\n    }\r\n    validateUrl(querystringParam);\r\n    return;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [deliveryId]);\r\n\r\n  const validateUrl = (querystringParam: any) => {\r\n    if (!querystringParam.includes('sid')) {\r\n      if (querystringParam && querystringParam.includes('delid')) {\r\n        const urlValidation = /^\\?delid=((?:\\d{3,10},)*(?:\\d{3,10}))$/.test(querystringParam);\r\n        if (urlValidation && deliveryId) {\r\n          sessionStorage.setItem(QueryStringParam.DeliveryId, deliveryId);\r\n        } else {\r\n          const friendlyError: ICustomErrorMessage = {\r\n            description: intl.formatMessage({\r\n              defaultMessage:\r\n                'It looks like you’ve attempted to access a resource that doesn’t exist. Please review your URL and the delivery ID used in the URL, then try again.'\r\n            }),\r\n            signOutPrompt: false,\r\n            method: 'UseEffect-InvalidurlFormat for Delivery Only',\r\n            page: 'Welcome'\r\n          };\r\n          if (ai.appInsights) {\r\n            ai.appInsights.trackException({\r\n              exception: new Error('ESIUI'),\r\n              severityLevel: SeverityLevel.Error,\r\n              properties: { friendlyError, querystringParam, urlValidation, deliveryId }\r\n            });\r\n          }\r\n          history.push('/about/', {\r\n            error: friendlyError\r\n          });\r\n          return;\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {(!isSessionExpired || isNewWindowOrTab) && (\r\n        <div className=\"welcome\" role=\"main\">\r\n          {hasfeatureflag && (\r\n            <div>\r\n              <MessageBar\r\n                messageBarType={MessageBarType.warning}\r\n                isMultiline={true}\r\n                className={isMaintenance && isMaintenanceMessage !== null ? 'welcomePageMessageBar' : 'signInHiden'}\r\n              >\r\n                {isMaintenanceMessage}\r\n              </MessageBar>\r\n            </div>\r\n          )}\r\n\r\n          <div className=\"welcomeContainer\">\r\n            <div className=\"welcomeContent\">\r\n              <div className=\"headerContent\">\r\n                <Image src={msLogo} alt=\"Microsoft logo\" className=\"logoHeader\" />\r\n                <span className=\"titleMessage\">\r\n                  <FormattedMessage defaultMessage=\"Enterprise Skills Initiative\" />\r\n                </span>\r\n              </div>\r\n              <h1 className=\"welcomeContentHeader\">\r\n                <Image src={WelcomeCollage} alt=\"Welcome collage\" width=\"100%\" className=\"welcomeImage\" />\r\n                <div className=\"welcomeText\">\r\n                  <FormattedMessage defaultMessage=\"Welcome\" />\r\n                </div>\r\n              </h1>\r\n\r\n              <Separator className=\"separator\" />\r\n\r\n              <div role=\"region\" className=\"ms-fontSize-15 ms-fontWeight-400 welcomeIntro\">\r\n                <p>\r\n                  <FormattedMessage defaultMessage=\"Welcome to the \" />\r\n                  &nbsp;{process.env.REACT_APP_SITE_NAME}.&nbsp;\r\n                  <FormattedMessage\r\n                    defaultMessage=\"Microsoft and your organization are working together to help you learn the\r\n                    skills you need to be successful with Azure and other Microsoft technologies \"\r\n                  />\r\n                  .\r\n                </p>\r\n                <p>\r\n                  <FormattedMessage\r\n                    defaultMessage=\"Sharpen your technical skills and knowledge of Microsoft solutions by enrolling in interactive courses and training designed\r\n                    for your role, and advance your career by getting certified\"\r\n                  />\r\n                  .\r\n                </p>\r\n                <p>\r\n                  <FormattedMessage defaultMessage=\"Sign in by entering your work email address and following the steps to create your learner profile\" />\r\n                  .\r\n                </p>\r\n                <p className={isSigninDisable ? 'signInHiden' : ''}>\r\n                  <FormattedMessage defaultMessage=\" Need help signing in? Please contact:\" />\r\n                  &nbsp;\r\n                  <Link\r\n                    target=\"_blank\"\r\n                    className={isSigninDisable ? 'signInHiden' : 'linkText'}\r\n                    href={process.env.REACT_APP_SUPPORT_EMAIL_LINK + locale}\r\n                    onClick={supportLinkLogging}\r\n                  >\r\n                    ESI Support\r\n                  </Link>\r\n                </p>\r\n              </div>\r\n              <div className={isSigninDisable ? 'signInHiden' : 'welcomeContentButton'}>\r\n                <PrimaryButton\r\n                  role=\"button\"\r\n                  allowDisabledFocus={false}\r\n                  text={intl.formatMessage({\r\n                    defaultMessage: 'Sign in now'\r\n                  })}\r\n                  onClick={redirectToRegister}\r\n                  className=\"signin-button ms-fontWeight-semibold ms-fontSize-17\"\r\n                />\r\n              </div>\r\n              <LanguageSelector forceReload={true} />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n      {!hideSessionTimeout && isSessionExpired && !isNewWindowOrTab && (\r\n        <div className=\"SessionExpiredPage\" role=\"main\">\r\n          <div className=\"sessionExpiredContainer\">\r\n            <div className=\"content\">\r\n              <FontIcon className=\"Warning\" iconName=\"Warning\" />\r\n              <h3 className=\"title\">\r\n                <span className=\"contentBack ms-fontSize-28 ms-fontWeight-semibold\">\r\n                  <FormattedMessage defaultMessage=\"Your session is end\" />\r\n                </span>\r\n              </h3>\r\n\r\n              <div className=\"contentDescription\">\r\n                <FormattedMessage\r\n                  defaultMessage=\"Due to inactivity on the browser for more than 30 sec, you have been signed out. Please <Link>click here</Link> to login to LxP again\"\r\n                  values={{\r\n                    Link: (chunks: ReactElement) => (\r\n                      <Link target=\"_blank\" className=\"linkText\" onClick={showWelcomePage} to=\"/\">\r\n                        {chunks}\r\n                      </Link>\r\n                    )\r\n                  }}\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </React.Fragment>\r\n  );\r\n};\r\n\r\nexport default Welcome;\r\n"],"sourceRoot":""}