@tellescope/react-components 1.228.0 → 1.229.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/lib/cjs/Forms/forms.v2.d.ts +116 -0
  2. package/lib/cjs/Forms/forms.v2.d.ts.map +1 -0
  3. package/lib/cjs/Forms/forms.v2.js +760 -0
  4. package/lib/cjs/Forms/forms.v2.js.map +1 -0
  5. package/lib/cjs/Forms/hooks.d.ts.map +1 -1
  6. package/lib/cjs/Forms/hooks.js +8 -3
  7. package/lib/cjs/Forms/hooks.js.map +1 -1
  8. package/lib/cjs/Forms/index.d.ts +1 -0
  9. package/lib/cjs/Forms/index.d.ts.map +1 -1
  10. package/lib/cjs/Forms/index.js +6 -0
  11. package/lib/cjs/Forms/index.js.map +1 -1
  12. package/lib/cjs/Forms/inputs.v2.d.ts +81 -0
  13. package/lib/cjs/Forms/inputs.v2.d.ts.map +1 -0
  14. package/lib/cjs/Forms/inputs.v2.js +2289 -0
  15. package/lib/cjs/Forms/inputs.v2.js.map +1 -0
  16. package/lib/cjs/Forms/localization.d.ts.map +1 -1
  17. package/lib/cjs/Forms/localization.js +3 -0
  18. package/lib/cjs/Forms/localization.js.map +1 -1
  19. package/lib/cjs/Forms/types.d.ts +1 -0
  20. package/lib/cjs/Forms/types.d.ts.map +1 -1
  21. package/lib/cjs/state.d.ts +34 -0
  22. package/lib/cjs/state.d.ts.map +1 -1
  23. package/lib/cjs/state.js +16 -2
  24. package/lib/cjs/state.js.map +1 -1
  25. package/lib/esm/Forms/forms.v2.d.ts +116 -0
  26. package/lib/esm/Forms/forms.v2.d.ts.map +1 -0
  27. package/lib/esm/Forms/forms.v2.js +725 -0
  28. package/lib/esm/Forms/forms.v2.js.map +1 -0
  29. package/lib/esm/Forms/hooks.d.ts.map +1 -1
  30. package/lib/esm/Forms/hooks.js +8 -3
  31. package/lib/esm/Forms/hooks.js.map +1 -1
  32. package/lib/esm/Forms/index.d.ts +1 -0
  33. package/lib/esm/Forms/index.d.ts.map +1 -1
  34. package/lib/esm/Forms/index.js +2 -0
  35. package/lib/esm/Forms/index.js.map +1 -1
  36. package/lib/esm/Forms/inputs.v2.d.ts +81 -0
  37. package/lib/esm/Forms/inputs.v2.d.ts.map +1 -0
  38. package/lib/esm/Forms/inputs.v2.js +2218 -0
  39. package/lib/esm/Forms/inputs.v2.js.map +1 -0
  40. package/lib/esm/Forms/localization.d.ts.map +1 -1
  41. package/lib/esm/Forms/localization.js +3 -0
  42. package/lib/esm/Forms/localization.js.map +1 -1
  43. package/lib/esm/Forms/types.d.ts +1 -0
  44. package/lib/esm/Forms/types.d.ts.map +1 -1
  45. package/lib/esm/state.d.ts +34 -0
  46. package/lib/esm/state.d.ts.map +1 -1
  47. package/lib/esm/state.js +13 -0
  48. package/lib/esm/state.js.map +1 -1
  49. package/lib/tsconfig.tsbuildinfo +1 -1
  50. package/package.json +9 -9
  51. package/src/Forms/forms.v2.tsx +1321 -0
  52. package/src/Forms/hooks.tsx +10 -5
  53. package/src/Forms/index.ts +5 -2
  54. package/src/Forms/inputs.v2.tsx +3869 -0
  55. package/src/Forms/localization.ts +1 -0
  56. package/src/Forms/types.ts +1 -0
  57. package/src/state.tsx +25 -5
@@ -0,0 +1,116 @@
1
+ import React from "react";
2
+ import { FileBlob, Styled } from "../index";
3
+ import { useTellescopeForm, Response, FileResponse, NextFieldLogicOptions } from "./hooks";
4
+ import { FormInputs } from "./types";
5
+ import { AddToDatabaseProps } from "./inputs.v2";
6
+ import { FormResponse, FormField, Form, Enduser } from "@tellescope/types-client";
7
+ import { OrganizationTheme } from "@tellescope/types-models";
8
+ export declare const TellescopeFormContainerV2: ({ businessId, organizationIds, ...props }: {
9
+ businessId?: string | undefined;
10
+ organizationIds?: string[] | undefined;
11
+ dontAddContext?: boolean | undefined;
12
+ children: React.ReactNode;
13
+ hideBg?: boolean | undefined;
14
+ backgroundColor?: string | undefined;
15
+ hideLogo?: boolean | undefined;
16
+ logoHeight?: number | undefined;
17
+ language?: string | undefined;
18
+ onChangeLanguage?: ((l: string) => void) | undefined;
19
+ paperMinHeight?: React.CSSProperties['minHeight'];
20
+ maxWidth?: number | undefined;
21
+ } & Styled) => JSX.Element;
22
+ export interface TellescopeFormProps extends ReturnType<typeof useTellescopeForm> {
23
+ form?: Form;
24
+ isPreview?: boolean;
25
+ onSuccess?: (r: FormResponse) => void;
26
+ customInputs?: FormInputs;
27
+ submitted?: boolean;
28
+ thanksMessage?: string;
29
+ htmlThanksMessage?: string;
30
+ showSaveDraft?: boolean;
31
+ formTitle?: string;
32
+ repeats: Record<string, string | number>;
33
+ backgroundColor?: string;
34
+ rootResponseId?: string;
35
+ parentResponseId?: string;
36
+ downloadComponent?: React.ReactNode;
37
+ enduser?: Partial<Enduser>;
38
+ groupId?: string;
39
+ groupInstance?: string;
40
+ logoHeight?: number;
41
+ }
42
+ export declare const TellescopeFormV2: (props: TellescopeFormProps & Styled & {
43
+ hideBg?: boolean;
44
+ theme?: OrganizationTheme;
45
+ inputStyle?: React.CSSProperties;
46
+ }) => JSX.Element;
47
+ export declare const QuestionForField: ({ form, value, field, file, responses, selectedFiles, onAddFile, onFieldChange, customInputs, fields, validateField, repeats, onRepeatsChange, setCustomerId, handleDatabaseSelect, enduser, goToPreviousField, isPreviousDisabled, enduserId, formResponseId, submit, groupId, groupInstance, goToNextField, spacing, isSinglePage, rootResponseId, isInQuestionGroup, logicOptions, uploadingFiles, setUploadingFiles, handleFileUpload, groupFields, AddToDatabase, }: {
48
+ spacing?: number | undefined;
49
+ form?: (import("@tellescope/types-models").Form & {
50
+ id: string;
51
+ createdAt: Date;
52
+ }) | undefined;
53
+ repeats: Record<string, string | number>;
54
+ onRepeatsChange: (v: Record<string, string | number>) => void;
55
+ value: Response;
56
+ file: FileResponse;
57
+ field: FormField;
58
+ setCustomerId: React.Dispatch<React.SetStateAction<string | undefined>>;
59
+ isSinglePage?: boolean | undefined;
60
+ isInQuestionGroup?: boolean | undefined;
61
+ questionGroupSize?: number | undefined;
62
+ logicOptions?: NextFieldLogicOptions | undefined;
63
+ handleFileUpload: (blob: FileBlob, fieldId: string) => Promise<any>;
64
+ uploadingFiles: {
65
+ fieldId: string;
66
+ }[];
67
+ setUploadingFiles: React.Dispatch<React.SetStateAction<{
68
+ fieldId: string;
69
+ }[]>>;
70
+ groupFields?: (import("@tellescope/types-models").FormField & {
71
+ id: string;
72
+ createdAt: Date;
73
+ })[] | undefined;
74
+ AddToDatabase?: React.JSXElementConstructor<AddToDatabaseProps> | undefined;
75
+ } & Pick<TellescopeFormProps, "enduserId" | "enduser" | "fields" | "rootResponseId" | "groupId" | "groupInstance" | "responses" | "submit" | "formResponseId" | "selectedFiles" | "goToPreviousField" | "goToNextField" | "isPreviousDisabled" | "handleDatabaseSelect" | "onAddFile" | "onFieldChange" | "customInputs" | "validateField">) => JSX.Element | null;
76
+ export declare const TellescopeSingleQuestionFlowV2: typeof TellescopeFormV2;
77
+ export declare const DEFAULT_THANKS_MESSAGE = "Your response was successfully recorded";
78
+ export declare const ThanksMessage: ({ thanksMessage, htmlThanksMessage, showRestartAtEnd, downloadComponent, }: {
79
+ thanksMessage?: string | undefined;
80
+ htmlThanksMessage?: string | undefined;
81
+ showRestartAtEnd?: boolean | undefined;
82
+ downloadComponent?: React.ReactNode;
83
+ }) => JSX.Element;
84
+ export declare const SaveDraft: ({ selectedFiles, enduserId, responses, existingResponses, fields, onSuccess, formResponseId, includedFieldIds, formId, style, disabled, getResponsesWithQuestionGroupAnswers, isInternalNote, formTitle, rootResponseId, parentResponseId, }: Styled & Pick<TellescopeFormProps, "enduserId" | "onSuccess" | "fields" | "responses" | "existingResponses" | "selectedFiles" | "getResponsesWithQuestionGroupAnswers"> & {
85
+ disabled?: boolean | undefined;
86
+ formResponseId?: string | undefined;
87
+ formId: string;
88
+ includedFieldIds: string[];
89
+ isInternalNote?: boolean | undefined;
90
+ formTitle?: string | undefined;
91
+ rootResponseId?: string | undefined;
92
+ parentResponseId?: string | undefined;
93
+ }) => JSX.Element;
94
+ export declare const UpdateResponse: ({ selectedFiles, enduserId, responses, onSuccess, formResponseId, includedFieldIds, formId, style, disabled, getResponsesWithQuestionGroupAnswers, existingResponses, fields, }: Styled & Pick<TellescopeFormProps, "enduserId" | "onSuccess" | "fields" | "responses" | "existingResponses" | "selectedFiles" | "getResponsesWithQuestionGroupAnswers"> & {
95
+ disabled?: boolean | undefined;
96
+ formResponseId?: string | undefined;
97
+ formId: string;
98
+ includedFieldIds: string[];
99
+ }) => JSX.Element;
100
+ export declare const Description: ({ field, color, style }: {
101
+ field: FormField;
102
+ color?: string | undefined;
103
+ } & Styled) => JSX.Element | null;
104
+ export declare const TellescopeSinglePageForm: React.JSXElementConstructor<TellescopeFormProps & Styled & {
105
+ updating?: boolean;
106
+ isInternalNote?: boolean;
107
+ submittedAt?: Date;
108
+ updatedAt?: Date;
109
+ otherEnduserIds?: string[];
110
+ onBulkErrors?: (errors: {
111
+ enduserId: string;
112
+ message: string;
113
+ }[]) => void;
114
+ AddToDatabase?: React.JSXElementConstructor<AddToDatabaseProps>;
115
+ }>;
116
+ //# sourceMappingURL=forms.v2.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"forms.v2.d.ts","sourceRoot":"","sources":["../../../src/Forms/forms.v2.tsx"],"names":[],"mappings":"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"}