{"version":3,"sources":["TenantFinder.tsx","components/CopyToClipboardButton.tsx","hooks/useTimeout.ts","assets/logo.svg","assets/circle.svg","assets/state-of-ms.svg","components/CTA.tsx","assets/app-logo.svg","assets/powered-by.svg","App.tsx","index.tsx"],"names":["TenantFinderState","CopyToClipboardButton","contentToCopy","children","onClick","props","callback","timeoutDelayMs","useState","isTimeoutActive","setIsTimeoutActive","savedRefCallback","useRef","clear","start","useEffect","current","timeout","setTimeout","window","clearTimeout","useTimeout","setIsTextCopied","isTextCopied","variant","backgroundColor","undefined","event","copy","TenantSearch","componentState","queryValue","setComponentState","setTenantId","setQueryValue","handleOnSubmit","e","a","preventDefault","Fetching","fetch","response","json","data","endPoint","token_endpoint","id","split","Found","NotFound","submitButtonText","className","fluid","onSubmit","validationState","autoFocus","button","Waiting","aria-label","disabled","value","placeholder","onChange","target","type","TenantResult","tenantId","query","readOnly","TenantFinder","CTA","src","Circle","alt","Logo","href","size","backgroundColorHover","backgroundColorActive","StateOfMS","App","PoweredByShareGateLogo","AppIcon","OvercastTheme","ApricotTheme","name","colors","common","primary","createThemeVars","render","theme","colorScheme","document","getElementById"],"mappings":"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","file":"static/js/main.5acebee8.chunk.js","sourcesContent":["import { Label, Button, CrossButton, TextInput, ErrorMessage, Field, Form } from \"@sharegate/orbit-ui\";\r\nimport { CopyToClipboardButton } from \"./components\";\r\nimport { useState, FormEvent } from \"react\";\r\n\r\nenum TenantFinderState {\r\n    Waiting,\r\n    Fetching,\r\n    Found,\r\n    NotFound\r\n}\r\n\r\ninterface TenantSearchProps {\r\n    componentState: TenantFinderState;\r\n    queryValue: string;\r\n    setComponentState: (value: TenantFinderState) => void;\r\n    setTenantId: (value: string) => void;\r\n    setQueryValue: (value: string) => void;\r\n}\r\n\r\nconst TenantSearch = ({componentState, queryValue, setComponentState, setTenantId, setQueryValue}: TenantSearchProps) => {\r\n    const handleOnSubmit = async (e: FormEvent) => {\r\n        e.preventDefault();\r\n        setComponentState(TenantFinderState.Fetching);\r\n        try {\r\n            const response = await fetch(`https://login.microsoftonline.com/${queryValue}/.well-known/openid-configuration`);\r\n            const data = await response.json();\r\n    \r\n            const endPoint = data.token_endpoint;\r\n            const id = endPoint.split(\"/\")[3];\r\n            setComponentState(TenantFinderState.Found);\r\n            setTenantId(id);\r\n        }\r\n        catch {\r\n            setComponentState(TenantFinderState.NotFound);\r\n        }\r\n    };\r\n\r\n    const handleOnClear = () => {\r\n        setQueryValue(\"\");\r\n        setComponentState(TenantFinderState.Waiting);\r\n    }\r\n\r\n    const submitButtonText = componentState === TenantFinderState.Found ? \"Tenant found!\" : \"Find my tenant ID\";\r\n\r\n    return <>\r\n        <h1 className=\"f1-ns lh3-ns f4 lh4 fw6 white mt0 mb9 mb5-ns tc\">What is your Microsoft Azure and Microsoft 365 tenant ID?</h1>\r\n        <div>\r\n            <Form fluid onSubmit={handleOnSubmit}>\r\n                <Field validationState={componentState !== TenantFinderState.NotFound? \"valid\": \"invalid\"}>\r\n                    <Label className=\"f5-ns lh2-ns f7 lh3 fw5 white mt0 mb1\">Enter your domain name</Label>\r\n                    <TextInput \r\n                        autoFocus \r\n                        fluid \r\n                        button={<CrossButton onClick={handleOnClear} aria-label=\"Clear value\" />}\r\n                        disabled={componentState === TenantFinderState.Fetching} \r\n                        value={queryValue} \r\n                        placeholder=\"contoso.com\" \r\n                        onChange={({target}) => setQueryValue(target.value)} \r\n                    />\r\n                    <ErrorMessage>Couldn’t find your domain, make sure you entered it properly.</ErrorMessage>\r\n                </Field>\r\n                <div className=\"flex justify-center\">\r\n                    <Button\r\n                        variant=\"primary\" \r\n                        type=\"submit\" \r\n                        disabled={componentState === TenantFinderState.Fetching || !queryValue}\r\n                    >\r\n                        {submitButtonText}\r\n                    </Button>\r\n                </div>\r\n            </Form>\r\n        </div>\r\n    </>\r\n}\r\n\r\ninterface TenantResultProps {\r\n    tenantId: string;\r\n    query: string;\r\n}\r\n\r\nconst TenantResult = ({tenantId, query}: TenantResultProps) => {\r\n    return <>\r\n        <h1 className=\"f1-ns lh3-ns f4 lh4 fw6 white mt0 mb9 tc\">Here is the tenant ID for {query}</h1>\r\n        <div>\r\n            <TextInput fluid readOnly value={tenantId} />\r\n            <div className=\"flex justify-center mt6\">\r\n                <CopyToClipboardButton contentToCopy={tenantId}>\r\n                    Copy to clipboard\r\n                </CopyToClipboardButton>\r\n            </div>\r\n        </div>\r\n    </>\r\n}\r\n\r\nexport const TenantFinder = () => {\r\n    const [componentState, setComponentState] = useState(TenantFinderState.Waiting);\r\n    const [queryValue, setQueryValue] = useState(\"\");\r\n    const [tenantId, setTenantId] = useState(\"\");\r\n\r\n    return <div className=\"w-100 mw-720px-ns\">\r\n        {componentState !== TenantFinderState.Found ? \r\n            <TenantSearch \r\n                componentState={componentState}\r\n                queryValue={queryValue}\r\n                setComponentState={setComponentState}\r\n                setQueryValue={setQueryValue}\r\n                setTenantId={setTenantId} \r\n            /> :\r\n            <TenantResult \r\n                tenantId={tenantId} \r\n                query={queryValue} \r\n            />\r\n        }\r\n    </div>\r\n}","import { Button, ButtonProps } from \"@sharegate/orbit-ui\";\r\nimport { useTimeout } from \"../hooks\";\r\nimport { MouseEvent } from \"react\";\r\nimport copy from \"copy-to-clipboard\";\r\n\r\nconst COPIED_TEXT_ON_BUTTON_DELAY = 2200;\r\n\r\ninterface CopyToClipboardButtonProps extends ButtonProps {\r\n    contentToCopy: string;\r\n}\r\n\r\nexport const CopyToClipboardButton = ({contentToCopy, children, onClick, ...props}: CopyToClipboardButtonProps) => {\r\n    const { start: setIsTextCopied, isTimeoutActive: isTextCopied } = useTimeout(() => {}, COPIED_TEXT_ON_BUTTON_DELAY);\r\n\r\n    const handleCopyButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\r\n        setIsTextCopied();\r\n\r\n        copy(contentToCopy);\r\n        \r\n        if (onClick) {\r\n            onClick(event);\r\n        }\r\n    };\r\n\r\n    return <Button variant=\"primary\" {...props} backgroundColor={isTextCopied? \"botanic-6\" : undefined} onClick={handleCopyButtonClick}>\r\n        {isTextCopied ? <>Copied!</> : children}\r\n    </Button>\r\n}","import { useState, useRef, useEffect } from \"react\";\r\n\r\ninterface UseTimeoutHandler {\r\n    start: () => any;\r\n    clear: () => any;\r\n    isTimeoutActive: boolean;\r\n}\r\n\r\nexport const useTimeout = (callback: () => void, timeoutDelayMs: number = 0): UseTimeoutHandler => {\r\n  const [isTimeoutActive, setIsTimeoutActive] = useState(false);\r\n  const savedRefCallback = useRef<() => any>();\r\n\r\n  useEffect(() => {\r\n    savedRefCallback.current = callback;\r\n  }, [callback]);\r\n\r\n  function clear() {\r\n    setIsTimeoutActive(false);\r\n  }\r\n  function start() {\r\n    setIsTimeoutActive(true);\r\n  }\r\n\r\n  useEffect(() => {\r\n    function callbackAndClear() {\r\n        savedRefCallback.current && savedRefCallback.current();\r\n        clear();\r\n    }\r\n\r\n    if (isTimeoutActive) {\r\n      const timeout = setTimeout(callbackAndClear, timeoutDelayMs);\r\n      return () => {\r\n        window.clearTimeout(timeout);\r\n      };\r\n    }\r\n  }, [isTimeoutActive, timeoutDelayMs]);\r\n\r\n  return { clear, start, isTimeoutActive };\r\n}","export default __webpack_public_path__ + \"static/media/logo.dc27c405.svg\";","export default __webpack_public_path__ + \"static/media/circle.1bd4118d.svg\";","export default __webpack_public_path__ + \"static/media/state-of-ms.7f1c07b5.svg\";","import Logo from '../assets/logo.svg'\r\nimport Circle from '../assets/circle.svg'\r\nimport StateOfMS from '../assets/state-of-ms.svg'\r\nimport { ButtonAsLink } from \"@sharegate/orbit-ui\";\r\n\r\nexport const CTA = ( ) => {\r\n\r\n    return <div className=\"w-100 mw-720px-ns mt5 sg-cta pa7 flex-ns mt12 items-center tc tl-ns br4 overflow-hidden relative\">\r\n        <div className=\"w-two-thirds-ns pr10-ns\">\r\n            <img className=\"circle-1 absolute top-0\" src={Circle} alt=\"State of Microsoft 365\" />\r\n            <img src={Logo} alt=\"ShareGate\" />\r\n            <h3>Stay up-to-date on the latest migration, modernization, and security trends!</h3>\r\n            {/* @ts-ignore */}\r\n            <ButtonAsLink className=\"center ml0-ns\" href=\"https://sharegate.com/resource/microsoft365-cloud-trends-white-paper-2021\" target=\"_blank\" variant=\"primary\" size=\"sm\" backgroundColor=\"#0E1C3D\" backgroundColorHover=\"#2b3a5e\" backgroundColorActive=\"#2b3a5e\">\r\n                Get the free report\r\n            </ButtonAsLink>\r\n            <img className=\"circle-2 absolute w8 bottom-0\" src={Circle} alt=\"State of Microsoft 365\" />\r\n        </div>\r\n        <div className=\"dn db-ns w-third\">\r\n            <img src={StateOfMS} alt=\"State of Microsoft 365\" />\r\n        </div>\r\n    </div>\r\n}","export default __webpack_public_path__ + \"static/media/app-logo.a03ffb48.svg\";","export default __webpack_public_path__ + \"static/media/powered-by.d5b664a3.svg\";","import { TenantFinder } from \"./TenantFinder\";\r\nimport { CTA } from \"./components/CTA\";\r\nimport AppIcon from \"./assets/app-logo.svg\";\r\nimport PoweredByShareGateLogo from \"./assets/powered-by.svg\";\r\n\r\nfunction App() {\r\n  return (\r\n    <div className=\"flex flex-column items-center pv7 ph6 ph13-ns pv13-ns min-vh-100 w-100 overflow-hidden\">\r\n      <a className=\"self-start-ns\" href=\"https://sharegate.com/\">\r\n        <img src={PoweredByShareGateLogo} alt=\"ShareGate\"/>\r\n      </a>\r\n      <div className=\"flex flex-column items-center justify-center flex-grow-1 w-100\">\r\n            <a href=\"/\">\r\n              <img src={AppIcon} alt=\"What is my tenant Id\" className=\"w-90px w-125px-ns mv4\" />\r\n            </a>\r\n            <TenantFinder />\r\n            <CTA />\r\n      </div>\r\n  </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","import { createThemeVars, ApricotTheme, ThemeProvider, OrbitTheme } from \"@sharegate/orbit-ui\";\r\nimport { StrictMode } from 'react';\r\nimport { render } from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nconst OvercastTheme: OrbitTheme = {\r\n    ...ApricotTheme,\r\n    name: \"overcast\",\r\n    colors: {\r\n        ...ApricotTheme.colors,\r\n        common: {\r\n            ...ApricotTheme.colors.common,\r\n            primary: [\r\n                \"#E4F2FF\",\r\n                \"#BCE0FF\",\r\n                \"#90CBFF\",\r\n                \"#63B6FF\",\r\n                \"#41A6FF\",\r\n                \"#2096FF\",\r\n                \"#1C8EFF\",\r\n                \"#1883FF\",\r\n                \"#1379FF\",\r\n                \"#0B68FF\"\r\n            ]\r\n        },\r\n      }\r\n    }\r\n\r\ncreateThemeVars([OvercastTheme]);\r\n\r\nrender(\r\n  <StrictMode>\r\n    <ThemeProvider theme={OvercastTheme} colorScheme=\"light\">\r\n      <App />\r\n    </ThemeProvider>\r\n  </StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n"],"sourceRoot":""}