Briven/apps/studio/components/interfaces/Organization/CloudMarketplace/AwsMarketplaceCreateNewOrg.tsx

import Link from 'next/link'
import { useRouter } from 'next/router'
import { SubmitHandler } from 'react-hook-form'
import { toast } from 'sonner'
import { Button } from 'ui'

import AwsMarketplaceAutoRenewalWarning from './AwsMarketplaceAutoRenewalWarning'
import AwsMarketplaceOnboardingPlaceholder from './AwsMarketplaceOnboardingPlaceholder'
import { useCloudMarketplaceOnboardingInfoQuery } from './cloud-marketplace-query'
import NewAwsMarketplaceOrgForm, {
  CREATE_AWS_MANAGED_ORG_FORM_ID,
  NewMarketplaceOrgForm,
} from './NewAwsMarketplaceOrgForm'
import {
  ScaffoldSection,
  ScaffoldSectionContent,
  ScaffoldSectionDetail,
} from '@/components/layouts/Scaffold'
import { useAwsManagedOrganizationCreateMutation } from '@/data/organizations/organization-create-mutation'
import { DOCS_URL } from '@/lib/constants'

const AwsMarketplaceCreateNewOrg = () => {
  const router = useRouter()
  const {
    query: { buyer_id: buyerId },
  } = router

  const { data: onboardingInfo, isPending: isLoadingOnboardingInfo } =
    useCloudMarketplaceOnboardingInfoQuery({
      buyerId: buyerId as string,
    })

  const { mutate: createOrganization, isPending: isCreatingOrganization } =
    useAwsManagedOrganizationCreateMutation({
      onSuccess: (org) => {
        //TODO(thomas): send tracking event?
        router.push(`/org/${org.slug}`)
      },
      onError: (res) => {
        toast.error(res.message, {
          duration: 7_000,
        })
      },
    })

  const onSubmit: SubmitHandler<NewMarketplaceOrgForm> = async (values) => {
    createOrganization({ ...values, buyerId: buyerId as string })
  }

  return (
    <>
      {onboardingInfo &&
        !onboardingInfo.aws_contract_auto_renewal &&
        !onboardingInfo.aws_contract_is_private_offer && (
          <AwsMarketplaceAutoRenewalWarning
            awsContractEndDate={onboardingInfo.aws_contract_end_date}
            awsContractSettingsUrl={onboardingInfo.aws_contract_settings_url}
          />
        )}
      {isLoadingOnboardingInfo ? (
        <AwsMarketplaceOnboardingPlaceholder />
      ) : (
        <ScaffoldSection>
          <ScaffoldSectionDetail className="text-base">
            <p>
              You’ve subscribed to the Briven {onboardingInfo?.plan_name_selected_on_marketplace}{' '}
              Plan via the AWS Marketplace. As a final step, you need to create a Briven
              organization. That organization will be managed and billed through AWS Marketplace.
            </p>
            <p>
              You can read more on billing through AWS in our {''}
              <Link
                href={`${DOCS_URL}/guides/platform/aws-marketplace`}
                target="_blank"
                className="underline"
              >
                Billing Docs.
              </Link>
            </p>
          </ScaffoldSectionDetail>
          <ScaffoldSectionContent className="lg:ml-10">
            <div className="border-l px-10 pt-10">
              <NewAwsMarketplaceOrgForm onSubmit={onSubmit} />

              <div className="flex justify-end mt-10">
                <Button
                  form={CREATE_AWS_MANAGED_ORG_FORM_ID}
                  htmlType="submit"
                  loading={isCreatingOrganization}
                  size="medium"
                >
                  Create organization
                </Button>
              </div>
            </div>
          </ScaffoldSectionContent>
        </ScaffoldSection>
      )}
    </>
  )
}

export default AwsMarketplaceCreateNewOrg