Replug custom domain setting
Signed-off-by: Émile Ré <nemile.re@gmail.com>
This commit is contained in:
Émile Ré
@@ -0,0 +1,237 @@
|
||||
/**
|
||||
* @generated SignedSource<<8bbf9386bee93021b7e06e5b3bd31c99>>
|
||||
* @lightSyntaxTransform
|
||||
* @nogrep
|
||||
*/
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck
|
||||
|
||||
import { ConcreteRequest } from 'relay-runtime';
|
||||
export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
|
||||
export type domainSettingsPermissionsQuery$variables = {
|
||||
organizationId: string;
|
||||
};
|
||||
export type domainSettingsPermissionsQuery$data = {
|
||||
readonly organization: {
|
||||
readonly __typename: "Organization";
|
||||
readonly viewerMembership: {
|
||||
readonly role: MembershipRole;
|
||||
};
|
||||
} | {
|
||||
// This will never be '%other', but we need some
|
||||
// value in case none of the concrete values match.
|
||||
readonly __typename: "%other";
|
||||
};
|
||||
readonly viewer: {
|
||||
readonly canCreateCustomDomain: boolean;
|
||||
readonly canDeleteCustomDomain: boolean;
|
||||
};
|
||||
};
|
||||
export type domainSettingsPermissionsQuery = {
|
||||
response: domainSettingsPermissionsQuery$data;
|
||||
variables: domainSettingsPermissionsQuery$variables;
|
||||
};
|
||||
|
||||
const node: ConcreteRequest = (function(){
|
||||
var v0 = [
|
||||
{
|
||||
"defaultValue": null,
|
||||
"kind": "LocalArgument",
|
||||
"name": "organizationId"
|
||||
}
|
||||
],
|
||||
v1 = {
|
||||
"kind": "Variable",
|
||||
"name": "id",
|
||||
"variableName": "organizationId"
|
||||
},
|
||||
v2 = {
|
||||
"alias": "canCreateCustomDomain",
|
||||
"args": [
|
||||
{
|
||||
"kind": "Literal",
|
||||
"name": "action",
|
||||
"value": "core:custom-domain:create"
|
||||
},
|
||||
(v1/*: any*/)
|
||||
],
|
||||
"kind": "ScalarField",
|
||||
"name": "permission",
|
||||
"storageKey": null
|
||||
},
|
||||
v3 = {
|
||||
"alias": "canDeleteCustomDomain",
|
||||
"args": [
|
||||
{
|
||||
"kind": "Literal",
|
||||
"name": "action",
|
||||
"value": "core:custom-domain:delete"
|
||||
},
|
||||
(v1/*: any*/)
|
||||
],
|
||||
"kind": "ScalarField",
|
||||
"name": "permission",
|
||||
"storageKey": null
|
||||
},
|
||||
v4 = [
|
||||
(v1/*: any*/)
|
||||
],
|
||||
v5 = {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "__typename",
|
||||
"storageKey": null
|
||||
},
|
||||
v6 = {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "role",
|
||||
"storageKey": null
|
||||
},
|
||||
v7 = {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "id",
|
||||
"storageKey": null
|
||||
};
|
||||
return {
|
||||
"fragment": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Fragment",
|
||||
"metadata": null,
|
||||
"name": "domainSettingsPermissionsQuery",
|
||||
"selections": [
|
||||
{
|
||||
"kind": "RequiredField",
|
||||
"field": {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "Identity",
|
||||
"kind": "LinkedField",
|
||||
"name": "viewer",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v2/*: any*/),
|
||||
(v3/*: any*/)
|
||||
],
|
||||
"storageKey": null
|
||||
},
|
||||
"action": "THROW"
|
||||
},
|
||||
{
|
||||
"kind": "RequiredField",
|
||||
"field": {
|
||||
"alias": "organization",
|
||||
"args": (v4/*: any*/),
|
||||
"concreteType": null,
|
||||
"kind": "LinkedField",
|
||||
"name": "node",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v5/*: any*/),
|
||||
{
|
||||
"kind": "InlineFragment",
|
||||
"selections": [
|
||||
{
|
||||
"kind": "RequiredField",
|
||||
"field": {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "Membership",
|
||||
"kind": "LinkedField",
|
||||
"name": "viewerMembership",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v6/*: any*/)
|
||||
],
|
||||
"storageKey": null
|
||||
},
|
||||
"action": "THROW"
|
||||
}
|
||||
],
|
||||
"type": "Organization",
|
||||
"abstractKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
},
|
||||
"action": "THROW"
|
||||
}
|
||||
],
|
||||
"type": "Query",
|
||||
"abstractKey": null
|
||||
},
|
||||
"kind": "Request",
|
||||
"operation": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Operation",
|
||||
"name": "domainSettingsPermissionsQuery",
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "Identity",
|
||||
"kind": "LinkedField",
|
||||
"name": "viewer",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v2/*: any*/),
|
||||
(v3/*: any*/),
|
||||
(v7/*: any*/)
|
||||
],
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": "organization",
|
||||
"args": (v4/*: any*/),
|
||||
"concreteType": null,
|
||||
"kind": "LinkedField",
|
||||
"name": "node",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v5/*: any*/),
|
||||
{
|
||||
"kind": "InlineFragment",
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "Membership",
|
||||
"kind": "LinkedField",
|
||||
"name": "viewerMembership",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v6/*: any*/),
|
||||
(v7/*: any*/)
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"type": "Organization",
|
||||
"abstractKey": null
|
||||
},
|
||||
(v7/*: any*/)
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
]
|
||||
},
|
||||
"params": {
|
||||
"cacheID": "de4faa8385c652071c57b4ddcc58e793",
|
||||
"id": null,
|
||||
"metadata": {},
|
||||
"name": "domainSettingsPermissionsQuery",
|
||||
"operationKind": "query",
|
||||
"text": "query domainSettingsPermissionsQuery(\n $organizationId: ID!\n) {\n viewer {\n canCreateCustomDomain: permission(action: \"core:custom-domain:create\", id: $organizationId)\n canDeleteCustomDomain: permission(action: \"core:custom-domain:delete\", id: $organizationId)\n id\n }\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n viewerMembership {\n role\n id\n }\n }\n id\n }\n}\n"
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
(node as any).hash = "75397f9db7cb6f2320ff91f30e773e22";
|
||||
|
||||
export default node;
|
||||
@@ -0,0 +1,67 @@
|
||||
import { usePreloadedQuery, type PreloadedQuery } from "react-relay";
|
||||
import { graphql } from "relay-runtime";
|
||||
import type { DomainSettingsPageQuery } from "./__generated__/DomainSettingsPageQuery.graphql";
|
||||
import { useTranslate } from "@probo/i18n";
|
||||
import { DomainCard } from "./_components/DomainCard";
|
||||
import { NewDomainDialog } from "./_components/NewDomainDialog";
|
||||
import { Button, Card, IconPlusLarge } from "@probo/ui";
|
||||
|
||||
export const domainSettingsPageQuery = graphql`
|
||||
query DomainSettingsPageQuery($organizationId: ID!) {
|
||||
organization: node(id: $organizationId) {
|
||||
__typename
|
||||
... on Organization {
|
||||
id
|
||||
customDomain {
|
||||
domain
|
||||
...DomainCardFragment
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
export function DomainSettingsPage(props: {
|
||||
queryRef: PreloadedQuery<DomainSettingsPageQuery>;
|
||||
}) {
|
||||
const { queryRef } = props;
|
||||
|
||||
const { __ } = useTranslate();
|
||||
|
||||
const { organization } = usePreloadedQuery<DomainSettingsPageQuery>(
|
||||
domainSettingsPageQuery,
|
||||
queryRef,
|
||||
);
|
||||
if (organization.__typename !== "Organization") {
|
||||
throw new Error("invalid type for node");
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<h2 className="text-base font-medium">{__("Custom Domain")}</h2>
|
||||
{organization.customDomain ? (
|
||||
<DomainCard fKey={organization.customDomain} />
|
||||
) : (
|
||||
<Card padded>
|
||||
<div className="text-center py-8">
|
||||
<h3 className="text-lg font-semibold mb-2">
|
||||
{__("No custom domain configured")}
|
||||
</h3>
|
||||
<p className="text-txt-tertiary mb-4">
|
||||
{__(
|
||||
"Add your own domain to make your trust center more professional",
|
||||
)}
|
||||
</p>
|
||||
<div className="flex justify-center">
|
||||
{/* {isAuthorized("Organization", "createCustomDomain") && ( */}
|
||||
<NewDomainDialog>
|
||||
<Button icon={IconPlusLarge}>{__("Add Domain")}</Button>
|
||||
</NewDomainDialog>
|
||||
{/* )} */}
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
import { Suspense, useEffect } from "react";
|
||||
import { useOrganizationId } from "/hooks/useOrganizationId";
|
||||
import {
|
||||
DomainSettingsPage,
|
||||
domainSettingsPageQuery,
|
||||
} from "./DomainSettingsPage";
|
||||
import { useQueryLoader } from "react-relay";
|
||||
import { CoreRelayProvider } from "/providers/CoreRelayProvider";
|
||||
import type { DomainSettingsPageQuery } from "./__generated__/DomainSettingsPageQuery.graphql";
|
||||
|
||||
function DomainSettingsPageLoader() {
|
||||
const organizationId = useOrganizationId();
|
||||
const [queryRef, loadQuery] = useQueryLoader<DomainSettingsPageQuery>(
|
||||
domainSettingsPageQuery,
|
||||
);
|
||||
|
||||
useEffect(() => {
|
||||
loadQuery({
|
||||
organizationId,
|
||||
});
|
||||
}, [loadQuery, organizationId]);
|
||||
|
||||
if (!queryRef) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return <DomainSettingsPage queryRef={queryRef} />;
|
||||
}
|
||||
|
||||
export default function () {
|
||||
return (
|
||||
<CoreRelayProvider>
|
||||
<Suspense>
|
||||
<DomainSettingsPageLoader />
|
||||
</Suspense>
|
||||
</CoreRelayProvider>
|
||||
);
|
||||
}
|
||||
@@ -1,46 +0,0 @@
|
||||
import { useOutletContext } from "react-router";
|
||||
import { useFragment, graphql } from "react-relay";
|
||||
import { useTranslate } from "@probo/i18n";
|
||||
import { CustomDomainManager } from "/components/customDomains/CustomDomainManager";
|
||||
import type { DomainSettingsTabFragment$key } from "./__generated__/DomainSettingsTabFragment.graphql";
|
||||
|
||||
const domainSettingsTabFragment = graphql`
|
||||
fragment DomainSettingsTabFragment on Organization {
|
||||
id
|
||||
customDomain {
|
||||
id
|
||||
domain
|
||||
sslStatus
|
||||
dnsRecords {
|
||||
type
|
||||
name
|
||||
value
|
||||
ttl
|
||||
purpose
|
||||
}
|
||||
createdAt
|
||||
updatedAt
|
||||
sslExpiresAt
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
type OutletContext = {
|
||||
organization: DomainSettingsTabFragment$key;
|
||||
};
|
||||
|
||||
export default function DomainSettingsTab() {
|
||||
const { __ } = useTranslate();
|
||||
const { organization: organizationKey } = useOutletContext<OutletContext>();
|
||||
const organization = useFragment(domainSettingsTabFragment, organizationKey);
|
||||
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<h2 className="text-base font-medium">{__("Custom Domain")}</h2>
|
||||
<CustomDomainManager
|
||||
organizationId={organization.id}
|
||||
customDomain={organization.customDomain}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
247
apps/console/src/pages/organizations/settings/__generated__/DomainSettingsPageQuery.graphql.ts
generated
Normal file
247
apps/console/src/pages/organizations/settings/__generated__/DomainSettingsPageQuery.graphql.ts
generated
Normal file
@@ -0,0 +1,247 @@
|
||||
/**
|
||||
* @generated SignedSource<<04a0aa6648637fd8e81b371ffd8ef9fb>>
|
||||
* @lightSyntaxTransform
|
||||
* @nogrep
|
||||
*/
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck
|
||||
|
||||
import { ConcreteRequest } from 'relay-runtime';
|
||||
import { FragmentRefs } from "relay-runtime";
|
||||
export type DomainSettingsPageQuery$variables = {
|
||||
organizationId: string;
|
||||
};
|
||||
export type DomainSettingsPageQuery$data = {
|
||||
readonly organization: {
|
||||
readonly __typename: "Organization";
|
||||
readonly customDomain: {
|
||||
readonly domain: string;
|
||||
readonly " $fragmentSpreads": FragmentRefs<"DomainCardFragment">;
|
||||
} | null | undefined;
|
||||
readonly id: string;
|
||||
} | {
|
||||
// This will never be '%other', but we need some
|
||||
// value in case none of the concrete values match.
|
||||
readonly __typename: "%other";
|
||||
};
|
||||
};
|
||||
export type DomainSettingsPageQuery = {
|
||||
response: DomainSettingsPageQuery$data;
|
||||
variables: DomainSettingsPageQuery$variables;
|
||||
};
|
||||
|
||||
const node: ConcreteRequest = (function(){
|
||||
var v0 = [
|
||||
{
|
||||
"defaultValue": null,
|
||||
"kind": "LocalArgument",
|
||||
"name": "organizationId"
|
||||
}
|
||||
],
|
||||
v1 = [
|
||||
{
|
||||
"kind": "Variable",
|
||||
"name": "id",
|
||||
"variableName": "organizationId"
|
||||
}
|
||||
],
|
||||
v2 = {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "__typename",
|
||||
"storageKey": null
|
||||
},
|
||||
v3 = {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "id",
|
||||
"storageKey": null
|
||||
},
|
||||
v4 = {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "domain",
|
||||
"storageKey": null
|
||||
};
|
||||
return {
|
||||
"fragment": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Fragment",
|
||||
"metadata": null,
|
||||
"name": "DomainSettingsPageQuery",
|
||||
"selections": [
|
||||
{
|
||||
"alias": "organization",
|
||||
"args": (v1/*: any*/),
|
||||
"concreteType": null,
|
||||
"kind": "LinkedField",
|
||||
"name": "node",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v2/*: any*/),
|
||||
{
|
||||
"kind": "InlineFragment",
|
||||
"selections": [
|
||||
(v3/*: any*/),
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "CustomDomain",
|
||||
"kind": "LinkedField",
|
||||
"name": "customDomain",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v4/*: any*/),
|
||||
{
|
||||
"args": null,
|
||||
"kind": "FragmentSpread",
|
||||
"name": "DomainCardFragment"
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"type": "Organization",
|
||||
"abstractKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"type": "Query",
|
||||
"abstractKey": null
|
||||
},
|
||||
"kind": "Request",
|
||||
"operation": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Operation",
|
||||
"name": "DomainSettingsPageQuery",
|
||||
"selections": [
|
||||
{
|
||||
"alias": "organization",
|
||||
"args": (v1/*: any*/),
|
||||
"concreteType": null,
|
||||
"kind": "LinkedField",
|
||||
"name": "node",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v2/*: any*/),
|
||||
(v3/*: any*/),
|
||||
{
|
||||
"kind": "InlineFragment",
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "CustomDomain",
|
||||
"kind": "LinkedField",
|
||||
"name": "customDomain",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v4/*: any*/),
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslStatus",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "DNSRecordInstruction",
|
||||
"kind": "LinkedField",
|
||||
"name": "dnsRecords",
|
||||
"plural": true,
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "type",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "name",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "value",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "ttl",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "purpose",
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "createdAt",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "updatedAt",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslExpiresAt",
|
||||
"storageKey": null
|
||||
},
|
||||
(v3/*: any*/)
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"type": "Organization",
|
||||
"abstractKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
]
|
||||
},
|
||||
"params": {
|
||||
"cacheID": "561dce9d969f951c2c5b0a2a5fecf29a",
|
||||
"id": null,
|
||||
"metadata": {},
|
||||
"name": "DomainSettingsPageQuery",
|
||||
"operationKind": "query",
|
||||
"text": "query DomainSettingsPageQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n id\n customDomain {\n domain\n ...DomainCardFragment\n id\n }\n }\n id\n }\n}\n\nfragment DomainCardFragment on CustomDomain {\n domain\n sslStatus\n ...DomainDialogFragment\n}\n\nfragment DomainDialogFragment on CustomDomain {\n sslStatus\n domain\n dnsRecords {\n type\n name\n value\n ttl\n purpose\n }\n createdAt\n updatedAt\n sslExpiresAt\n}\n"
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
(node as any).hash = "6b7bab65eca55ec2f132cd5944fe874e";
|
||||
|
||||
export default node;
|
||||
@@ -1,154 +0,0 @@
|
||||
/**
|
||||
* @generated SignedSource<<0e2aa976b1c9bb8dddf8b1dcc2f171d1>>
|
||||
* @lightSyntaxTransform
|
||||
* @nogrep
|
||||
*/
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck
|
||||
|
||||
import { ReaderFragment } from 'relay-runtime';
|
||||
export type SSLStatus = "ACTIVE" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
|
||||
import { FragmentRefs } from "relay-runtime";
|
||||
export type DomainSettingsTabFragment$data = {
|
||||
readonly customDomain: {
|
||||
readonly createdAt: any;
|
||||
readonly dnsRecords: ReadonlyArray<{
|
||||
readonly name: string;
|
||||
readonly purpose: string;
|
||||
readonly ttl: number;
|
||||
readonly type: string;
|
||||
readonly value: string;
|
||||
}>;
|
||||
readonly domain: string;
|
||||
readonly id: string;
|
||||
readonly sslExpiresAt: any | null | undefined;
|
||||
readonly sslStatus: SSLStatus;
|
||||
readonly updatedAt: any;
|
||||
} | null | undefined;
|
||||
readonly id: string;
|
||||
readonly " $fragmentType": "DomainSettingsTabFragment";
|
||||
};
|
||||
export type DomainSettingsTabFragment$key = {
|
||||
readonly " $data"?: DomainSettingsTabFragment$data;
|
||||
readonly " $fragmentSpreads": FragmentRefs<"DomainSettingsTabFragment">;
|
||||
};
|
||||
|
||||
const node: ReaderFragment = (function(){
|
||||
var v0 = {
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "id",
|
||||
"storageKey": null
|
||||
};
|
||||
return {
|
||||
"argumentDefinitions": [],
|
||||
"kind": "Fragment",
|
||||
"metadata": null,
|
||||
"name": "DomainSettingsTabFragment",
|
||||
"selections": [
|
||||
(v0/*: any*/),
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "CustomDomain",
|
||||
"kind": "LinkedField",
|
||||
"name": "customDomain",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
(v0/*: any*/),
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "domain",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslStatus",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "DNSRecordInstruction",
|
||||
"kind": "LinkedField",
|
||||
"name": "dnsRecords",
|
||||
"plural": true,
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "type",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "name",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "value",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "ttl",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "purpose",
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "createdAt",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "updatedAt",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslExpiresAt",
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"type": "Organization",
|
||||
"abstractKey": null
|
||||
};
|
||||
})();
|
||||
|
||||
(node as any).hash = "00306efb96d302284155f5324ba2fb99";
|
||||
|
||||
export default node;
|
||||
@@ -0,0 +1,109 @@
|
||||
import { sprintf } from "@probo/helpers";
|
||||
import { useTranslate } from "@probo/i18n";
|
||||
import {
|
||||
Button,
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogFooter,
|
||||
Field,
|
||||
IconTrashCan,
|
||||
useDialogRef,
|
||||
} from "@probo/ui";
|
||||
import { useState, type PropsWithChildren } from "react";
|
||||
import { graphql } from "relay-runtime";
|
||||
import { useMutationWithToasts } from "/hooks/useMutationWithToasts";
|
||||
import { useOrganizationId } from "/hooks/useOrganizationId";
|
||||
import type { DeleteDomainDialogMutation } from "./__generated__/DeleteDomainDialogMutation.graphql";
|
||||
|
||||
const deleteCustomDomainMutation = graphql`
|
||||
mutation DeleteDomainDialogMutation($input: DeleteCustomDomainInput!) {
|
||||
deleteCustomDomain(input: $input) {
|
||||
deletedCustomDomainId
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
type DeleteDomainDialogProps = PropsWithChildren<{
|
||||
domain: string;
|
||||
}>;
|
||||
|
||||
export function DeleteDomainDialog(props: DeleteDomainDialogProps) {
|
||||
const { children, domain } = props;
|
||||
|
||||
const organizationId = useOrganizationId();
|
||||
const { __ } = useTranslate();
|
||||
const dialogRef = useDialogRef();
|
||||
const [inputValue, setInputValue] = useState("");
|
||||
|
||||
const [deleteCustomDomain, isDeleting] =
|
||||
useMutationWithToasts<DeleteDomainDialogMutation>(
|
||||
deleteCustomDomainMutation,
|
||||
{
|
||||
successMessage: __("Domain deleted successfully"),
|
||||
errorMessage: __("Failed to delete domain"),
|
||||
},
|
||||
);
|
||||
|
||||
const handleDeleteDomain = async () => {
|
||||
return deleteCustomDomain({
|
||||
variables: {
|
||||
input: { organizationId },
|
||||
},
|
||||
onCompleted: () => {
|
||||
dialogRef.current?.close();
|
||||
},
|
||||
updater: (store) => {
|
||||
// Update the cache by setting customDomain to null
|
||||
const organizationRecord = store.get(organizationId);
|
||||
if (organizationRecord) {
|
||||
organizationRecord.setValue(null, "customDomain");
|
||||
}
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
className="max-w-lg"
|
||||
ref={dialogRef}
|
||||
trigger={children}
|
||||
title={__("Delete Custom Domain")}
|
||||
>
|
||||
<DialogContent padded className="space-y-4">
|
||||
<p className="text-txt-secondary text-sm">
|
||||
{sprintf(
|
||||
__(
|
||||
"This will permanently delete the custom domain %s and all its configuration.",
|
||||
),
|
||||
domain,
|
||||
)}
|
||||
</p>
|
||||
|
||||
<p className="text-red-600 text-sm font-medium">
|
||||
{__("This action cannot be undone.")}
|
||||
</p>
|
||||
|
||||
<Field
|
||||
label={sprintf(__('To confirm deletion, type "%s" below:'), domain)}
|
||||
type="text"
|
||||
value={inputValue}
|
||||
onChange={(e) => setInputValue(e.target.value)}
|
||||
placeholder={domain}
|
||||
disabled={isDeleting}
|
||||
autoComplete="off"
|
||||
autoFocus
|
||||
/>
|
||||
</DialogContent>
|
||||
<DialogFooter>
|
||||
<Button
|
||||
variant="danger"
|
||||
icon={IconTrashCan}
|
||||
onClick={handleDeleteDomain}
|
||||
disabled={isDeleting}
|
||||
>
|
||||
{isDeleting ? __("Deleting...") : __("Delete Domain")}
|
||||
</Button>
|
||||
</DialogFooter>
|
||||
</Dialog>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
import { Badge, Button, Card } from "@probo/ui";
|
||||
import { DomainDialog } from "./DomainDialog";
|
||||
import {
|
||||
getCustomDomainStatusBadgeLabel,
|
||||
getCustomDomainStatusBadgeVariant,
|
||||
} from "@probo/helpers";
|
||||
import { useTranslate } from "@probo/i18n";
|
||||
import { graphql } from "relay-runtime";
|
||||
import { useFragment } from "react-relay";
|
||||
import type { DomainCardFragment$key } from "./__generated__/DomainCardFragment.graphql";
|
||||
import { DeleteDomainDialog } from "./DeleteDomainDialog";
|
||||
|
||||
const fragment = graphql`
|
||||
fragment DomainCardFragment on CustomDomain {
|
||||
domain
|
||||
sslStatus
|
||||
...DomainDialogFragment
|
||||
}
|
||||
`;
|
||||
|
||||
export function DomainCard(props: { fKey: DomainCardFragment$key }) {
|
||||
const { fKey } = props;
|
||||
|
||||
const { __ } = useTranslate();
|
||||
|
||||
const domain = useFragment<DomainCardFragment$key>(fragment, fKey);
|
||||
|
||||
return (
|
||||
<Card>
|
||||
<div className="p-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex items-center gap-3">
|
||||
<div>
|
||||
<div className="font-medium mb-1">{domain.domain}</div>
|
||||
<div className="text-sm text-txt-secondary">
|
||||
{domain.sslStatus === "ACTIVE"
|
||||
? __("Verified")
|
||||
: __("Pending verification")}
|
||||
</div>
|
||||
</div>
|
||||
<Badge
|
||||
variant={getCustomDomainStatusBadgeVariant(domain.sslStatus)}
|
||||
>
|
||||
{getCustomDomainStatusBadgeLabel(domain.sslStatus, __)}
|
||||
</Badge>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<DomainDialog fKey={domain}>
|
||||
<Button variant="secondary">{__("View Details")}</Button>
|
||||
</DomainDialog>
|
||||
|
||||
{/* {permissions.canDeleteCustomDomain && ( */}
|
||||
<DeleteDomainDialog domain={domain.domain}>
|
||||
<Button variant="danger">{__("Delete")}</Button>
|
||||
</DeleteDomainDialog>
|
||||
{/* )} */}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,173 @@
|
||||
import {
|
||||
getCustomDomainStatusBadgeLabel,
|
||||
getCustomDomainStatusBadgeVariant,
|
||||
} from "@probo/helpers";
|
||||
import { useTranslate } from "@probo/i18n";
|
||||
import {
|
||||
Badge,
|
||||
Button,
|
||||
Dialog,
|
||||
DialogContent,
|
||||
useDialogRef,
|
||||
useToast,
|
||||
} from "@probo/ui";
|
||||
import type { PropsWithChildren } from "react";
|
||||
import { useFragment } from "react-relay";
|
||||
import { graphql } from "relay-runtime";
|
||||
import type { DomainDialogFragment$key } from "./__generated__/DomainDialogFragment.graphql";
|
||||
|
||||
const fragment = graphql`
|
||||
fragment DomainDialogFragment on CustomDomain {
|
||||
sslStatus
|
||||
domain
|
||||
dnsRecords {
|
||||
type
|
||||
name
|
||||
value
|
||||
ttl
|
||||
purpose
|
||||
}
|
||||
createdAt
|
||||
updatedAt
|
||||
sslExpiresAt
|
||||
}
|
||||
`;
|
||||
|
||||
type DomainDialogProps = PropsWithChildren<{ fKey: DomainDialogFragment$key }>;
|
||||
|
||||
export function DomainDialog(props: DomainDialogProps) {
|
||||
const { children, fKey } = props;
|
||||
|
||||
const { __ } = useTranslate();
|
||||
const dialogRef = useDialogRef();
|
||||
const { toast } = useToast();
|
||||
|
||||
const copyToClipboard = (text: string) => {
|
||||
navigator.clipboard.writeText(text);
|
||||
toast({
|
||||
title: __("Copied"),
|
||||
description: __("Value copied to clipboard"),
|
||||
variant: "success",
|
||||
});
|
||||
};
|
||||
|
||||
const domain = useFragment<DomainDialogFragment$key>(fragment, fKey);
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
ref={dialogRef}
|
||||
trigger={children}
|
||||
title={
|
||||
<div className="flex items-center gap-3">
|
||||
<span>{domain.domain}</span>
|
||||
<Badge variant={getCustomDomainStatusBadgeVariant(domain.sslStatus)}>
|
||||
{getCustomDomainStatusBadgeLabel(domain.sslStatus, __)}
|
||||
</Badge>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<DialogContent padded className="space-y-6">
|
||||
{domain.sslStatus === "ACTIVE" ? (
|
||||
<div className="bg-subtle rounded-lg p-4">
|
||||
<div className="flex items-start">
|
||||
<svg
|
||||
className="w-5 h-5 text-green-500 mt-0.5 mr-3 shrink-0"
|
||||
fill="none"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
<div>
|
||||
<p className="font-medium mb-1">{__("Domain is active")}</p>
|
||||
<p className="text-sm text-txt-secondary">
|
||||
{__(
|
||||
"Your custom domain is verified and SSL certificate is active",
|
||||
)}
|
||||
</p>
|
||||
{domain.sslExpiresAt && (
|
||||
<p className="text-xs text-txt-tertiary mt-2">
|
||||
{__("SSL expires")}{" "}
|
||||
{new Date(domain.sslExpiresAt).toLocaleDateString()}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<div>
|
||||
<h4 className="font-medium mb-3">{__("DNS Configuration")}</h4>
|
||||
<p className="text-sm text-txt-secondary mb-4">
|
||||
{__(
|
||||
"Add these DNS records to your domain to complete verification",
|
||||
)}
|
||||
</p>
|
||||
|
||||
<div className="space-y-3">
|
||||
{domain.dnsRecords?.map((record, index) => (
|
||||
<div key={index} className="bg-subtle rounded-lg p-4">
|
||||
<div className="flex items-center justify-between mb-2">
|
||||
<span className="text-sm font-medium">{record.type}</span>
|
||||
<Badge variant="neutral">{record.purpose}</Badge>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<div>
|
||||
<label className="text-xs text-txt-tertiary">
|
||||
{__("Name")}
|
||||
</label>
|
||||
<div className="flex items-center gap-2 mt-1">
|
||||
<code className="flex-1 text-sm bg-subtle px-2 py-1 rounded">
|
||||
{record.name}
|
||||
</code>
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={() => copyToClipboard(record.name)}
|
||||
>
|
||||
{__("Copy")}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label className="text-xs text-txt-tertiary">
|
||||
{__("Value")}
|
||||
</label>
|
||||
<div className="flex items-center gap-2 mt-1">
|
||||
<code className="flex-1 text-sm bg-subtle px-2 py-1 rounded break-all">
|
||||
{record.value}
|
||||
</code>
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={() => copyToClipboard(record.value)}
|
||||
>
|
||||
{__("Copy")}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
{record.ttl && (
|
||||
<div className="text-xs text-txt-tertiary">
|
||||
TTL: {record.ttl}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{domain.sslStatus === "PENDING" && (
|
||||
<div className="bg-subtle rounded-lg p-4 mt-4">
|
||||
<p className="text-sm">
|
||||
{__(
|
||||
"After adding the DNS records, verification will happen automatically. This may take a few minutes to propagate.",
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</DialogContent>
|
||||
</Dialog>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,153 @@
|
||||
import { useTranslate } from "@probo/i18n";
|
||||
import {
|
||||
Breadcrumb,
|
||||
Button,
|
||||
Dialog,
|
||||
DialogContent,
|
||||
DialogFooter,
|
||||
Field,
|
||||
useDialogRef,
|
||||
} from "@probo/ui";
|
||||
import { graphql } from "relay-runtime";
|
||||
import z from "zod";
|
||||
import { useFormWithSchema } from "/hooks/useFormWithSchema";
|
||||
import { useMutationWithToasts } from "/hooks/useMutationWithToasts";
|
||||
import { useOrganizationId } from "/hooks/useOrganizationId";
|
||||
import type { PropsWithChildren } from "react";
|
||||
import type { NewDomainDialogMutation } from "./__generated__/NewDomainDialogMutation.graphql";
|
||||
|
||||
const createCustomDomainMutation = graphql`
|
||||
mutation NewDomainDialogMutation($input: CreateCustomDomainInput!) {
|
||||
createCustomDomain(input: $input) {
|
||||
customDomain {
|
||||
id
|
||||
domain
|
||||
sslStatus
|
||||
dnsRecords {
|
||||
type
|
||||
name
|
||||
value
|
||||
ttl
|
||||
purpose
|
||||
}
|
||||
createdAt
|
||||
updatedAt
|
||||
sslExpiresAt
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
const schema = z.object({
|
||||
domain: z
|
||||
.string()
|
||||
.min(1, "Domain is required")
|
||||
.regex(
|
||||
/^(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]$/i,
|
||||
"Please enter a valid domain (e.g., compliance.example.com)",
|
||||
),
|
||||
});
|
||||
|
||||
type CustomDomainFormData = z.infer<typeof schema>;
|
||||
|
||||
export function NewDomainDialog(props: PropsWithChildren) {
|
||||
const { children } = props;
|
||||
|
||||
const organizationId = useOrganizationId();
|
||||
const { __ } = useTranslate();
|
||||
const dialogRef = useDialogRef();
|
||||
|
||||
const { register, handleSubmit, formState, reset } = useFormWithSchema(
|
||||
schema,
|
||||
{
|
||||
defaultValues: {
|
||||
domain: "",
|
||||
},
|
||||
},
|
||||
);
|
||||
|
||||
const [createCustomDomain, isCreating] =
|
||||
useMutationWithToasts<NewDomainDialogMutation>(createCustomDomainMutation, {
|
||||
successMessage: __(
|
||||
"Domain added successfully. Configure the DNS records to verify and activate your domain.",
|
||||
),
|
||||
errorMessage: __("Failed to add domain"),
|
||||
});
|
||||
|
||||
const onSubmit = handleSubmit(async (data: CustomDomainFormData) => {
|
||||
const normalizedDomain = data.domain
|
||||
.trim()
|
||||
.toLowerCase()
|
||||
.replace(/^https?:\/\//, "")
|
||||
.replace(/\/$/, "");
|
||||
|
||||
await createCustomDomain({
|
||||
variables: {
|
||||
input: {
|
||||
organizationId,
|
||||
domain: normalizedDomain,
|
||||
},
|
||||
},
|
||||
updater: (store, data) => {
|
||||
// Update the cache by setting the new customDomain on the organization
|
||||
const organizationRecord = store.get(organizationId);
|
||||
if (organizationRecord && data?.createCustomDomain?.customDomain) {
|
||||
const customDomainRecord = store.get(
|
||||
data.createCustomDomain.customDomain.id,
|
||||
);
|
||||
if (customDomainRecord) {
|
||||
organizationRecord.setLinkedRecord(
|
||||
customDomainRecord,
|
||||
"customDomain",
|
||||
);
|
||||
}
|
||||
}
|
||||
},
|
||||
onSuccess: () => {
|
||||
reset();
|
||||
dialogRef.current?.close();
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
ref={dialogRef}
|
||||
trigger={children}
|
||||
title={<Breadcrumb items={[__("Custom Domain"), __("Add Domain")]} />}
|
||||
>
|
||||
<form onSubmit={onSubmit}>
|
||||
<DialogContent padded className="space-y-4">
|
||||
<div>
|
||||
<p className="text-sm text-txt-secondary mb-4">
|
||||
{__(
|
||||
"Enter your domain and we'll generate the DNS records you need to add",
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<Field
|
||||
{...register("domain")}
|
||||
label={__("Domain")}
|
||||
type="text"
|
||||
placeholder="compliance.example.com"
|
||||
error={formState.errors.domain?.message}
|
||||
autoFocus
|
||||
/>
|
||||
|
||||
<div className="bg-subtle rounded-lg p-4">
|
||||
<p className="text-xs text-txt-secondary">
|
||||
<strong>{__("Examples:")}</strong> compliance.example.com,
|
||||
trust.example.com
|
||||
</p>
|
||||
</div>
|
||||
</DialogContent>
|
||||
<DialogFooter>
|
||||
<Button type="submit" disabled={isCreating || !formState.isValid}>
|
||||
{isCreating ? __("Adding...") : __("Add Domain")}
|
||||
</Button>
|
||||
</DialogFooter>
|
||||
</form>
|
||||
</Dialog>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
/**
|
||||
* @generated SignedSource<<4f27f16c09a86fda0f17b4d33866fcb2>>
|
||||
* @lightSyntaxTransform
|
||||
* @nogrep
|
||||
*/
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck
|
||||
|
||||
import { ConcreteRequest } from 'relay-runtime';
|
||||
export type DeleteCustomDomainInput = {
|
||||
organizationId: string;
|
||||
};
|
||||
export type DeleteDomainDialogMutation$variables = {
|
||||
input: DeleteCustomDomainInput;
|
||||
};
|
||||
export type DeleteDomainDialogMutation$data = {
|
||||
readonly deleteCustomDomain: {
|
||||
readonly deletedCustomDomainId: string;
|
||||
};
|
||||
};
|
||||
export type DeleteDomainDialogMutation = {
|
||||
response: DeleteDomainDialogMutation$data;
|
||||
variables: DeleteDomainDialogMutation$variables;
|
||||
};
|
||||
|
||||
const node: ConcreteRequest = (function(){
|
||||
var v0 = [
|
||||
{
|
||||
"defaultValue": null,
|
||||
"kind": "LocalArgument",
|
||||
"name": "input"
|
||||
}
|
||||
],
|
||||
v1 = [
|
||||
{
|
||||
"alias": null,
|
||||
"args": [
|
||||
{
|
||||
"kind": "Variable",
|
||||
"name": "input",
|
||||
"variableName": "input"
|
||||
}
|
||||
],
|
||||
"concreteType": "DeleteCustomDomainPayload",
|
||||
"kind": "LinkedField",
|
||||
"name": "deleteCustomDomain",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "deletedCustomDomainId",
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
];
|
||||
return {
|
||||
"fragment": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Fragment",
|
||||
"metadata": null,
|
||||
"name": "DeleteDomainDialogMutation",
|
||||
"selections": (v1/*: any*/),
|
||||
"type": "Mutation",
|
||||
"abstractKey": null
|
||||
},
|
||||
"kind": "Request",
|
||||
"operation": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Operation",
|
||||
"name": "DeleteDomainDialogMutation",
|
||||
"selections": (v1/*: any*/)
|
||||
},
|
||||
"params": {
|
||||
"cacheID": "68e7fb0109af8d99c9947e5ef2314ad2",
|
||||
"id": null,
|
||||
"metadata": {},
|
||||
"name": "DeleteDomainDialogMutation",
|
||||
"operationKind": "mutation",
|
||||
"text": "mutation DeleteDomainDialogMutation(\n $input: DeleteCustomDomainInput!\n) {\n deleteCustomDomain(input: $input) {\n deletedCustomDomainId\n }\n}\n"
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
(node as any).hash = "4ff39445b000bd5416e04e1460f11571";
|
||||
|
||||
export default node;
|
||||
@@ -0,0 +1,57 @@
|
||||
/**
|
||||
* @generated SignedSource<<efdbeab080fabb165a3a169fbedf3d8f>>
|
||||
* @lightSyntaxTransform
|
||||
* @nogrep
|
||||
*/
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck
|
||||
|
||||
import { ReaderFragment } from 'relay-runtime';
|
||||
export type SSLStatus = "ACTIVE" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
|
||||
import { FragmentRefs } from "relay-runtime";
|
||||
export type DomainCardFragment$data = {
|
||||
readonly domain: string;
|
||||
readonly sslStatus: SSLStatus;
|
||||
readonly " $fragmentSpreads": FragmentRefs<"DomainDialogFragment">;
|
||||
readonly " $fragmentType": "DomainCardFragment";
|
||||
};
|
||||
export type DomainCardFragment$key = {
|
||||
readonly " $data"?: DomainCardFragment$data;
|
||||
readonly " $fragmentSpreads": FragmentRefs<"DomainCardFragment">;
|
||||
};
|
||||
|
||||
const node: ReaderFragment = {
|
||||
"argumentDefinitions": [],
|
||||
"kind": "Fragment",
|
||||
"metadata": null,
|
||||
"name": "DomainCardFragment",
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "domain",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslStatus",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"args": null,
|
||||
"kind": "FragmentSpread",
|
||||
"name": "DomainDialogFragment"
|
||||
}
|
||||
],
|
||||
"type": "CustomDomain",
|
||||
"abstractKey": null
|
||||
};
|
||||
|
||||
(node as any).hash = "672098f5351cf031d958263155e180ac";
|
||||
|
||||
export default node;
|
||||
128
apps/console/src/pages/organizations/settings/_components/__generated__/DomainDialogFragment.graphql.ts
generated
Normal file
128
apps/console/src/pages/organizations/settings/_components/__generated__/DomainDialogFragment.graphql.ts
generated
Normal file
@@ -0,0 +1,128 @@
|
||||
/**
|
||||
* @generated SignedSource<<1ee5bd8001e3d48b51c2869cd1ff5771>>
|
||||
* @lightSyntaxTransform
|
||||
* @nogrep
|
||||
*/
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck
|
||||
|
||||
import { ReaderFragment } from 'relay-runtime';
|
||||
export type SSLStatus = "ACTIVE" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
|
||||
import { FragmentRefs } from "relay-runtime";
|
||||
export type DomainDialogFragment$data = {
|
||||
readonly createdAt: any;
|
||||
readonly dnsRecords: ReadonlyArray<{
|
||||
readonly name: string;
|
||||
readonly purpose: string;
|
||||
readonly ttl: number;
|
||||
readonly type: string;
|
||||
readonly value: string;
|
||||
}>;
|
||||
readonly domain: string;
|
||||
readonly sslExpiresAt: any | null | undefined;
|
||||
readonly sslStatus: SSLStatus;
|
||||
readonly updatedAt: any;
|
||||
readonly " $fragmentType": "DomainDialogFragment";
|
||||
};
|
||||
export type DomainDialogFragment$key = {
|
||||
readonly " $data"?: DomainDialogFragment$data;
|
||||
readonly " $fragmentSpreads": FragmentRefs<"DomainDialogFragment">;
|
||||
};
|
||||
|
||||
const node: ReaderFragment = {
|
||||
"argumentDefinitions": [],
|
||||
"kind": "Fragment",
|
||||
"metadata": null,
|
||||
"name": "DomainDialogFragment",
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslStatus",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "domain",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "DNSRecordInstruction",
|
||||
"kind": "LinkedField",
|
||||
"name": "dnsRecords",
|
||||
"plural": true,
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "type",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "name",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "value",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "ttl",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "purpose",
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "createdAt",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "updatedAt",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslExpiresAt",
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"type": "CustomDomain",
|
||||
"abstractKey": null
|
||||
};
|
||||
|
||||
(node as any).hash = "0aec5615023dde2d23901fec9e43ed9b";
|
||||
|
||||
export default node;
|
||||
@@ -0,0 +1,200 @@
|
||||
/**
|
||||
* @generated SignedSource<<e47b433cc9fb58392ff933788bbe3deb>>
|
||||
* @lightSyntaxTransform
|
||||
* @nogrep
|
||||
*/
|
||||
|
||||
/* tslint:disable */
|
||||
/* eslint-disable */
|
||||
// @ts-nocheck
|
||||
|
||||
import { ConcreteRequest } from 'relay-runtime';
|
||||
export type SSLStatus = "ACTIVE" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
|
||||
export type CreateCustomDomainInput = {
|
||||
domain: string;
|
||||
organizationId: string;
|
||||
};
|
||||
export type NewDomainDialogMutation$variables = {
|
||||
input: CreateCustomDomainInput;
|
||||
};
|
||||
export type NewDomainDialogMutation$data = {
|
||||
readonly createCustomDomain: {
|
||||
readonly customDomain: {
|
||||
readonly createdAt: any;
|
||||
readonly dnsRecords: ReadonlyArray<{
|
||||
readonly name: string;
|
||||
readonly purpose: string;
|
||||
readonly ttl: number;
|
||||
readonly type: string;
|
||||
readonly value: string;
|
||||
}>;
|
||||
readonly domain: string;
|
||||
readonly id: string;
|
||||
readonly sslExpiresAt: any | null | undefined;
|
||||
readonly sslStatus: SSLStatus;
|
||||
readonly updatedAt: any;
|
||||
};
|
||||
};
|
||||
};
|
||||
export type NewDomainDialogMutation = {
|
||||
response: NewDomainDialogMutation$data;
|
||||
variables: NewDomainDialogMutation$variables;
|
||||
};
|
||||
|
||||
const node: ConcreteRequest = (function(){
|
||||
var v0 = [
|
||||
{
|
||||
"defaultValue": null,
|
||||
"kind": "LocalArgument",
|
||||
"name": "input"
|
||||
}
|
||||
],
|
||||
v1 = [
|
||||
{
|
||||
"alias": null,
|
||||
"args": [
|
||||
{
|
||||
"kind": "Variable",
|
||||
"name": "input",
|
||||
"variableName": "input"
|
||||
}
|
||||
],
|
||||
"concreteType": "CreateCustomDomainPayload",
|
||||
"kind": "LinkedField",
|
||||
"name": "createCustomDomain",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "CustomDomain",
|
||||
"kind": "LinkedField",
|
||||
"name": "customDomain",
|
||||
"plural": false,
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "id",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "domain",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslStatus",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"concreteType": "DNSRecordInstruction",
|
||||
"kind": "LinkedField",
|
||||
"name": "dnsRecords",
|
||||
"plural": true,
|
||||
"selections": [
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "type",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "name",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "value",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "ttl",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "purpose",
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "createdAt",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "updatedAt",
|
||||
"storageKey": null
|
||||
},
|
||||
{
|
||||
"alias": null,
|
||||
"args": null,
|
||||
"kind": "ScalarField",
|
||||
"name": "sslExpiresAt",
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
],
|
||||
"storageKey": null
|
||||
}
|
||||
];
|
||||
return {
|
||||
"fragment": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Fragment",
|
||||
"metadata": null,
|
||||
"name": "NewDomainDialogMutation",
|
||||
"selections": (v1/*: any*/),
|
||||
"type": "Mutation",
|
||||
"abstractKey": null
|
||||
},
|
||||
"kind": "Request",
|
||||
"operation": {
|
||||
"argumentDefinitions": (v0/*: any*/),
|
||||
"kind": "Operation",
|
||||
"name": "NewDomainDialogMutation",
|
||||
"selections": (v1/*: any*/)
|
||||
},
|
||||
"params": {
|
||||
"cacheID": "b8aa27fe9ab3442dea9b96a70966524b",
|
||||
"id": null,
|
||||
"metadata": {},
|
||||
"name": "NewDomainDialogMutation",
|
||||
"operationKind": "mutation",
|
||||
"text": "mutation NewDomainDialogMutation(\n $input: CreateCustomDomainInput!\n) {\n createCustomDomain(input: $input) {\n customDomain {\n id\n domain\n sslStatus\n dnsRecords {\n type\n name\n value\n ttl\n purpose\n }\n createdAt\n updatedAt\n sslExpiresAt\n }\n }\n}\n"
|
||||
}
|
||||
};
|
||||
})();
|
||||
|
||||
(node as any).hash = "f49cd22c5d6656e662fad5afab6fc344";
|
||||
|
||||
export default node;
|
||||
Reference in New Issue
Block a user