{"version":3,"sources":["component/routes/pcregister/pc-register.tsx","component/routes/pcregister/pc-register.module.scss"],"names":["scope","createScope","reactInstance","React","HoverCard","forReact","hoverCard","HeButton","button","initialState","programName","isCreateAllowed","redirectLink","PCWelcome","Component","constructor","arguments","state","inviteId","businessHoverCardRef","createRef","developerHoverCardRef","businessAccountTextRef","developerAccountTextRef","businessHoverCardId","developerHoverCardId","pageTitle","welcomeBackUrl","EXTERNAL_ROUTES","AAD_SIGN_IN","replace","ServerData","locale","APP_URL","INTERNAL_ROUTES","PC_WELCOME_USER","escape","window","location","search","signInClickHandler","href","this","createWorkAccountClickHandler","Navigation","navigate","props","PC_CREATE_NEW_AAD","setRedirectLink","activeCloud","NATIONAL_CLOUD_TYPE","CHINA","CREATE_WORK_ACCOUNT_CHINA_REDIRECT","CREATE_WORK_ACCOUNT_GLOBAL_REDIRECT","setState","hoverCards","_jsx","anchor","children","InnerHtml","Pipe","ResourcePipe","setPageTitle","GERMANY","isAuthTypesSupported","authTypes","every","authType","_ServerData$programMe","programMetadataByProgram","allowedAuth","includes","_ServerData$programMe2","displayName","signInTips","allAuthSupported","AuthType","AAD","MSA","msaSupported","aadSupported","helpMessage","helpIconClass","variables","signInBusinessQuestion","_jsxs","_Fragment","businessAccountDescription","ReactStringReplacePipe","businessAccountDescription2","className","TestAttribute","name","onClick","appearance","Anchor","underline","target","signInIndividualQuestion","individualAccountDescription","individualAccountDescription2","external","CREATE_OUTLOOK_ACCOUNT","componentDidMount","program","PathUtility","getQueryParamWithWindows","get","CREATE_TENANT","RegisteringAsProgram","GLOBAL","DefaultProgram","programNameInRouteContext","INVITE_ID","ProgramsUtility","isResellerRedirectionEligibleProgramExistInArray","hasFlight","FLIGHT_NAME","ENABLE_REDIRECTION_TO_RESELLERSYSTEM_FOR_SURFACE_ENROLLMENTS","redirectToSurfacePortal","createAllowed","EnableUnifiedSignUpCreateTenantForCloud","EnableUnifiedSignUpCreateTenantForProgramName","render","FlexCardView","FlexCardWrapper","FlexCardContent","classes","pcNewBackgroundColor","concat","cardHeader","cardHeaderTitle","PC_LEARN_MORE","whiteText","pcNewIconColorPink","signInIconPadding","map","tip","index","withRouter","module","exports"],"mappings":"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","file":"en-us/dashboard/account/exp/staticres/static/js/16.ad3e586f.chunk.js","sourcesContent":["import React, { Component, Dispatch } from \"react\";\r\nimport { withRouter } from \"react-router\";\r\nimport { Navigation } from \"../router\";\r\nimport {\r\n  APP_URL,\r\n  EXTERNAL_ROUTES,\r\n  INTERNAL_ROUTES,\r\n  NATIONAL_CLOUD_TYPE,\r\n  CREATE_TENANT,\r\n  FLIGHT_NAME\r\n} from \"../../../constants\";\r\nimport {\r\n  Anchor,\r\n  Button,\r\n  FlexCardContent,\r\n  FlexCardView,\r\n  FlexCardWrapper,\r\n} from \"../../reusables\";\r\nimport { Pipe, ReactStringReplacePipe, ResourcePipe } from \"../../../pipes\";\r\nimport { PathUtility, ProgramsUtility, ServerData } from \"../../../utility\";\r\nimport { AuthType, Dictionary, IProgramMetadata } from \"../../../models\";\r\n\r\nimport classes from \"./pc-register.module.scss\";\r\nimport { InnerHtml, TestAttribute } from \"../../hoc\";\r\n\r\nimport { createScope, hoverCard, button } from \"@harmony/enablers/react\";\r\n\r\nconst scope = createScope({\r\n  reactInstance: React,\r\n});\r\n\r\nconst HoverCard = scope.forReact(hoverCard);\r\nconst HeButton = scope.forReact(button);\r\n/**\r\n * Class used to display the PC register now screen\r\n */\r\n\r\ntype IPropType = {};\r\n\r\n/**\r\n * State definition\r\n */\r\nconst initialState = {\r\n  programName: \"\",\r\n  isCreateAllowed: false,\r\n  redirectLink: \"\",\r\n};\r\n\r\ninterface SignInTips {\r\n  helpMessage: string;\r\n  helpIconClass?: string;\r\n  variables?: Dictionary<JSX.Element>;\r\n}\r\n\r\nexport class PCWelcome extends Component<IPropType, typeof initialState> {\r\n  state = initialState;\r\n  inviteId?: string | null;\r\n  businessHoverCardRef: React.RefObject<any> = React.createRef();\r\n  developerHoverCardRef: React.RefObject<any> = React.createRef();\r\n  businessAccountTextRef: React.RefObject<any> = React.createRef();\r\n  developerAccountTextRef: React.RefObject<any> = React.createRef();\r\n\r\n  private businessHoverCardId: string = \"business-hover-card\";\r\n  private developerHoverCardId: string = \"developer-hover-card\";\r\n  private pageTitle: string = \"Tenant_WC_PC\";\r\n\r\n  /**\r\n   * Get AAD Login BasePath\r\n   */\r\n  private welcomeBackUrl: string = EXTERNAL_ROUTES.AAD_SIGN_IN.replace(\r\n    \":returnPath\",\r\n    \"/\" +\r\n      ServerData.locale +\r\n      APP_URL +\r\n      INTERNAL_ROUTES.PC_WELCOME_USER +\r\n      escape(window.location.search)\r\n  );\r\n\r\n  /**\r\n   * Method is used to get sign in url from server and redirect it to it\r\n   */\r\n  private signInClickHandler = (): void => {\r\n    window.location.href = this.welcomeBackUrl;\r\n  };\r\n\r\n  /**\r\n   * Create Work Account Click Handler\r\n   */\r\n  private createWorkAccountClickHandler = (): void => {\r\n    Navigation.navigate(this.props, INTERNAL_ROUTES.PC_CREATE_NEW_AAD, {\r\n      state: {\r\n        programName: this.state.programName,\r\n      },\r\n      search: window.location.search,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Set redirect link for create tenant\r\n   */\r\n  private setRedirectLink = (): void => {\r\n    const redirectLink =\r\n      ServerData.activeCloud === NATIONAL_CLOUD_TYPE.CHINA\r\n        ? EXTERNAL_ROUTES.CREATE_WORK_ACCOUNT_CHINA_REDIRECT\r\n        : EXTERNAL_ROUTES.CREATE_WORK_ACCOUNT_GLOBAL_REDIRECT;\r\n    this.setState({\r\n      redirectLink: redirectLink,\r\n    });\r\n  };\r\n\r\n  private isAuthTypesSupported(authTypes: string[]) {\r\n    return authTypes.every((authType) =>\r\n      ServerData.programMetadataByProgram?.allowedAuth.includes(authType)\r\n    );\r\n  }\r\n\r\n  private get programName() {\r\n    return ServerData.programMetadataByProgram?.displayName || \"\";\r\n  }\r\n\r\n  /**\r\n   * Sign in tips/help messages\r\n   */\r\n  private signInTips(): SignInTips[] {\r\n    const allAuthSupported = this.isAuthTypesSupported([\r\n      AuthType.AAD,\r\n      AuthType.MSA,\r\n    ]);\r\n    const msaSupported = this.isAuthTypesSupported([AuthType.MSA]);\r\n    const aadSupported = this.isAuthTypesSupported([AuthType.AAD]);\r\n    return [\r\n      {\r\n        helpMessage: \"Sign_Azure_AD_Tenant_Message\",\r\n        helpIconClass: \"win-icon-Mail\",\r\n        variables: {\r\n          signInBusinessQuestion: allAuthSupported ? (\r\n            <>\r\n              <b>{Pipe(ResourcePipe)(\"SignIn_Business_Question\")}</b>\r\n              <br />\r\n            </>\r\n          ) : (\r\n            <></>\r\n          ),\r\n          businessAccountDescription: aadSupported ? (\r\n            <div>\r\n              {Pipe(\r\n                ResourcePipe,\r\n                ReactStringReplacePipe\r\n              )(\"Business_Account_Description\")}\r\n            </div>\r\n          ) : (\r\n            <></>\r\n          ),\r\n          businessAccountDescription2: aadSupported ? (\r\n            <div className=\"spacer-xxs-top spacer-xs-bottom\">\r\n              <TestAttribute name=\"SignIn\">\r\n                <HeButton\r\n                  onClick={this.signInClickHandler}\r\n                  appearance=\"primary\"\r\n                >\r\n                  {Pipe(ResourcePipe)(\"Common_Sign_In_Organization\")}\r\n                </HeButton>\r\n              </TestAttribute>\r\n              <TestAttribute name=\"CreateWorkAccount\">\r\n                <Anchor\r\n                  className=\"spacer-xxs-left\"\r\n                  underline={true}\r\n                  {...(this.state.isCreateAllowed\r\n                    ? {\r\n                        onClick: this.createWorkAccountClickHandler,\r\n                      }\r\n                    : {\r\n                        target: \"_blank\",\r\n                        href: this.state.redirectLink,\r\n                      })}\r\n                >\r\n                  {Pipe(ResourcePipe)(\"Create_Work_Account\")}\r\n                </Anchor>\r\n              </TestAttribute>\r\n            </div>\r\n          ) : (\r\n            <></>\r\n          ),\r\n          signInIndividualQuestion: allAuthSupported ? (\r\n            <>\r\n              <br />\r\n              <b>{Pipe(ResourcePipe)(\"SignIn_Individual_Question\")}</b>\r\n              <br />\r\n            </>\r\n          ) : (\r\n            <></>\r\n          ),\r\n          individualAccountDescription: msaSupported ? (\r\n            <div>\r\n              {Pipe(\r\n                ResourcePipe,\r\n                ReactStringReplacePipe\r\n              )(\"Individual_Account_Description\")}\r\n            </div>\r\n          ) : (\r\n            <></>\r\n          ),\r\n          individualAccountDescription2: msaSupported ? (\r\n            <div className=\"spacer-xxs-top spacer-xs-bottom\">\r\n              <TestAttribute name=\"SignIn\">\r\n                <HeButton\r\n                  onClick={this.signInClickHandler}\r\n                  appearance=\"primary\"\r\n                >\r\n                  {Pipe(ResourcePipe)(\"Common_Sign_In_Individual\")}\r\n                </HeButton>\r\n              </TestAttribute>\r\n              <TestAttribute name=\"CreateIndividualAccount\">\r\n                <HeButton\r\n                  appearance=\"link\"\r\n                  external\r\n                  href={EXTERNAL_ROUTES.CREATE_OUTLOOK_ACCOUNT}\r\n                  target=\"_blank\"\r\n                  className=\"spacer-xxs-left\"\r\n                >\r\n                  {Pipe(ResourcePipe)(\"Create_Personal_Account\")}\r\n                </HeButton>\r\n              </TestAttribute>\r\n            </div>\r\n          ) : (\r\n            <></>\r\n          ),\r\n        },\r\n      },\r\n      {\r\n        helpMessage: \"Review_Account_Info\",\r\n        helpIconClass: \"win-icon-OpenEnrollment\",\r\n      },\r\n      {\r\n        helpMessage: \"Explore_Dashboard\",\r\n        helpIconClass: \"win-icon-Completed\",\r\n      },\r\n    ];\r\n  }\r\n\r\n  private hoverCards = [\r\n    <HoverCard key=\"hoverCardKey1\" anchor={this.businessHoverCardId}>\r\n      <InnerHtml>\r\n        {Pipe(ResourcePipe)(\"Business_Account_Help_Message\")}\r\n      </InnerHtml>\r\n    </HoverCard>,\r\n    <HoverCard key=\"hoverCardKey2\" anchor={this.developerHoverCardId}>\r\n      <InnerHtml>\r\n        {Pipe(ResourcePipe)(\"Developer_Account_Help_Message\")}\r\n      </InnerHtml>\r\n    </HoverCard>,\r\n  ];\r\n\r\n  componentDidMount() {\r\n    let program = PathUtility.getQueryParamWithWindows().get(\r\n      CREATE_TENANT.RegisteringAsProgram\r\n    );\r\n    if (!program) {\r\n      program =\r\n        ServerData.activeCloud === NATIONAL_CLOUD_TYPE.GLOBAL\r\n          ? CREATE_TENANT.DefaultProgram\r\n          : \"\";\r\n    }\r\n\r\n    ServerData.programNameInRouteContext = program;\r\n    if (!!program) {\r\n      this.inviteId = PathUtility.getQueryParamWithWindows().get(\r\n        CREATE_TENANT.INVITE_ID\r\n      );\r\n    }\r\n\r\n    if (ProgramsUtility.isResellerRedirectionEligibleProgramExistInArray([program])\r\n          && ServerData.hasFlight(FLIGHT_NAME.ENABLE_REDIRECTION_TO_RESELLERSYSTEM_FOR_SURFACE_ENROLLMENTS)      ) {\r\n      ProgramsUtility.redirectToSurfacePortal();\r\n    }\r\n    const createAllowed =\r\n      ServerData.hasFlight(\r\n        FLIGHT_NAME.EnableUnifiedSignUpCreateTenantForCloud\r\n      ) &&\r\n      ServerData.hasFlight(\r\n        FLIGHT_NAME.EnableUnifiedSignUpCreateTenantForProgramName\r\n      );\r\n    this.setPageTitle();\r\n    this.setRedirectLink();\r\n    this.setState({\r\n      programName: program,\r\n      isCreateAllowed: createAllowed,\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Branding welcome page title\r\n   */\r\n  private setPageTitle = () => {\r\n    if (ServerData.activeCloud === NATIONAL_CLOUD_TYPE.CHINA) {\r\n      this.pageTitle = \"Tenant_WC_PC_China\";\r\n    } else if (ServerData.activeCloud === NATIONAL_CLOUD_TYPE.GERMANY) {\r\n      this.pageTitle = \"Tenant_WC_PC_Germany\";\r\n    }\r\n  };\r\n\r\n  /**\r\n   * JSX Code for login screen\r\n   * @returns\r\n   */\r\n  render() {\r\n    return (\r\n      <FlexCardView className=\"spacer-md-top col-24 col-xs-24 col-sm-22 col-md-16 col-lg-12 col-xl-9 col-sm-offset-1 col-md-offset-4 col-lg-offset-6 col-xl-offset-8 \">\r\n        <FlexCardWrapper>\r\n          <FlexCardContent className=\"flex-grid-cards basic-card-styling remove-all-padding\">\r\n            <div className={classes.pcNewBackgroundColor}>\r\n              <header>\r\n                <h1\r\n                  className={`spacer-sm-left padding-top-20Px ${classes.cardHeader}`}\r\n                >\r\n                  {Pipe(ResourcePipe)(this.pageTitle)}\r\n                </h1>\r\n              </header>\r\n              <p\r\n                className={`spacer-sm-left spacer-xs-top spacer-md-right ${classes.cardHeaderTitle}`}\r\n              >\r\n                {Pipe(ResourcePipe)(\"Tenant_WC_PC_Message\")}\r\n                <HeButton\r\n                  appearance=\"link\"\r\n                  external\r\n                  href={EXTERNAL_ROUTES.PC_LEARN_MORE}\r\n                  target=\"_blank\"\r\n                  className={\"spacer-xxs-left \" + classes.whiteText}\r\n                >\r\n                  {Pipe(ResourcePipe)(\"Common_LearnMore\")}\r\n                </HeButton>\r\n              </p>\r\n            </div>\r\n            <div className=\"container spacer-md-top\">\r\n              <div className=\"row spacer-md-bottom\">\r\n                <div className=\"col-xs-2\">\r\n                  <div className=\"win-icon-composite win-icon-size-lg\">\r\n                    <span\r\n                      className={`win-icon win-icon-TaskStateCircleFull win-icon-size-lg pc-new-icon-color-pink ${classes.pcNewIconColorPink}`}\r\n                    ></span>\r\n                    <span\r\n                      className={`win-icon win-icon-FollowUser win-icon-size-md win-color-fg-primary color-alt sign-in-icon-padding ${classes.signInIconPadding}`}\r\n                    ></span>\r\n                  </div>\r\n                </div>\r\n                <div className=\"col col-xs-20 spacer-sm-left spacer-xxs-top\">\r\n                  <h4>\r\n                    {Pipe(ResourcePipe, ReactStringReplacePipe)(\r\n                      \"Common_ProgramRegistration_Steps\",\r\n                      {\r\n                        programName: this.programName ? (\r\n                          <>{Pipe(ResourcePipe)(this.programName)}</>\r\n                        ) : (\r\n                          <></>\r\n                        ),\r\n                      }\r\n                    )}\r\n                  </h4>\r\n                  {this.signInTips().map((tip, index) => (\r\n                    <div className=\"row spacer-ms-top\" key={`tip${index}`}>\r\n                      <div className=\"col-xs-2\">\r\n                        {tip.helpIconClass && (\r\n                          <span\r\n                            className={`win-icon win-icon-size-sm ${tip.helpIconClass}`}\r\n                          ></span>\r\n                        )}\r\n                      </div>\r\n                      <div className=\"col col-xs-20 remove-all-padding spacer-xs-left\">\r\n                        {Pipe(ResourcePipe, ReactStringReplacePipe)(\r\n                          tip.helpMessage,\r\n                          tip.variables\r\n                        )}\r\n                      </div>\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </FlexCardContent>\r\n        </FlexCardWrapper>\r\n      </FlexCardView>\r\n    );\r\n  }\r\n}\r\n\r\nexport default withRouter(PCWelcome as any);\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"pcNewBackgroundColor\":\"pc-register-module__pcNewBackgroundColor___86057\",\"pcNewIconColorBlue\":\"pc-register-module__pcNewIconColorBlue___53262\",\"pcNewIconColorPink\":\"pc-register-module__pcNewIconColorPink___fe6f7\",\"whiteText\":\"pc-register-module__whiteText___05f4f\",\"paddedStart\":\"pc-register-module__paddedStart___c07c9\",\"cardHeader\":\"pc-register-module__cardHeader___8708e\",\"cardHeaderTitle\":\"pc-register-module__cardHeaderTitle___df0aa\",\"plusIconPadding\":\"pc-register-module__plusIconPadding___3d6eb\",\"signInIconPadding\":\"pc-register-module__signInIconPadding___9e5fd\",\"moreInfoOnHover\":\"pc-register-module__moreInfoOnHover___68d62\"};"],"sourceRoot":""}