{"version":3,"file":"NewOrgPage.daee0b6164c71ca2c93c.js","mappings":"gPAYA,MAIMA,EAAqB,CACzBC,mBAAkBA,EAAAA,IAGdC,GAAYC,EAAAA,EAAAA,UAROC,IAChB,CAAEC,UAAUC,EAAAA,EAAAA,GAAYF,EAAMG,SAAU,kBAONP,GAQ9BQ,EAAwB,IAAsC,IAArC,SAAEH,EAAF,mBAAYJ,GAAyB,EAMzE,OACE,SAAC,IAAD,CAAMI,SAAUA,EAAhB,UACE,UAAC,aAAD,kBACE,eAAII,UAAU,mBAAd,+BADF,OAGE,eAAGA,UAAU,uBAAb,wRAGwD,SAGxD,SAAC,EAAAC,KAAD,CAAwBC,SAhBZC,MAAAA,UACVX,EAAmBY,GACzBC,OAAOC,SAASC,MAAOC,EAAAA,EAAAA,MAAYC,UAAY,QAc3C,SACG,IAA0B,IAAzB,SAAEC,EAAF,OAAYC,GAAa,EACzB,OACE,iCACE,SAAC,EAAAC,MAAD,CAAOC,MAAM,oBAAoBC,UAAWH,EAAOI,KAAMC,MAAOL,EAAOI,MAAQJ,EAAOI,KAAKE,QAA3F,UACE,SAAC,EAAAC,MAAD,eACEC,YAAY,YACRT,EAAS,OAAQ,CACnBU,SAAU,sCALlB,OASE,SAAC,EAAAC,OAAD,CAAQC,KAAK,SAAb,iCAUhB,EAAe7B,EAAUM,I,2GC3DlB,SAASwB,IAEI,IADlBC,EACkB,uDADuB,CAAEC,cAAeA,EAAAA,eAE1D,OAAOtB,MAAAA,IACL,MAAMuB,QAA6BF,EAAaC,gBAAgBE,IAAI,YAGpE,OAFAC,GAASC,EAAAA,EAAAA,IAAmBH,IAErBA,GAIJ,SAASI,IAEI,IADlBN,EACkB,uDADuB,CAAEC,cAAeA,EAAAA,eAE1D,OAAOtB,MAAOyB,EAAUG,KACtB,MAAMC,EAAeD,IAAWC,aAAaA,mBAEvCR,EAAaC,gBAAgBQ,IAAI,WAAY,CAAElB,KAAMiB,EAAajB,OAExEa,GAASM,EAAAA,EAAAA,IAA4BF,EAAajB,OAClDa,EAASL,EAAiBC,KAIvB,SAASW,EACdC,GAEkB,IADlBZ,EACkB,uDADuB,CAAEC,cAAeA,EAAAA,eAE1D,OAAOtB,MAAAA,IACL,MAAMuB,QAA6BF,EAAaC,gBAAgBY,KAAK,mBAAqBD,GAE1FR,GAASM,EAAAA,EAAAA,IAA4BR,EAAqBX,QAIvD,SAASvB,EACdY,GAEkB,IADlBoB,EACkB,uDADuB,CAAEC,cAAeA,EAAAA,eAE1D,OAAOtB,MAAAA,IAGLyB,EAASO,SAFYX,EAAaC,gBAAgBY,KAAK,aAAcjC,IAEjCgC,SAIjC,SAASE,IAEI,IADlBd,EACkB,uDADuB,CAAEC,cAAeA,EAAAA,eAE1D,OAAOtB,MAAAA,IACL,MAAMoC,QAAef,EAAaC,gBAAgBE,IAAI,kBAGtD,OAFAC,GAASY,EAAAA,EAAAA,IAAwBD,IAE1BA","sources":["webpack://grafana/./public/app/features/org/NewOrgPage.tsx","webpack://grafana/./public/app/features/org/state/actions.ts"],"sourcesContent":["import React, { FC } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { Button, Input, Field, Form } from '@grafana/ui';\nimport Page from 'app/core/components/Page/Page';\nimport { getConfig } from 'app/core/config';\nimport { StoreState } from 'app/types';\n\nimport { getNavModel } from '../../core/selectors/navModel';\n\nimport { createOrganization } from './state/actions';\n\nconst mapStateToProps = (state: StoreState) => {\n return { navModel: getNavModel(state.navIndex, 'global-orgs') };\n};\n\nconst mapDispatchToProps = {\n createOrganization,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\n\ntype Props = ConnectedProps;\n\ninterface CreateOrgFormDTO {\n name: string;\n}\n\nexport const NewOrgPage: FC = ({ navModel, createOrganization }) => {\n const createOrg = async (newOrg: { name: string }) => {\n await createOrganization(newOrg);\n window.location.href = getConfig().appSubUrl + '/org';\n };\n\n return (\n \n \n

New organization

\n\n

\n Each organization contains their own dashboards, data sources, and configuration, which cannot be shared\n shared between organizations. While users might belong to more than one organization, multiple organizations\n are most frequently used in multi-tenant deployments.{' '}\n

\n\n onSubmit={createOrg}>\n {({ register, errors }) => {\n return (\n <>\n \n \n \n \n \n );\n }}\n \n \n \n );\n};\n\nexport default connector(NewOrgPage);\n","import { getBackendSrv } from '@grafana/runtime';\nimport { updateConfigurationSubtitle } from 'app/core/actions';\nimport { ThunkResult } from 'app/types';\n\nimport { organizationLoaded, userOrganizationsLoaded } from './reducers';\n\ntype OrganizationDependencies = { getBackendSrv: typeof getBackendSrv };\n\nexport function loadOrganization(\n dependencies: OrganizationDependencies = { getBackendSrv: getBackendSrv }\n): ThunkResult {\n return async (dispatch) => {\n const organizationResponse = await dependencies.getBackendSrv().get('/api/org');\n dispatch(organizationLoaded(organizationResponse));\n\n return organizationResponse;\n };\n}\n\nexport function updateOrganization(\n dependencies: OrganizationDependencies = { getBackendSrv: getBackendSrv }\n): ThunkResult {\n return async (dispatch, getStore) => {\n const organization = getStore().organization.organization;\n\n await dependencies.getBackendSrv().put('/api/org', { name: organization.name });\n\n dispatch(updateConfigurationSubtitle(organization.name));\n dispatch(loadOrganization(dependencies));\n };\n}\n\nexport function setUserOrganization(\n orgId: number,\n dependencies: OrganizationDependencies = { getBackendSrv: getBackendSrv }\n): ThunkResult {\n return async (dispatch) => {\n const organizationResponse = await dependencies.getBackendSrv().post('/api/user/using/' + orgId);\n\n dispatch(updateConfigurationSubtitle(organizationResponse.name));\n };\n}\n\nexport function createOrganization(\n newOrg: { name: string },\n dependencies: OrganizationDependencies = { getBackendSrv: getBackendSrv }\n): ThunkResult {\n return async (dispatch) => {\n const result = await dependencies.getBackendSrv().post('/api/orgs/', newOrg);\n\n dispatch(setUserOrganization(result.orgId));\n };\n}\n\nexport function getUserOrganizations(\n dependencies: OrganizationDependencies = { getBackendSrv: getBackendSrv }\n): ThunkResult {\n return async (dispatch) => {\n const result = await dependencies.getBackendSrv().get('/api/user/orgs');\n dispatch(userOrganizationsLoaded(result));\n\n return result;\n };\n}\n"],"names":["mapDispatchToProps","createOrganization","connector","connect","state","navModel","getNavModel","navIndex","NewOrgPage","className","Form","onSubmit","async","newOrg","window","location","href","getConfig","appSubUrl","register","errors","Field","label","invalid","name","error","message","Input","placeholder","required","Button","type","loadOrganization","dependencies","getBackendSrv","organizationResponse","get","dispatch","organizationLoaded","updateOrganization","getStore","organization","put","updateConfigurationSubtitle","setUserOrganization","orgId","post","getUserOrganizations","result","userOrganizationsLoaded"],"sourceRoot":""}