, context) {\n super(props, context)\n this.services = ApplicationServices.get()\n }\n\n protected async load() {\n let result = await this.services.backendApiClient.get(\n `/configurations/custom_domains?id=${this.services.activeProject.id}`\n )\n return {\n certificateExpiration:\n result && result._certificateExpiration && result._certificateExpiration.length > 0\n ? new Date(Date.parse(result._certificateExpiration))\n : null,\n domains: result?.domains || [],\n enterNameVisible: false,\n }\n }\n\n protected async forceVerification() {\n await withProgressBar({\n estimatedMs: 30_000,\n callback: async () => {\n await this.services.backendApiClient.post(\n `/ssl?project_id=${this.services.activeProject.id}&async=${false}`,\n {}\n )\n await this.reload()\n },\n })\n }\n\n renderReady() {\n const columns = [\n {\n title: \"Domain\",\n dataIndex: \"name\",\n key: \"name\",\n render: name => {\n return (\n <>\n \n \n \n Please, make sure that CNAME of the domain points to {CNAME} \n
\n \n {displayStatus}\n \n )\n let description = undefined\n if (status == \"ok\" || status == \"cname_ok\") {\n description =\n status == \"verified\" ? undefined : (\n CNAME is verified.
\n )\n } else if (status == \"cname_failed\") {\n description = (\n \n We're failed to validate CNAME record. Please, check your DNS settings and wait or request{\" \"}\n
this.forceVerification()}>force verification . Please note, due to nature of DNS\n protocol changes might take up to 24 hours to populate accross internet\n
\n
\n {\n return { ...domain, key: domain.name }\n })}\n />\n {this.state.enterNameVisible ? (\n this.setState({ enterNameVisible: false })}\n onReady={text => {\n this.reload(async () => {\n let newDomains: Domain[] = [...this.state.domains, { name: text, status: \"pending\" }]\n await this.services.backendApiClient.post(\n `/configurations/custom_domains?id=${this.services.activeProject.id}`,\n { domains: newDomains }\n )\n await this.services.backendApiClient.post(\n `/ssl?project_id=${this.services.activeProject.id}&async=${true}`,\n {}\n )\n message.success(\"New domain added!\")\n return {\n domains: newDomains,\n }\n })\n }}\n />\n ) : (\n <>\n )}\n \n )\n }\n}\n\nfunction EnterNameModal({ onClose, onReady }: { onReady: (value: string) => void; onClose: () => void }) {\n let [form] = Form.useForm()\n let ok = () => {\n form.validateFields().then(values => {\n onReady(values[\"domain\"])\n onClose()\n })\n }\n return (\n \n Cancel\n ,\n \n Add\n ,\n ]}\n >\n \n \n )\n}\n"],"sourceRoot":""}