Add social links

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
This commit is contained in:
Sacha Al Himdani
2026-03-09 09:28:12 +01:00
parent 87415c0324
commit fe241fc136
42 changed files with 5428 additions and 415 deletions

View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<6ae7a5c203ff61690408ec2753fe2f11>>
* @generated SignedSource<<bd3459ba12fdc1d268c2287e61b17190>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -9,6 +9,7 @@
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
import { FragmentRefs } from "relay-runtime";
export type CompliancePageBrandPageQuery$variables = {
organizationId: string;
};
@@ -20,6 +21,7 @@ export type CompliancePageBrandPageQuery$data = {
readonly darkLogoFileUrl: string | null | undefined;
readonly id: string;
readonly logoFileUrl: string | null | undefined;
readonly " $fragmentSpreads": FragmentRefs<"CompliancePageExternalUrlsSection_trustCenterFragment" | "CompliancePageFrameworkList_compliancePageFragment">;
};
} | {
// This will never be '%other', but we need some
@@ -62,44 +64,108 @@ v3 = {
"storageKey": null
},
v4 = {
"alias": "compliancePage",
"alias": null,
"args": null,
"concreteType": "TrustCenter",
"kind": "ScalarField",
"name": "logoFileUrl",
"storageKey": null
},
v5 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "darkLogoFileUrl",
"storageKey": null
},
v6 = {
"alias": "canUpdate",
"args": [
{
"kind": "Literal",
"name": "action",
"value": "core:trust-center:update"
}
],
"kind": "ScalarField",
"name": "permission",
"storageKey": "permission(action:\"core:trust-center:update\")"
},
v7 = [
{
"kind": "Literal",
"name": "first",
"value": 100
},
{
"kind": "Literal",
"name": "orderBy",
"value": {
"direction": "ASC",
"field": "RANK"
}
}
],
v8 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "rank",
"storageKey": null
},
v9 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "name",
"storageKey": null
},
v10 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "cursor",
"storageKey": null
},
v11 = {
"alias": null,
"args": null,
"concreteType": "PageInfo",
"kind": "LinkedField",
"name": "trustCenter",
"name": "pageInfo",
"plural": false,
"selections": [
(v3/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "logoFileUrl",
"name": "endCursor",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "darkLogoFileUrl",
"name": "hasNextPage",
"storageKey": null
},
{
"alias": "canUpdate",
"args": [
{
"kind": "Literal",
"name": "action",
"value": "core:trust-center:update"
}
],
"kind": "ScalarField",
"name": "permission",
"storageKey": "permission(action:\"core:trust-center:update\")"
}
],
"storageKey": null
};
},
v12 = {
"kind": "ClientExtension",
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__id",
"storageKey": null
}
]
},
v13 = [
"orderBy"
];
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
@@ -121,7 +187,31 @@ return {
"selections": [
{
"kind": "RequiredField",
"field": (v4/*: any*/),
"field": {
"alias": "compliancePage",
"args": null,
"concreteType": "TrustCenter",
"kind": "LinkedField",
"name": "trustCenter",
"plural": false,
"selections": [
(v3/*: any*/),
(v4/*: any*/),
(v5/*: any*/),
(v6/*: any*/),
{
"args": null,
"kind": "FragmentSpread",
"name": "CompliancePageFrameworkList_compliancePageFragment"
},
{
"args": null,
"kind": "FragmentSpread",
"name": "CompliancePageExternalUrlsSection_trustCenterFragment"
}
],
"storageKey": null
},
"action": "THROW"
}
],
@@ -153,7 +243,159 @@ return {
{
"kind": "InlineFragment",
"selections": [
(v4/*: any*/)
{
"alias": "compliancePage",
"args": null,
"concreteType": "TrustCenter",
"kind": "LinkedField",
"name": "trustCenter",
"plural": false,
"selections": [
(v3/*: any*/),
(v4/*: any*/),
(v5/*: any*/),
(v6/*: any*/),
{
"alias": null,
"args": (v7/*: any*/),
"concreteType": "ComplianceFrameworkConnection",
"kind": "LinkedField",
"name": "complianceFrameworks",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceFrameworkEdge",
"kind": "LinkedField",
"name": "edges",
"plural": true,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceFramework",
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v3/*: any*/),
(v8/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "visibility",
"storageKey": null
},
{
"alias": null,
"args": null,
"concreteType": "Framework",
"kind": "LinkedField",
"name": "framework",
"plural": false,
"selections": [
(v3/*: any*/),
(v9/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "lightLogoURL",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "darkLogoURL",
"storageKey": null
}
],
"storageKey": null
},
(v2/*: any*/)
],
"storageKey": null
},
(v10/*: any*/)
],
"storageKey": null
},
(v11/*: any*/),
(v12/*: any*/)
],
"storageKey": "complianceFrameworks(first:100,orderBy:{\"direction\":\"ASC\",\"field\":\"RANK\"})"
},
{
"alias": null,
"args": (v7/*: any*/),
"filters": (v13/*: any*/),
"handle": "connection",
"key": "CompliancePageFrameworkList_complianceFrameworks",
"kind": "LinkedHandle",
"name": "complianceFrameworks"
},
{
"alias": null,
"args": (v7/*: any*/),
"concreteType": "ComplianceExternalURLConnection",
"kind": "LinkedField",
"name": "externalUrls",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURLEdge",
"kind": "LinkedField",
"name": "edges",
"plural": true,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURL",
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v3/*: any*/),
(v9/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "url",
"storageKey": null
},
(v8/*: any*/),
(v2/*: any*/)
],
"storageKey": null
},
(v10/*: any*/)
],
"storageKey": null
},
(v11/*: any*/),
(v12/*: any*/)
],
"storageKey": "externalUrls(first:100,orderBy:{\"direction\":\"ASC\",\"field\":\"RANK\"})"
},
{
"alias": null,
"args": (v7/*: any*/),
"filters": (v13/*: any*/),
"handle": "connection",
"key": "CompliancePageExternalUrlsSection_externalUrls",
"kind": "LinkedHandle",
"name": "externalUrls"
}
],
"storageKey": null
}
],
"type": "Organization",
"abstractKey": null
@@ -165,16 +407,16 @@ return {
]
},
"params": {
"cacheID": "a0e24c6bb927ff34274492952df0346b",
"cacheID": "8a6a8094cbc0edebe011b284ac9638dc",
"id": null,
"metadata": {},
"name": "CompliancePageBrandPageQuery",
"operationKind": "query",
"text": "query CompliancePageBrandPageQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n compliancePage: trustCenter {\n id\n logoFileUrl\n darkLogoFileUrl\n canUpdate: permission(action: \"core:trust-center:update\")\n }\n }\n id\n }\n}\n"
"text": "query CompliancePageBrandPageQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n compliancePage: trustCenter {\n id\n logoFileUrl\n darkLogoFileUrl\n canUpdate: permission(action: \"core:trust-center:update\")\n ...CompliancePageFrameworkList_compliancePageFragment\n ...CompliancePageExternalUrlsSection_trustCenterFragment\n }\n }\n id\n }\n}\n\nfragment CompliancePageExternalUrlsSection_trustCenterFragment on TrustCenter {\n id\n canUpdate: permission(action: \"core:trust-center:update\")\n externalUrls(first: 100, orderBy: {field: RANK, direction: ASC}) {\n edges {\n node {\n id\n name\n url\n rank\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n\nfragment CompliancePageFrameworkList_compliancePageFragment on TrustCenter {\n id\n canUpdate: permission(action: \"core:trust-center:update\")\n complianceFrameworks(first: 100, orderBy: {field: RANK, direction: ASC}) {\n edges {\n node {\n id\n rank\n visibility\n framework {\n id\n name\n lightLogoURL\n darkLogoURL\n }\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n"
}
};
})();
(node as any).hash = "3d2d6ef82bb9cf232aad738c906b8a54";
(node as any).hash = "d0a4169ebdc6d099e49faa2839d6f33d";
export default node;

View File

@@ -0,0 +1,144 @@
/**
* @generated SignedSource<<23a875a3299a51bdebef4d121b0b84ff>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
export type CreateComplianceExternalURLInput = {
name: string;
trustCenterId: string;
url: string;
};
export type CompliancePageExternalUrlsSection_createMutation$variables = {
input: CreateComplianceExternalURLInput;
};
export type CompliancePageExternalUrlsSection_createMutation$data = {
readonly createComplianceExternalURL: {
readonly complianceExternalUrlEdge: {
readonly node: {
readonly id: string;
readonly name: string;
readonly rank: number;
readonly url: string;
};
};
};
};
export type CompliancePageExternalUrlsSection_createMutation = {
response: CompliancePageExternalUrlsSection_createMutation$data;
variables: CompliancePageExternalUrlsSection_createMutation$variables;
};
const node: ConcreteRequest = (function(){
var v0 = [
{
"defaultValue": null,
"kind": "LocalArgument",
"name": "input"
}
],
v1 = [
{
"alias": null,
"args": [
{
"kind": "Variable",
"name": "input",
"variableName": "input"
}
],
"concreteType": "CreateComplianceExternalURLPayload",
"kind": "LinkedField",
"name": "createComplianceExternalURL",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURLEdge",
"kind": "LinkedField",
"name": "complianceExternalUrlEdge",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURL",
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "name",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "url",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "rank",
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": null
}
];
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Fragment",
"metadata": null,
"name": "CompliancePageExternalUrlsSection_createMutation",
"selections": (v1/*: any*/),
"type": "Mutation",
"abstractKey": null
},
"kind": "Request",
"operation": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Operation",
"name": "CompliancePageExternalUrlsSection_createMutation",
"selections": (v1/*: any*/)
},
"params": {
"cacheID": "946285e4ff57ca46030c3c2ec5b8cc22",
"id": null,
"metadata": {},
"name": "CompliancePageExternalUrlsSection_createMutation",
"operationKind": "mutation",
"text": "mutation CompliancePageExternalUrlsSection_createMutation(\n $input: CreateComplianceExternalURLInput!\n) {\n createComplianceExternalURL(input: $input) {\n complianceExternalUrlEdge {\n node {\n id\n name\n url\n rank\n }\n }\n }\n}\n"
}
};
})();
(node as any).hash = "8441156775b5070a2dc3f0e316d5bb0b";
export default node;

View File

@@ -0,0 +1,92 @@
/**
* @generated SignedSource<<b014bdb0fa2614aa7df1efb00c5efb3a>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
export type DeleteComplianceExternalURLInput = {
id: string;
};
export type CompliancePageExternalUrlsSection_deleteMutation$variables = {
input: DeleteComplianceExternalURLInput;
};
export type CompliancePageExternalUrlsSection_deleteMutation$data = {
readonly deleteComplianceExternalURL: {
readonly deletedComplianceExternalUrlId: string;
};
};
export type CompliancePageExternalUrlsSection_deleteMutation = {
response: CompliancePageExternalUrlsSection_deleteMutation$data;
variables: CompliancePageExternalUrlsSection_deleteMutation$variables;
};
const node: ConcreteRequest = (function(){
var v0 = [
{
"defaultValue": null,
"kind": "LocalArgument",
"name": "input"
}
],
v1 = [
{
"alias": null,
"args": [
{
"kind": "Variable",
"name": "input",
"variableName": "input"
}
],
"concreteType": "DeleteComplianceExternalURLPayload",
"kind": "LinkedField",
"name": "deleteComplianceExternalURL",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "deletedComplianceExternalUrlId",
"storageKey": null
}
],
"storageKey": null
}
];
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Fragment",
"metadata": null,
"name": "CompliancePageExternalUrlsSection_deleteMutation",
"selections": (v1/*: any*/),
"type": "Mutation",
"abstractKey": null
},
"kind": "Request",
"operation": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Operation",
"name": "CompliancePageExternalUrlsSection_deleteMutation",
"selections": (v1/*: any*/)
},
"params": {
"cacheID": "e0715ce1d37b8854b0eeea3e6214973c",
"id": null,
"metadata": {},
"name": "CompliancePageExternalUrlsSection_deleteMutation",
"operationKind": "mutation",
"text": "mutation CompliancePageExternalUrlsSection_deleteMutation(\n $input: DeleteComplianceExternalURLInput!\n) {\n deleteComplianceExternalURL(input: $input) {\n deletedComplianceExternalUrlId\n }\n}\n"
}
};
})();
(node as any).hash = "394380c11f7ee240360143f8f71f058c";
export default node;

View File

@@ -0,0 +1,233 @@
/**
* @generated SignedSource<<b1de38a260511be046ecf7c640f9474b>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ReaderFragment } from 'relay-runtime';
import { FragmentRefs } from "relay-runtime";
export type CompliancePageExternalUrlsSection_trustCenterFragment$data = {
readonly canUpdate: boolean;
readonly externalUrls: {
readonly __id: string;
readonly edges: ReadonlyArray<{
readonly node: {
readonly id: string;
readonly name: string;
readonly rank: number;
readonly url: string;
};
}>;
};
readonly id: string;
readonly " $fragmentType": "CompliancePageExternalUrlsSection_trustCenterFragment";
};
export type CompliancePageExternalUrlsSection_trustCenterFragment$key = {
readonly " $data"?: CompliancePageExternalUrlsSection_trustCenterFragment$data;
readonly " $fragmentSpreads": FragmentRefs<"CompliancePageExternalUrlsSection_trustCenterFragment">;
};
import CompliancePageExternalUrlsSection_trustCenterRefetchQuery_graphql from './CompliancePageExternalUrlsSection_trustCenterRefetchQuery.graphql';
const node: ReaderFragment = (function(){
var v0 = [
"externalUrls"
],
v1 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
};
return {
"argumentDefinitions": [
{
"defaultValue": null,
"kind": "LocalArgument",
"name": "after"
},
{
"defaultValue": 100,
"kind": "LocalArgument",
"name": "first"
},
{
"defaultValue": {
"direction": "ASC",
"field": "RANK"
},
"kind": "LocalArgument",
"name": "order"
}
],
"kind": "Fragment",
"metadata": {
"connection": [
{
"count": "first",
"cursor": "after",
"direction": "forward",
"path": (v0/*: any*/)
}
],
"refetch": {
"connection": {
"forward": {
"count": "first",
"cursor": "after"
},
"backward": null,
"path": (v0/*: any*/)
},
"fragmentPathInResult": [
"node"
],
"operation": CompliancePageExternalUrlsSection_trustCenterRefetchQuery_graphql,
"identifierInfo": {
"identifierField": "id",
"identifierQueryVariableName": "id"
}
}
},
"name": "CompliancePageExternalUrlsSection_trustCenterFragment",
"selections": [
(v1/*: any*/),
{
"alias": "canUpdate",
"args": [
{
"kind": "Literal",
"name": "action",
"value": "core:trust-center:update"
}
],
"kind": "ScalarField",
"name": "permission",
"storageKey": "permission(action:\"core:trust-center:update\")"
},
{
"alias": "externalUrls",
"args": [
{
"kind": "Variable",
"name": "orderBy",
"variableName": "order"
}
],
"concreteType": "ComplianceExternalURLConnection",
"kind": "LinkedField",
"name": "__CompliancePageExternalUrlsSection_externalUrls_connection",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURLEdge",
"kind": "LinkedField",
"name": "edges",
"plural": true,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURL",
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v1/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "name",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "url",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "rank",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__typename",
"storageKey": null
}
],
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "cursor",
"storageKey": null
}
],
"storageKey": null
},
{
"alias": null,
"args": null,
"concreteType": "PageInfo",
"kind": "LinkedField",
"name": "pageInfo",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "endCursor",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "hasNextPage",
"storageKey": null
}
],
"storageKey": null
},
{
"kind": "ClientExtension",
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__id",
"storageKey": null
}
]
}
],
"storageKey": null
}
],
"type": "TrustCenter",
"abstractKey": null
};
})();
(node as any).hash = "f2614c45eaf65a9d6c6f857abc7c66f6";
export default node;

View File

@@ -0,0 +1,309 @@
/**
* @generated SignedSource<<1fdf3d464ce9b10a9dd2ea55a9dbfc26>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
import { FragmentRefs } from "relay-runtime";
export type ComplianceExternalURLOrderField = "CREATED_AT" | "RANK";
export type OrderDirection = "ASC" | "DESC";
export type ComplianceExternalURLOrder = {
direction: OrderDirection;
field: ComplianceExternalURLOrderField;
};
export type CompliancePageExternalUrlsSection_trustCenterRefetchQuery$variables = {
after?: string | null | undefined;
first?: number | null | undefined;
id: string;
order?: ComplianceExternalURLOrder | null | undefined;
};
export type CompliancePageExternalUrlsSection_trustCenterRefetchQuery$data = {
readonly node: {
readonly " $fragmentSpreads": FragmentRefs<"CompliancePageExternalUrlsSection_trustCenterFragment">;
};
};
export type CompliancePageExternalUrlsSection_trustCenterRefetchQuery = {
response: CompliancePageExternalUrlsSection_trustCenterRefetchQuery$data;
variables: CompliancePageExternalUrlsSection_trustCenterRefetchQuery$variables;
};
const node: ConcreteRequest = (function(){
var v0 = {
"defaultValue": null,
"kind": "LocalArgument",
"name": "after"
},
v1 = {
"defaultValue": 100,
"kind": "LocalArgument",
"name": "first"
},
v2 = {
"defaultValue": null,
"kind": "LocalArgument",
"name": "id"
},
v3 = {
"defaultValue": {
"direction": "ASC",
"field": "RANK"
},
"kind": "LocalArgument",
"name": "order"
},
v4 = [
{
"kind": "Variable",
"name": "id",
"variableName": "id"
}
],
v5 = {
"kind": "Variable",
"name": "after",
"variableName": "after"
},
v6 = {
"kind": "Variable",
"name": "first",
"variableName": "first"
},
v7 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__typename",
"storageKey": null
},
v8 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
v9 = [
(v5/*: any*/),
(v6/*: any*/),
{
"kind": "Variable",
"name": "orderBy",
"variableName": "order"
}
];
return {
"fragment": {
"argumentDefinitions": [
(v0/*: any*/),
(v1/*: any*/),
(v2/*: any*/),
(v3/*: any*/)
],
"kind": "Fragment",
"metadata": null,
"name": "CompliancePageExternalUrlsSection_trustCenterRefetchQuery",
"selections": [
{
"alias": null,
"args": (v4/*: any*/),
"concreteType": null,
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
{
"args": [
(v5/*: any*/),
(v6/*: any*/),
{
"kind": "Variable",
"name": "order",
"variableName": "order"
}
],
"kind": "FragmentSpread",
"name": "CompliancePageExternalUrlsSection_trustCenterFragment"
}
],
"storageKey": null
}
],
"type": "Query",
"abstractKey": null
},
"kind": "Request",
"operation": {
"argumentDefinitions": [
(v0/*: any*/),
(v1/*: any*/),
(v3/*: any*/),
(v2/*: any*/)
],
"kind": "Operation",
"name": "CompliancePageExternalUrlsSection_trustCenterRefetchQuery",
"selections": [
{
"alias": null,
"args": (v4/*: any*/),
"concreteType": null,
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v7/*: any*/),
(v8/*: any*/),
{
"kind": "InlineFragment",
"selections": [
{
"alias": "canUpdate",
"args": [
{
"kind": "Literal",
"name": "action",
"value": "core:trust-center:update"
}
],
"kind": "ScalarField",
"name": "permission",
"storageKey": "permission(action:\"core:trust-center:update\")"
},
{
"alias": null,
"args": (v9/*: any*/),
"concreteType": "ComplianceExternalURLConnection",
"kind": "LinkedField",
"name": "externalUrls",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURLEdge",
"kind": "LinkedField",
"name": "edges",
"plural": true,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURL",
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v8/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "name",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "url",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "rank",
"storageKey": null
},
(v7/*: any*/)
],
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "cursor",
"storageKey": null
}
],
"storageKey": null
},
{
"alias": null,
"args": null,
"concreteType": "PageInfo",
"kind": "LinkedField",
"name": "pageInfo",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "endCursor",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "hasNextPage",
"storageKey": null
}
],
"storageKey": null
},
{
"kind": "ClientExtension",
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__id",
"storageKey": null
}
]
}
],
"storageKey": null
},
{
"alias": null,
"args": (v9/*: any*/),
"filters": [
"orderBy"
],
"handle": "connection",
"key": "CompliancePageExternalUrlsSection_externalUrls",
"kind": "LinkedHandle",
"name": "externalUrls"
}
],
"type": "TrustCenter",
"abstractKey": null
}
],
"storageKey": null
}
]
},
"params": {
"cacheID": "0732bd06586ed31ed89b4dfad14d1fbd",
"id": null,
"metadata": {},
"name": "CompliancePageExternalUrlsSection_trustCenterRefetchQuery",
"operationKind": "query",
"text": "query CompliancePageExternalUrlsSection_trustCenterRefetchQuery(\n $after: CursorKey = null\n $first: Int = 100\n $order: ComplianceExternalURLOrder = {field: RANK, direction: ASC}\n $id: ID!\n) {\n node(id: $id) {\n __typename\n ...CompliancePageExternalUrlsSection_trustCenterFragment_gOVF5\n id\n }\n}\n\nfragment CompliancePageExternalUrlsSection_trustCenterFragment_gOVF5 on TrustCenter {\n id\n canUpdate: permission(action: \"core:trust-center:update\")\n externalUrls(first: $first, after: $after, orderBy: $order) {\n edges {\n node {\n id\n name\n url\n rank\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n"
}
};
})();
(node as any).hash = "f2614c45eaf65a9d6c6f857abc7c66f6";
export default node;

View File

@@ -0,0 +1,132 @@
/**
* @generated SignedSource<<f8aca586d6c3f69c7b0c5d485bdcc101>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
export type UpdateComplianceExternalURLInput = {
id: string;
name: string;
rank?: number | null | undefined;
url: string;
};
export type CompliancePageExternalUrlsSection_updateMutation$variables = {
input: UpdateComplianceExternalURLInput;
};
export type CompliancePageExternalUrlsSection_updateMutation$data = {
readonly updateComplianceExternalURL: {
readonly complianceExternalUrl: {
readonly id: string;
readonly name: string;
readonly rank: number;
readonly url: string;
};
};
};
export type CompliancePageExternalUrlsSection_updateMutation = {
response: CompliancePageExternalUrlsSection_updateMutation$data;
variables: CompliancePageExternalUrlsSection_updateMutation$variables;
};
const node: ConcreteRequest = (function(){
var v0 = [
{
"defaultValue": null,
"kind": "LocalArgument",
"name": "input"
}
],
v1 = [
{
"alias": null,
"args": [
{
"kind": "Variable",
"name": "input",
"variableName": "input"
}
],
"concreteType": "UpdateComplianceExternalURLPayload",
"kind": "LinkedField",
"name": "updateComplianceExternalURL",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURL",
"kind": "LinkedField",
"name": "complianceExternalUrl",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "name",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "url",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "rank",
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": null
}
];
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Fragment",
"metadata": null,
"name": "CompliancePageExternalUrlsSection_updateMutation",
"selections": (v1/*: any*/),
"type": "Mutation",
"abstractKey": null
},
"kind": "Request",
"operation": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Operation",
"name": "CompliancePageExternalUrlsSection_updateMutation",
"selections": (v1/*: any*/)
},
"params": {
"cacheID": "f771e54a9a15080525576308c8277815",
"id": null,
"metadata": {},
"name": "CompliancePageExternalUrlsSection_updateMutation",
"operationKind": "mutation",
"text": "mutation CompliancePageExternalUrlsSection_updateMutation(\n $input: UpdateComplianceExternalURLInput!\n) {\n updateComplianceExternalURL(input: $input) {\n complianceExternalUrl {\n id\n name\n url\n rank\n }\n }\n}\n"
}
};
})();
(node as any).hash = "b6162bd7b54e784dff62db83e0ff32be";
export default node;

View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<cf316aa4cda5fc4c9aebae8f0f10c365>>
* @generated SignedSource<<18bb7ea1b507c374c33d9f4f7a56db2d>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -17,7 +17,6 @@ export type CompliancePageOverviewPageQuery$data = {
readonly organization: {
readonly compliancePage?: {
readonly canGetNDA: boolean;
readonly " $fragmentSpreads": FragmentRefs<"CompliancePageFrameworkList_compliancePageFragment">;
} | null | undefined;
readonly " $fragmentSpreads": FragmentRefs<"CompliancePageNDASectionFragment" | "CompliancePageSlackSectionFragment" | "CompliancePageStatusSectionFragment">;
};
@@ -56,35 +55,12 @@ v2 = {
"storageKey": "permission(action:\"core:trust-center:get-nda\")"
},
v3 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__typename",
"storageKey": null
},
v4 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
v5 = {
"kind": "Literal",
"name": "first",
"value": 100
},
v6 = [
(v5/*: any*/),
{
"kind": "Literal",
"name": "orderBy",
"value": {
"direction": "ASC",
"field": "RANK"
}
}
];
};
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
@@ -111,12 +87,7 @@ return {
"name": "trustCenter",
"plural": false,
"selections": [
(v2/*: any*/),
{
"args": null,
"kind": "FragmentSpread",
"name": "CompliancePageFrameworkList_compliancePageFragment"
}
(v2/*: any*/)
],
"storageKey": null
}
@@ -160,7 +131,13 @@ return {
"name": "node",
"plural": false,
"selections": [
(v3/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__typename",
"storageKey": null
},
{
"kind": "InlineFragment",
"selections": [
@@ -173,7 +150,14 @@ return {
"plural": false,
"selections": [
(v2/*: any*/),
(v4/*: any*/),
(v3/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "active",
"storageKey": null
},
{
"alias": "canUpdate",
"args": [
@@ -187,150 +171,6 @@ return {
"name": "permission",
"storageKey": "permission(action:\"core:trust-center:update\")"
},
{
"alias": null,
"args": (v6/*: any*/),
"concreteType": "ComplianceFrameworkConnection",
"kind": "LinkedField",
"name": "complianceFrameworks",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceFrameworkEdge",
"kind": "LinkedField",
"name": "edges",
"plural": true,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceFramework",
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v4/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "rank",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "visibility",
"storageKey": null
},
{
"alias": null,
"args": null,
"concreteType": "Framework",
"kind": "LinkedField",
"name": "framework",
"plural": false,
"selections": [
(v4/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "name",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "lightLogoURL",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "darkLogoURL",
"storageKey": null
}
],
"storageKey": null
},
(v3/*: any*/)
],
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "cursor",
"storageKey": null
}
],
"storageKey": null
},
{
"alias": null,
"args": null,
"concreteType": "PageInfo",
"kind": "LinkedField",
"name": "pageInfo",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "endCursor",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "hasNextPage",
"storageKey": null
}
],
"storageKey": null
},
{
"kind": "ClientExtension",
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "__id",
"storageKey": null
}
]
}
],
"storageKey": "complianceFrameworks(first:100,orderBy:{\"direction\":\"ASC\",\"field\":\"RANK\"})"
},
{
"alias": null,
"args": (v6/*: any*/),
"filters": [
"orderBy"
],
"handle": "connection",
"key": "CompliancePageFrameworkList_complianceFrameworks",
"kind": "LinkedHandle",
"name": "complianceFrameworks"
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "active",
"storageKey": null
},
{
"alias": null,
"args": null,
@@ -389,14 +229,18 @@ return {
"name": "domain",
"storageKey": null
},
(v4/*: any*/)
(v3/*: any*/)
],
"storageKey": null
},
{
"alias": null,
"args": [
(v5/*: any*/)
{
"kind": "Literal",
"name": "first",
"value": 100
}
],
"concreteType": "SlackConnectionConnection",
"kind": "LinkedField",
@@ -419,7 +263,7 @@ return {
"name": "node",
"plural": false,
"selections": [
(v4/*: any*/),
(v3/*: any*/),
{
"alias": null,
"args": null,
@@ -447,23 +291,23 @@ return {
"type": "Organization",
"abstractKey": null
},
(v4/*: any*/)
(v3/*: any*/)
],
"storageKey": null
}
]
},
"params": {
"cacheID": "e6cc68fe4df4a8dffc558f6db82ead9c",
"cacheID": "0041132d3ac46a3193d9acbd6f27bdf5",
"id": null,
"metadata": {},
"name": "CompliancePageOverviewPageQuery",
"operationKind": "query",
"text": "query CompliancePageOverviewPageQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n compliancePage: trustCenter {\n canGetNDA: permission(action: \"core:trust-center:get-nda\")\n ...CompliancePageFrameworkList_compliancePageFragment\n id\n }\n }\n ...CompliancePageStatusSectionFragment\n ...CompliancePageNDASectionFragment\n ...CompliancePageSlackSectionFragment\n id\n }\n}\n\nfragment CompliancePageFrameworkList_compliancePageFragment on TrustCenter {\n id\n canUpdate: permission(action: \"core:trust-center:update\")\n complianceFrameworks(first: 100, orderBy: {field: RANK, direction: ASC}) {\n edges {\n node {\n id\n rank\n visibility\n framework {\n id\n name\n lightLogoURL\n darkLogoURL\n }\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n\nfragment CompliancePageNDASectionFragment on Organization {\n compliancePage: trustCenter {\n id\n ndaFileName\n ndaFileUrl\n canUpdate: permission(action: \"core:trust-center:update\")\n canUploadNDA: permission(action: \"core:trust-center:upload-nda\")\n canDeleteNDA: permission(action: \"core:trust-center:delete-nda\")\n }\n}\n\nfragment CompliancePageSlackSectionFragment on Organization {\n compliancePage: trustCenter {\n canUpdate: permission(action: \"core:trust-center:update\")\n id\n }\n slackConnections(first: 100) {\n edges {\n node {\n id\n channel\n createdAt\n }\n }\n }\n}\n\nfragment CompliancePageStatusSectionFragment on Organization {\n customDomain {\n domain\n id\n }\n compliancePage: trustCenter {\n id\n active\n canUpdate: permission(action: \"core:trust-center:update\")\n }\n}\n"
"text": "query CompliancePageOverviewPageQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n compliancePage: trustCenter {\n canGetNDA: permission(action: \"core:trust-center:get-nda\")\n id\n }\n }\n ...CompliancePageStatusSectionFragment\n ...CompliancePageNDASectionFragment\n ...CompliancePageSlackSectionFragment\n id\n }\n}\n\nfragment CompliancePageNDASectionFragment on Organization {\n compliancePage: trustCenter {\n id\n ndaFileName\n ndaFileUrl\n canUpdate: permission(action: \"core:trust-center:update\")\n canUploadNDA: permission(action: \"core:trust-center:upload-nda\")\n canDeleteNDA: permission(action: \"core:trust-center:delete-nda\")\n }\n}\n\nfragment CompliancePageSlackSectionFragment on Organization {\n compliancePage: trustCenter {\n canUpdate: permission(action: \"core:trust-center:update\")\n id\n }\n slackConnections(first: 100) {\n edges {\n node {\n id\n channel\n createdAt\n }\n }\n }\n}\n\nfragment CompliancePageStatusSectionFragment on Organization {\n customDomain {\n domain\n id\n }\n compliancePage: trustCenter {\n id\n active\n canUpdate: permission(action: \"core:trust-center:update\")\n }\n}\n"
}
};
})();
(node as any).hash = "be0dff83941c21755ea2ff77a865805b";
(node as any).hash = "689133b7f1c380266e6f15a60c527c91";
export default node;

View File

@@ -17,6 +17,9 @@ import type { CompliancePageBrandPage_updateMutation } from "#/__generated__/cor
import type { CompliancePageBrandPageQuery } from "#/__generated__/core/CompliancePageBrandPageQuery.graphql";
import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
import { CompliancePageExternalUrlsSection } from "../overview/_components/CompliancePageExternalUrlsSection";
import { CompliancePageFrameworkList } from "../overview/_components/CompliancePageFrameworkList";
export const compliancePageBrandPageQuery = graphql`
query CompliancePageBrandPageQuery($organizationId: ID!) {
organization: node(id: $organizationId) {
@@ -27,6 +30,8 @@ export const compliancePageBrandPageQuery = graphql`
logoFileUrl
darkLogoFileUrl
canUpdate: permission(action: "core:trust-center:update")
...CompliancePageFrameworkList_compliancePageFragment
...CompliancePageExternalUrlsSection_trustCenterFragment
}
}
}
@@ -218,116 +223,130 @@ export function CompliancePageBrandPage(props: { queryRef: PreloadedQuery<Compli
const currentDarkLogoUrl = darkLogoPreview || darkLogoFileUrl;
return (
<div className="space-y-4">
<div className="flex items-center justify-between">
<h2 className="text-base font-medium">{__("Branding")}</h2>
{isUpdating && <Spinner />}
<div className="space-y-8">
<div className="space-y-4">
<div className="flex items-center justify-between">
<h2 className="text-base font-medium">{__("Branding")}</h2>
{isUpdating && <Spinner />}
</div>
<Card padded className="space-y-4">
<div className="flex gap-6 items-start">
<div className="flex-1">
<Label>{__("Logo")}</Label>
<p className="text-sm text-txt-tertiary mb-3">
{__("This logo will be displayed on your public compliance page.")}
</p>
{currentLogoUrl
? (
<div className="flex items-center gap-4">
<div className="border border-border-solid rounded-md p-4 bg-surface-secondary">
<img
src={currentLogoUrl}
alt={__("Compliance page logo")}
className="h-16 max-w-xs object-contain"
/>
</div>
<FileButton
disabled={disabled}
onChange={handleLogoChange}
variant="secondary"
accept="image/png,image/jpeg,image/jpg,image/svg+xml,image/webp"
>
{isUpdating ? __("Uploading...") : __("Change logo")}
</FileButton>
<Button
type="button"
variant="quaternary"
icon={IconTrashCan}
onClick={() => void handleRemoveLogo()}
disabled={disabled}
aria-label={__("Remove logo")}
className="text-red-600 hover:text-red-700"
/>
</div>
)
: (
<Dropzone
description={__("Upload logo image (PNG, JPG, SVG, WEBP up to 5MB)")}
isUploading={isUpdating}
onDrop={handleLogoDrop}
accept={{
"image/png": [".png"],
"image/jpeg": [".jpg", ".jpeg"],
"image/svg+xml": [".svg"],
"image/webp": [".webp"],
}}
maxSize={5}
/>
)}
</div>
<div className="flex-1">
<Label>{__("Dark mode logo")}</Label>
<p className="text-sm text-txt-tertiary mb-3">
{__("This logo will be used when dark mode is enabled.")}
</p>
{currentDarkLogoUrl
? (
<div className="flex items-center gap-4">
<div className="border border-border-solid rounded-md p-4 bg-gray-900">
<img
src={currentDarkLogoUrl}
alt={__("Compliance page dark logo")}
className="h-16 max-w-xs object-contain"
/>
</div>
<FileButton
disabled={disabled}
onChange={handleDarkLogoChange}
variant="secondary"
accept="image/png,image/jpeg,image/jpg,image/svg+xml,image/webp"
>
{isUpdating ? __("Uploading...") : __("Change dark logo")}
</FileButton>
<Button
type="button"
variant="quaternary"
icon={IconTrashCan}
onClick={() => void handleRemoveDarkLogo()}
disabled={disabled}
aria-label={__("Remove dark logo")}
className="text-red-600 hover:text-red-700"
/>
</div>
)
: (
<Dropzone
description={__("Upload dark logo image (PNG, JPG, SVG, WEBP up to 5MB)")}
isUploading={isUpdating}
onDrop={handleDarkLogoDrop}
accept={{
"image/png": [".png"],
"image/jpeg": [".jpg", ".jpeg"],
"image/svg+xml": [".svg"],
"image/webp": [".webp"],
}}
maxSize={5}
/>
)}
</div>
</div>
</Card>
</div>
<Card padded className="space-y-4">
<div className="flex gap-6 items-start">
<div className="flex-1">
<Label>{__("Logo")}</Label>
<p className="text-sm text-txt-tertiary mb-3">
{__("This logo will be displayed on your public compliance page.")}
</p>
{currentLogoUrl
? (
<div className="flex items-center gap-4">
<div className="border border-border-solid rounded-md p-4 bg-surface-secondary">
<img
src={currentLogoUrl}
alt={__("Compliance page logo")}
className="h-16 max-w-xs object-contain"
/>
</div>
<FileButton
disabled={disabled}
onChange={handleLogoChange}
variant="secondary"
accept="image/png,image/jpeg,image/jpg,image/svg+xml,image/webp"
>
{isUpdating ? __("Uploading...") : __("Change logo")}
</FileButton>
<Button
type="button"
variant="quaternary"
icon={IconTrashCan}
onClick={() => void handleRemoveLogo()}
disabled={disabled}
aria-label={__("Remove logo")}
className="text-red-600 hover:text-red-700"
/>
</div>
)
: (
<Dropzone
description={__("Upload logo image (PNG, JPG, SVG, WEBP up to 5MB)")}
isUploading={isUpdating}
onDrop={handleLogoDrop}
accept={{
"image/png": [".png"],
"image/jpeg": [".jpg", ".jpeg"],
"image/svg+xml": [".svg"],
"image/webp": [".webp"],
}}
maxSize={5}
/>
)}
</div>
<div className="flex-1">
<Label>{__("Dark mode logo")}</Label>
<p className="text-sm text-txt-tertiary mb-3">
{__("This logo will be used when dark mode is enabled.")}
</p>
{currentDarkLogoUrl
? (
<div className="flex items-center gap-4">
<div className="border border-border-solid rounded-md p-4 bg-gray-900">
<img
src={currentDarkLogoUrl}
alt={__("Compliance page dark logo")}
className="h-16 max-w-xs object-contain"
/>
</div>
<FileButton
disabled={disabled}
onChange={handleDarkLogoChange}
variant="secondary"
accept="image/png,image/jpeg,image/jpg,image/svg+xml,image/webp"
>
{isUpdating ? __("Uploading...") : __("Change dark logo")}
</FileButton>
<Button
type="button"
variant="quaternary"
icon={IconTrashCan}
onClick={() => void handleRemoveDarkLogo()}
disabled={disabled}
aria-label={__("Remove dark logo")}
className="text-red-600 hover:text-red-700"
/>
</div>
)
: (
<Dropzone
description={__("Upload dark logo image (PNG, JPG, SVG, WEBP up to 5MB)")}
isUploading={isUpdating}
onDrop={handleDarkLogoDrop}
accept={{
"image/png": [".png"],
"image/jpeg": [".jpg", ".jpeg"],
"image/svg+xml": [".svg"],
"image/webp": [".webp"],
}}
maxSize={5}
/>
)}
</div>
<div className="space-y-4">
<div>
<h3 className="text-base font-medium">{__("Frameworks")}</h3>
<p className="text-sm text-txt-tertiary">
{__("Select which frameworks to display as badges on your compliance page")}
</p>
</div>
</Card>
<CompliancePageFrameworkList compliancePageRef={organization.compliancePage} />
</div>
<CompliancePageExternalUrlsSection trustCenterRef={organization.compliancePage} />
</div>
);
}

View File

@@ -1,10 +1,8 @@
import { useTranslate } from "@probo/i18n";
import { type PreloadedQuery, usePreloadedQuery } from "react-relay";
import { graphql } from "relay-runtime";
import type { CompliancePageOverviewPageQuery } from "#/__generated__/core/CompliancePageOverviewPageQuery.graphql";
import { CompliancePageFrameworkList } from "./_components/CompliancePageFrameworkList";
import { CompliancePageNDASection } from "./_components/CompliancePageNDASection";
import { CompliancePageSlackSection } from "./_components/CompliancePageSlackSection";
import { CompliancePageStatusSection } from "./_components/CompliancePageStatusSection";
@@ -15,7 +13,6 @@ export const compliancePageOverviewPageQuery = graphql`
... on Organization {
compliancePage: trustCenter {
canGetNDA: permission(action: "core:trust-center:get-nda")
...CompliancePageFrameworkList_compliancePageFragment
}
}
...CompliancePageStatusSectionFragment
@@ -28,8 +25,6 @@ export const compliancePageOverviewPageQuery = graphql`
export function CompliancePageOverviewPage(props: { queryRef: PreloadedQuery<CompliancePageOverviewPageQuery> }) {
const { queryRef } = props;
const { __ } = useTranslate();
const { organization } = usePreloadedQuery<CompliancePageOverviewPageQuery>(
compliancePageOverviewPageQuery,
queryRef,
@@ -44,18 +39,6 @@ export function CompliancePageOverviewPage(props: { queryRef: PreloadedQuery<Com
)}
<CompliancePageSlackSection fragmentRef={organization} />
{organization.compliancePage && (
<div className="space-y-4">
<div>
<h3 className="text-base font-medium">{__("Frameworks")}</h3>
<p className="text-sm text-txt-tertiary">
{__("Select which frameworks to display as badges on your compliance page")}
</p>
</div>
<CompliancePageFrameworkList compliancePageRef={organization.compliancePage} />
</div>
)}
</div>
);
}

View File

@@ -0,0 +1,453 @@
import { detectSocialName, safeOpenUrl } from "@probo/helpers";
import { useTranslate } from "@probo/i18n";
import {
Button,
Dialog,
DialogContent,
DialogFooter,
Field,
IconArrowLink,
IconPencil,
IconPlusLarge,
IconTrashCan,
SocialIcon,
Spinner,
Table,
Tbody,
Td,
Th,
Thead,
Tr,
useDialogRef,
} from "@probo/ui";
import { forwardRef, useCallback, useImperativeHandle, useRef, useState, useTransition } from "react";
import { useRefetchableFragment } from "react-relay";
import { ConnectionHandler, graphql } from "relay-runtime";
import { z } from "zod";
import type { CompliancePageExternalUrlsSection_createMutation } from "#/__generated__/core/CompliancePageExternalUrlsSection_createMutation.graphql";
import type { CompliancePageExternalUrlsSection_deleteMutation } from "#/__generated__/core/CompliancePageExternalUrlsSection_deleteMutation.graphql";
import type { CompliancePageExternalUrlsSection_trustCenterFragment$key } from "#/__generated__/core/CompliancePageExternalUrlsSection_trustCenterFragment.graphql";
import type { CompliancePageExternalUrlsSection_trustCenterRefetchQuery } from "#/__generated__/core/CompliancePageExternalUrlsSection_trustCenterRefetchQuery.graphql";
import type { CompliancePageExternalUrlsSection_updateMutation } from "#/__generated__/core/CompliancePageExternalUrlsSection_updateMutation.graphql";
import { useFormWithSchema } from "#/hooks/useFormWithSchema";
import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
const trustCenterFragment = graphql`
fragment CompliancePageExternalUrlsSection_trustCenterFragment on TrustCenter
@refetchable(queryName: "CompliancePageExternalUrlsSection_trustCenterRefetchQuery")
@argumentDefinitions(
first: { type: Int, defaultValue: 100 }
after: { type: CursorKey, defaultValue: null }
order: { type: ComplianceExternalURLOrder, defaultValue: { field: RANK, direction: ASC } }
) {
id
canUpdate: permission(action: "core:trust-center:update")
externalUrls(first: $first, after: $after, orderBy: $order)
@connection(key: "CompliancePageExternalUrlsSection_externalUrls", filters: ["orderBy"]) {
__id
edges {
node {
id
name
url
rank
}
}
}
}
`;
const createMutation = graphql`
mutation CompliancePageExternalUrlsSection_createMutation($input: CreateComplianceExternalURLInput!) {
createComplianceExternalURL(input: $input) {
complianceExternalUrlEdge {
node {
id
name
url
rank
}
}
}
}
`;
const updateMutation = graphql`
mutation CompliancePageExternalUrlsSection_updateMutation($input: UpdateComplianceExternalURLInput!) {
updateComplianceExternalURL(input: $input) {
complianceExternalUrl {
id
name
url
rank
}
}
}
`;
const deleteMutation = graphql`
mutation CompliancePageExternalUrlsSection_deleteMutation($input: DeleteComplianceExternalURLInput!) {
deleteComplianceExternalURL(input: $input) {
deletedComplianceExternalUrlId
}
}
`;
const urlSchema = z.object({
name: z.string().min(1, "Name is required"),
url: z.string().url("Please enter a valid URL"),
});
type UrlFormData = z.infer<typeof urlSchema>;
type UrlNode = { id: string; name: string; url: string; rank: number };
type ExternalUrlDialogRef = {
openCreate: (trustCenterId: string, connectionId: string) => void;
openEdit: (node: UrlNode) => void;
};
const ExternalUrlDialog = forwardRef<ExternalUrlDialogRef>(
function ExternalUrlDialog(_, ref) {
const { __ } = useTranslate();
const dialogRef = useDialogRef();
const [mode, setMode] = useState<"create" | "edit">("create");
const [trustCenterId, setTrustCenterId] = useState("");
const [connectionId, setConnectionId] = useState("");
const [editNode, setEditNode] = useState<UrlNode | null>(null);
const [create, isCreating] = useMutationWithToasts<CompliancePageExternalUrlsSection_createMutation>(
createMutation,
{ successMessage: __("Link added successfully."), errorMessage: __("Failed to add link.") },
);
const [update, isUpdating] = useMutationWithToasts<CompliancePageExternalUrlsSection_updateMutation>(
updateMutation,
{ successMessage: __("Link updated successfully."), errorMessage: __("Failed to update link.") },
);
const { register, handleSubmit, formState: { errors }, reset, setValue, watch } = useFormWithSchema(urlSchema, {
defaultValues: { name: "", url: "" },
});
const [nameAutoDetected, setNameAutoDetected] = useState(false);
const handleUrlChange = (e: React.ChangeEvent<HTMLInputElement>) => {
const url = e.target.value;
const detected = detectSocialName(url);
if (detected && (nameAutoDetected || watch("name") === "")) {
setValue("name", detected, { shouldValidate: true });
setNameAutoDetected(true);
} else if (!detected && nameAutoDetected) {
setValue("name", "", { shouldValidate: false });
setNameAutoDetected(false);
}
};
useImperativeHandle(ref, () => ({
openCreate: (tId, cId) => {
setMode("create");
setTrustCenterId(tId);
setConnectionId(cId);
setEditNode(null);
setNameAutoDetected(false);
reset({ name: "", url: "" });
dialogRef.current?.open();
},
openEdit: (node) => {
setMode("edit");
setEditNode(node);
setNameAutoDetected(false);
reset({ name: node.name, url: node.url });
dialogRef.current?.open();
},
}));
const onSubmit = async (data: UrlFormData) => {
if (mode === "create") {
await create({
variables: {
input: { trustCenterId, name: data.name, url: data.url },
},
updater: (store) => {
const payload = store.getRootField("createComplianceExternalURL");
const edge = payload?.getLinkedRecord("complianceExternalUrlEdge");
if (!edge) return;
const connection = store.get(connectionId);
if (!connection) return;
ConnectionHandler.insertEdgeAfter(connection, edge);
},
onCompleted: (_, errs) => {
if (!errs?.length) {
reset();
dialogRef.current?.close();
}
},
});
} else if (editNode) {
await update({
variables: { input: { id: editNode.id, name: data.name, url: data.url } },
onCompleted: (_, errs) => {
if (!errs?.length) {
reset();
dialogRef.current?.close();
}
},
});
}
};
const isSubmitting = isCreating || isUpdating;
const title = mode === "create" ? __("Add link") : __("Edit link");
return (
<Dialog ref={dialogRef} title={title} onClose={() => reset()}>
<form onSubmit={e => void handleSubmit(onSubmit)(e)}>
<DialogContent padded className="space-y-6">
<Field
{...register("url", { onChange: handleUrlChange })}
label={__("URL")}
type="url"
required
placeholder="https://example.com"
error={errors.url?.message}
/>
<Field
{...register("name")}
label={__("Name")}
type="text"
required
placeholder={__("e.g. Twitter, LinkedIn")}
error={errors.name?.message}
/>
</DialogContent>
<DialogFooter>
<Button type="submit" disabled={isSubmitting} icon={isSubmitting ? Spinner : undefined}>
{mode === "create" ? __("Add link") : __("Save changes")}
</Button>
</DialogFooter>
</form>
</Dialog>
);
},
);
function ExternalUrlRow(props: {
node: UrlNode;
canEdit: boolean;
connectionId: string;
isDragging: boolean;
isDropTarget: boolean;
onDragStart: () => void;
onDragOver: (e: React.DragEvent) => void;
onDrop: () => void;
onDragEnd: () => void;
onEdit: (node: UrlNode) => void;
}) {
const { node, canEdit, connectionId, isDragging, isDropTarget, onDragStart, onDragOver, onDrop, onDragEnd, onEdit } = props;
const { __ } = useTranslate();
const [isMouseDown, setIsMouseDown] = useState(false);
const [deleteUrl] = useMutationWithToasts<CompliancePageExternalUrlsSection_deleteMutation>(
deleteMutation,
{ successMessage: __("Link removed."), errorMessage: __("Failed to remove link.") },
);
const handleDelete = () => {
void deleteUrl({
variables: { input: { id: node.id } },
updater: (store) => {
const connection = store.get(connectionId);
if (!connection) return;
ConnectionHandler.deleteNode(connection, node.id);
},
});
};
const className = [
isDragging && "opacity-50 cursor-grabbing",
!isDragging && !isMouseDown && "cursor-grab",
!isDragging && isMouseDown && "cursor-grabbing",
isDropTarget && "!bg-primary-50 border-y-2 border-primary-500",
]
.filter(Boolean)
.join(" ");
return (
<Tr
draggable={canEdit}
onDragStart={canEdit ? onDragStart : undefined}
onDragOver={canEdit ? onDragOver : undefined}
onDrop={canEdit ? onDrop : undefined}
onDragEnd={canEdit ? onDragEnd : undefined}
onMouseDown={canEdit ? () => setIsMouseDown(true) : undefined}
onMouseUp={canEdit ? () => setIsMouseDown(false) : undefined}
onMouseLeave={canEdit ? () => setIsMouseDown(false) : undefined}
className={className}
>
<Td>
<div className="flex items-center gap-3 text-txt-secondary">
<SocialIcon socialName={detectSocialName(node.url)} size={16} className="shrink-0" />
<span className="font-medium">{node.name}</span>
</div>
</Td>
<Td>
<span className="text-txt-secondary truncate">{node.url}</span>
</Td>
<Td noLink width={canEdit ? 144 : 56} className="text-end">
<div className="flex gap-2 justify-end">
<Button variant="secondary" icon={IconArrowLink} onClick={() => safeOpenUrl(node.url)} />
{canEdit && (
<>
<Button variant="secondary" icon={IconPencil} onClick={() => onEdit(node)} />
<Button variant="danger" icon={IconTrashCan} onClick={handleDelete} />
</>
)}
</div>
</Td>
</Tr>
);
}
export function CompliancePageExternalUrlsSection(props: {
trustCenterRef: CompliancePageExternalUrlsSection_trustCenterFragment$key;
}) {
const { __ } = useTranslate();
const [, startTransition] = useTransition();
const dialogRef = useRef<ExternalUrlDialogRef>(null);
const [trustCenter, refetch] = useRefetchableFragment<
CompliancePageExternalUrlsSection_trustCenterRefetchQuery,
CompliancePageExternalUrlsSection_trustCenterFragment$key
>(trustCenterFragment, props.trustCenterRef);
const [draggedIndex, setDraggedIndex] = useState<number | null>(null);
const [dragOverIndex, setDragOverIndex] = useState<number | null>(null);
const [updateRank] = useMutationWithToasts<CompliancePageExternalUrlsSection_updateMutation>(
updateMutation,
{ successMessage: __("Order updated."), errorMessage: __("Failed to update order.") },
);
const edges = trustCenter.externalUrls.edges;
const canEdit = trustCenter.canUpdate;
const connectionId = trustCenter.externalUrls.__id;
const handleCreate = () => {
dialogRef.current?.openCreate(trustCenter.id, connectionId);
};
const handleEdit = (node: UrlNode) => {
dialogRef.current?.openEdit(node);
};
const handleDragOver = (e: React.DragEvent, index: number) => {
e.preventDefault();
if (draggedIndex !== index) setDragOverIndex(index);
};
const handleDrop = useCallback(
async (targetIndex: number) => {
if (draggedIndex === null || draggedIndex === targetIndex) {
setDraggedIndex(null);
setDragOverIndex(null);
return;
}
const draggedEdge = edges[draggedIndex];
const targetRank = edges[targetIndex].node.rank;
const draggedId = draggedEdge.node.id;
await updateRank({
variables: { input: { id: draggedId, name: draggedEdge.node.name, url: draggedEdge.node.url, rank: targetRank } },
updater: (store) => {
const connection = store.get(connectionId);
if (!connection) return;
const storeEdges = connection.getLinkedRecords("edges");
if (!storeEdges) return;
const fromIdx = storeEdges.findIndex(e => e.getLinkedRecord("node")?.getDataID() === draggedId);
const toIdx = storeEdges.findIndex(e => e.getLinkedRecord("node")?.getDataID() === edges[targetIndex].node.id);
if (fromIdx === -1 || toIdx === -1) return;
const reordered = [...storeEdges];
const [moved] = reordered.splice(fromIdx, 1);
reordered.splice(toIdx, 0, moved);
connection.setLinkedRecords(reordered, "edges");
},
onCompleted: (_, errors) => {
startTransition(() => {
refetch({}, { fetchPolicy: errors?.length ? "network-only" : "store-and-network" });
});
},
});
setDraggedIndex(null);
setDragOverIndex(null);
},
[draggedIndex, edges, connectionId, updateRank, refetch, startTransition],
);
return (
<div className="space-y-4">
<div className="flex items-center justify-between">
<div>
<h3 className="text-base font-medium">{__("Custom links")}</h3>
<p className="text-sm text-txt-tertiary">
{__("Add external URLs to display on your compliance page")}
</p>
</div>
{canEdit && (
<Button icon={IconPlusLarge} onClick={handleCreate}>
{__("Add link")}
</Button>
)}
</div>
<Table>
<Thead>
<Tr>
<Th>{__("Name")}</Th>
<Th>{__("URL")}</Th>
<Th />
</Tr>
</Thead>
<Tbody>
{edges.length === 0 && (
<Tr>
<Td colSpan={3} className="text-center text-txt-secondary">
{__("No custom links yet")}
</Td>
</Tr>
)}
{edges.map(({ node }, index) => (
<ExternalUrlRow
key={node.id}
node={node}
canEdit={canEdit}
connectionId={connectionId}
isDragging={draggedIndex === index}
isDropTarget={dragOverIndex === index && draggedIndex !== index}
onDragStart={() => setDraggedIndex(index)}
onDragOver={e => handleDragOver(e, index)}
onDrop={() => void handleDrop(index)}
onDragEnd={() => {
setDraggedIndex(null);
setDragOverIndex(null);
}}
onEdit={handleEdit}
/>
))}
</Tbody>
</Table>
{edges.length > 1 && canEdit && (
<p className="text-sm text-txt-tertiary">
{__("Drag and drop to change the displayed order")}
</p>
)}
<ExternalUrlDialog ref={dialogRef} />
</div>
);
}

View File

@@ -1,4 +1,4 @@
import { formatError } from "@probo/helpers";
import { detectSocialName, externalLinkProps, formatError } from "@probo/helpers";
import { useSystemTheme } from "@probo/hooks";
import { useTranslate } from "@probo/i18n";
import { UnAuthenticatedError } from "@probo/relay";
@@ -8,6 +8,7 @@ import {
IconBlock,
IconLock,
IconMedal,
SocialIcon,
useToast,
} from "@probo/ui";
import { type PropsWithChildren } from "react";
@@ -125,11 +126,7 @@ export function OrganizationSidebar({
</h2>
{trustCenter.organization.websiteUrl && (
<BusinessInfo label={__("Website")}>
<a
href={trustCenter.organization.websiteUrl}
target="_blank"
rel="noopener noreferrer"
>
<a {...externalLinkProps(trustCenter.organization.websiteUrl)}>
<span className="text-txt-info hover:underline ">
{new URL(trustCenter.organization.websiteUrl).host}
</span>
@@ -150,6 +147,20 @@ export function OrganizationSidebar({
{trustCenter.organization.headquarterAddress}
</BusinessInfo>
)}
{trustCenter.externalUrls.edges.length > 0 && (
<div className="flex flex-wrap gap-x-4 gap-y-2">
{trustCenter.externalUrls.edges.map(({ node }) => (
<a
key={node.id}
{...externalLinkProps(node.url)}
className="flex items-center gap-1.5 text-sm text-txt-secondary hover:text-txt-primary transition-colors"
>
<SocialIcon socialName={detectSocialName(node.url)} size={14} className="shrink-0" />
<span>{node.name}</span>
</a>
))}
</div>
)}
<hr className="my-6 -mx-6 h-px bg-border-low border-none" />

View File

@@ -22,6 +22,15 @@ export const currentTrustGraphQuery = graphql`
email
headquarterAddress
}
externalUrls(first: 20) {
edges {
node {
id
name
url
}
}
}
...OverviewPageFragment
vendorInfo: vendors(first: 0) {
totalCount

View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<4eef287e3e3152affa1b16189a504c36>>
* @generated SignedSource<<74757bf9a32552f6353eb888c9f663cd>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -33,6 +33,15 @@ export type TrustGraphCurrentQuery$data = {
}>;
};
readonly darkLogoFileUrl: string | null | undefined;
readonly externalUrls: {
readonly edges: ReadonlyArray<{
readonly node: {
readonly id: string;
readonly name: string;
readonly url: string;
};
}>;
};
readonly id: string;
readonly logoFileUrl: string | null | undefined;
readonly nonDisclosureAgreement: {
@@ -147,6 +156,54 @@ v11 = {
"storageKey": null
},
v12 = {
"alias": null,
"args": [
{
"kind": "Literal",
"name": "first",
"value": 20
}
],
"concreteType": "ComplianceExternalURLConnection",
"kind": "LinkedField",
"name": "externalUrls",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURLEdge",
"kind": "LinkedField",
"name": "edges",
"plural": true,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "ComplianceExternalURL",
"kind": "LinkedField",
"name": "node",
"plural": false,
"selections": [
(v0/*: any*/),
(v7/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "url",
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": "externalUrls(first:20)"
},
v13 = {
"alias": "vendorInfo",
"args": [
{
@@ -170,28 +227,28 @@ v12 = {
],
"storageKey": "vendors(first:0)"
},
v13 = [
v14 = [
{
"kind": "Literal",
"name": "first",
"value": 50
}
],
v14 = [
v15 = [
{
"kind": "Literal",
"name": "first",
"value": 5
}
],
v15 = {
v16 = {
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "isUserAuthorized",
"storageKey": null
},
v16 = {
v17 = {
"alias": null,
"args": null,
"concreteType": "DocumentAccess",
@@ -204,7 +261,7 @@ v16 = {
],
"storageKey": null
},
v17 = {
v18 = {
"alias": null,
"args": null,
"concreteType": "Framework",
@@ -293,15 +350,16 @@ return {
],
"storageKey": null
},
(v12/*: any*/),
{
"args": null,
"kind": "FragmentSpread",
"name": "OverviewPageFragment"
},
(v12/*: any*/),
(v13/*: any*/),
{
"alias": null,
"args": (v13/*: any*/),
"args": (v14/*: any*/),
"concreteType": "AuditConnection",
"kind": "LinkedField",
"name": "audits",
@@ -340,7 +398,7 @@ return {
},
{
"alias": null,
"args": (v13/*: any*/),
"args": (v14/*: any*/),
"concreteType": "ComplianceFrameworkConnection",
"kind": "LinkedField",
"name": "complianceFrameworks",
@@ -458,6 +516,7 @@ return {
],
"storageKey": null
},
(v12/*: any*/),
{
"alias": null,
"args": [
@@ -559,7 +618,7 @@ return {
},
{
"alias": null,
"args": (v14/*: any*/),
"args": (v15/*: any*/),
"concreteType": "DocumentConnection",
"kind": "LinkedField",
"name": "documents",
@@ -589,8 +648,8 @@ return {
"name": "title",
"storageKey": null
},
(v15/*: any*/),
(v16/*: any*/),
(v17/*: any*/),
{
"alias": null,
"args": null,
@@ -609,7 +668,7 @@ return {
},
{
"alias": null,
"args": (v14/*: any*/),
"args": (v15/*: any*/),
"concreteType": "TrustCenterFileConnection",
"kind": "LinkedField",
"name": "trustCenterFiles",
@@ -640,8 +699,8 @@ return {
"storageKey": null
},
(v7/*: any*/),
(v15/*: any*/),
(v16/*: any*/)
(v16/*: any*/),
(v17/*: any*/)
],
"storageKey": null
}
@@ -651,10 +710,10 @@ return {
],
"storageKey": "trustCenterFiles(first:5)"
},
(v12/*: any*/),
(v13/*: any*/),
{
"alias": null,
"args": (v13/*: any*/),
"args": (v14/*: any*/),
"concreteType": "AuditConnection",
"kind": "LinkedField",
"name": "audits",
@@ -694,12 +753,12 @@ return {
"name": "filename",
"storageKey": null
},
(v15/*: any*/),
(v16/*: any*/)
(v16/*: any*/),
(v17/*: any*/)
],
"storageKey": null
},
(v17/*: any*/)
(v18/*: any*/)
],
"storageKey": null
}
@@ -711,7 +770,7 @@ return {
},
{
"alias": null,
"args": (v13/*: any*/),
"args": (v14/*: any*/),
"concreteType": "ComplianceFrameworkConnection",
"kind": "LinkedField",
"name": "complianceFrameworks",
@@ -734,7 +793,7 @@ return {
"plural": false,
"selections": [
(v0/*: any*/),
(v17/*: any*/)
(v18/*: any*/)
],
"storageKey": null
}
@@ -750,16 +809,16 @@ return {
]
},
"params": {
"cacheID": "e64b984bdcf5a5fb2f19e69c6205ba9a",
"cacheID": "96e75937f385e17b760440e001cefc47",
"id": null,
"metadata": {},
"name": "TrustGraphCurrentQuery",
"operationKind": "query",
"text": "query TrustGraphCurrentQuery {\n currentTrustCenter {\n id\n slug\n logoFileUrl\n darkLogoFileUrl\n nonDisclosureAgreement {\n fileName\n fileUrl\n viewerSignature {\n status\n id\n }\n }\n organization {\n name\n description\n websiteUrl\n email\n headquarterAddress\n id\n }\n ...OverviewPageFragment\n vendorInfo: vendors(first: 0) {\n totalCount\n }\n audits(first: 50) {\n edges {\n node {\n id\n ...AuditRowFragment\n }\n }\n }\n complianceFrameworks(first: 50) {\n edges {\n node {\n id\n framework {\n ...FrameworkBadgeFragment\n id\n }\n }\n }\n }\n }\n}\n\nfragment AuditRowFragment on Audit {\n name\n report {\n id\n filename\n isUserAuthorized\n access {\n id\n status\n }\n }\n framework {\n id\n name\n lightLogoURL\n darkLogoURL\n }\n}\n\nfragment DocumentRowFragment on Document {\n id\n title\n isUserAuthorized\n access {\n id\n status\n }\n}\n\nfragment FrameworkBadgeFragment on Framework {\n id\n name\n lightLogoURL\n darkLogoURL\n}\n\nfragment OverviewPageFragment on TrustCenter {\n references(first: 14) {\n edges {\n node {\n id\n name\n logoUrl\n websiteUrl\n }\n }\n }\n vendors(first: 3) {\n edges {\n node {\n id\n countries\n ...VendorRowFragment\n }\n }\n }\n documents(first: 5) {\n edges {\n node {\n id\n ...DocumentRowFragment\n documentType\n }\n }\n }\n trustCenterFiles(first: 5) {\n edges {\n node {\n id\n category\n ...TrustCenterFileRowFragment\n }\n }\n }\n}\n\nfragment TrustCenterFileRowFragment on TrustCenterFile {\n id\n name\n isUserAuthorized\n access {\n id\n status\n }\n}\n\nfragment VendorRowFragment on Vendor {\n name\n description\n websiteUrl\n countries\n}\n"
"text": "query TrustGraphCurrentQuery {\n currentTrustCenter {\n id\n slug\n logoFileUrl\n darkLogoFileUrl\n nonDisclosureAgreement {\n fileName\n fileUrl\n viewerSignature {\n status\n id\n }\n }\n organization {\n name\n description\n websiteUrl\n email\n headquarterAddress\n id\n }\n externalUrls(first: 20) {\n edges {\n node {\n id\n name\n url\n }\n }\n }\n ...OverviewPageFragment\n vendorInfo: vendors(first: 0) {\n totalCount\n }\n audits(first: 50) {\n edges {\n node {\n id\n ...AuditRowFragment\n }\n }\n }\n complianceFrameworks(first: 50) {\n edges {\n node {\n id\n framework {\n ...FrameworkBadgeFragment\n id\n }\n }\n }\n }\n }\n}\n\nfragment AuditRowFragment on Audit {\n name\n report {\n id\n filename\n isUserAuthorized\n access {\n id\n status\n }\n }\n framework {\n id\n name\n lightLogoURL\n darkLogoURL\n }\n}\n\nfragment DocumentRowFragment on Document {\n id\n title\n isUserAuthorized\n access {\n id\n status\n }\n}\n\nfragment FrameworkBadgeFragment on Framework {\n id\n name\n lightLogoURL\n darkLogoURL\n}\n\nfragment OverviewPageFragment on TrustCenter {\n references(first: 14) {\n edges {\n node {\n id\n name\n logoUrl\n websiteUrl\n }\n }\n }\n vendors(first: 3) {\n edges {\n node {\n id\n countries\n ...VendorRowFragment\n }\n }\n }\n documents(first: 5) {\n edges {\n node {\n id\n ...DocumentRowFragment\n documentType\n }\n }\n }\n trustCenterFiles(first: 5) {\n edges {\n node {\n id\n category\n ...TrustCenterFileRowFragment\n }\n }\n }\n}\n\nfragment TrustCenterFileRowFragment on TrustCenterFile {\n id\n name\n isUserAuthorized\n access {\n id\n status\n }\n}\n\nfragment VendorRowFragment on Vendor {\n name\n description\n websiteUrl\n countries\n}\n"
}
};
})();
(node as any).hash = "d1ce7e38b42fad48e9f38bf00bb34d56";
(node as any).hash = "ca6f04fecf9bce92407f33e8c0e4bd03";
export default node;