@docuninja/builder2.0 0.0.70 → 0.0.71

package/dist/builder/builder-store.d.ts

@@ -0,0 +1,54 @@
+import { Document, DocumentFile, DocumentInvitation } from './types/api';
+import { InputType, Rectangle, Rectangles, TSignatory, TSignatoryType } from '.';
+type State = {
+    document: Document | null;
+    setupCompletedAt: Date | null;
+    blueprint: boolean;
+    rectangles: Rectangles;
+    signatories: TSignatory[];
+    activeSignatory: string | null;
+    colors: string[];
+    filesOrder: string[];
+    tempRectangleType: InputType;
+    signatoryOrder: string[];
+    signatoryMetadata: Record<string, unknown>;
+    focusedRectangleId: string | null;
+};
+type SetupOptions = {
+    blueprint: boolean;
+};
+type Actions = {
+    setup: (document: Document, options: SetupOptions) => void;
+    reset: () => void;
+    applySnapshot: (snapshot: State) => void;
+    findRectangles: () => Rectangle[];
+    findRectangle: (id: string | null) => Rectangle | null;
+    findRectanglesForId: (id: string) => Rectangle[];
+    findRectanglesForSignatory: (id: string) => Rectangle[];
+    findFileByRectangleId: (id: string) => DocumentFile | undefined;
+    createRectangle: (rectangle: Rectangle) => void;
+    updateRectangle: (id: string, rectangle: Rectangle) => void;
+    deleteRectangle: (id: string) => void;
+    createSignatory: (id: string, type: TSignatoryType, metadata?: Record<string, unknown>, signing_order?: number) => void;
+    findSignatory: (id: string) => TSignatory | null;
+    updateActiveSignatory: (id: string | null) => void;
+    updateSignatoryOrder: (signatoryId: string, newOrder: number) => void;
+    rebuildSignatories: (invitations: DocumentInvitation[]) => void;
+    deleteSignatory: (id: string, type: TSignatoryType) => void;
+    isPersistedSignatory: (id: string, type: TSignatoryType) => boolean;
+    generateColors: () => void;
+    moveFile: (id: string, direction: "up" | "down") => void;
+    cleanUpSignatures: (id: string) => void;
+    setTempRectangleType: (type: InputType) => void;
+    setDocument: (document: Document) => void;
+    syncRectangleColors: () => void;
+    createBlueprintSignatory: () => void;
+    updateSignatoryPosition: (id: string, index: number) => void;
+    setSignatoryOrder: (order: string[]) => void;
+    updateSignatory: (id: string, signatory: Partial<TSignatory>) => void;
+    updateSignatoryMetadata: (key: string, value: unknown) => void;
+    setFocusedRectangleId: (id: string | null) => void;
+};
+export type BuilderStore = State & Actions;
+export declare const useBuilderStore: import('zustand').UseBoundStore<import('zustand').StoreApi<BuilderStore>>;
+export {};

package/dist/builder/cache-store.d.ts

@@ -0,0 +1,12 @@
+import { ClientContact, User } from './types/api';
+type State = {
+    contacts: ClientContact[];
+    users: User[];
+};
+type Actions = {
+    updateContacts: (contact: ClientContact) => void;
+    updateUsers: (user: User) => void;
+};
+export type CacheStore = State & Actions;
+export declare const useCacheStore: import('zustand').UseBoundStore<import('zustand').StoreApi<CacheStore>>;
+export {};

package/dist/builder/component-types.d.ts

@@ -0,0 +1,149 @@
+import { Rectangle, TSignatory } from './index';
+import { Document, DocumentInvitation, ValidationBag } from './types/api';
+import { SelectOption, SelectProps } from './ui/signatories';
+import { CreateDialogFieldProps } from './ui/signatory';
+import { ToolboxOption } from './ui/toolbox-context';
+export type ConfirmationDialogButtonProps = {
+    onClick: () => void;
+};
+export type SaveButtonProps = {
+    isSubmitting: boolean;
+    onClick: () => void;
+};
+export type SendButtonProps = {
+    onClick: () => void;
+};
+export type SendDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    content: React.ReactNode;
+    action: React.ReactNode;
+};
+export type SendDialogButtonProps = {
+    isSubmitting: boolean;
+};
+export type DeleteDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    action: React.ReactNode;
+};
+export type DeleteDialogButtonProps = {
+    isSubmitting: boolean;
+};
+export type UploadProps = {
+    onClick: () => void;
+};
+export type UploadDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    content: React.ReactNode;
+};
+export type ConfirmationDialogProps = {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    content: React.ReactNode;
+    action: React.ReactNode;
+};
+export type ValidationErrorsProps = {
+    content: React.ReactNode;
+};
+export type SignatorySelectorProps = {
+    results: SelectOption[];
+    onSelect: SelectProps["onSelect"];
+    value: SelectProps["value"];
+    setCreateDialogOpen: (open: boolean) => void;
+    trigger?: React.ReactNode;
+    signatories: TSignatory[];
+};
+export type CreateBlueprintSignatoryProps = {
+    onClick: () => void;
+};
+export type UninviteDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    content: React.ReactNode;
+    action: React.ReactNode;
+};
+export type UninviteDialogButtonProps = {
+    isSubmitting: boolean;
+    form: string;
+};
+export type CreateDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    client: React.ReactNode;
+    user: React.ReactNode;
+};
+export type CreateClientTabProps = {
+    fields: CreateDialogFieldProps<Record<string, unknown>>[];
+    errors: ValidationBag | null;
+};
+export type CreateDialogTabButtonProps = {
+    form: string;
+    isSubmitting: boolean;
+};
+export type SignProps = {
+    document: Document;
+    invitation: DocumentInvitation;
+};
+export type ToolboxContextProps = {
+    options?: ToolboxOption[];
+    rectangle: Rectangle;
+};
+export type SignatorySwapProps = SignatorySelectorProps;
+export type AlertProps = {
+    title: React.ReactNode;
+    children: React.ReactNode;
+};
+export type ImportFromButtonProps = {
+    onClick: () => void;
+    isSubmitting: boolean;
+};
+export type RectangleSettingsDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: React.ReactNode;
+    children: React.ReactNode;
+};
+export type RectangleSettingsDialogButtonProps = {
+    onClick: () => void;
+    label: string;
+    id?: string;
+};
+export type RectangleSettingsInputProps = {
+    id: string;
+    type?: "text" | "number";
+    value: string | number;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    maxLength?: number;
+    min?: number;
+    max?: number;
+    step?: string;
+};
+export type RectangleSettingsLabelProps = {
+    htmlFor: string;
+    children: React.ReactNode;
+};
+export type RectangleSettingsCheckboxProps = {
+    id: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label: string;
+};
+export type RectangleSettingsSelectProps = {
+    id: string;
+    value: string;
+    onChange: (value: string) => void;
+    children: React.ReactNode;
+};
+export type RectangleSettingsRemoveButtonProps = {
+    onClick: () => void;
+};
+export type RectangleSettingsOptionItemProps = {
+    children: React.ReactNode;
+};
+export type RectangleSettingsOptionsListProps = {
+    id: string;
+    children: React.ReactNode;
+};

package/dist/builder/helpers.d.ts

@@ -0,0 +1,9 @@
+export declare function $scroll(querySelector: string, offset?: number): void;
+export declare function $focus(id: string): void;
+export declare function $delete(id: string): void;
+export declare function $settings(id: string): void;
+export declare function $save(): void;
+export declare function $noSignatoryWarning(): void;
+export declare function $openCreateDialog(): void;
+export declare function $connectWebsockets(): void;
+export declare function $retryImage(element: HTMLImageElement, initialDelay?: number): void;

package/dist/builder/hooks/use-cookie-consent-height.d.ts

@@ -0,0 +1 @@
+export declare function useCookieConsentHeight(): number;

package/dist/builder/hooks/use-label-position.d.ts

@@ -0,0 +1,3 @@
+import { Rectangle } from '..';
+export type LabelPosition = "above" | "below" | "right";
+export declare function useLabelPosition(rectangle: Rectangle): LabelPosition;

package/dist/builder/index.d.ts

@@ -0,0 +1,97 @@
+import { Builder as BuilderContext } from './ui';
+/** Hey there, you! So you want to add a prop onto this interface huh? No probs, but PLEASE notify upstream that this interface has changed so we can update the types in all repos :) */
+export type Rectangle = {
+    id: string;
+    label: string;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    page: number;
+    signature: string | null;
+    type: InputType;
+    value: string | null;
+    file_id: string;
+    signatory_id: string;
+    color: string;
+    required: boolean;
+    options?: RectangleOptions;
+    show_label?: boolean;
+};
+export type InputType = "signature" | "input" | "date" | "checkbox" | "initial" | "select" | "radio" | "multiselect" | "number";
+export type Rectangles = Record<string, Rectangle[]>;
+export type TSignatoryType = "contact" | "user" | "blueprint";
+export type DateFormat = "YYYY-MM-DD" | "MM/DD/YYYY" | "DD/MM/YYYY";
+export type NumberFormat = "123456789.567" | "$123,456,789.57" | "123 456 789,57 €" | "£123,456,789.57" | "123,456,789.567" | "123.456.789,567" | "123 456 789,567";
+export type ValidationRule = "none" | "length" | "ssn" | "ein" | "email" | "url" | "zip" | "numbers_only" | "letters_only" | "custom";
+export type SelectOption = {
+    id: string;
+    label: string;
+    value: string;
+};
+export type RectangleOptions = {
+    date?: {
+        format: DateFormat;
+        defaultToSigningDate: boolean;
+    };
+    input?: {
+        useDefaultValue: boolean;
+        defaultText: string;
+        validationRule: ValidationRule;
+        customRegex?: string;
+        minLength?: number;
+        maxLength?: number;
+    };
+    checkbox?: {
+        defaultValue: boolean;
+    };
+    initial?: {
+        useDefaultValue: boolean;
+        defaultText: string;
+    };
+    select?: {
+        options: SelectOption[];
+        defaultValue: string | null;
+    };
+    radio?: {
+        options: SelectOption[];
+        defaultValue: string | null;
+    };
+    multiselect?: {
+        options: SelectOption[];
+        defaultValues: string[];
+    };
+    number?: {
+        useDefaultValue: boolean;
+        defaultValue: number;
+        format: NumberFormat;
+        minValue?: number;
+        maxValue?: number;
+        decimalPlaces?: number;
+    };
+};
+export declare function useConstructDefaultOptionsFor(): (type: InputType) => RectangleOptions;
+export type TSignatory = {
+    id: string;
+    color: string;
+    type: TSignatoryType;
+    signing_order?: number;
+    metadata?: Record<string, unknown>;
+};
+export type TSignatories = TSignatory[];
+export type BuilderProps = {
+    fileId: string;
+    readOnly: boolean;
+    url: string;
+    rectangles: Rectangle[];
+    pages: string[];
+    tempRectangleType?: InputType;
+    styles?: BuilderContext["styles"];
+    onRectangleClick?: (rectangleId: string) => void;
+};
+export declare function Builder({ fileId, readOnly, rectangles, pages: $pages, tempRectangleType, styles, onRectangleClick, }: BuilderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+type RectangleIconProps = {
+    rectangle: Rectangle;
+};
+export declare function RectangleIcon({ rectangle }: RectangleIconProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/builder/password-files.d.ts

@@ -0,0 +1,3 @@
+export declare function isPdfPasswordProtected(file: File): Promise<boolean>;
+export declare function checkPdfPassword(file: File, password: string): Promise<boolean>;
+export declare function getPasswordForPdf(file: File): Promise<string | null>;

package/dist/builder/pdf-worker.d.ts

@@ -0,0 +1,2 @@
+import * as lib from "pdfjs-dist";
+export declare const pdfjs: typeof lib;

package/dist/builder/root.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './types/api';

package/dist/builder/sensor.d.ts

@@ -0,0 +1,14 @@
+import { MouseSensor, TouchSensor } from '@dnd-kit/core';
+import { MouseEvent, TouchEvent } from 'react';
+export declare class MouseSensor$ extends MouseSensor {
+    static activators: {
+        eventName: "onMouseDown";
+        handler: ({ nativeEvent: event }: MouseEvent) => boolean;
+    }[];
+}
+export declare class TouchSensor$ extends TouchSensor {
+    static activators: {
+        eventName: "onTouchStart";
+        handler: ({ nativeEvent: event }: TouchEvent<Element>) => boolean;
+    }[];
+}

package/dist/builder/sign/actions.d.ts

@@ -0,0 +1,21 @@
+import { Rectangle } from '..';
+type ActionsProps = {
+    onContinue: () => void;
+    currentIndex: number;
+    rectangles: Rectangle[];
+};
+export declare function Actions({ onContinue, currentIndex, rectangles, }: ActionsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+type UseIsSubmissionValidProps = {
+    currentIndex: number;
+    rectangles: Rectangle[];
+};
+export declare function validateAllRequiredFields(rectangles: Rectangle[]): {
+    isValid: boolean;
+    firstUnfilledIndex: number | null;
+};
+export declare function useIsSubmissionValid({ currentIndex, rectangles, }: UseIsSubmissionValidProps): boolean;
+type LabelAttributes = {
+    id: string;
+};
+export declare function Label({ id }: LabelAttributes): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/checkbox-panel.d.ts

@@ -0,0 +1,5 @@
+type CheckboxProps = {
+    id: string;
+};
+export declare function CheckboxPanel({ id }: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/component-types.d.ts

@@ -0,0 +1,68 @@
+import { RefObject } from 'react';
+export type StartSigningButtonProps = {
+    onClick: () => void;
+};
+export type MinimizeButtonProps = StartSigningButtonProps;
+export type SubmitButtonProps = {
+    disabled: boolean;
+    isSubmitting: boolean;
+    onClick: () => void;
+};
+export type DateInputProps = {
+    value: string;
+    onChange: (date: string) => void;
+};
+export type SignatureSelectorDialogProps = {
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+    trigger: React.ReactNode;
+    input: React.ReactNode;
+    content: React.ReactNode;
+    useSignatureButton: React.ReactNode;
+};
+export type SignatureSelectorInputProps = {
+    value: string;
+    onChange: (value: string) => void;
+};
+export type SignatureSelectorButtonProps = {
+    onClick: () => void;
+};
+export type SignCardProps = {
+    headerRef: RefObject<HTMLDivElement>;
+    contentRef: RefObject<HTMLDivElement>;
+    footerRef: RefObject<HTMLDivElement>;
+    header: React.ReactNode;
+    content: React.ReactNode;
+    footer: React.ReactNode;
+    hasSignature: boolean;
+    toggled: boolean;
+};
+export type SignCardHeaderProps = {
+    toggled: boolean;
+    next: React.ReactNode;
+    previous: React.ReactNode;
+};
+export type SignCardFooterProps = {
+    toggled: boolean;
+};
+export type SignCardNextButtonProps = {
+    onClick: () => void;
+    disabled: boolean;
+};
+export type NavigateButtonProps = {
+    onClick: () => void;
+    disabled: boolean;
+};
+export type SuccessProps = {
+    closeTab: () => void;
+};
+export type ConsentScreenProps = {
+    onCheckboxChange: (checked: boolean) => void;
+};
+export type ConsentDownloadButtonProps = {
+    onClick: () => void;
+};
+export type ConsentContinueButtonProps = {
+    onClick: () => void;
+    disabled: boolean;
+};

package/dist/builder/sign/consent.d.ts

@@ -0,0 +1,7 @@
+import { InvitationWithToken } from '../ui';
+type ConsentProps = {
+    children: React.ReactNode;
+    entity: InvitationWithToken;
+};
+export declare function Consent({ children, entity }: ConsentProps): string | number | boolean | Iterable<import('react').ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/dist/builder/sign/date-panel.d.ts

@@ -0,0 +1,5 @@
+type DatePanelProps = {
+    id: string;
+};
+export declare function DatePanel({ id }: DatePanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/builder/sign/file.d.ts

@@ -0,0 +1,10 @@
+import { DocumentFile } from '../types/api';
+import { Builder as Builder$ } from '../ui';
+type FileProps = {
+    file: DocumentFile;
+    invitationId: string;
+    styles: Builder$["styles"];
+    onRectangleClick?: (rectangleId: string) => void;
+};
+export declare function File({ file, invitationId, styles, onRectangleClick, }: FileProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/font-selector.d.ts

@@ -0,0 +1,6 @@
+type SignatureFontSelectorProps = {
+    onSignatureCreated?: (signatureImage: string) => void;
+    triggerButtonText?: string;
+};
+export declare function SignatureFontSelector({ onSignatureCreated, }: SignatureFontSelectorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/builder/sign/fonts.d.ts

@@ -0,0 +1 @@
+export declare function useFonts(): null;

package/dist/builder/sign/index.d.ts

@@ -0,0 +1,50 @@
+import { Axios } from 'axios';
+import { Document } from '../types/api';
+import { Builder } from '../ui';
+import { ConsentContinueButtonProps, ConsentDownloadButtonProps, ConsentScreenProps, DateInputProps, MinimizeButtonProps, NavigateButtonProps, SignCardProps, SignatureSelectorButtonProps, SignatureSelectorDialogProps, SignatureSelectorInputProps, StartSigningButtonProps, SubmitButtonProps, SuccessProps } from './component-types';
+export type Sign = {
+    document: string;
+    invitation: string;
+    sig?: string;
+    endpoint?: string;
+    components: {
+        start: React.ComponentType<StartSigningButtonProps>;
+        minimize: React.ComponentType<MinimizeButtonProps>;
+        submit: React.ComponentType<SubmitButtonProps>;
+        dateInput: React.ComponentType<DateInputProps>;
+        success: React.ComponentType<SuccessProps>;
+        card: {
+            card: React.ComponentType<SignCardProps>;
+        };
+        signatureSelector: {
+            dialog: React.ComponentType<SignatureSelectorDialogProps>;
+            input: React.ComponentType<SignatureSelectorInputProps>;
+            button: React.ComponentType<SignatureSelectorButtonProps>;
+            clear: React.ComponentType<SignatureSelectorButtonProps>;
+            useSignature: React.ComponentType<SignatureSelectorButtonProps>;
+        };
+        next: React.ComponentType<NavigateButtonProps>;
+        previous: React.ComponentType<NavigateButtonProps>;
+        consent?: {
+            screen: React.ComponentType<ConsentScreenProps>;
+            download: React.ComponentType<ConsentDownloadButtonProps>;
+            continue: React.ComponentType<ConsentContinueButtonProps>;
+        };
+    };
+    styles: Builder["styles"];
+    company?: string;
+};
+export declare const SignContext: import('react').Context<Sign | null>;
+export declare const SignContextPlus: import('react').Context<(Sign & {
+    http: Axios;
+}) | null>;
+export declare function useSignContext(): Sign;
+export declare function useSignContextPlus(): Sign & {
+    http: Axios;
+};
+export declare function Sign(): import("@emotion/react/jsx-runtime").JSX.Element;
+export type InvitationWithToken = Document & {
+    "X-Signer-Token"?: string;
+    "X-Signer-Token-Expires"?: string;
+};
+export declare function refetchInterval(expires: string): number;

package/dist/builder/sign/initials-panel.d.ts

@@ -0,0 +1,5 @@
+type InitialsPanelProps = {
+    id: string;
+};
+export declare function InitialsPanel({ id }: InitialsPanelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/initials-signature-panel.d.ts

@@ -0,0 +1,6 @@
+type InitialsSignaturePanelProps = {
+    id: string;
+    width: number;
+};
+export declare function InitialsSignaturePanel({ id, width, }: InitialsSignaturePanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/builder/sign/multiselect-panel.d.ts

@@ -0,0 +1,5 @@
+type MultiselectPanelProps = {
+    id: string;
+};
+export declare function MultiselectPanel({ id }: MultiselectPanelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/number-panel.d.ts

@@ -0,0 +1,5 @@
+type NumberPanelProps = {
+    id: string;
+};
+export declare function NumberPanel({ id }: NumberPanelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/radio-panel.d.ts

@@ -0,0 +1,5 @@
+type RadioPanelProps = {
+    id: string;
+};
+export declare function RadioPanel({ id }: RadioPanelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/select-panel.d.ts

@@ -0,0 +1,5 @@
+type SelectPanelProps = {
+    id: string;
+};
+export declare function SelectPanel({ id }: SelectPanelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/sign-panel.d.ts

@@ -0,0 +1,5 @@
+type SignPanelProps = {
+    invitationId: string;
+};
+export declare function SignPanel({ invitationId }: SignPanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/builder/sign/signature.d.ts

@@ -0,0 +1,6 @@
+type SignatureProps = {
+    width: number;
+    id: string;
+};
+export declare function Signature({ id, width }: SignatureProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/builder/sign/success.d.ts

@@ -0,0 +1,3 @@
+import { Document } from '../types/api';
+export declare function Success(): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare function isDownloadAvailable(document: Document | null): boolean;

package/dist/builder/sign/text-panel.d.ts

@@ -0,0 +1,5 @@
+type TextPanelProps = {
+    id: string;
+};
+export declare function TextPanel({ id }: TextPanelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/builder/sign/voided.d.ts

@@ -0,0 +1 @@
+export declare function Voided(): import("@emotion/react/jsx-runtime").JSX.Element;