rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dpa on vendors

Browse Source 
Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
This commit is contained in:
Sacha Al Himdani
2025-08-13 16:27:52 +02:00
parent 55bf6da78b
commit ee456aaa0f
22 changed files with 3618 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/console/src/hooks/graph/VendorGraph.ts
View File

@@ -155,6 +155,7 @@ export const vendorNodeQuery = graphql`
...VendorContactsTabFragment
...VendorRiskAssessmentTabFragment
...VendorOverviewTabBusinessAssociateAgreementFragment
...VendorOverviewTabDataPrivacyAgreementFragment
}
}
viewer {

68
apps/console/src/hooks/graph/__generated__/VendorGraphNodeQuery.graphql.ts generated
View File

@@ -1,5 +1,5 @@
/**
* @generated SignedSource<<da74b0f7535be59a3442b643c71931d7>>
* @generated SignedSource<<b7911bef9124adb41e7337c903b4910f>>
* @lightSyntaxTransform
* @nogrep
*/
@@ -19,7 +19,7 @@ export type VendorGraphNodeQuery$data = {
readonly id?: string;
readonly name?: string;
readonly websiteUrl?: string | null | undefined;
readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment" | "VendorContactsTabFragment" | "VendorOverviewTabBusinessAssociateAgreementFragment" | "VendorRiskAssessmentTabFragment" | "useVendorFormFragment">;
readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment" | "VendorContactsTabFragment" | "VendorOverviewTabBusinessAssociateAgreementFragment" | "VendorOverviewTabDataPrivacyAgreementFragment" | "VendorRiskAssessmentTabFragment" | "useVendorFormFragment">;
};
readonly viewer: {
readonly user: {
@@ -198,7 +198,27 @@ v21 = {
"kind": "ScalarField",
"name": "createdAt",
"storageKey": null
};
},
v22 = [
(v3/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileName",
"storageKey": null
},
(v11/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "validFrom",
"storageKey": null
},
(v10/*: any*/),
(v21/*: any*/)
];
return {
"fragment": {
"argumentDefinitions": [
@@ -247,6 +267,11 @@ return {
"args": null,
"kind": "FragmentSpread",
"name": "VendorOverviewTabBusinessAssociateAgreementFragment"
},
{
"args": null,
"kind": "FragmentSpread",
"name": "VendorOverviewTabDataPrivacyAgreementFragment"
}
],
"type": "Vendor",
@@ -666,26 +691,17 @@ return {
"kind": "LinkedField",
"name": "businessAssociateAgreement",
"plural": false,
"selections": [
(v3/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileName",
"storageKey": null
},
(v11/*: any*/),
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "validFrom",
"storageKey": null
},
(v10/*: any*/),
(v21/*: any*/)
],
"selections": (v22/*: any*/),
"storageKey": null
},
{
"alias": null,
"args": null,
"concreteType": "VendorDataPrivacyAgreement",
"kind": "LinkedField",
"name": "dataPrivacyAgreement",
"plural": false,
"selections": (v22/*: any*/),
"storageKey": null
}
],
@@ -723,16 +739,16 @@ return {
]
},
"params": {
"cacheID": "506d89b503073e18cbf657aec5d62c71",
"cacheID": "5e87c78ed85f28f7390e2aada6c241e8",
"id": null,
"metadata": {},
"name": "VendorGraphNodeQuery",
"operationKind": "query",
"text": "query VendorGraphNodeQuery(\n $vendorId: ID!\n $organizationId: ID!\n) {\n node(id: $vendorId) {\n __typename\n ... on Vendor {\n id\n name\n websiteUrl\n ...useVendorFormFragment\n ...VendorComplianceTabFragment\n ...VendorContactsTabFragment\n ...VendorRiskAssessmentTabFragment\n ...VendorOverviewTabBusinessAssociateAgreementFragment\n }\n id\n }\n viewer {\n user {\n people(organizationId: $organizationId) {\n id\n }\n id\n }\n id\n }\n}\n\nfragment VendorComplianceTabFragment on Vendor {\n complianceReports(first: 50) {\n edges {\n node {\n id\n ...VendorComplianceTabFragment_report\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n id\n}\n\nfragment VendorComplianceTabFragment_report on VendorComplianceReport {\n id\n reportDate\n validUntil\n reportName\n fileUrl\n fileSize\n}\n\nfragment VendorContactsTabFragment on Vendor {\n contacts(first: 50) {\n edges {\n node {\n id\n ...VendorContactsTabFragment_contact\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n id\n}\n\nfragment VendorContactsTabFragment_contact on VendorContact {\n id\n fullName\n email\n phone\n role\n createdAt\n updatedAt\n}\n\nfragment VendorOverviewTabBusinessAssociateAgreementFragment on Vendor {\n businessAssociateAgreement {\n id\n fileName\n fileUrl\n validFrom\n validUntil\n createdAt\n }\n}\n\nfragment VendorRiskAssessmentTabFragment on Vendor {\n id\n riskAssessments(first: 50) {\n edges {\n node {\n id\n ...VendorRiskAssessmentTabFragment_assessment\n __typename\n }\n cursor\n }\n pageInfo {\n hasNextPage\n endCursor\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment VendorRiskAssessmentTabFragment_assessment on VendorRiskAssessment {\n id\n assessedAt\n assessedBy {\n id\n fullName\n }\n expiresAt\n dataSensitivity\n businessImpact\n notes\n}\n\nfragment useVendorFormFragment on Vendor {\n id\n name\n description\n statusPageUrl\n termsOfServiceUrl\n privacyPolicyUrl\n serviceLevelAgreementUrl\n dataProcessingAgreementUrl\n websiteUrl\n legalName\n headquarterAddress\n certifications\n securityPageUrl\n trustPageUrl\n businessOwner {\n id\n }\n securityOwner {\n id\n }\n}\n"
"text": "query VendorGraphNodeQuery(\n $vendorId: ID!\n $organizationId: ID!\n) {\n node(id: $vendorId) {\n __typename\n ... on Vendor {\n id\n name\n websiteUrl\n ...useVendorFormFragment\n ...VendorComplianceTabFragment\n ...VendorContactsTabFragment\n ...VendorRiskAssessmentTabFragment\n ...VendorOverviewTabBusinessAssociateAgreementFragment\n ...VendorOverviewTabDataPrivacyAgreementFragment\n }\n id\n }\n viewer {\n user {\n people(organizationId: $organizationId) {\n id\n }\n id\n }\n id\n }\n}\n\nfragment VendorComplianceTabFragment on Vendor {\n complianceReports(first: 50) {\n edges {\n node {\n id\n ...VendorComplianceTabFragment_report\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n id\n}\n\nfragment VendorComplianceTabFragment_report on VendorComplianceReport {\n id\n reportDate\n validUntil\n reportName\n fileUrl\n fileSize\n}\n\nfragment VendorContactsTabFragment on Vendor {\n contacts(first: 50) {\n edges {\n node {\n id\n ...VendorContactsTabFragment_contact\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n id\n}\n\nfragment VendorContactsTabFragment_contact on VendorContact {\n id\n fullName\n email\n phone\n role\n createdAt\n updatedAt\n}\n\nfragment VendorOverviewTabBusinessAssociateAgreementFragment on Vendor {\n businessAssociateAgreement {\n id\n fileName\n fileUrl\n validFrom\n validUntil\n createdAt\n }\n}\n\nfragment VendorOverviewTabDataPrivacyAgreementFragment on Vendor {\n dataPrivacyAgreement {\n id\n fileName\n fileUrl\n validFrom\n validUntil\n createdAt\n }\n}\n\nfragment VendorRiskAssessmentTabFragment on Vendor {\n id\n riskAssessments(first: 50) {\n edges {\n node {\n id\n ...VendorRiskAssessmentTabFragment_assessment\n __typename\n }\n cursor\n }\n pageInfo {\n hasNextPage\n endCursor\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment VendorRiskAssessmentTabFragment_assessment on VendorRiskAssessment {\n id\n assessedAt\n assessedBy {\n id\n fullName\n }\n expiresAt\n dataSensitivity\n businessImpact\n notes\n}\n\nfragment useVendorFormFragment on Vendor {\n id\n name\n description\n statusPageUrl\n termsOfServiceUrl\n privacyPolicyUrl\n serviceLevelAgreementUrl\n dataProcessingAgreementUrl\n websiteUrl\n legalName\n headquarterAddress\n certifications\n securityPageUrl\n trustPageUrl\n businessOwner {\n id\n }\n securityOwner {\n id\n }\n}\n"
}
};
})();
(node as any).hash = "b5ea2120ec2f0f09ed29e19bbf232622";
(node as any).hash = "82f82a56df0ea5b755937ebcc55c1382";
export default node;

89
apps/console/src/pages/organizations/vendors/dialogs/DeleteDataPrivacyAgreementDialog.tsx vendored Normal file
View File

@@ -0,0 +1,89 @@
import {
Button,
Dialog,
DialogContent,
DialogFooter,
Spinner,
useDialogRef,
} from "@probo/ui";
import { useTranslate } from "@probo/i18n";
import { sprintf } from "@probo/helpers";
import { graphql } from "react-relay";
import { useMutationWithToasts } from "/hooks/useMutationWithToasts";
const deleteDataPrivacyAgreementMutation = graphql`
mutation DeleteDataPrivacyAgreementDialogMutation(
$input: DeleteVendorDataPrivacyAgreementInput!
) {
deleteVendorDataPrivacyAgreement(input: $input) {
deletedVendorId
}
}
`;
type Props = {
children: React.ReactNode;
vendorId: string;
fileName: string;
onSuccess?: () => void;
};
export function DeleteDataPrivacyAgreementDialog({
children,
vendorId,
fileName,
onSuccess,
}: Props) {
const { __ } = useTranslate();
const ref = useDialogRef();
const [mutate, isDeleting] = useMutationWithToasts(deleteDataPrivacyAgreementMutation, {
successMessage: __("Data Privacy Agreement deleted successfully"),
errorMessage: __("Failed to delete Data Privacy Agreement"),
});
const handleDelete = async () => {
await mutate({
variables: {
input: {
vendorId,
},
},
});
onSuccess?.();
ref.current?.close();
};
return (
<Dialog
ref={ref}
trigger={children}
title={__("Delete Data Privacy Agreement")}
className="max-w-md"
>
<DialogContent padded>
<p className="text-txt-secondary">
{sprintf(
__("Are you sure you want to delete the Data Privacy Agreement \"%s\"?"),
fileName
)}
</p>
<p className="text-txt-secondary mt-2">
{__("This action cannot be undone.")}
</p>
</DialogContent>
<DialogFooter>
<Button
variant="danger"
onClick={handleDelete}
disabled={isDeleting}
icon={isDeleting ? Spinner : undefined}
>
{__("Delete")}
</Button>
</DialogFooter>
</Dialog>
);
}

135
apps/console/src/pages/organizations/vendors/dialogs/EditDataPrivacyAgreementDialog.tsx vendored Normal file
View File

@@ -0,0 +1,135 @@
import {
Button,
Dialog,
DialogContent,
DialogFooter,
Field,
Input,
Spinner,
useDialogRef,
} from "@probo/ui";
import { useTranslate } from "@probo/i18n";
import { graphql } from "react-relay";
import { z } from "zod";
import { useFormWithSchema } from "/hooks/useFormWithSchema";
import { useMutationWithToasts } from "/hooks/useMutationWithToasts";
const updateDataPrivacyAgreementMutation = graphql`
mutation EditDataPrivacyAgreementDialogMutation(
$input: UpdateVendorDataPrivacyAgreementInput!
) {
updateVendorDataPrivacyAgreement(input: $input) {
vendorDataPrivacyAgreement {
id
fileUrl
validFrom
validUntil
createdAt
}
}
}
`;
const schema = z.object({
validFrom: z.string().optional(),
validUntil: z.string().optional(),
});
type Props = {
children: React.ReactNode;
vendorId: string;
agreement: {
validFrom?: string | null;
validUntil?: string | null;
};
onSuccess?: () => void;
};
export function EditDataPrivacyAgreementDialog({
children,
vendorId,
agreement,
onSuccess,
}: Props) {
const { __ } = useTranslate();
const ref = useDialogRef();
const formatDateForForm = (datetime?: string | null) => {
if (!datetime) return "";
return datetime.split("T")[0];
};
const {
register,
handleSubmit,
formState: { isSubmitting },
reset,
} = useFormWithSchema(schema, {
defaultValues: {
validFrom: formatDateForForm(agreement.validFrom),
validUntil: formatDateForForm(agreement.validUntil),
},
});
const [mutate] = useMutationWithToasts(updateDataPrivacyAgreementMutation, {
successMessage: __("Data Privacy Agreement updated successfully"),
errorMessage: __("Failed to update Data Privacy Agreement"),
});
const onSubmit = handleSubmit(async (data) => {
const formatDatetime = (dateString?: string) => {
if (!dateString) return null;
return `${dateString}T00:00:00Z`;
};
await mutate({
variables: {
input: {
vendorId,
validFrom: formatDatetime(data.validFrom),
validUntil: formatDatetime(data.validUntil),
},
},
});
onSuccess?.();
ref.current?.close();
});
const handleClose = () => {
reset();
};
return (
<Dialog
title={__("Edit Data Privacy Agreement")}
ref={ref}
trigger={children}
className="max-w-lg"
onClose={handleClose}
>
<form onSubmit={onSubmit}>
<DialogContent padded className="space-y-4">
<div className="grid grid-cols-2 gap-4">
<Field label={__("Valid from")}>
<Input {...register("validFrom")} type="date" />
</Field>
<Field label={__("Valid until")}>
<Input {...register("validUntil")} type="date" />
</Field>
</div>
</DialogContent>
<DialogFooter>
<Button
type="submit"
disabled={isSubmitting}
icon={isSubmitting ? Spinner : undefined}
>
{__("Update")}
</Button>
</DialogFooter>
</form>
</Dialog>
);
}

178
apps/console/src/pages/organizations/vendors/dialogs/UploadDataPrivacyAgreementDialog.tsx vendored Normal file
View File

@@ -0,0 +1,178 @@
import {
Button,
Dialog,
DialogContent,
DialogFooter,
Dropzone,
Field,
Spinner,
Input,
useDialogRef,
} from "@probo/ui";
import { useTranslate } from "@probo/i18n";
import { graphql } from "react-relay";
import { z } from "zod";
import { useFormWithSchema } from "/hooks/useFormWithSchema";
import { useMutationWithToasts } from "/hooks/useMutationWithToasts";
import { useState } from "react";
const uploadDataPrivacyAgreementMutation = graphql`
mutation UploadDataPrivacyAgreementDialogMutation(
$input: UploadVendorDataPrivacyAgreementInput!
) {
uploadVendorDataPrivacyAgreement(input: $input) {
vendorDataPrivacyAgreement {
id
fileName
fileUrl
validFrom
validUntil
createdAt
}
}
}
`;
const schema = z.object({
fileName: z.string().min(1, "File name is required"),
validFrom: z.string().optional(),
validUntil: z.string().optional(),
});
type Props = {
children: React.ReactNode;
vendorId: string;
onSuccess?: () => void;
};
export function UploadDataPrivacyAgreementDialog({
children,
vendorId,
onSuccess,
}: Props) {
const { __ } = useTranslate();
const [uploadedFile, setUploadedFile] = useState<File | null>(null);
const ref = useDialogRef();
const {
register,
handleSubmit,
formState: { errors, isSubmitting },
reset,
setValue,
} = useFormWithSchema(schema, {
defaultValues: {
fileName: "",
validFrom: "",
validUntil: "",
},
});
const [mutate] = useMutationWithToasts(uploadDataPrivacyAgreementMutation, {
successMessage: __("Data Privacy Agreement uploaded successfully"),
errorMessage: __("Failed to upload Data Privacy Agreement"),
});
const handleDrop = (files: File[]) => {
if (files.length > 0) {
const file = files[0];
setUploadedFile(file);
setValue("fileName", file.name);
}
};
const onSubmit = handleSubmit(async (data) => {
if (!uploadedFile) {
return;
}
const formatDatetime = (dateString?: string) => {
if (!dateString) return null;
return `${dateString}T00:00:00Z`;
};
await mutate({
variables: {
input: {
vendorId,
fileName: data.fileName,
validFrom: formatDatetime(data.validFrom),
validUntil: formatDatetime(data.validUntil),
file: null,
},
},
uploadables: {
"input.file": uploadedFile,
},
});
reset();
setUploadedFile(null);
onSuccess?.();
ref.current?.close();
});
const handleClose = () => {
reset();
setUploadedFile(null);
};
return (
<Dialog
title={__("Upload Data Privacy Agreement")}
ref={ref}
trigger={children}
className="max-w-lg"
onClose={handleClose}
>
<form onSubmit={onSubmit}>
<DialogContent padded className="space-y-4">
<Dropzone
description={__("Only PDF files up to 10MB are allowed")}
isUploading={isSubmitting}
onDrop={handleDrop}
accept={{
"application/pdf": [".pdf"],
}}
maxSize={10}
/>
{uploadedFile && (
<div className="p-3 bg-tertiary-subtle rounded-lg">
<p className="text-sm font-medium">{__("Selected file")}:</p>
<p className="text-sm text-txt-secondary">{uploadedFile.name}</p>
</div>
)}
<Field
{...register("fileName")}
label={__("File name")}
type="text"
required
error={errors.fileName?.message}
placeholder={__("Data Privacy Agreement")}
/>
<div className="grid grid-cols-2 gap-4">
<Field label={__("Valid from")}>
<Input {...register("validFrom")} type="date" />
</Field>
<Field label={__("Valid until")}>
<Input {...register("validUntil")} type="date" />
</Field>
</div>
</DialogContent>
<DialogFooter>
<Button
type="submit"
disabled={isSubmitting || !uploadedFile}
icon={isSubmitting ? Spinner : undefined}
>
{__("Upload")}
</Button>
</DialogFooter>
</form>
</Dialog>
);
}

92
apps/console/src/pages/organizations/vendors/dialogs/__generated__/DeleteDataPrivacyAgreementDialogMutation.graphql.ts generated vendored Normal file
View File

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

139
apps/console/src/pages/organizations/vendors/dialogs/__generated__/EditDataPrivacyAgreementDialogMutation.graphql.ts generated vendored Normal file
View File

@@ -0,0 +1,139 @@
/**
* @generated SignedSource<<161930fef961066719e45ce1f899dd38>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
export type UpdateVendorDataPrivacyAgreementInput = {
validFrom?: any | null | undefined;
validUntil?: any | null | undefined;
vendorId: string;
};
export type EditDataPrivacyAgreementDialogMutation$variables = {
input: UpdateVendorDataPrivacyAgreementInput;
};
export type EditDataPrivacyAgreementDialogMutation$data = {
readonly updateVendorDataPrivacyAgreement: {
readonly vendorDataPrivacyAgreement: {
readonly createdAt: any;
readonly fileUrl: string;
readonly id: string;
readonly validFrom: any | null | undefined;
readonly validUntil: any | null | undefined;
};
};
};
export type EditDataPrivacyAgreementDialogMutation = {
response: EditDataPrivacyAgreementDialogMutation$data;
variables: EditDataPrivacyAgreementDialogMutation$variables;
};
const node: ConcreteRequest = (function(){
var v0 = [
{
"defaultValue": null,
"kind": "LocalArgument",
"name": "input"
}
],
v1 = [
{
"alias": null,
"args": [
{
"kind": "Variable",
"name": "input",
"variableName": "input"
}
],
"concreteType": "UpdateVendorDataPrivacyAgreementPayload",
"kind": "LinkedField",
"name": "updateVendorDataPrivacyAgreement",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "VendorDataPrivacyAgreement",
"kind": "LinkedField",
"name": "vendorDataPrivacyAgreement",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "validFrom",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "validUntil",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "createdAt",
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": null
}
];
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Fragment",
"metadata": null,
"name": "EditDataPrivacyAgreementDialogMutation",
"selections": (v1/*: any*/),
"type": "Mutation",
"abstractKey": null
},
"kind": "Request",
"operation": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Operation",
"name": "EditDataPrivacyAgreementDialogMutation",
"selections": (v1/*: any*/)
},
"params": {
"cacheID": "e84e9f9457d6e4dc295578e540aa3e64",
"id": null,
"metadata": {},
"name": "EditDataPrivacyAgreementDialogMutation",
"operationKind": "mutation",
"text": "mutation EditDataPrivacyAgreementDialogMutation(\n $input: UpdateVendorDataPrivacyAgreementInput!\n) {\n updateVendorDataPrivacyAgreement(input: $input) {\n vendorDataPrivacyAgreement {\n id\n fileUrl\n validFrom\n validUntil\n createdAt\n }\n }\n}\n"
}
};
})();
(node as any).hash = "b2caa3bc89953896a848ee77fd96a767";
export default node;

149
apps/console/src/pages/organizations/vendors/dialogs/__generated__/UploadDataPrivacyAgreementDialogMutation.graphql.ts generated vendored Normal file
View File

@@ -0,0 +1,149 @@
/**
* @generated SignedSource<<6d5f65677b0f86e7042fd5f7c58d6f08>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ConcreteRequest } from 'relay-runtime';
export type UploadVendorDataPrivacyAgreementInput = {
file: any;
fileName: string;
validFrom?: any | null | undefined;
validUntil?: any | null | undefined;
vendorId: string;
};
export type UploadDataPrivacyAgreementDialogMutation$variables = {
input: UploadVendorDataPrivacyAgreementInput;
};
export type UploadDataPrivacyAgreementDialogMutation$data = {
readonly uploadVendorDataPrivacyAgreement: {
readonly vendorDataPrivacyAgreement: {
readonly createdAt: any;
readonly fileName: string;
readonly fileUrl: string;
readonly id: string;
readonly validFrom: any | null | undefined;
readonly validUntil: any | null | undefined;
};
};
};
export type UploadDataPrivacyAgreementDialogMutation = {
response: UploadDataPrivacyAgreementDialogMutation$data;
variables: UploadDataPrivacyAgreementDialogMutation$variables;
};
const node: ConcreteRequest = (function(){
var v0 = [
{
"defaultValue": null,
"kind": "LocalArgument",
"name": "input"
}
],
v1 = [
{
"alias": null,
"args": [
{
"kind": "Variable",
"name": "input",
"variableName": "input"
}
],
"concreteType": "UploadVendorDataPrivacyAgreementPayload",
"kind": "LinkedField",
"name": "uploadVendorDataPrivacyAgreement",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"concreteType": "VendorDataPrivacyAgreement",
"kind": "LinkedField",
"name": "vendorDataPrivacyAgreement",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileName",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "validFrom",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "validUntil",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "createdAt",
"storageKey": null
}
],
"storageKey": null
}
],
"storageKey": null
}
];
return {
"fragment": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Fragment",
"metadata": null,
"name": "UploadDataPrivacyAgreementDialogMutation",
"selections": (v1/*: any*/),
"type": "Mutation",
"abstractKey": null
},
"kind": "Request",
"operation": {
"argumentDefinitions": (v0/*: any*/),
"kind": "Operation",
"name": "UploadDataPrivacyAgreementDialogMutation",
"selections": (v1/*: any*/)
},
"params": {
"cacheID": "c59302d882fc9406dd7f09072db552b5",
"id": null,
"metadata": {},
"name": "UploadDataPrivacyAgreementDialogMutation",
"operationKind": "mutation",
"text": "mutation UploadDataPrivacyAgreementDialogMutation(\n $input: UploadVendorDataPrivacyAgreementInput!\n) {\n uploadVendorDataPrivacyAgreement(input: $input) {\n vendorDataPrivacyAgreement {\n id\n fileName\n fileUrl\n validFrom\n validUntil\n createdAt\n }\n }\n}\n"
}
};
})();
(node as any).hash = "8e4e70e111836cebd850061a75872980";
export default node;

88
apps/console/src/pages/organizations/vendors/tabs/VendorOverviewTab.tsx vendored
View File

@@ -11,8 +11,12 @@ import { useFragment, graphql } from "react-relay";
import { UploadBusinessAssociateAgreementDialog } from "../dialogs/UploadBusinessAssociateAgreementDialog";
import { DeleteBusinessAssociateAgreementDialog } from "../dialogs/DeleteBusinessAssociateAgreementDialog";
import { EditBusinessAssociateAgreementDialog } from "../dialogs/EditBusinessAssociateAgreementDialog";
import { UploadDataPrivacyAgreementDialog } from "../dialogs/UploadDataPrivacyAgreementDialog";
import { DeleteDataPrivacyAgreementDialog } from "../dialogs/DeleteDataPrivacyAgreementDialog";
import { EditDataPrivacyAgreementDialog } from "../dialogs/EditDataPrivacyAgreementDialog";
import type { useVendorFormFragment$key } from "/hooks/forms/__generated__/useVendorFormFragment.graphql";
import type { VendorOverviewTabBusinessAssociateAgreementFragment$key } from "./__generated__/VendorOverviewTabBusinessAssociateAgreementFragment.graphql";
import type { VendorOverviewTabDataPrivacyAgreementFragment$key } from "./__generated__/VendorOverviewTabDataPrivacyAgreementFragment.graphql";
const vendorBusinessAssociateAgreementFragment = graphql`
fragment VendorOverviewTabBusinessAssociateAgreementFragment on Vendor {
@@ -27,13 +31,26 @@ const vendorBusinessAssociateAgreementFragment = graphql`
}
`;
const vendorDataPrivacyAgreementFragment = graphql`
fragment VendorOverviewTabDataPrivacyAgreementFragment on Vendor {
dataPrivacyAgreement {
id
fileName
fileUrl
validFrom
validUntil
createdAt
}
}
`;
export default function VendorOverviewTab() {
const { vendor } = useOutletContext<{
vendor: useVendorFormFragment$key & { id: string; name: string };
}>();
const { vendor: vendorForBAA } = useOutletContext<{
vendor: VendorOverviewTabBusinessAssociateAgreementFragment$key;
vendor: VendorOverviewTabBusinessAssociateAgreementFragment$key & VendorOverviewTabDataPrivacyAgreementFragment$key;
}>();
const { __ } = useTranslate();
@@ -52,6 +69,12 @@ export default function VendorOverviewTab() {
);
const businessAssociateAgreement = vendorWithBAA.businessAssociateAgreement;
const vendorWithDPA = useFragment<VendorOverviewTabDataPrivacyAgreementFragment$key>(
vendorDataPrivacyAgreementFragment,
vendorForBAA
);
const dataPrivacyAgreement = vendorWithDPA.dataPrivacyAgreement;
const urls = useMemo(
() =>
[
@@ -227,6 +250,69 @@ export default function VendorOverviewTab() {
)}
</div>
</div>
<div className="flex items-center justify-between p-4 border border-border-low rounded-lg">
<div className="flex-1">
<h3 className="font-medium text-txt-primary">
{__("Data Privacy Agreement")}
</h3>
<p className="text-sm text-txt-secondary mt-1">
{dataPrivacyAgreement ? dataPrivacyAgreement.fileName : __("No data privacy agreement available")}
</p>
{(dataPrivacyAgreement?.validFrom || dataPrivacyAgreement?.validUntil) && (
<p className="text-xs text-txt-secondary mt-1">
{__("Valid")}
{dataPrivacyAgreement.validFrom &&
` ${__("from")} ${new Date(dataPrivacyAgreement.validFrom).toLocaleDateString()}`
}
{dataPrivacyAgreement.validUntil &&
` ${__("until")} ${new Date(dataPrivacyAgreement.validUntil).toLocaleDateString()}`
}
</p>
)}
</div>
<div className="flex items-center gap-2">
{dataPrivacyAgreement ? (
<>
<Button
type="button"
variant="secondary"
onClick={() => downloadFile(dataPrivacyAgreement.fileUrl, dataPrivacyAgreement.fileName)}
>
{__("Download PDF")}
</Button>
<EditDataPrivacyAgreementDialog
vendorId={vendor.id}
agreement={{
validFrom: dataPrivacyAgreement.validFrom,
validUntil: dataPrivacyAgreement.validUntil,
}}
onSuccess={() => window.location.reload()}
>
<Button variant="quaternary" icon={IconPencil} />
</EditDataPrivacyAgreementDialog>
<DeleteDataPrivacyAgreementDialog
vendorId={vendor.id}
fileName={dataPrivacyAgreement.fileName}
onSuccess={() => window.location.reload()}
>
<Button variant="quaternary" icon={IconTrashCan} />
</DeleteDataPrivacyAgreementDialog>
</>
) : (
<>
<UploadDataPrivacyAgreementDialog
vendorId={vendor.id}
onSuccess={() => window.location.reload()}
>
<Button variant="secondary" icon={IconPlusLarge}>
{__("Upload")}
</Button>
</UploadDataPrivacyAgreementDialog>
</>
)}
</div>
</div>
</Card>
</div>

95
apps/console/src/pages/organizations/vendors/tabs/__generated__/VendorOverviewTabDataPrivacyAgreementFragment.graphql.ts generated vendored Normal file
View File

@@ -0,0 +1,95 @@
/**
* @generated SignedSource<<03e78d5a57f41471ed7099febe61e666>>
* @lightSyntaxTransform
* @nogrep
*/
/* tslint:disable */
/* eslint-disable */
// @ts-nocheck
import { ReaderFragment } from 'relay-runtime';
import { FragmentRefs } from "relay-runtime";
export type VendorOverviewTabDataPrivacyAgreementFragment$data = {
readonly dataPrivacyAgreement: {
readonly createdAt: any;
readonly fileName: string;
readonly fileUrl: string;
readonly id: string;
readonly validFrom: any | null | undefined;
readonly validUntil: any | null | undefined;
} | null | undefined;
readonly " $fragmentType": "VendorOverviewTabDataPrivacyAgreementFragment";
};
export type VendorOverviewTabDataPrivacyAgreementFragment$key = {
readonly " $data"?: VendorOverviewTabDataPrivacyAgreementFragment$data;
readonly " $fragmentSpreads": FragmentRefs<"VendorOverviewTabDataPrivacyAgreementFragment">;
};
const node: ReaderFragment = {
"argumentDefinitions": [],
"kind": "Fragment",
"metadata": null,
"name": "VendorOverviewTabDataPrivacyAgreementFragment",
"selections": [
{
"alias": null,
"args": null,
"concreteType": "VendorDataPrivacyAgreement",
"kind": "LinkedField",
"name": "dataPrivacyAgreement",
"plural": false,
"selections": [
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "id",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileName",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "fileUrl",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "validFrom",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "validUntil",
"storageKey": null
},
{
"alias": null,
"args": null,
"kind": "ScalarField",
"name": "createdAt",
"storageKey": null
}
],
"storageKey": null
}
],
"type": "Vendor",
"abstractKey": null
};
(node as any).hash = "9a3e19e369a57ce4c1dd08760d244b74";
export default node;