Fix document signature loading
Signed-off-by: Bryan Frimin <bryan@getprobo.com>
This commit is contained in:
Bryan Frimin
@@ -1,237 +0,0 @@
|
|||||||
/**
|
|
||||||
* @generated SignedSource<<8bbf9386bee93021b7e06e5b3bd31c99>>
|
|
||||||
* @lightSyntaxTransform
|
|
||||||
* @nogrep
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* tslint:disable */
|
|
||||||
/* eslint-disable */
|
|
||||||
// @ts-nocheck
|
|
||||||
|
|
||||||
import { ConcreteRequest } from 'relay-runtime';
|
|
||||||
export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
|
|
||||||
export type domainSettingsPermissionsQuery$variables = {
|
|
||||||
organizationId: string;
|
|
||||||
};
|
|
||||||
export type domainSettingsPermissionsQuery$data = {
|
|
||||||
readonly organization: {
|
|
||||||
readonly __typename: "Organization";
|
|
||||||
readonly viewerMembership: {
|
|
||||||
readonly role: MembershipRole;
|
|
||||||
};
|
|
||||||
} | {
|
|
||||||
// This will never be '%other', but we need some
|
|
||||||
// value in case none of the concrete values match.
|
|
||||||
readonly __typename: "%other";
|
|
||||||
};
|
|
||||||
readonly viewer: {
|
|
||||||
readonly canCreateCustomDomain: boolean;
|
|
||||||
readonly canDeleteCustomDomain: boolean;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
export type domainSettingsPermissionsQuery = {
|
|
||||||
response: domainSettingsPermissionsQuery$data;
|
|
||||||
variables: domainSettingsPermissionsQuery$variables;
|
|
||||||
};
|
|
||||||
|
|
||||||
const node: ConcreteRequest = (function(){
|
|
||||||
var v0 = [
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "organizationId"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
v1 = {
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "id",
|
|
||||||
"variableName": "organizationId"
|
|
||||||
},
|
|
||||||
v2 = {
|
|
||||||
"alias": "canCreateCustomDomain",
|
|
||||||
"args": [
|
|
||||||
{
|
|
||||||
"kind": "Literal",
|
|
||||||
"name": "action",
|
|
||||||
"value": "core:custom-domain:create"
|
|
||||||
},
|
|
||||||
(v1/*: any*/)
|
|
||||||
],
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "permission",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
v3 = {
|
|
||||||
"alias": "canDeleteCustomDomain",
|
|
||||||
"args": [
|
|
||||||
{
|
|
||||||
"kind": "Literal",
|
|
||||||
"name": "action",
|
|
||||||
"value": "core:custom-domain:delete"
|
|
||||||
},
|
|
||||||
(v1/*: any*/)
|
|
||||||
],
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "permission",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
v4 = [
|
|
||||||
(v1/*: any*/)
|
|
||||||
],
|
|
||||||
v5 = {
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "__typename",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
v6 = {
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "role",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
v7 = {
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "id",
|
|
||||||
"storageKey": null
|
|
||||||
};
|
|
||||||
return {
|
|
||||||
"fragment": {
|
|
||||||
"argumentDefinitions": (v0/*: any*/),
|
|
||||||
"kind": "Fragment",
|
|
||||||
"metadata": null,
|
|
||||||
"name": "domainSettingsPermissionsQuery",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"kind": "RequiredField",
|
|
||||||
"field": {
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "Identity",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "viewer",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v2/*: any*/),
|
|
||||||
(v3/*: any*/)
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
"action": "THROW"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "RequiredField",
|
|
||||||
"field": {
|
|
||||||
"alias": "organization",
|
|
||||||
"args": (v4/*: any*/),
|
|
||||||
"concreteType": null,
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "node",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v5/*: any*/),
|
|
||||||
{
|
|
||||||
"kind": "InlineFragment",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"kind": "RequiredField",
|
|
||||||
"field": {
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "Membership",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "viewerMembership",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v6/*: any*/)
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
"action": "THROW"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": "Organization",
|
|
||||||
"abstractKey": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
"action": "THROW"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": "Query",
|
|
||||||
"abstractKey": null
|
|
||||||
},
|
|
||||||
"kind": "Request",
|
|
||||||
"operation": {
|
|
||||||
"argumentDefinitions": (v0/*: any*/),
|
|
||||||
"kind": "Operation",
|
|
||||||
"name": "domainSettingsPermissionsQuery",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "Identity",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "viewer",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v2/*: any*/),
|
|
||||||
(v3/*: any*/),
|
|
||||||
(v7/*: any*/)
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": "organization",
|
|
||||||
"args": (v4/*: any*/),
|
|
||||||
"concreteType": null,
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "node",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v5/*: any*/),
|
|
||||||
{
|
|
||||||
"kind": "InlineFragment",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "Membership",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "viewerMembership",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v6/*: any*/),
|
|
||||||
(v7/*: any*/)
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": "Organization",
|
|
||||||
"abstractKey": null
|
|
||||||
},
|
|
||||||
(v7/*: any*/)
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"params": {
|
|
||||||
"cacheID": "de4faa8385c652071c57b4ddcc58e793",
|
|
||||||
"id": null,
|
|
||||||
"metadata": {},
|
|
||||||
"name": "domainSettingsPermissionsQuery",
|
|
||||||
"operationKind": "query",
|
|
||||||
"text": "query domainSettingsPermissionsQuery(\n $organizationId: ID!\n) {\n viewer {\n canCreateCustomDomain: permission(action: \"core:custom-domain:create\", id: $organizationId)\n canDeleteCustomDomain: permission(action: \"core:custom-domain:delete\", id: $organizationId)\n id\n }\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n viewerMembership {\n role\n id\n }\n }\n id\n }\n}\n"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
|
|
||||||
(node as any).hash = "75397f9db7cb6f2320ff91f30e773e22";
|
|
||||||
|
|
||||||
export default node;
|
|
||||||
@@ -1,38 +1,30 @@
|
|||||||
import { useTranslate } from "@probo/i18n";
|
import { useTranslate } from "@probo/i18n";
|
||||||
import {
|
import { Card, Spinner } from "@probo/ui";
|
||||||
Button,
|
|
||||||
Card,
|
|
||||||
Spinner,
|
|
||||||
IconCircleCheck,
|
|
||||||
IconRadioUnchecked,
|
|
||||||
} from "@probo/ui";
|
|
||||||
import clsx from "clsx";
|
|
||||||
import {
|
import {
|
||||||
usePreloadedQuery,
|
usePreloadedQuery,
|
||||||
useFragment,
|
useFragment,
|
||||||
useMutation,
|
useMutation,
|
||||||
type PreloadedQuery,
|
type PreloadedQuery,
|
||||||
} from "react-relay";
|
} from "react-relay";
|
||||||
import { graphql } from "relay-runtime";
|
import { graphql } from "react-relay";
|
||||||
import type { EmployeeDocumentSignaturePageQuery } from "./__generated__/EmployeeDocumentSignaturePageQuery.graphql";
|
import type { EmployeeDocumentSignaturePageQuery } from "./__generated__/EmployeeDocumentSignaturePageQuery.graphql";
|
||||||
import { usePageTitle } from "@probo/hooks";
|
import { usePageTitle } from "@probo/hooks";
|
||||||
import { useMutationWithToasts } from "/hooks/useMutationWithToasts";
|
|
||||||
import type { EmployeeDocumentSignaturePageSignMutation } from "./__generated__/EmployeeDocumentSignaturePageSignMutation.graphql";
|
import type { EmployeeDocumentSignaturePageSignMutation } from "./__generated__/EmployeeDocumentSignaturePageSignMutation.graphql";
|
||||||
import type { EmployeeDocumentSignaturePageExportSignablePDFMutation } from "./__generated__/EmployeeDocumentSignaturePageExportSignablePDFMutation.graphql";
|
import type { EmployeeDocumentSignaturePageExportSignablePDFMutation } from "./__generated__/EmployeeDocumentSignaturePageExportSignablePDFMutation.graphql";
|
||||||
import { useNavigate } from "react-router";
|
import { useNavigate } from "react-router";
|
||||||
import { useOrganizationId } from "/hooks/useOrganizationId";
|
import { useOrganizationId } from "/hooks/useOrganizationId";
|
||||||
import { PDFPreview } from "/components/documents/PDFPreview";
|
import { PDFPreview } from "/components/documents/PDFPreview";
|
||||||
import { useWindowSize } from "usehooks-ts";
|
import { useWindowSize } from "usehooks-ts";
|
||||||
import { useState, useEffect, useRef, useMemo } from "react";
|
import { useState, useEffect, useRef } from "react";
|
||||||
import type { EmployeeDocumentSignaturePageDocumentFragment$key } from "./__generated__/EmployeeDocumentSignaturePageDocumentFragment.graphql";
|
import type { EmployeeDocumentSignaturePageDocumentFragment$key } from "./__generated__/EmployeeDocumentSignaturePageDocumentFragment.graphql";
|
||||||
import type { EmployeeDocumentSignaturePageVersionFragment$key } from "./__generated__/EmployeeDocumentSignaturePageVersionFragment.graphql";
|
|
||||||
import { useToast } from "@probo/ui";
|
import { useToast } from "@probo/ui";
|
||||||
import { formatError, type GraphQLError } from "@probo/helpers";
|
import { formatError, type GraphQLError } from "@probo/helpers";
|
||||||
|
import { VersionActions } from "./_components/VersionActions";
|
||||||
|
import { VersionRow } from "./_components/VersionRow";
|
||||||
|
|
||||||
export const employeeDocumentSignatureQuery = graphql`
|
export const employeeDocumentSignaturePageQuery = graphql`
|
||||||
query EmployeeDocumentSignaturePageQuery($documentId: ID!) {
|
query EmployeeDocumentSignaturePageQuery($documentId: ID!) {
|
||||||
viewer {
|
viewer @required(action: THROW) {
|
||||||
id
|
|
||||||
signableDocument(id: $documentId) {
|
signableDocument(id: $documentId) {
|
||||||
id
|
id
|
||||||
...EmployeeDocumentSignaturePageDocumentFragment
|
...EmployeeDocumentSignaturePageDocumentFragment
|
||||||
@@ -46,28 +38,23 @@ const documentFragment = graphql`
|
|||||||
id
|
id
|
||||||
title
|
title
|
||||||
signed
|
signed
|
||||||
versions(first: 100, orderBy: { field: CREATED_AT, direction: DESC }) {
|
versions(first: 100, orderBy: { field: CREATED_AT, direction: DESC })
|
||||||
edges {
|
@required(action: THROW) {
|
||||||
node {
|
edges @required(action: THROW) {
|
||||||
|
node @required(action: THROW) {
|
||||||
id
|
id
|
||||||
...EmployeeDocumentSignaturePageVersionFragment
|
...VersionActionsFragment
|
||||||
|
...VersionRowFragment
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const versionFragment = graphql`
|
|
||||||
fragment EmployeeDocumentSignaturePageVersionFragment on DocumentVersion {
|
|
||||||
id
|
|
||||||
version
|
|
||||||
signed
|
|
||||||
publishedAt
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
const signDocumentMutation = graphql`
|
const signDocumentMutation = graphql`
|
||||||
mutation EmployeeDocumentSignaturePageSignMutation($input: SignDocumentInput!) {
|
mutation EmployeeDocumentSignaturePageSignMutation(
|
||||||
|
$input: SignDocumentInput!
|
||||||
|
) {
|
||||||
signDocument(input: $input) {
|
signDocument(input: $input) {
|
||||||
documentVersionSignature {
|
documentVersionSignature {
|
||||||
id
|
id
|
||||||
@@ -87,13 +74,15 @@ const exportSignableVersionDocumentPDFMutation = graphql`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
type Props = {
|
export function EmployeeDocumentSignaturePage(props: {
|
||||||
queryRef: PreloadedQuery<EmployeeDocumentSignaturePageQuery>;
|
queryRef: PreloadedQuery<EmployeeDocumentSignaturePageQuery>;
|
||||||
};
|
}) {
|
||||||
|
const { queryRef } = props;
|
||||||
export default function EmployeeDocumentSignaturePage(props: Props) {
|
const { viewer } = usePreloadedQuery<EmployeeDocumentSignaturePageQuery>(
|
||||||
const data = usePreloadedQuery(employeeDocumentSignatureQuery, props.queryRef);
|
employeeDocumentSignaturePageQuery,
|
||||||
const document = data.viewer.signableDocument;
|
queryRef
|
||||||
|
);
|
||||||
|
const document = viewer.signableDocument;
|
||||||
|
|
||||||
if (!document) {
|
if (!document) {
|
||||||
return (
|
return (
|
||||||
@@ -103,13 +92,13 @@ export default function EmployeeDocumentSignaturePage(props: Props) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
return <DocumentSignatureContent document={document} />;
|
return <DocumentSignatureContent fKey={document} />;
|
||||||
}
|
}
|
||||||
|
|
||||||
function DocumentSignatureContent({
|
function DocumentSignatureContent({
|
||||||
document,
|
fKey,
|
||||||
}: {
|
}: {
|
||||||
document: EmployeeDocumentSignaturePageDocumentFragment$key;
|
fKey: EmployeeDocumentSignaturePageDocumentFragment$key;
|
||||||
}) {
|
}) {
|
||||||
const { __ } = useTranslate();
|
const { __ } = useTranslate();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
@@ -118,45 +107,38 @@ function DocumentSignatureContent({
|
|||||||
const isDesktop = !isMobile;
|
const isDesktop = !isMobile;
|
||||||
const organizationId = useOrganizationId();
|
const organizationId = useOrganizationId();
|
||||||
|
|
||||||
const documentData = useFragment<EmployeeDocumentSignaturePageDocumentFragment$key>(
|
const documentData =
|
||||||
documentFragment,
|
useFragment<EmployeeDocumentSignaturePageDocumentFragment$key>(
|
||||||
document
|
documentFragment,
|
||||||
);
|
fKey
|
||||||
|
);
|
||||||
|
|
||||||
const versions = useMemo(() => {
|
const versions = documentData.versions.edges.map(({ node }) => node);
|
||||||
return documentData.versions?.edges
|
|
||||||
?.map((edge) => edge?.node)
|
|
||||||
.filter(Boolean) || [];
|
|
||||||
}, [documentData.versions?.edges]);
|
|
||||||
|
|
||||||
const [selectedVersionId, setSelectedVersionId] = useState<string | undefined>(
|
const [selectedVersionId, setSelectedVersionId] = useState<
|
||||||
() => versions[0]?.id
|
string | undefined
|
||||||
);
|
>(() => versions[0]?.id);
|
||||||
|
|
||||||
const selectedVersion = useMemo(() => {
|
const selectedVersion = versions.find((v) => v?.id === selectedVersionId);
|
||||||
return versions.find((v) => v?.id === selectedVersionId);
|
|
||||||
}, [versions, selectedVersionId]);
|
|
||||||
|
|
||||||
usePageTitle(__("Sign Document"));
|
usePageTitle(__("Sign Document"));
|
||||||
const { toast } = useToast();
|
const { toast } = useToast();
|
||||||
|
|
||||||
const [signDocument, isSigning] = useMutationWithToasts<EmployeeDocumentSignaturePageSignMutation>(
|
const [signDocument, isSigning] =
|
||||||
signDocumentMutation,
|
useMutation<EmployeeDocumentSignaturePageSignMutation>(
|
||||||
{
|
signDocumentMutation
|
||||||
successMessage: __("Document signed successfully"),
|
);
|
||||||
errorMessage: __("Failed to sign document"),
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
const [exportSignableVersionDocumentPDF] = useMutation<EmployeeDocumentSignaturePageExportSignablePDFMutation>(
|
const [exportSignableVersionDocumentPDF] =
|
||||||
exportSignableVersionDocumentPDFMutation
|
useMutation<EmployeeDocumentSignaturePageExportSignablePDFMutation>(
|
||||||
);
|
exportSignableVersionDocumentPDFMutation
|
||||||
|
);
|
||||||
|
|
||||||
const [pdfUrl, setPdfUrl] = useState<string | null>(null);
|
const [pdfUrl, setPdfUrl] = useState<string | null>(null);
|
||||||
const pdfUrlRef = useRef<string | null>(null);
|
const pdfUrlRef = useRef<string | null>(null);
|
||||||
|
|
||||||
const handleSign = async (versionId: string) => {
|
const handleSign = async (versionId: string) => {
|
||||||
await signDocument({
|
signDocument({
|
||||||
variables: {
|
variables: {
|
||||||
input: {
|
input: {
|
||||||
documentVersionId: versionId,
|
documentVersionId: versionId,
|
||||||
@@ -170,10 +152,22 @@ function DocumentSignatureContent({
|
|||||||
store.invalidateStore();
|
store.invalidateStore();
|
||||||
},
|
},
|
||||||
onCompleted: () => {
|
onCompleted: () => {
|
||||||
|
toast({
|
||||||
|
title: __("Success"),
|
||||||
|
description: __("Document signed successfully"),
|
||||||
|
variant: "success",
|
||||||
|
});
|
||||||
navigate(`/organizations/${organizationId}/employee`);
|
navigate(`/organizations/${organizationId}/employee`);
|
||||||
},
|
},
|
||||||
onError: (error) => {
|
onError: (error) => {
|
||||||
console.error("Error signing document:", error);
|
toast({
|
||||||
|
title: __("Error"),
|
||||||
|
description: formatError(
|
||||||
|
__("Failed to sign document"),
|
||||||
|
error as GraphQLError
|
||||||
|
),
|
||||||
|
variant: "error",
|
||||||
|
});
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@@ -191,7 +185,10 @@ function DocumentSignatureContent({
|
|||||||
if (errors) {
|
if (errors) {
|
||||||
toast({
|
toast({
|
||||||
title: __("Error"),
|
title: __("Error"),
|
||||||
description: formatError(__("Failed to load PDF"), errors as GraphQLError[]),
|
description: formatError(
|
||||||
|
__("Failed to load PDF"),
|
||||||
|
errors as GraphQLError[]
|
||||||
|
),
|
||||||
variant: "error",
|
variant: "error",
|
||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
@@ -205,7 +202,10 @@ function DocumentSignatureContent({
|
|||||||
onError: (error) => {
|
onError: (error) => {
|
||||||
toast({
|
toast({
|
||||||
title: __("Error"),
|
title: __("Error"),
|
||||||
description: formatError(__("Failed to load PDF"), error as GraphQLError),
|
description: formatError(
|
||||||
|
__("Failed to load PDF"),
|
||||||
|
error as GraphQLError
|
||||||
|
),
|
||||||
variant: "error",
|
variant: "error",
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@@ -217,7 +217,10 @@ function DocumentSignatureContent({
|
|||||||
}, [selectedVersion?.id, exportSignableVersionDocumentPDF, toast, __]);
|
}, [selectedVersion?.id, exportSignableVersionDocumentPDF, toast, __]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="fixed bg-level-2 flex flex-col" style={{ top: '3rem', left: 0, right: 0, bottom: 0 }}>
|
<div
|
||||||
|
className="fixed bg-level-2 flex flex-col"
|
||||||
|
style={{ top: "3rem", left: 0, right: 0, bottom: 0 }}
|
||||||
|
>
|
||||||
<div className="grid lg:grid-cols-2 min-h-0 h-full">
|
<div className="grid lg:grid-cols-2 min-h-0 h-full">
|
||||||
<div className="w-full lg:w-[440px] mx-auto py-20 overflow-y-auto scrollbar-hide">
|
<div className="w-full lg:w-[440px] mx-auto py-20 overflow-y-auto scrollbar-hide">
|
||||||
<h1 className="text-2xl font-semibold mb-6">
|
<h1 className="text-2xl font-semibold mb-6">
|
||||||
@@ -230,7 +233,7 @@ function DocumentSignatureContent({
|
|||||||
return (
|
return (
|
||||||
<VersionRow
|
<VersionRow
|
||||||
key={version.id}
|
key={version.id}
|
||||||
version={version}
|
fKey={version}
|
||||||
isSelected={version.id === selectedVersionId}
|
isSelected={version.id === selectedVersionId}
|
||||||
onSelect={() => setSelectedVersionId(version.id)}
|
onSelect={() => setSelectedVersionId(version.id)}
|
||||||
/>
|
/>
|
||||||
@@ -246,10 +249,12 @@ function DocumentSignatureContent({
|
|||||||
<div className="min-h-[60px]">
|
<div className="min-h-[60px]">
|
||||||
{selectedVersion ? (
|
{selectedVersion ? (
|
||||||
<VersionActions
|
<VersionActions
|
||||||
version={selectedVersion}
|
fKey={selectedVersion}
|
||||||
isSigning={isSigning}
|
isSigning={isSigning}
|
||||||
onSign={handleSign}
|
onSign={handleSign}
|
||||||
onBack={() => navigate(`/organizations/${organizationId}/employee`)}
|
onBack={() =>
|
||||||
|
navigate(`/organizations/${organizationId}/employee`)
|
||||||
|
}
|
||||||
/>
|
/>
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
@@ -257,143 +262,12 @@ function DocumentSignatureContent({
|
|||||||
|
|
||||||
{isDesktop && (
|
{isDesktop && (
|
||||||
<div className="bg-subtle h-full border-l border-border-solid min-h-0">
|
<div className="bg-subtle h-full border-l border-border-solid min-h-0">
|
||||||
{pdfUrl && <PDFPreview src={pdfUrl} name={documentData.title || ""} />}
|
{pdfUrl && (
|
||||||
|
<PDFPreview src={pdfUrl} name={documentData.title || ""} />
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function VersionActions({
|
|
||||||
version,
|
|
||||||
isSigning,
|
|
||||||
onSign,
|
|
||||||
onBack,
|
|
||||||
}: {
|
|
||||||
version: EmployeeDocumentSignaturePageVersionFragment$key;
|
|
||||||
isSigning: boolean;
|
|
||||||
onSign: (versionId: string) => void;
|
|
||||||
onBack: () => void;
|
|
||||||
}) {
|
|
||||||
const { __ } = useTranslate();
|
|
||||||
const versionData = useFragment<EmployeeDocumentSignaturePageVersionFragment$key>(
|
|
||||||
versionFragment,
|
|
||||||
version
|
|
||||||
);
|
|
||||||
const isSigned = versionData.signed;
|
|
||||||
|
|
||||||
if (isSigned) {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Button
|
|
||||||
onClick={onBack}
|
|
||||||
className="h-10 w-full"
|
|
||||||
variant="secondary"
|
|
||||||
>
|
|
||||||
{__("Back to Documents")}
|
|
||||||
</Button>
|
|
||||||
<p className="text-xs text-txt-tertiary mt-2 h-5" />
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Button
|
|
||||||
onClick={() => onSign(versionData.id)}
|
|
||||||
className="h-10 w-full"
|
|
||||||
disabled={isSigning}
|
|
||||||
icon={isSigning ? Spinner : undefined}
|
|
||||||
>
|
|
||||||
{__("I acknowledge and agree")}
|
|
||||||
</Button>
|
|
||||||
<p className="text-xs text-txt-tertiary mt-2 h-5">
|
|
||||||
{__(
|
|
||||||
"By clicking 'I acknowledge and agree', your digital signature will be recorded."
|
|
||||||
)}
|
|
||||||
</p>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function VersionRow({
|
|
||||||
version,
|
|
||||||
isSelected,
|
|
||||||
onSelect,
|
|
||||||
}: {
|
|
||||||
version: EmployeeDocumentSignaturePageVersionFragment$key;
|
|
||||||
isSelected: boolean;
|
|
||||||
onSelect: () => void;
|
|
||||||
}) {
|
|
||||||
const { __ } = useTranslate();
|
|
||||||
const versionData = useFragment<EmployeeDocumentSignaturePageVersionFragment$key>(
|
|
||||||
versionFragment,
|
|
||||||
version
|
|
||||||
);
|
|
||||||
const isVersionSigned = versionData.signed;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
onClick={onSelect}
|
|
||||||
className={clsx(
|
|
||||||
"flex items-center gap-3 py-3 px-4 transition-colors cursor-pointer",
|
|
||||||
isSelected
|
|
||||||
? "bg-blue-50 border-l-4 border-blue-500"
|
|
||||||
: "bg-transparent hover:bg-level-1"
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
<div className="flex items-center justify-center w-8 h-8 rounded-full bg-level-2 flex-shrink-0">
|
|
||||||
{isVersionSigned ? (
|
|
||||||
<IconCircleCheck
|
|
||||||
size={20}
|
|
||||||
className="text-txt-success"
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<IconRadioUnchecked
|
|
||||||
size={20}
|
|
||||||
className="text-txt-tertiary"
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div className="flex-1 min-w-0">
|
|
||||||
<p
|
|
||||||
className={clsx(
|
|
||||||
"text-sm font-medium truncate",
|
|
||||||
isVersionSigned
|
|
||||||
? "text-txt-tertiary"
|
|
||||||
: "text-txt-primary"
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{versionData.publishedAt
|
|
||||||
? `v${versionData.version} - ${(() => {
|
|
||||||
const date = new Date(versionData.publishedAt);
|
|
||||||
const day = String(date.getDate()).padStart(2, '0');
|
|
||||||
const month = String(date.getMonth() + 1).padStart(2, '0');
|
|
||||||
const year = date.getFullYear();
|
|
||||||
return `${day}/${month}/${year}`;
|
|
||||||
})()}`
|
|
||||||
: `v${versionData.version}`}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="flex-shrink-0">
|
|
||||||
<span
|
|
||||||
className={clsx(
|
|
||||||
"inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium",
|
|
||||||
isVersionSigned
|
|
||||||
? "bg-green-100 text-green-800"
|
|
||||||
: isSelected
|
|
||||||
? "bg-blue-100 text-blue-800"
|
|
||||||
: "bg-gray-100 text-gray-700"
|
|
||||||
)}
|
|
||||||
>
|
|
||||||
{isVersionSigned
|
|
||||||
? __("Signed")
|
|
||||||
: isSelected
|
|
||||||
? __("In review")
|
|
||||||
: __("Waiting signature")}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -0,0 +1,44 @@
|
|||||||
|
import { useQueryLoader } from "react-relay";
|
||||||
|
import { Suspense, useEffect } from "react";
|
||||||
|
import { PageSkeleton } from "/components/skeletons/PageSkeleton";
|
||||||
|
import { useParams } from "react-router";
|
||||||
|
import type { EmployeeDocumentSignaturePageQuery } from "./__generated__/EmployeeDocumentSignaturePageQuery.graphql";
|
||||||
|
import {
|
||||||
|
EmployeeDocumentSignaturePage,
|
||||||
|
employeeDocumentSignaturePageQuery,
|
||||||
|
} from "./EmployeeDocumentSignaturePage";
|
||||||
|
import { CoreRelayProvider } from "/providers/CoreRelayProvider";
|
||||||
|
|
||||||
|
function EmployeeDocumentSignaturePageLoader() {
|
||||||
|
const { documentId } = useParams();
|
||||||
|
const [queryRef, loadQuery] =
|
||||||
|
useQueryLoader<EmployeeDocumentSignaturePageQuery>(
|
||||||
|
employeeDocumentSignaturePageQuery
|
||||||
|
);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (documentId) {
|
||||||
|
loadQuery({
|
||||||
|
documentId,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, [loadQuery, documentId]);
|
||||||
|
|
||||||
|
if (!queryRef) {
|
||||||
|
return <PageSkeleton />;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Suspense fallback={<PageSkeleton />}>
|
||||||
|
<EmployeeDocumentSignaturePage queryRef={queryRef} />
|
||||||
|
</Suspense>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function () {
|
||||||
|
return (
|
||||||
|
<CoreRelayProvider>
|
||||||
|
<EmployeeDocumentSignaturePageLoader />
|
||||||
|
</CoreRelayProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,100 +1,47 @@
|
|||||||
|
import { graphql, usePreloadedQuery, type PreloadedQuery } from "react-relay";
|
||||||
import { useTranslate } from "@probo/i18n";
|
import { useTranslate } from "@probo/i18n";
|
||||||
import {
|
import { PageHeader, Tbody, Thead, Tr, Th, Card } from "@probo/ui";
|
||||||
PageHeader,
|
import type { EmployeeDocumentsPageQuery } from "./__generated__/EmployeeDocumentsPageQuery.graphql";
|
||||||
Tbody,
|
|
||||||
Thead,
|
|
||||||
Tr,
|
|
||||||
Th,
|
|
||||||
Td,
|
|
||||||
Badge,
|
|
||||||
Card,
|
|
||||||
} from "@probo/ui";
|
|
||||||
import { SortableTable } from "/components/SortableTable";
|
|
||||||
import {
|
|
||||||
useFragment,
|
|
||||||
usePaginationFragment,
|
|
||||||
usePreloadedQuery,
|
|
||||||
type PreloadedQuery,
|
|
||||||
} from "react-relay";
|
|
||||||
import { graphql } from "relay-runtime";
|
|
||||||
import type { EmployeeDocumentsPageListQuery } from "./__generated__/EmployeeDocumentsPageListQuery.graphql";
|
|
||||||
import type { EmployeeDocumentsPageListFragment$key } from "./__generated__/EmployeeDocumentsPageListFragment.graphql";
|
|
||||||
import { usePageTitle } from "@probo/hooks";
|
import { usePageTitle } from "@probo/hooks";
|
||||||
import { getDocumentClassificationLabel, getDocumentTypeLabel, formatDate } from "@probo/helpers";
|
import { useOrganizationId } from "/hooks/useOrganizationId";
|
||||||
import type { EmployeeDocumentsPageRowFragment$key } from "./__generated__/EmployeeDocumentsPageRowFragment.graphql";
|
import { DocumentRow } from "./_components/DocumentRow";
|
||||||
import { useEffect } from "react";
|
|
||||||
import { useParams } from "react-router";
|
|
||||||
|
|
||||||
export const employeeDocumentsQuery = graphql`
|
export const employeeDocumentsPageQuery = graphql`
|
||||||
query EmployeeDocumentsPageListQuery($organizationId: ID!) {
|
query EmployeeDocumentsPageQuery($organizationId: ID!) {
|
||||||
viewer {
|
viewer @required(action: THROW) {
|
||||||
id
|
signableDocuments(
|
||||||
...EmployeeDocumentsPageListFragment @arguments(organizationId: $organizationId)
|
organizationId: $organizationId
|
||||||
}
|
first: 1000
|
||||||
}
|
orderBy: { field: CREATED_AT, direction: DESC }
|
||||||
`;
|
) @required(action: THROW) {
|
||||||
|
edges @required(action: THROW) {
|
||||||
const employeeDocumentsFragment = graphql`
|
node @required(action: THROW) {
|
||||||
fragment EmployeeDocumentsPageListFragment on Viewer
|
id
|
||||||
@refetchable(queryName: "EmployeeDocumentsListQuery")
|
...DocumentRowFragment
|
||||||
@argumentDefinitions(
|
}
|
||||||
organizationId: { type: "ID!" }
|
|
||||||
first: { type: "Int", defaultValue: 50 }
|
|
||||||
order: {
|
|
||||||
type: "DocumentOrder"
|
|
||||||
defaultValue: { field: CREATED_AT, direction: DESC }
|
|
||||||
}
|
|
||||||
after: { type: "CursorKey", defaultValue: null }
|
|
||||||
before: { type: "CursorKey", defaultValue: null }
|
|
||||||
last: { type: "Int", defaultValue: null }
|
|
||||||
) {
|
|
||||||
signableDocuments(
|
|
||||||
organizationId: $organizationId
|
|
||||||
first: $first
|
|
||||||
after: $after
|
|
||||||
last: $last
|
|
||||||
before: $before
|
|
||||||
orderBy: $order
|
|
||||||
) @connection(key: "EmployeeDocumentsListQuery_signableDocuments") {
|
|
||||||
__id
|
|
||||||
edges {
|
|
||||||
node {
|
|
||||||
id
|
|
||||||
...EmployeeDocumentsPageRowFragment
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
type Props = {
|
export function EmployeeDocumentsPage(props: {
|
||||||
queryRef: PreloadedQuery<EmployeeDocumentsPageListQuery>;
|
queryRef: PreloadedQuery<EmployeeDocumentsPageQuery>;
|
||||||
};
|
}) {
|
||||||
|
|
||||||
export default function EmployeeDocumentsPage(props: Props) {
|
|
||||||
const { __ } = useTranslate();
|
const { __ } = useTranslate();
|
||||||
const params = useParams<{ organizationId: string }>();
|
const organizationId = useOrganizationId();
|
||||||
const organizationId = params.organizationId!;
|
|
||||||
|
|
||||||
const data = usePreloadedQuery(
|
const { queryRef } = props;
|
||||||
employeeDocumentsQuery,
|
const {
|
||||||
props.queryRef
|
viewer: {
|
||||||
|
signableDocuments: { edges: initialDocuments },
|
||||||
|
},
|
||||||
|
} = usePreloadedQuery<EmployeeDocumentsPageQuery>(
|
||||||
|
employeeDocumentsPageQuery,
|
||||||
|
queryRef
|
||||||
);
|
);
|
||||||
|
|
||||||
const pagination = usePaginationFragment(
|
const documents = initialDocuments.map((edge) => edge.node).filter(Boolean);
|
||||||
employeeDocumentsFragment,
|
|
||||||
data.viewer as EmployeeDocumentsPageListFragment$key
|
|
||||||
);
|
|
||||||
|
|
||||||
const { refetch } = pagination;
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
refetch({ organizationId }, { fetchPolicy: 'network-only' });
|
|
||||||
}, [organizationId, refetch]);
|
|
||||||
|
|
||||||
const documents = pagination.data.signableDocuments?.edges
|
|
||||||
?.map((edge) => edge?.node)
|
|
||||||
.filter(Boolean) || [];
|
|
||||||
|
|
||||||
usePageTitle(__("Documents"));
|
usePageTitle(__("Documents"));
|
||||||
|
|
||||||
@@ -102,22 +49,28 @@ export default function EmployeeDocumentsPage(props: Props) {
|
|||||||
<div className="space-y-6">
|
<div className="space-y-6">
|
||||||
<PageHeader title={__("Documents")} />
|
<PageHeader title={__("Documents")} />
|
||||||
{documents.length > 0 ? (
|
{documents.length > 0 ? (
|
||||||
<SortableTable {...pagination}>
|
<Card>
|
||||||
<Thead>
|
<table className="w-full">
|
||||||
<Tr>
|
<Thead>
|
||||||
<Th className="min-w-0 pr-12">{__("Name")}</Th>
|
<Tr>
|
||||||
<Th className="w-48">{__("Type")}</Th>
|
<Th className="min-w-0 pr-12">{__("Name")}</Th>
|
||||||
<Th className="w-36">{__("Classification")}</Th>
|
<Th className="w-48">{__("Type")}</Th>
|
||||||
<Th className="w-40">{__("Last update")}</Th>
|
<Th className="w-36">{__("Classification")}</Th>
|
||||||
<Th className="w-32">{__("Signed")}</Th>
|
<Th className="w-40">{__("Last update")}</Th>
|
||||||
</Tr>
|
<Th className="w-32">{__("Signed")}</Th>
|
||||||
</Thead>
|
</Tr>
|
||||||
<Tbody>
|
</Thead>
|
||||||
{documents.map((document) => (
|
<Tbody>
|
||||||
<DocumentRow key={document.id} document={document} organizationId={organizationId} />
|
{documents.map((document) => (
|
||||||
))}
|
<DocumentRow
|
||||||
</Tbody>
|
key={document.id}
|
||||||
</SortableTable>
|
fKey={document}
|
||||||
|
organizationId={organizationId}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</Tbody>
|
||||||
|
</table>
|
||||||
|
</Card>
|
||||||
) : (
|
) : (
|
||||||
<Card padded>
|
<Card padded>
|
||||||
<div className="text-center py-12">
|
<div className="text-center py-12">
|
||||||
@@ -133,48 +86,3 @@ export default function EmployeeDocumentsPage(props: Props) {
|
|||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
const rowFragment = graphql`
|
|
||||||
fragment EmployeeDocumentsPageRowFragment on SignableDocument {
|
|
||||||
id
|
|
||||||
title
|
|
||||||
documentType
|
|
||||||
classification
|
|
||||||
signed
|
|
||||||
updatedAt
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
|
|
||||||
function DocumentRow({
|
|
||||||
document: documentKey,
|
|
||||||
organizationId,
|
|
||||||
}: {
|
|
||||||
document: EmployeeDocumentsPageRowFragment$key;
|
|
||||||
organizationId: string;
|
|
||||||
}) {
|
|
||||||
const document = useFragment<EmployeeDocumentsPageRowFragment$key>(
|
|
||||||
rowFragment,
|
|
||||||
documentKey
|
|
||||||
);
|
|
||||||
const { __ } = useTranslate();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Tr
|
|
||||||
to={`/organizations/${organizationId}/employee/${document.id}`}
|
|
||||||
>
|
|
||||||
<Td className="min-w-0 pr-12">{document.title}</Td>
|
|
||||||
<Td className="w-48">{getDocumentTypeLabel(__, document.documentType)}</Td>
|
|
||||||
<Td className="w-36">
|
|
||||||
<Badge variant="neutral">
|
|
||||||
{getDocumentClassificationLabel(__, document.classification)}
|
|
||||||
</Badge>
|
|
||||||
</Td>
|
|
||||||
<Td className="w-40">{formatDate(document.updatedAt)}</Td>
|
|
||||||
<Td className="w-32">
|
|
||||||
<Badge variant={document.signed ? "success" : "danger"}>
|
|
||||||
{document.signed ? __("Yes") : __("No")}
|
|
||||||
</Badge>
|
|
||||||
</Td>
|
|
||||||
</Tr>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -0,0 +1,41 @@
|
|||||||
|
import { useQueryLoader } from "react-relay";
|
||||||
|
import { Suspense, useEffect } from "react";
|
||||||
|
import { PageSkeleton } from "/components/skeletons/PageSkeleton";
|
||||||
|
import { useOrganizationId } from "/hooks/useOrganizationId";
|
||||||
|
import type { EmployeeDocumentsPageQuery } from "./__generated__/EmployeeDocumentsPageQuery.graphql";
|
||||||
|
import {
|
||||||
|
EmployeeDocumentsPage,
|
||||||
|
employeeDocumentsPageQuery,
|
||||||
|
} from "./EmployeeDocumentsPage";
|
||||||
|
import { CoreRelayProvider } from "/providers/CoreRelayProvider";
|
||||||
|
|
||||||
|
function EmployeeDocumentsPageLoader() {
|
||||||
|
const organizationId = useOrganizationId();
|
||||||
|
const [queryRef, loadQuery] = useQueryLoader<EmployeeDocumentsPageQuery>(
|
||||||
|
employeeDocumentsPageQuery
|
||||||
|
);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
loadQuery({
|
||||||
|
organizationId,
|
||||||
|
});
|
||||||
|
}, [loadQuery, organizationId]);
|
||||||
|
|
||||||
|
if (!queryRef) {
|
||||||
|
return <PageSkeleton />;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Suspense fallback={<PageSkeleton />}>
|
||||||
|
<EmployeeDocumentsPage queryRef={queryRef} />
|
||||||
|
</Suspense>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function () {
|
||||||
|
return (
|
||||||
|
<CoreRelayProvider>
|
||||||
|
<EmployeeDocumentsPageLoader />
|
||||||
|
</CoreRelayProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* @generated SignedSource<<29c63d1f06c36d3670b5a4757b725b95>>
|
* @generated SignedSource<<30cf9ee1e00a276d2719e8d7d5ea0949>>
|
||||||
* @lightSyntaxTransform
|
* @lightSyntaxTransform
|
||||||
* @nogrep
|
* @nogrep
|
||||||
*/
|
*/
|
||||||
@@ -18,7 +18,7 @@ export type EmployeeDocumentSignaturePageDocumentFragment$data = {
|
|||||||
readonly edges: ReadonlyArray<{
|
readonly edges: ReadonlyArray<{
|
||||||
readonly node: {
|
readonly node: {
|
||||||
readonly id: string;
|
readonly id: string;
|
||||||
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentSignaturePageVersionFragment">;
|
readonly " $fragmentSpreads": FragmentRefs<"VersionActionsFragment" | "VersionRowFragment">;
|
||||||
};
|
};
|
||||||
}>;
|
}>;
|
||||||
};
|
};
|
||||||
@@ -59,57 +59,74 @@ return {
|
|||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"alias": null,
|
"kind": "RequiredField",
|
||||||
"args": [
|
"field": {
|
||||||
{
|
"alias": null,
|
||||||
"kind": "Literal",
|
"args": [
|
||||||
"name": "first",
|
{
|
||||||
"value": 100
|
"kind": "Literal",
|
||||||
},
|
"name": "first",
|
||||||
{
|
"value": 100
|
||||||
"kind": "Literal",
|
},
|
||||||
"name": "orderBy",
|
{
|
||||||
"value": {
|
"kind": "Literal",
|
||||||
"direction": "DESC",
|
"name": "orderBy",
|
||||||
"field": "CREATED_AT"
|
"value": {
|
||||||
|
"direction": "DESC",
|
||||||
|
"field": "CREATED_AT"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
],
|
||||||
],
|
"concreteType": "DocumentVersionConnection",
|
||||||
"concreteType": "DocumentVersionConnection",
|
"kind": "LinkedField",
|
||||||
"kind": "LinkedField",
|
"name": "versions",
|
||||||
"name": "versions",
|
"plural": false,
|
||||||
"plural": false,
|
"selections": [
|
||||||
"selections": [
|
{
|
||||||
{
|
"kind": "RequiredField",
|
||||||
"alias": null,
|
"field": {
|
||||||
"args": null,
|
|
||||||
"concreteType": "DocumentVersionEdge",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "edges",
|
|
||||||
"plural": true,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
"concreteType": "DocumentVersion",
|
"concreteType": "DocumentVersionEdge",
|
||||||
"kind": "LinkedField",
|
"kind": "LinkedField",
|
||||||
"name": "node",
|
"name": "edges",
|
||||||
"plural": false,
|
"plural": true,
|
||||||
"selections": [
|
"selections": [
|
||||||
(v0/*: any*/),
|
|
||||||
{
|
{
|
||||||
"args": null,
|
"kind": "RequiredField",
|
||||||
"kind": "FragmentSpread",
|
"field": {
|
||||||
"name": "EmployeeDocumentSignaturePageVersionFragment"
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "DocumentVersion",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v0/*: any*/),
|
||||||
|
{
|
||||||
|
"args": null,
|
||||||
|
"kind": "FragmentSpread",
|
||||||
|
"name": "VersionActionsFragment"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"args": null,
|
||||||
|
"kind": "FragmentSpread",
|
||||||
|
"name": "VersionRowFragment"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
"action": "THROW"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
}
|
},
|
||||||
],
|
"action": "THROW"
|
||||||
"storageKey": null
|
}
|
||||||
}
|
],
|
||||||
],
|
"storageKey": "versions(first:100,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
|
||||||
"storageKey": "versions(first:100,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
|
},
|
||||||
|
"action": "THROW"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"type": "SignableDocument",
|
"type": "SignableDocument",
|
||||||
@@ -117,6 +134,6 @@ return {
|
|||||||
};
|
};
|
||||||
})();
|
})();
|
||||||
|
|
||||||
(node as any).hash = "a516f97725320f4fe0282d70cef83a62";
|
(node as any).hash = "aaa20cc1293a2b1ce5d760631c30804c";
|
||||||
|
|
||||||
export default node;
|
export default node;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* @generated SignedSource<<9e8c0459987993bb4b217618a46fdbf5>>
|
* @generated SignedSource<<92e104374ca160bd4ce96fe2c60aecc6>>
|
||||||
* @lightSyntaxTransform
|
* @lightSyntaxTransform
|
||||||
* @nogrep
|
* @nogrep
|
||||||
*/
|
*/
|
||||||
@@ -15,7 +15,6 @@ export type EmployeeDocumentSignaturePageQuery$variables = {
|
|||||||
};
|
};
|
||||||
export type EmployeeDocumentSignaturePageQuery$data = {
|
export type EmployeeDocumentSignaturePageQuery$data = {
|
||||||
readonly viewer: {
|
readonly viewer: {
|
||||||
readonly id: string;
|
|
||||||
readonly signableDocument: {
|
readonly signableDocument: {
|
||||||
readonly id: string;
|
readonly id: string;
|
||||||
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentSignaturePageDocumentFragment">;
|
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentSignaturePageDocumentFragment">;
|
||||||
@@ -35,20 +34,20 @@ var v0 = [
|
|||||||
"name": "documentId"
|
"name": "documentId"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
v1 = {
|
v1 = [
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "id",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
v2 = [
|
|
||||||
{
|
{
|
||||||
"kind": "Variable",
|
"kind": "Variable",
|
||||||
"name": "id",
|
"name": "id",
|
||||||
"variableName": "documentId"
|
"variableName": "documentId"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
v2 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
v3 = {
|
v3 = {
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
@@ -64,33 +63,36 @@ return {
|
|||||||
"name": "EmployeeDocumentSignaturePageQuery",
|
"name": "EmployeeDocumentSignaturePageQuery",
|
||||||
"selections": [
|
"selections": [
|
||||||
{
|
{
|
||||||
"alias": null,
|
"kind": "RequiredField",
|
||||||
"args": null,
|
"field": {
|
||||||
"concreteType": "Viewer",
|
"alias": null,
|
||||||
"kind": "LinkedField",
|
"args": null,
|
||||||
"name": "viewer",
|
"concreteType": "Viewer",
|
||||||
"plural": false,
|
"kind": "LinkedField",
|
||||||
"selections": [
|
"name": "viewer",
|
||||||
(v1/*: any*/),
|
"plural": false,
|
||||||
{
|
"selections": [
|
||||||
"alias": null,
|
{
|
||||||
"args": (v2/*: any*/),
|
"alias": null,
|
||||||
"concreteType": "SignableDocument",
|
"args": (v1/*: any*/),
|
||||||
"kind": "LinkedField",
|
"concreteType": "SignableDocument",
|
||||||
"name": "signableDocument",
|
"kind": "LinkedField",
|
||||||
"plural": false,
|
"name": "signableDocument",
|
||||||
"selections": [
|
"plural": false,
|
||||||
(v1/*: any*/),
|
"selections": [
|
||||||
{
|
(v2/*: any*/),
|
||||||
"args": null,
|
{
|
||||||
"kind": "FragmentSpread",
|
"args": null,
|
||||||
"name": "EmployeeDocumentSignaturePageDocumentFragment"
|
"kind": "FragmentSpread",
|
||||||
}
|
"name": "EmployeeDocumentSignaturePageDocumentFragment"
|
||||||
],
|
}
|
||||||
"storageKey": null
|
],
|
||||||
}
|
"storageKey": null
|
||||||
],
|
}
|
||||||
"storageKey": null
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
"action": "THROW"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"type": "Query",
|
"type": "Query",
|
||||||
@@ -110,16 +112,15 @@ return {
|
|||||||
"name": "viewer",
|
"name": "viewer",
|
||||||
"plural": false,
|
"plural": false,
|
||||||
"selections": [
|
"selections": [
|
||||||
(v1/*: any*/),
|
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": (v2/*: any*/),
|
"args": (v1/*: any*/),
|
||||||
"concreteType": "SignableDocument",
|
"concreteType": "SignableDocument",
|
||||||
"kind": "LinkedField",
|
"kind": "LinkedField",
|
||||||
"name": "signableDocument",
|
"name": "signableDocument",
|
||||||
"plural": false,
|
"plural": false,
|
||||||
"selections": [
|
"selections": [
|
||||||
(v1/*: any*/),
|
(v2/*: any*/),
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
@@ -166,7 +167,8 @@ return {
|
|||||||
"name": "node",
|
"name": "node",
|
||||||
"plural": false,
|
"plural": false,
|
||||||
"selections": [
|
"selections": [
|
||||||
(v1/*: any*/),
|
(v2/*: any*/),
|
||||||
|
(v3/*: any*/),
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
@@ -174,7 +176,6 @@ return {
|
|||||||
"name": "version",
|
"name": "version",
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
(v3/*: any*/),
|
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
@@ -193,23 +194,24 @@ return {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
}
|
},
|
||||||
|
(v2/*: any*/)
|
||||||
],
|
],
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"params": {
|
"params": {
|
||||||
"cacheID": "a4866db288e1bf46e6562aa06bff4231",
|
"cacheID": "6ae29e4a10d7e0eb4afa03eef60d6762",
|
||||||
"id": null,
|
"id": null,
|
||||||
"metadata": {},
|
"metadata": {},
|
||||||
"name": "EmployeeDocumentSignaturePageQuery",
|
"name": "EmployeeDocumentSignaturePageQuery",
|
||||||
"operationKind": "query",
|
"operationKind": "query",
|
||||||
"text": "query EmployeeDocumentSignaturePageQuery(\n $documentId: ID!\n) {\n viewer {\n id\n signableDocument(id: $documentId) {\n id\n ...EmployeeDocumentSignaturePageDocumentFragment\n }\n }\n}\n\nfragment EmployeeDocumentSignaturePageDocumentFragment on SignableDocument {\n id\n title\n signed\n versions(first: 100, orderBy: {field: CREATED_AT, direction: DESC}) {\n edges {\n node {\n id\n ...EmployeeDocumentSignaturePageVersionFragment\n }\n }\n }\n}\n\nfragment EmployeeDocumentSignaturePageVersionFragment on DocumentVersion {\n id\n version\n signed\n publishedAt\n}\n"
|
"text": "query EmployeeDocumentSignaturePageQuery(\n $documentId: ID!\n) {\n viewer {\n signableDocument(id: $documentId) {\n id\n ...EmployeeDocumentSignaturePageDocumentFragment\n }\n id\n }\n}\n\nfragment EmployeeDocumentSignaturePageDocumentFragment on SignableDocument {\n id\n title\n signed\n versions(first: 100, orderBy: {field: CREATED_AT, direction: DESC}) {\n edges {\n node {\n id\n ...VersionActionsFragment\n ...VersionRowFragment\n }\n }\n }\n}\n\nfragment VersionActionsFragment on DocumentVersion {\n id\n signed\n}\n\nfragment VersionRowFragment on DocumentVersion {\n id\n version\n signed\n publishedAt\n}\n"
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
})();
|
})();
|
||||||
|
|
||||||
(node as any).hash = "a2ac190853e8f078ff90213605a66e29";
|
(node as any).hash = "4b2db4d00f02f0826166b729e61e4e5d";
|
||||||
|
|
||||||
export default node;
|
export default node;
|
||||||
|
|||||||
@@ -1,334 +0,0 @@
|
|||||||
/**
|
|
||||||
* @generated SignedSource<<6caec1429cd03b026975c0e9ef7c76f6>>
|
|
||||||
* @lightSyntaxTransform
|
|
||||||
* @nogrep
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* tslint:disable */
|
|
||||||
/* eslint-disable */
|
|
||||||
// @ts-nocheck
|
|
||||||
|
|
||||||
import { ConcreteRequest } from 'relay-runtime';
|
|
||||||
import { FragmentRefs } from "relay-runtime";
|
|
||||||
export type DocumentOrderField = "CREATED_AT" | "DOCUMENT_TYPE" | "TITLE";
|
|
||||||
export type OrderDirection = "ASC" | "DESC";
|
|
||||||
export type DocumentOrder = {
|
|
||||||
direction: OrderDirection;
|
|
||||||
field: DocumentOrderField;
|
|
||||||
};
|
|
||||||
export type EmployeeDocumentsListQuery$variables = {
|
|
||||||
after?: any | null | undefined;
|
|
||||||
before?: any | null | undefined;
|
|
||||||
first?: number | null | undefined;
|
|
||||||
last?: number | null | undefined;
|
|
||||||
order?: DocumentOrder | null | undefined;
|
|
||||||
organizationId: string;
|
|
||||||
};
|
|
||||||
export type EmployeeDocumentsListQuery$data = {
|
|
||||||
readonly viewer: {
|
|
||||||
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentsPageListFragment">;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
export type EmployeeDocumentsListQuery = {
|
|
||||||
response: EmployeeDocumentsListQuery$data;
|
|
||||||
variables: EmployeeDocumentsListQuery$variables;
|
|
||||||
};
|
|
||||||
|
|
||||||
const node: ConcreteRequest = (function(){
|
|
||||||
var v0 = [
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "after"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "before"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": 50,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "first"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "last"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": {
|
|
||||||
"direction": "DESC",
|
|
||||||
"field": "CREATED_AT"
|
|
||||||
},
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "order"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "organizationId"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
v1 = {
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "after",
|
|
||||||
"variableName": "after"
|
|
||||||
},
|
|
||||||
v2 = {
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "before",
|
|
||||||
"variableName": "before"
|
|
||||||
},
|
|
||||||
v3 = {
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "first",
|
|
||||||
"variableName": "first"
|
|
||||||
},
|
|
||||||
v4 = {
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "last",
|
|
||||||
"variableName": "last"
|
|
||||||
},
|
|
||||||
v5 = {
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "organizationId",
|
|
||||||
"variableName": "organizationId"
|
|
||||||
},
|
|
||||||
v6 = [
|
|
||||||
(v1/*: any*/),
|
|
||||||
(v2/*: any*/),
|
|
||||||
(v3/*: any*/),
|
|
||||||
(v4/*: any*/),
|
|
||||||
{
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "orderBy",
|
|
||||||
"variableName": "order"
|
|
||||||
},
|
|
||||||
(v5/*: any*/)
|
|
||||||
],
|
|
||||||
v7 = {
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "id",
|
|
||||||
"storageKey": null
|
|
||||||
};
|
|
||||||
return {
|
|
||||||
"fragment": {
|
|
||||||
"argumentDefinitions": (v0/*: any*/),
|
|
||||||
"kind": "Fragment",
|
|
||||||
"metadata": null,
|
|
||||||
"name": "EmployeeDocumentsListQuery",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "Viewer",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "viewer",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"args": [
|
|
||||||
(v1/*: any*/),
|
|
||||||
(v2/*: any*/),
|
|
||||||
(v3/*: any*/),
|
|
||||||
(v4/*: any*/),
|
|
||||||
{
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "order",
|
|
||||||
"variableName": "order"
|
|
||||||
},
|
|
||||||
(v5/*: any*/)
|
|
||||||
],
|
|
||||||
"kind": "FragmentSpread",
|
|
||||||
"name": "EmployeeDocumentsPageListFragment"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": "Query",
|
|
||||||
"abstractKey": null
|
|
||||||
},
|
|
||||||
"kind": "Request",
|
|
||||||
"operation": {
|
|
||||||
"argumentDefinitions": (v0/*: any*/),
|
|
||||||
"kind": "Operation",
|
|
||||||
"name": "EmployeeDocumentsListQuery",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "Viewer",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "viewer",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": (v6/*: any*/),
|
|
||||||
"concreteType": "SignableDocumentConnection",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "signableDocuments",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "SignableDocumentEdge",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "edges",
|
|
||||||
"plural": true,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "SignableDocument",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "node",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v7/*: any*/),
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "title",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "documentType",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "classification",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "signed",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "updatedAt",
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "hasPreviousPage",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "startCursor",
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "ClientExtension",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "__id",
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": (v6/*: any*/),
|
|
||||||
"filters": [
|
|
||||||
"organizationId",
|
|
||||||
"orderBy"
|
|
||||||
],
|
|
||||||
"handle": "connection",
|
|
||||||
"key": "EmployeeDocumentsListQuery_signableDocuments",
|
|
||||||
"kind": "LinkedHandle",
|
|
||||||
"name": "signableDocuments"
|
|
||||||
},
|
|
||||||
(v7/*: any*/)
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"params": {
|
|
||||||
"cacheID": "32e793fba0e3d2e46857cd1b8c436ba2",
|
|
||||||
"id": null,
|
|
||||||
"metadata": {},
|
|
||||||
"name": "EmployeeDocumentsListQuery",
|
|
||||||
"operationKind": "query",
|
|
||||||
"text": "query EmployeeDocumentsListQuery(\n $after: CursorKey = null\n $before: CursorKey = null\n $first: Int = 50\n $last: Int = null\n $order: DocumentOrder = {field: CREATED_AT, direction: DESC}\n $organizationId: ID!\n) {\n viewer {\n ...EmployeeDocumentsPageListFragment_KjvVI\n id\n }\n}\n\nfragment EmployeeDocumentsPageListFragment_KjvVI on Viewer {\n signableDocuments(organizationId: $organizationId, first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n edges {\n node {\n id\n ...EmployeeDocumentsPageRowFragment\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment EmployeeDocumentsPageRowFragment on SignableDocument {\n id\n title\n documentType\n classification\n signed\n updatedAt\n}\n"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
|
|
||||||
(node as any).hash = "ebd2703f79cdf6900b5e42fc3b28932a";
|
|
||||||
|
|
||||||
export default node;
|
|
||||||
@@ -1,231 +0,0 @@
|
|||||||
/**
|
|
||||||
* @generated SignedSource<<47bb54b1ca3acc8736d619a74455a9c3>>
|
|
||||||
* @lightSyntaxTransform
|
|
||||||
* @nogrep
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* tslint:disable */
|
|
||||||
/* eslint-disable */
|
|
||||||
// @ts-nocheck
|
|
||||||
|
|
||||||
import { ReaderFragment } from 'relay-runtime';
|
|
||||||
import { FragmentRefs } from "relay-runtime";
|
|
||||||
export type EmployeeDocumentsPageListFragment$data = {
|
|
||||||
readonly signableDocuments: {
|
|
||||||
readonly __id: string;
|
|
||||||
readonly edges: ReadonlyArray<{
|
|
||||||
readonly node: {
|
|
||||||
readonly id: string;
|
|
||||||
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentsPageRowFragment">;
|
|
||||||
};
|
|
||||||
}>;
|
|
||||||
};
|
|
||||||
readonly " $fragmentType": "EmployeeDocumentsPageListFragment";
|
|
||||||
};
|
|
||||||
export type EmployeeDocumentsPageListFragment$key = {
|
|
||||||
readonly " $data"?: EmployeeDocumentsPageListFragment$data;
|
|
||||||
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentsPageListFragment">;
|
|
||||||
};
|
|
||||||
|
|
||||||
import EmployeeDocumentsListQuery_graphql from './EmployeeDocumentsListQuery.graphql';
|
|
||||||
|
|
||||||
const node: ReaderFragment = (function(){
|
|
||||||
var v0 = [
|
|
||||||
"signableDocuments"
|
|
||||||
];
|
|
||||||
return {
|
|
||||||
"argumentDefinitions": [
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "after"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "before"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": 50,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "first"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "last"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": {
|
|
||||||
"direction": "DESC",
|
|
||||||
"field": "CREATED_AT"
|
|
||||||
},
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "order"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "organizationId"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"kind": "Fragment",
|
|
||||||
"metadata": {
|
|
||||||
"connection": [
|
|
||||||
{
|
|
||||||
"count": null,
|
|
||||||
"cursor": null,
|
|
||||||
"direction": "bidirectional",
|
|
||||||
"path": (v0/*: any*/)
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"refetch": {
|
|
||||||
"connection": {
|
|
||||||
"forward": {
|
|
||||||
"count": "first",
|
|
||||||
"cursor": "after"
|
|
||||||
},
|
|
||||||
"backward": {
|
|
||||||
"count": "last",
|
|
||||||
"cursor": "before"
|
|
||||||
},
|
|
||||||
"path": (v0/*: any*/)
|
|
||||||
},
|
|
||||||
"fragmentPathInResult": [
|
|
||||||
"viewer"
|
|
||||||
],
|
|
||||||
"operation": EmployeeDocumentsListQuery_graphql
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"name": "EmployeeDocumentsPageListFragment",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": "signableDocuments",
|
|
||||||
"args": [
|
|
||||||
{
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "orderBy",
|
|
||||||
"variableName": "order"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "organizationId",
|
|
||||||
"variableName": "organizationId"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"concreteType": "SignableDocumentConnection",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "__EmployeeDocumentsListQuery_signableDocuments_connection",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "SignableDocumentEdge",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "edges",
|
|
||||||
"plural": true,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "SignableDocument",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "node",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "id",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"args": null,
|
|
||||||
"kind": "FragmentSpread",
|
|
||||||
"name": "EmployeeDocumentsPageRowFragment"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "hasPreviousPage",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "startCursor",
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "ClientExtension",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "__id",
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": "Viewer",
|
|
||||||
"abstractKey": null
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
|
|
||||||
(node as any).hash = "ebd2703f79cdf6900b5e42fc3b28932a";
|
|
||||||
|
|
||||||
export default node;
|
|
||||||
@@ -1,272 +0,0 @@
|
|||||||
/**
|
|
||||||
* @generated SignedSource<<fef5f504f43186b294a5acb2b063d1d1>>
|
|
||||||
* @lightSyntaxTransform
|
|
||||||
* @nogrep
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* tslint:disable */
|
|
||||||
/* eslint-disable */
|
|
||||||
// @ts-nocheck
|
|
||||||
|
|
||||||
import { ConcreteRequest } from 'relay-runtime';
|
|
||||||
import { FragmentRefs } from "relay-runtime";
|
|
||||||
export type EmployeeDocumentsPageListQuery$variables = {
|
|
||||||
organizationId: string;
|
|
||||||
};
|
|
||||||
export type EmployeeDocumentsPageListQuery$data = {
|
|
||||||
readonly viewer: {
|
|
||||||
readonly id: string;
|
|
||||||
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentsPageListFragment">;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
export type EmployeeDocumentsPageListQuery = {
|
|
||||||
response: EmployeeDocumentsPageListQuery$data;
|
|
||||||
variables: EmployeeDocumentsPageListQuery$variables;
|
|
||||||
};
|
|
||||||
|
|
||||||
const node: ConcreteRequest = (function(){
|
|
||||||
var v0 = [
|
|
||||||
{
|
|
||||||
"defaultValue": null,
|
|
||||||
"kind": "LocalArgument",
|
|
||||||
"name": "organizationId"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
v1 = {
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "id",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
v2 = {
|
|
||||||
"kind": "Variable",
|
|
||||||
"name": "organizationId",
|
|
||||||
"variableName": "organizationId"
|
|
||||||
},
|
|
||||||
v3 = [
|
|
||||||
{
|
|
||||||
"kind": "Literal",
|
|
||||||
"name": "first",
|
|
||||||
"value": 50
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "Literal",
|
|
||||||
"name": "orderBy",
|
|
||||||
"value": {
|
|
||||||
"direction": "DESC",
|
|
||||||
"field": "CREATED_AT"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
(v2/*: any*/)
|
|
||||||
];
|
|
||||||
return {
|
|
||||||
"fragment": {
|
|
||||||
"argumentDefinitions": (v0/*: any*/),
|
|
||||||
"kind": "Fragment",
|
|
||||||
"metadata": null,
|
|
||||||
"name": "EmployeeDocumentsPageListQuery",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "Viewer",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "viewer",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v1/*: any*/),
|
|
||||||
{
|
|
||||||
"args": [
|
|
||||||
(v2/*: any*/)
|
|
||||||
],
|
|
||||||
"kind": "FragmentSpread",
|
|
||||||
"name": "EmployeeDocumentsPageListFragment"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"type": "Query",
|
|
||||||
"abstractKey": null
|
|
||||||
},
|
|
||||||
"kind": "Request",
|
|
||||||
"operation": {
|
|
||||||
"argumentDefinitions": (v0/*: any*/),
|
|
||||||
"kind": "Operation",
|
|
||||||
"name": "EmployeeDocumentsPageListQuery",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "Viewer",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "viewer",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v1/*: any*/),
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": (v3/*: any*/),
|
|
||||||
"concreteType": "SignableDocumentConnection",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "signableDocuments",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "SignableDocumentEdge",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "edges",
|
|
||||||
"plural": true,
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"concreteType": "SignableDocument",
|
|
||||||
"kind": "LinkedField",
|
|
||||||
"name": "node",
|
|
||||||
"plural": false,
|
|
||||||
"selections": [
|
|
||||||
(v1/*: any*/),
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "title",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "documentType",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "classification",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "signed",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "updatedAt",
|
|
||||||
"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
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "hasPreviousPage",
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "startCursor",
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"kind": "ClientExtension",
|
|
||||||
"selections": [
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": null,
|
|
||||||
"kind": "ScalarField",
|
|
||||||
"name": "__id",
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"alias": null,
|
|
||||||
"args": (v3/*: any*/),
|
|
||||||
"filters": [
|
|
||||||
"organizationId",
|
|
||||||
"orderBy"
|
|
||||||
],
|
|
||||||
"handle": "connection",
|
|
||||||
"key": "EmployeeDocumentsListQuery_signableDocuments",
|
|
||||||
"kind": "LinkedHandle",
|
|
||||||
"name": "signableDocuments"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"params": {
|
|
||||||
"cacheID": "e0d165b36ce3e65b6c3e7a4d3620ba7e",
|
|
||||||
"id": null,
|
|
||||||
"metadata": {},
|
|
||||||
"name": "EmployeeDocumentsPageListQuery",
|
|
||||||
"operationKind": "query",
|
|
||||||
"text": "query EmployeeDocumentsPageListQuery(\n $organizationId: ID!\n) {\n viewer {\n id\n ...EmployeeDocumentsPageListFragment_4xMPKw\n }\n}\n\nfragment EmployeeDocumentsPageListFragment_4xMPKw on Viewer {\n signableDocuments(organizationId: $organizationId, first: 50, orderBy: {field: CREATED_AT, direction: DESC}) {\n edges {\n node {\n id\n ...EmployeeDocumentsPageRowFragment\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}\n\nfragment EmployeeDocumentsPageRowFragment on SignableDocument {\n id\n title\n documentType\n classification\n signed\n updatedAt\n}\n"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
|
|
||||||
(node as any).hash = "8c281fd3823eb1894c0b46807e04e370";
|
|
||||||
|
|
||||||
export default node;
|
|
||||||
247
apps/console/src/pages/organizations/employee/__generated__/EmployeeDocumentsPageQuery.graphql.ts
generated
Normal file
247
apps/console/src/pages/organizations/employee/__generated__/EmployeeDocumentsPageQuery.graphql.ts
generated
Normal file
@@ -0,0 +1,247 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<7bf19a133f9a98ea87492298d98312fa>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
import { FragmentRefs } from "relay-runtime";
|
||||||
|
export type EmployeeDocumentsPageQuery$variables = {
|
||||||
|
organizationId: string;
|
||||||
|
};
|
||||||
|
export type EmployeeDocumentsPageQuery$data = {
|
||||||
|
readonly viewer: {
|
||||||
|
readonly signableDocuments: {
|
||||||
|
readonly edges: ReadonlyArray<{
|
||||||
|
readonly node: {
|
||||||
|
readonly id: string;
|
||||||
|
readonly " $fragmentSpreads": FragmentRefs<"DocumentRowFragment">;
|
||||||
|
};
|
||||||
|
}>;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type EmployeeDocumentsPageQuery = {
|
||||||
|
response: EmployeeDocumentsPageQuery$data;
|
||||||
|
variables: EmployeeDocumentsPageQuery$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = [
|
||||||
|
{
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "organizationId"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v1 = [
|
||||||
|
{
|
||||||
|
"kind": "Literal",
|
||||||
|
"name": "first",
|
||||||
|
"value": 1000
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"kind": "Literal",
|
||||||
|
"name": "orderBy",
|
||||||
|
"value": {
|
||||||
|
"direction": "DESC",
|
||||||
|
"field": "CREATED_AT"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "organizationId",
|
||||||
|
"variableName": "organizationId"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v2 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "EmployeeDocumentsPageQuery",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"kind": "RequiredField",
|
||||||
|
"field": {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Viewer",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "viewer",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"kind": "RequiredField",
|
||||||
|
"field": {
|
||||||
|
"alias": null,
|
||||||
|
"args": (v1/*: any*/),
|
||||||
|
"concreteType": "SignableDocumentConnection",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "signableDocuments",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"kind": "RequiredField",
|
||||||
|
"field": {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "SignableDocumentEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "edges",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"kind": "RequiredField",
|
||||||
|
"field": {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "SignableDocument",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v2/*: any*/),
|
||||||
|
{
|
||||||
|
"args": null,
|
||||||
|
"kind": "FragmentSpread",
|
||||||
|
"name": "DocumentRowFragment"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
"action": "THROW"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
"action": "THROW"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
"action": "THROW"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
"action": "THROW"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Query",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "EmployeeDocumentsPageQuery",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Viewer",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "viewer",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v1/*: any*/),
|
||||||
|
"concreteType": "SignableDocumentConnection",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "signableDocuments",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "SignableDocumentEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "edges",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "SignableDocument",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v2/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "title",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "documentType",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "classification",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "signed",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "updatedAt",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v2/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "6b86b68f881b9cce5eb16c3d02efba06",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "EmployeeDocumentsPageQuery",
|
||||||
|
"operationKind": "query",
|
||||||
|
"text": "query EmployeeDocumentsPageQuery(\n $organizationId: ID!\n) {\n viewer {\n signableDocuments(organizationId: $organizationId, first: 1000, orderBy: {field: CREATED_AT, direction: DESC}) {\n edges {\n node {\n id\n ...DocumentRowFragment\n }\n }\n }\n id\n }\n}\n\nfragment DocumentRowFragment on SignableDocument {\n id\n title\n documentType\n classification\n signed\n updatedAt\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "df39499ecf83f117576ac2456aeb094a";
|
||||||
|
|
||||||
|
export default node;
|
||||||
@@ -0,0 +1,52 @@
|
|||||||
|
import { useTranslate } from "@probo/i18n";
|
||||||
|
import { Tr, Td, Badge } from "@probo/ui";
|
||||||
|
import { useFragment } from "react-relay";
|
||||||
|
import { graphql } from "react-relay";
|
||||||
|
import {
|
||||||
|
getDocumentClassificationLabel,
|
||||||
|
getDocumentTypeLabel,
|
||||||
|
formatDate,
|
||||||
|
} from "@probo/helpers";
|
||||||
|
import type { DocumentRowFragment$key } from "./__generated__/DocumentRowFragment.graphql";
|
||||||
|
|
||||||
|
const fragment = graphql`
|
||||||
|
fragment DocumentRowFragment on SignableDocument {
|
||||||
|
id
|
||||||
|
title
|
||||||
|
documentType
|
||||||
|
classification
|
||||||
|
signed
|
||||||
|
updatedAt
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
export function DocumentRow({
|
||||||
|
fKey,
|
||||||
|
organizationId,
|
||||||
|
}: {
|
||||||
|
fKey: DocumentRowFragment$key;
|
||||||
|
organizationId: string;
|
||||||
|
}) {
|
||||||
|
const document = useFragment<DocumentRowFragment$key>(fragment, fKey);
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Tr to={`/organizations/${organizationId}/employee/${document.id}`}>
|
||||||
|
<Td className="min-w-0 pr-12">{document.title}</Td>
|
||||||
|
<Td className="w-48">
|
||||||
|
{getDocumentTypeLabel(__, document.documentType)}
|
||||||
|
</Td>
|
||||||
|
<Td className="w-36">
|
||||||
|
<Badge variant="neutral">
|
||||||
|
{getDocumentClassificationLabel(__, document.classification)}
|
||||||
|
</Badge>
|
||||||
|
</Td>
|
||||||
|
<Td className="w-40">{formatDate(document.updatedAt)}</Td>
|
||||||
|
<Td className="w-32">
|
||||||
|
<Badge variant={document.signed ? "success" : "danger"}>
|
||||||
|
{document.signed ? __("Yes") : __("No")}
|
||||||
|
</Badge>
|
||||||
|
</Td>
|
||||||
|
</Tr>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,57 @@
|
|||||||
|
import { useTranslate } from "@probo/i18n";
|
||||||
|
import { Button, Spinner } from "@probo/ui";
|
||||||
|
import { useFragment } from "react-relay";
|
||||||
|
import { graphql } from "react-relay";
|
||||||
|
import type { VersionActionsFragment$key } from "./__generated__/VersionActionsFragment.graphql";
|
||||||
|
|
||||||
|
const fragment = graphql`
|
||||||
|
fragment VersionActionsFragment on DocumentVersion {
|
||||||
|
id
|
||||||
|
signed
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
export function VersionActions({
|
||||||
|
fKey,
|
||||||
|
isSigning,
|
||||||
|
onSign,
|
||||||
|
onBack,
|
||||||
|
}: {
|
||||||
|
fKey: VersionActionsFragment$key;
|
||||||
|
isSigning: boolean;
|
||||||
|
onSign: (versionId: string) => void;
|
||||||
|
onBack: () => void;
|
||||||
|
}) {
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
const versionData = useFragment<VersionActionsFragment$key>(fragment, fKey);
|
||||||
|
const isSigned = versionData.signed;
|
||||||
|
|
||||||
|
if (isSigned) {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Button onClick={onBack} className="h-10 w-full" variant="secondary">
|
||||||
|
{__("Back to Documents")}
|
||||||
|
</Button>
|
||||||
|
<p className="text-xs text-txt-tertiary mt-2 h-5" />
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Button
|
||||||
|
onClick={() => onSign(versionData.id)}
|
||||||
|
className="h-10 w-full"
|
||||||
|
disabled={isSigning}
|
||||||
|
icon={isSigning ? Spinner : undefined}
|
||||||
|
>
|
||||||
|
{__("I acknowledge and agree")}
|
||||||
|
</Button>
|
||||||
|
<p className="text-xs text-txt-tertiary mt-2 h-5">
|
||||||
|
{__(
|
||||||
|
"By clicking 'I acknowledge and agree', your digital signature will be recorded."
|
||||||
|
)}
|
||||||
|
</p>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,85 @@
|
|||||||
|
import { useTranslate } from "@probo/i18n";
|
||||||
|
import { IconCircleCheck, IconRadioUnchecked } from "@probo/ui";
|
||||||
|
import clsx from "clsx";
|
||||||
|
import { useFragment } from "react-relay";
|
||||||
|
import { graphql } from "react-relay";
|
||||||
|
import type { VersionRowFragment$key } from "./__generated__/VersionRowFragment.graphql";
|
||||||
|
|
||||||
|
const fragment = graphql`
|
||||||
|
fragment VersionRowFragment on DocumentVersion {
|
||||||
|
id
|
||||||
|
version
|
||||||
|
signed
|
||||||
|
publishedAt
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
export function VersionRow({
|
||||||
|
fKey,
|
||||||
|
isSelected,
|
||||||
|
onSelect,
|
||||||
|
}: {
|
||||||
|
fKey: VersionRowFragment$key;
|
||||||
|
isSelected: boolean;
|
||||||
|
onSelect: () => void;
|
||||||
|
}) {
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
const versionData = useFragment<VersionRowFragment$key>(fragment, fKey);
|
||||||
|
const isVersionSigned = versionData.signed;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
onClick={onSelect}
|
||||||
|
className={clsx(
|
||||||
|
"flex items-center gap-3 py-3 px-4 transition-colors cursor-pointer",
|
||||||
|
isSelected
|
||||||
|
? "bg-blue-50 border-l-4 border-blue-500"
|
||||||
|
: "bg-transparent hover:bg-level-1"
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
<div className="flex items-center justify-center w-8 h-8 rounded-full bg-level-2 flex-shrink-0">
|
||||||
|
{isVersionSigned ? (
|
||||||
|
<IconCircleCheck size={20} className="text-txt-success" />
|
||||||
|
) : (
|
||||||
|
<IconRadioUnchecked size={20} className="text-txt-tertiary" />
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className="flex-1 min-w-0">
|
||||||
|
<p
|
||||||
|
className={clsx(
|
||||||
|
"text-sm font-medium truncate",
|
||||||
|
isVersionSigned ? "text-txt-tertiary" : "text-txt-primary"
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{versionData.publishedAt
|
||||||
|
? `v${versionData.version} - ${(() => {
|
||||||
|
const date = new Date(versionData.publishedAt);
|
||||||
|
const day = String(date.getDate()).padStart(2, "0");
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, "0");
|
||||||
|
const year = date.getFullYear();
|
||||||
|
return `${day}/${month}/${year}`;
|
||||||
|
})()}`
|
||||||
|
: `v${versionData.version}`}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div className="flex-shrink-0">
|
||||||
|
<span
|
||||||
|
className={clsx(
|
||||||
|
"inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium",
|
||||||
|
isVersionSigned
|
||||||
|
? "bg-green-100 text-green-800"
|
||||||
|
: isSelected
|
||||||
|
? "bg-blue-100 text-blue-800"
|
||||||
|
: "bg-gray-100 text-gray-700"
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{isVersionSigned
|
||||||
|
? __("Signed")
|
||||||
|
: isSelected
|
||||||
|
? __("In review")
|
||||||
|
: __("Waiting signature")}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* @generated SignedSource<<f3d939f80d769a19b8f8ef64207ae911>>
|
* @generated SignedSource<<74a0df62fb3bfbd741d69cc1b7c023bb>>
|
||||||
* @lightSyntaxTransform
|
* @lightSyntaxTransform
|
||||||
* @nogrep
|
* @nogrep
|
||||||
*/
|
*/
|
||||||
@@ -12,25 +12,25 @@ import { ReaderFragment } from 'relay-runtime';
|
|||||||
export type DocumentClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
|
export type DocumentClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
|
||||||
export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
|
export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
|
||||||
import { FragmentRefs } from "relay-runtime";
|
import { FragmentRefs } from "relay-runtime";
|
||||||
export type EmployeeDocumentsPageRowFragment$data = {
|
export type DocumentRowFragment$data = {
|
||||||
readonly classification: DocumentClassification;
|
readonly classification: DocumentClassification;
|
||||||
readonly documentType: DocumentType;
|
readonly documentType: DocumentType;
|
||||||
readonly id: string;
|
readonly id: string;
|
||||||
readonly signed: boolean;
|
readonly signed: boolean;
|
||||||
readonly title: string;
|
readonly title: string;
|
||||||
readonly updatedAt: any;
|
readonly updatedAt: any;
|
||||||
readonly " $fragmentType": "EmployeeDocumentsPageRowFragment";
|
readonly " $fragmentType": "DocumentRowFragment";
|
||||||
};
|
};
|
||||||
export type EmployeeDocumentsPageRowFragment$key = {
|
export type DocumentRowFragment$key = {
|
||||||
readonly " $data"?: EmployeeDocumentsPageRowFragment$data;
|
readonly " $data"?: DocumentRowFragment$data;
|
||||||
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentsPageRowFragment">;
|
readonly " $fragmentSpreads": FragmentRefs<"DocumentRowFragment">;
|
||||||
};
|
};
|
||||||
|
|
||||||
const node: ReaderFragment = {
|
const node: ReaderFragment = {
|
||||||
"argumentDefinitions": [],
|
"argumentDefinitions": [],
|
||||||
"kind": "Fragment",
|
"kind": "Fragment",
|
||||||
"metadata": null,
|
"metadata": null,
|
||||||
"name": "EmployeeDocumentsPageRowFragment",
|
"name": "DocumentRowFragment",
|
||||||
"selections": [
|
"selections": [
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
@@ -79,6 +79,6 @@ const node: ReaderFragment = {
|
|||||||
"abstractKey": null
|
"abstractKey": null
|
||||||
};
|
};
|
||||||
|
|
||||||
(node as any).hash = "929301e6f6216fb0678b32061b70dd17";
|
(node as any).hash = "43959adf3e4545cce78ba06f34c82cd2";
|
||||||
|
|
||||||
export default node;
|
export default node;
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<f777a3e905bf0a68614d31011688f76d>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ReaderFragment } from 'relay-runtime';
|
||||||
|
import { FragmentRefs } from "relay-runtime";
|
||||||
|
export type VersionActionsFragment$data = {
|
||||||
|
readonly id: string;
|
||||||
|
readonly signed: boolean;
|
||||||
|
readonly " $fragmentType": "VersionActionsFragment";
|
||||||
|
};
|
||||||
|
export type VersionActionsFragment$key = {
|
||||||
|
readonly " $data"?: VersionActionsFragment$data;
|
||||||
|
readonly " $fragmentSpreads": FragmentRefs<"VersionActionsFragment">;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ReaderFragment = {
|
||||||
|
"argumentDefinitions": [],
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "VersionActionsFragment",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "signed",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "DocumentVersion",
|
||||||
|
"abstractKey": null
|
||||||
|
};
|
||||||
|
|
||||||
|
(node as any).hash = "9d3f7cc67712ad429dc0b1072fe2fe97";
|
||||||
|
|
||||||
|
export default node;
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* @generated SignedSource<<f05da6a037d3f282ff9ff6d60e2d684d>>
|
* @generated SignedSource<<9cf1f475999548049b019e29f83411dd>>
|
||||||
* @lightSyntaxTransform
|
* @lightSyntaxTransform
|
||||||
* @nogrep
|
* @nogrep
|
||||||
*/
|
*/
|
||||||
@@ -10,23 +10,23 @@
|
|||||||
|
|
||||||
import { ReaderFragment } from 'relay-runtime';
|
import { ReaderFragment } from 'relay-runtime';
|
||||||
import { FragmentRefs } from "relay-runtime";
|
import { FragmentRefs } from "relay-runtime";
|
||||||
export type EmployeeDocumentSignaturePageVersionFragment$data = {
|
export type VersionRowFragment$data = {
|
||||||
readonly id: string;
|
readonly id: string;
|
||||||
readonly publishedAt: any | null | undefined;
|
readonly publishedAt: any | null | undefined;
|
||||||
readonly signed: boolean;
|
readonly signed: boolean;
|
||||||
readonly version: number;
|
readonly version: number;
|
||||||
readonly " $fragmentType": "EmployeeDocumentSignaturePageVersionFragment";
|
readonly " $fragmentType": "VersionRowFragment";
|
||||||
};
|
};
|
||||||
export type EmployeeDocumentSignaturePageVersionFragment$key = {
|
export type VersionRowFragment$key = {
|
||||||
readonly " $data"?: EmployeeDocumentSignaturePageVersionFragment$data;
|
readonly " $data"?: VersionRowFragment$data;
|
||||||
readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentSignaturePageVersionFragment">;
|
readonly " $fragmentSpreads": FragmentRefs<"VersionRowFragment">;
|
||||||
};
|
};
|
||||||
|
|
||||||
const node: ReaderFragment = {
|
const node: ReaderFragment = {
|
||||||
"argumentDefinitions": [],
|
"argumentDefinitions": [],
|
||||||
"kind": "Fragment",
|
"kind": "Fragment",
|
||||||
"metadata": null,
|
"metadata": null,
|
||||||
"name": "EmployeeDocumentSignaturePageVersionFragment",
|
"name": "VersionRowFragment",
|
||||||
"selections": [
|
"selections": [
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
@@ -61,6 +61,6 @@ const node: ReaderFragment = {
|
|||||||
"abstractKey": null
|
"abstractKey": null
|
||||||
};
|
};
|
||||||
|
|
||||||
(node as any).hash = "4a85fbbc1bf8b2610f554aa439fd0e95";
|
(node as any).hash = "421d770febb7c38b46562e03ecd95a41";
|
||||||
|
|
||||||
export default node;
|
export default node;
|
||||||
@@ -4,10 +4,9 @@ import {
|
|||||||
redirect,
|
redirect,
|
||||||
useRouteError,
|
useRouteError,
|
||||||
} from "react-router";
|
} from "react-router";
|
||||||
import { EmployeeLayout } from "./layouts/EmployeeLayout";
|
import { EmployeeLayout } from "./layouts/EmployeeLayout.tsx";
|
||||||
import { CenteredLayout, CenteredLayoutSkeleton } from "@probo/ui";
|
import { CenteredLayout, CenteredLayoutSkeleton } from "@probo/ui";
|
||||||
import { PageSkeleton } from "./components/skeletons/PageSkeleton.tsx";
|
import { PageSkeleton } from "./components/skeletons/PageSkeleton.tsx";
|
||||||
import { loadQuery } from "react-relay";
|
|
||||||
import { riskRoutes } from "./routes/riskRoutes.ts";
|
import { riskRoutes } from "./routes/riskRoutes.ts";
|
||||||
import { measureRoutes } from "./routes/measureRoutes.ts";
|
import { measureRoutes } from "./routes/measureRoutes.ts";
|
||||||
import { documentsRoutes } from "./routes/documentsRoutes.ts";
|
import { documentsRoutes } from "./routes/documentsRoutes.ts";
|
||||||
@@ -30,18 +29,10 @@ import { processingActivityRoutes } from "./routes/processingActivityRoutes.ts";
|
|||||||
import { statesOfApplicabilityRoutes } from "./routes/statesOfApplicabilityRoutes.ts";
|
import { statesOfApplicabilityRoutes } from "./routes/statesOfApplicabilityRoutes.ts";
|
||||||
import { CoreRelayProvider } from "./providers/CoreRelayProvider.tsx";
|
import { CoreRelayProvider } from "./providers/CoreRelayProvider.tsx";
|
||||||
import { lazy } from "@probo/react-lazy";
|
import { lazy } from "@probo/react-lazy";
|
||||||
import {
|
import { routeFromAppRoute, type AppRoute } from "@probo/routes";
|
||||||
loaderFromQueryLoader,
|
|
||||||
routeFromAppRoute,
|
|
||||||
withQueryRef,
|
|
||||||
type AppRoute,
|
|
||||||
} from "@probo/routes";
|
|
||||||
import { employeeDocumentsQuery } from "./pages/organizations/employee/EmployeeDocumentsPage";
|
|
||||||
import { employeeDocumentSignatureQuery } from "./pages/organizations/employee/EmployeeDocumentSignaturePage";
|
|
||||||
import { Role } from "@probo/helpers";
|
import { Role } from "@probo/helpers";
|
||||||
import { PermissionsContext } from "./providers/PermissionsContext";
|
import { PermissionsContext } from "./providers/PermissionsContext";
|
||||||
import { use } from "react";
|
import { use } from "react";
|
||||||
import { coreEnvironment } from "./environments.ts";
|
|
||||||
import {
|
import {
|
||||||
ForbiddenError,
|
ForbiddenError,
|
||||||
UnAuthenticatedError,
|
UnAuthenticatedError,
|
||||||
@@ -139,32 +130,17 @@ const routes = [
|
|||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: "",
|
path: "",
|
||||||
Fallback: PageSkeleton,
|
Component: lazy(
|
||||||
loader: loaderFromQueryLoader(({ organizationId }) =>
|
() =>
|
||||||
loadQuery(coreEnvironment, employeeDocumentsQuery, {
|
import("./pages/organizations/employee/EmployeeDocumentsPageLoader")
|
||||||
organizationId: organizationId!,
|
|
||||||
})
|
|
||||||
),
|
|
||||||
Component: withQueryRef(
|
|
||||||
lazy(
|
|
||||||
() => import("./pages/organizations/employee/EmployeeDocumentsPage")
|
|
||||||
)
|
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: ":documentId",
|
path: ":documentId",
|
||||||
Fallback: PageSkeleton,
|
|
||||||
ErrorBoundary: ErrorBoundary,
|
ErrorBoundary: ErrorBoundary,
|
||||||
loader: loaderFromQueryLoader(({ documentId }) =>
|
Component: lazy(
|
||||||
loadQuery(coreEnvironment, employeeDocumentSignatureQuery, {
|
() =>
|
||||||
documentId: documentId!,
|
import("./pages/organizations/employee/EmployeeDocumentSignaturePageLoader")
|
||||||
})
|
|
||||||
),
|
|
||||||
Component: withQueryRef(
|
|
||||||
lazy(
|
|
||||||
() =>
|
|
||||||
import("./pages/organizations/employee/EmployeeDocumentSignaturePage")
|
|
||||||
)
|
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|||||||
Reference in New Issue
Block a user