\n \n \n \n \n \n \n \n \n`;\n};\n\nexport const JiraWorkManagementLogo = ({\n iconColor = defaultLogoParams.iconColor,\n iconGradientStart = defaultLogoParams.iconGradientStart,\n iconGradientStop = defaultLogoParams.iconGradientStop,\n label = 'Jira Work Management',\n size = defaultLogoParams.size,\n testId,\n textColor = defaultLogoParams.textColor\n}) => {\n return /*#__PURE__*/React.createElement(Wrapper, {\n label: label,\n iconColor: iconColor,\n iconGradientStart: iconGradientStart,\n iconGradientStop: iconGradientStop,\n size: size,\n svg: svg,\n testId: testId,\n textColor: textColor\n });\n};","import _ from 'underscore';\nimport { SiteSelectorModal } from '@atlassiansox/bxpkit-site-selector-modal';\nimport React, { Component } from 'react';\nimport { IntlProvider } from 'react-intl';\nimport { ProductKey } from '@atlassiansox/bxpkit-core';\nimport { hamletUser } from '../../../common/hamlet/hamlet-user';\nimport Environment from '../../../common/environment';\nimport styled from 'styled-components';\nimport { fontSize } from '@atlaskit/theme';\nimport { N700, B200, B400 } from '@atlaskit/theme/colors';\nimport {\n ConfluenceLogo,\n JiraSoftwareLogo,\n JiraWorkManagementLogo,\n JiraServiceManagementLogo\n} from '@atlaskit/logo';\nimport storage from \"../../../utils/storage\";\nimport tracking from '../../../utils/tracking';\n\nconst Subheadline = styled.div`\nmargin-top: 10px;\nfont-size: ${fontSize.h400};\n`;\n\nconst SelectedTemplate = styled.span`\nfont-weight: bold;\n`;\n\nconst logoHeader = (props) => {\n let logo;\n const logoProps = {\n size: \"medium\",\n textColor: N700,\n iconColor: B400\n };\n const confluenceLogoProps = {\n size: \"medium\",\n textColor: N700,\n iconColor: N700,\n iconGradientStart: B400,\n iconGradientStop: B200\n };\n switch (props.productKey) {\n case ProductKey.JIRA_SOFTWARE:\n logo = (\n \n );\n break;\n case ProductKey.JIRA_SERVICE_MANAGEMENT:\n logo = (\n \n );\n break;\n case ProductKey.JIRA_SERVICE_DESK:\n logo = (\n \n );\n break;\n case ProductKey.JIRA_CORE:\n logo = (\n \n );\n break;\n case ProductKey.CONFLUENCE:\n default:\n logo = (\n \n );\n break;\n }\n return (\n \n {logo}\n \n {props.selectedTemplate ? props.selectedTemplate : 'You selected'}:{\" \"}\n {props.templateName}\n \n
\n )\n};\n\nclass ProductTemplateSiteSelectorContainer extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n isLoading: true,\n templateId: '',\n bluePrintModule: '',\n templateName: '',\n learnMore: false,\n product: props.product\n };\n this.featureFlags = props.featureFlags || {};\n this.labels = props.labels;\n this.deferredEvent = null;\n }\n\n componentDidMount() {\n document.addEventListener('click', this.onClick, false);\n document.body.addEventListener('productTemplateModal', this.onProductTemplateModalEvent, false);\n\n if (storage.getCookie(\"login_user_detected\") === \"true\") {\n this.getUser()\n .then(user => {\n this.setState({\n ...user,\n isLoading: false\n });\n if (user.isLoggedIn) {\n tracking.trackEvent(this.getEventName('user.loggedin'));\n this.openModalFromQueryParams();\n }\n this.processUserFlow();\n })\n .catch(() => {\n tracking.trackEvent(this.getEventName('user.getusererror'));\n });\n } else {\n this.setState({\n isLoading: false\n });\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.onClick);\n document.body.removeEventListener('productTemplateModal', this.onProductTemplateModalEvent);\n }\n\n getEventName(eventName) {\n return `${this.props.prefix}.${eventName}`;\n }\n openModalFromQueryParams() {\n const urlParams = new URLSearchParams(window.location.search);\n const templateId = decodeURIComponent(urlParams.get('templateModal'));\n if (templateId) {\n const modalLinks = [...document.querySelectorAll(\".component--template-library__cta__action.link-arrow-out\")];\n modalLinks.find((links) => {\n const dataSet = links.dataset;\n\n if (templateId === dataSet.templateId) {\n let event = document.createEvent('Event');\n event.dataset = {\n templateKey: dataSet.templateId,\n templateId: dataSet.templateId,\n bluePrintModule: dataSet.templateId,\n templateName: dataSet.templateName,\n productKey: dataSet.productKey\n };\n event.initEvent('productTemplateModal', true, true);\n document.body.dispatchEvent(event);\n return true;\n }\n });\n }\n }\n\n // utils\n getUser() {\n const enableAisAvailableProducts = this.featureFlags.enableAisAvailableProducts || false;\n return hamletUser.getStargateProfile(false, false, enableAisAvailableProducts).then(() => {\n const email = hamletUser.getUserEmail() || \"\";\n\n return {\n aaid: hamletUser.getUserAaid(),\n displayName: hamletUser.getDisplayName(),\n avatar: hamletUser.getAvatar(),\n email,\n productSites: this.getProductSites(hamletUser.getSites(), this.state.product),\n isLoggedIn: hamletUser.isLoggedIn(),\n };\n });\n }\n\n getProductSites(sites, productKey) {\n return _.filter(sites, (site) => site.products.includes(productKey)).map(site => site.url);\n }\n\n isJiraTemplate(productKey) {\n return [\n ProductKey.JIRA_SOFTWARE,\n ProductKey.JIRA_SERVICE_MANAGEMENT,\n ProductKey.JIRA_SERVICE_DESK,\n ProductKey.JIRA_CORE\n ].includes(productKey);\n }\n\n /*\n Backend needs product and templateId.\n templateId is actually blueprint module key but BE still expects the key to be templateId\n */\n getCloudSignupUrl(blueprintModuleKey) {\n let url = `${this.props.cloudSignupLink}?product=${this.state.product}&templateId=${blueprintModuleKey}&edition=free`;\n if (this.isJiraTemplate(this.state.product)) {\n const urlParams = new URLSearchParams(window.location.search);\n urlParams.has('p') ? '' : urlParams.append('templateModal', blueprintModuleKey);\n url += `&continue=${encodeURIComponent(`${window.location.href}?${urlParams.toString()}`)}`;\n } else if (this.state.product === ProductKey.CONFLUENCE) {\n const continueUrl = `${Environment.getWacIntegrationUrl()}${this.props.internalLinkAfterIdentity}?templateId=${blueprintModuleKey + encodeURIComponent('&templateName=' + encodeURIComponent(this.state.templateName))}`;\n url = `${url}&continue=${encodeURIComponent(continueUrl)}`;\n }\n return url;\n }\n\n getIdentityUrl(blueprintModuleKey, templateName) {\n const loginUrl = `${Environment.getIdentityBaseUrl()}/login?`;\n const continueUrl = `${Environment.getWacIntegrationUrl()}${this.props.internalLinkAfterIdentity}?templateName=${encodeURIComponent(templateName)}&templateId=${blueprintModuleKey}`;\n return `${loginUrl}&continue=${encodeURIComponent(continueUrl)}`;\n }\n\n /*\n * For phase I of this feature, we are using the redirect option of the API, as there are CORS issues with doing AJAX calls\n * In phase II, we can alter stargate, so that we can do an AJAX call to confluence staging/production instances\n */\n getCloudExistingUrl(siteUrl, bluePrintModule) {\n var referer = 'wacdirect';\n if (this.state.learnMore) {\n referer = 'waclearnmore';\n }\n var url = `${siteUrl}/wiki/login.action?os_destination=%2Frest%2Fcreate-dialog%2F1.0%2Fcontent%2Fblueprint%2FgetGlobalFabricBlueprintDraft%3Fredirect%3Dtrue%26blueprintModule%3D${bluePrintModule}%26referer%3D${referer}`;\n\n if (this.state.product !== ProductKey.CONFLUENCE) {\n url = `${siteUrl}/jira/create-project?templateId=${this.state.templateId}`;\n }\n\n return url;\n }\n\n processUserFlow = () => {\n if (this.deferredEvent) {\n this.useTemplateClickHandler(this.deferredEvent);\n this.deferredEvent = null;\n }\n }\n\n // actions\n useTemplateClickHandler = (element) => {\n const templateId = element.dataset ? element.dataset.templateKey : '';\n const bluePrintModule = element.dataset ? element.dataset.bluePrintModule : '';\n this.state.templateName = element.dataset ? element.dataset.templateName : '';\n\n if (\n this.state &&\n this.state.productSites &&\n this.state.productSites.length\n ) {\n this.setState({\n isOpen: true,\n templateId,\n bluePrintModule\n });\n } else {\n if (this.props.redirectToIdentity && this.props.internalLinkAfterIdentity) {\n window.location.href = this.getIdentityUrl(bluePrintModule, this.state.templateName);\n } else {\n window.location.href = this.getCloudSignupUrl(bluePrintModule);\n }\n }\n }\n\n onProductTemplateModalEvent = (event) => {\n if (!event.dataset) {\n return;\n }\n const sites = this.getProductSites(hamletUser.getSites(), event.dataset.productKey);\n this.setState({\n product: event.dataset.productKey,\n productSites: sites\n });\n\n if (sites.length > 0) {\n this.useTemplateClickHandler(event);\n } else {\n this.deferredEvent = event;\n }\n };\n\n clickedUseTemplateEvent = (event) => {\n\n const element = event.target;\n const templateName = element.dataset ? element.dataset.templateName : '';\n const templateId = element.dataset ? element.dataset.templateKey : '';\n const anonymousId = storage.getCookie('ajs_anonymous_id') || 'unknown';\n const productKey = (element.dataset && element.dataset.productKey) ?\n element.dataset.productKey : ProductKey.CONFLUENCE;\n const event_class = element.classList.value || '';\n const label = element.innerText || '';\n const eventComponent = 'linkButton';\n\n tracking.trackEvent(this.getEventName('clicked-use-template'), {\n templateName,\n label,\n path: window.location.pathname,\n url: window.location.href,\n eventComponent,\n event_class,\n event_type: 'ui',\n anonymousId,\n product: productKey,\n templateId: templateId,\n loginUserDetected: hamletUser.isLoggedIn(),\n });\n\n };\n\n onClick = (event) => {\n if (this.props.id && event.target.id !== this.props.id) {\n return;\n }\n\n if (event.target.classList.contains('component--template-library__cta__action')) {\n const element = event.target;\n this.clickedUseTemplateEvent(event);\n this.useTemplateClickHandler(element);\n }\n // try now button click tracking\n if (event.target.classList.value.includes(\"doNotAutoTrack standalone-template-button button button--regular button--one button--primary\")) {\n this.clickedUseTemplateEvent(event);\n }\n }\n\n onSiteSelected = (siteUrl) => {\n tracking.trackEvent(this.getEventName('submitted-existing-site'), {\n site: siteUrl,\n bluePrintModule: this.state.bluePrintModule,\n eventName: 'project-created-(client)',\n createdUsing: 'templateWac',\n userId: this.state.aaid,\n product: this.state.product,\n learnMore: this.state.learnMore\n });\n\n if (!this.state.user) {\n window.open(\n this.getCloudExistingUrl(siteUrl, this.state.bluePrintModule),\n '_blank'\n );\n this.setState({ isOpen: false });\n }\n }\n\n onNewSiteSelected = (sameWindow) => {\n tracking.trackEvent(this.getEventName('submitted-new-site'), {\n bluePrintModule: this.state.bluePrintModule,\n learnMore: this.state.learnMore\n });\n\n this.setState({ isOpen: false });\n if (sameWindow) {\n window.location.href = this.getCloudSignupUrl(this.state.bluePrintModule);\n } else {\n window.open(this.getCloudSignupUrl(this.state.bluePrintModule), '_blank');\n }\n }\n\n onSiteChanged = () => {\n tracking.trackEvent(this.getEventName('changed-selected-site'));\n }\n\n onSwitchAccountClick = () => {\n tracking.trackEvent(this.getEventName('clicked-switch-account'));\n if (this.state.product === ProductKey.CONFLUENCE) {\n const continueUrl = `${Environment.getWacIntegrationUrl()}${this.props.internalLinkAfterIdentity}?templateId=${this.state.bluePrintModule}&templateName=${encodeURIComponent(this.state.templateName)}`;\n window.location.href = Environment.getSwitchAccountURL(continueUrl);\n } else {\n window.location.href = Environment.getSwitchAccountURL();\n }\n }\n\n onClose = () => {\n tracking.trackEvent(this.getEventName('clicked-modal-closed'));\n this.setState({ isOpen: false });\n }\n\n render() {\n\n if (this.state.isLoading) {\n return null;\n }\n\n var learnMore = document.getElementById(\"useFullPageLayout\");\n if (learnMore != null) {\n this.state.learnMore = true;\n this.state.bluePrintModule = learnMore.innerText;\n tracking.trackEvent(this.getEventName('template-page-viewed'), { learnMore: this.state.learnMore, bluePrintModule: this.state.bluePrintModule });\n }\n else {\n tracking.trackEvent(this.getEventName('template-page-viewed'), { learnMore: this.state.learnMore });\n }\n\n return this.state.isOpen ?\n \n \n \n : null;\n }\n}\n\nexport default ProductTemplateSiteSelectorContainer;\n"],"names":["svg","iconGradientStart","iconGradientStop","id","JiraWorkManagementLogo","iconColor","label","size","testId","textColor","Subheadline","styled","fontSize","SelectedTemplate","logoHeader","props","logo","logoProps","N700","B400","confluenceLogoProps","B200","productKey","ProductKey","selectedTemplate","templateName","ProductTemplateSiteSelectorContainer","deferredEvent","useTemplateClickHandler","element","templateId","dataset","templateKey","bluePrintModule","state","productSites","length","setState","isOpen","redirectToIdentity","internalLinkAfterIdentity","window","location","href","getIdentityUrl","getCloudSignupUrl","event","sites","getProductSites","hamletUser","product","target","anonymousId","storage","event_class","classList","value","innerText","tracking","getEventName","path","pathname","url","eventComponent","event_type","loginUserDetected","contains","clickedUseTemplateEvent","includes","siteUrl","site","eventName","createdUsing","userId","aaid","learnMore","user","open","getCloudExistingUrl","sameWindow","continueUrl","Environment","encodeURIComponent","isLoading","featureFlags","labels","document","addEventListener","this","onClick","body","onProductTemplateModalEvent","getUser","then","isLoggedIn","openModalFromQueryParams","processUserFlow","removeEventListener","prefix","urlParams","URLSearchParams","search","decodeURIComponent","get","querySelectorAll","find","links","dataSet","createEvent","initEvent","dispatchEvent","enableAisAvailableProducts","email","displayName","avatar","_","products","map","blueprintModuleKey","cloudSignupLink","isJiraTemplate","has","append","toString","loginUrl","referer","getElementById","locale","documentElement","lang","messages","header","userName","userEmail","onSiteChanged","onSiteSelected","onNewSiteSelected","onSwitchAccountClick","onModalClose","onClose","avatarSrc","Component"],"sourceRoot":""}