@servicetitan/dte-pdf-editor 1.0.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 (179) hide show
  1. package/README.md +356 -0
  2. package/dist/components/data-model-field-type-list.d.ts +11 -0
  3. package/dist/components/data-model-field-type-list.d.ts.map +1 -0
  4. package/dist/components/data-model-field-type-list.js +23 -0
  5. package/dist/components/data-model-field-type-list.js.map +1 -0
  6. package/dist/components/e-sign-field-type-list.d.ts +9 -0
  7. package/dist/components/e-sign-field-type-list.d.ts.map +1 -0
  8. package/dist/components/e-sign-field-type-list.js +12 -0
  9. package/dist/components/e-sign-field-type-list.js.map +1 -0
  10. package/dist/components/field-config-panel-overlay.d.ts +13 -0
  11. package/dist/components/field-config-panel-overlay.d.ts.map +1 -0
  12. package/dist/components/field-config-panel-overlay.js +8 -0
  13. package/dist/components/field-config-panel-overlay.js.map +1 -0
  14. package/dist/components/field-config-panel.d.ts +12 -0
  15. package/dist/components/field-config-panel.d.ts.map +1 -0
  16. package/dist/components/field-config-panel.js +38 -0
  17. package/dist/components/field-config-panel.js.map +1 -0
  18. package/dist/components/field-sidebar.d.ts +10 -0
  19. package/dist/components/field-sidebar.d.ts.map +1 -0
  20. package/dist/components/field-sidebar.js +25 -0
  21. package/dist/components/field-sidebar.js.map +1 -0
  22. package/dist/components/field-type.d.ts +9 -0
  23. package/dist/components/field-type.d.ts.map +1 -0
  24. package/dist/components/field-type.js +12 -0
  25. package/dist/components/field-type.js.map +1 -0
  26. package/dist/components/fillable-field-type-list.d.ts +10 -0
  27. package/dist/components/fillable-field-type-list.d.ts.map +1 -0
  28. package/dist/components/fillable-field-type-list.js +17 -0
  29. package/dist/components/fillable-field-type-list.js.map +1 -0
  30. package/dist/components/pdf-canvas.d.ts +22 -0
  31. package/dist/components/pdf-canvas.d.ts.map +1 -0
  32. package/dist/components/pdf-canvas.js +14 -0
  33. package/dist/components/pdf-canvas.js.map +1 -0
  34. package/dist/components/pdf-document-renderer.d.ts +16 -0
  35. package/dist/components/pdf-document-renderer.d.ts.map +1 -0
  36. package/dist/components/pdf-document-renderer.js +28 -0
  37. package/dist/components/pdf-document-renderer.js.map +1 -0
  38. package/dist/components/pdf-editor.d.ts +21 -0
  39. package/dist/components/pdf-editor.d.ts.map +1 -0
  40. package/dist/components/pdf-editor.js +108 -0
  41. package/dist/components/pdf-editor.js.map +1 -0
  42. package/dist/components/pdf-field-overlay.d.ts +14 -0
  43. package/dist/components/pdf-field-overlay.d.ts.map +1 -0
  44. package/dist/components/pdf-field-overlay.js +32 -0
  45. package/dist/components/pdf-field-overlay.js.map +1 -0
  46. package/dist/constants/field.constants.d.ts +16 -0
  47. package/dist/constants/field.constants.d.ts.map +1 -0
  48. package/dist/constants/field.constants.js +28 -0
  49. package/dist/constants/field.constants.js.map +1 -0
  50. package/dist/constants/index.d.ts +3 -0
  51. package/dist/constants/index.d.ts.map +1 -0
  52. package/dist/constants/index.js +3 -0
  53. package/dist/constants/index.js.map +1 -0
  54. package/dist/constants/pdf-editor.constants.d.ts +2 -0
  55. package/dist/constants/pdf-editor.constants.d.ts.map +1 -0
  56. package/dist/constants/pdf-editor.constants.js +2 -0
  57. package/dist/constants/pdf-editor.constants.js.map +1 -0
  58. package/dist/hooks/index.d.ts +4 -0
  59. package/dist/hooks/index.d.ts.map +1 -0
  60. package/dist/hooks/index.js +4 -0
  61. package/dist/hooks/index.js.map +1 -0
  62. package/dist/hooks/useFieldDrag.d.ts +24 -0
  63. package/dist/hooks/useFieldDrag.d.ts.map +1 -0
  64. package/dist/hooks/useFieldDrag.js +34 -0
  65. package/dist/hooks/useFieldDrag.js.map +1 -0
  66. package/dist/hooks/useFieldResize.d.ts +17 -0
  67. package/dist/hooks/useFieldResize.d.ts.map +1 -0
  68. package/dist/hooks/useFieldResize.js +58 -0
  69. package/dist/hooks/useFieldResize.js.map +1 -0
  70. package/dist/hooks/usePdfDocumentRenderer.d.ts +9 -0
  71. package/dist/hooks/usePdfDocumentRenderer.d.ts.map +1 -0
  72. package/dist/hooks/usePdfDocumentRenderer.js +13 -0
  73. package/dist/hooks/usePdfDocumentRenderer.js.map +1 -0
  74. package/dist/index.d.ts +3 -0
  75. package/dist/index.d.ts.map +1 -0
  76. package/dist/index.js +2 -0
  77. package/dist/index.js.map +1 -0
  78. package/dist/interface/pdf-editor.d.ts +64 -0
  79. package/dist/interface/pdf-editor.d.ts.map +1 -0
  80. package/dist/interface/pdf-editor.js +14 -0
  81. package/dist/interface/pdf-editor.js.map +1 -0
  82. package/dist/utils/calculate-drop-coordinates.utils.d.ts +15 -0
  83. package/dist/utils/calculate-drop-coordinates.utils.d.ts.map +1 -0
  84. package/dist/utils/calculate-drop-coordinates.utils.js +48 -0
  85. package/dist/utils/calculate-drop-coordinates.utils.js.map +1 -0
  86. package/dist/utils/extract-grouped-fields-from-data-model.utils.d.ts +7 -0
  87. package/dist/utils/extract-grouped-fields-from-data-model.utils.d.ts.map +1 -0
  88. package/dist/utils/extract-grouped-fields-from-data-model.utils.js +57 -0
  89. package/dist/utils/extract-grouped-fields-from-data-model.utils.js.map +1 -0
  90. package/dist/utils/generate-e-sign-path.d.ts +3 -0
  91. package/dist/utils/generate-e-sign-path.d.ts.map +1 -0
  92. package/dist/utils/generate-e-sign-path.js +4 -0
  93. package/dist/utils/generate-e-sign-path.js.map +1 -0
  94. package/dist/utils/get-page-dimensions.utils.d.ts +12 -0
  95. package/dist/utils/get-page-dimensions.utils.d.ts.map +1 -0
  96. package/dist/utils/get-page-dimensions.utils.js +31 -0
  97. package/dist/utils/get-page-dimensions.utils.js.map +1 -0
  98. package/dist/utils/get-page-number-from-client-y.utils.d.ts +9 -0
  99. package/dist/utils/get-page-number-from-client-y.utils.d.ts.map +1 -0
  100. package/dist/utils/get-page-number-from-client-y.utils.js +24 -0
  101. package/dist/utils/get-page-number-from-client-y.utils.js.map +1 -0
  102. package/dist/utils/get-page-position.utils.d.ts +12 -0
  103. package/dist/utils/get-page-position.utils.d.ts.map +1 -0
  104. package/dist/utils/get-page-position.utils.js +22 -0
  105. package/dist/utils/get-page-position.utils.js.map +1 -0
  106. package/dist/utils/handle-field-drag-start.utils.d.ts +16 -0
  107. package/dist/utils/handle-field-drag-start.utils.d.ts.map +1 -0
  108. package/dist/utils/handle-field-drag-start.utils.js +41 -0
  109. package/dist/utils/handle-field-drag-start.utils.js.map +1 -0
  110. package/dist/utils/handle-field-drag.utils.d.ts +19 -0
  111. package/dist/utils/handle-field-drag.utils.d.ts.map +1 -0
  112. package/dist/utils/handle-field-drag.utils.js +36 -0
  113. package/dist/utils/handle-field-drag.utils.js.map +1 -0
  114. package/dist/utils/handle-field-resize.utils.d.ts +35 -0
  115. package/dist/utils/handle-field-resize.utils.d.ts.map +1 -0
  116. package/dist/utils/handle-field-resize.utils.js +66 -0
  117. package/dist/utils/handle-field-resize.utils.js.map +1 -0
  118. package/dist/utils/index.d.ts +13 -0
  119. package/dist/utils/index.d.ts.map +1 -0
  120. package/dist/utils/index.js +13 -0
  121. package/dist/utils/index.js.map +1 -0
  122. package/dist/utils/is-drag-over-canvas.utils.d.ts +9 -0
  123. package/dist/utils/is-drag-over-canvas.utils.d.ts.map +1 -0
  124. package/dist/utils/is-drag-over-canvas.utils.js +26 -0
  125. package/dist/utils/is-drag-over-canvas.utils.js.map +1 -0
  126. package/dist/utils/map-colors-to-recipients.d.ts +3 -0
  127. package/dist/utils/map-colors-to-recipients.d.ts.map +1 -0
  128. package/dist/utils/map-colors-to-recipients.js +35 -0
  129. package/dist/utils/map-colors-to-recipients.js.map +1 -0
  130. package/dist/utils/pdfjs-init.d.ts +6 -0
  131. package/dist/utils/pdfjs-init.d.ts.map +1 -0
  132. package/dist/utils/pdfjs-init.js +25 -0
  133. package/dist/utils/pdfjs-init.js.map +1 -0
  134. package/package.json +28 -0
  135. package/src/components/data-model-field-type-list.tsx +58 -0
  136. package/src/components/e-sign-field-type-list.tsx +27 -0
  137. package/src/components/field-config-panel-overlay.tsx +51 -0
  138. package/src/components/field-config-panel.tsx +142 -0
  139. package/src/components/field-sidebar.tsx +93 -0
  140. package/src/components/field-type.tsx +28 -0
  141. package/src/components/fillable-field-type-list.tsx +42 -0
  142. package/src/components/pdf-canvas.tsx +81 -0
  143. package/src/components/pdf-document-renderer.tsx +78 -0
  144. package/src/components/pdf-editor.tsx +216 -0
  145. package/src/components/pdf-field-overlay.tsx +83 -0
  146. package/src/constants/field.constants.ts +31 -0
  147. package/src/constants/index.ts +2 -0
  148. package/src/constants/pdf-editor.constants.ts +1 -0
  149. package/src/hooks/index.ts +3 -0
  150. package/src/hooks/useFieldDrag.ts +56 -0
  151. package/src/hooks/useFieldResize.ts +95 -0
  152. package/src/hooks/usePdfDocumentRenderer.ts +21 -0
  153. package/src/index.ts +2 -0
  154. package/src/interface/pdf-editor.ts +74 -0
  155. package/src/styles/field-config-panel-overlay.css +33 -0
  156. package/src/styles/field-sidebar.css +31 -0
  157. package/src/styles/field-type-list.css +8 -0
  158. package/src/styles/field-type.css +10 -0
  159. package/src/styles/generic.css +3 -0
  160. package/src/styles/index.css +10 -0
  161. package/src/styles/pdf-canvas.css +9 -0
  162. package/src/styles/pdf-document-renderer.css +4 -0
  163. package/src/styles/pdf-editor.css +14 -0
  164. package/src/styles/pdf-field-overlay.css +54 -0
  165. package/src/styles/variables.css +26 -0
  166. package/src/utils/calculate-drop-coordinates.utils.ts +68 -0
  167. package/src/utils/extract-grouped-fields-from-data-model.utils.ts +73 -0
  168. package/src/utils/generate-e-sign-path.ts +5 -0
  169. package/src/utils/get-page-dimensions.utils.ts +39 -0
  170. package/src/utils/get-page-number-from-client-y.utils.ts +31 -0
  171. package/src/utils/get-page-position.utils.ts +30 -0
  172. package/src/utils/handle-field-drag-start.utils.ts +52 -0
  173. package/src/utils/handle-field-drag.utils.ts +55 -0
  174. package/src/utils/handle-field-resize.utils.ts +102 -0
  175. package/src/utils/index.ts +12 -0
  176. package/src/utils/is-drag-over-canvas.utils.ts +35 -0
  177. package/src/utils/map-colors-to-recipients.ts +37 -0
  178. package/src/utils/pdfjs-init.ts +27 -0
  179. package/src/vite-env.d.ts +16 -0
@@ -0,0 +1,17 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Fragment, useMemo } from 'react';
3
+ import { FILLABLE_FIELD_TYPES } from '../constants';
4
+ import { FieldType } from './field-type';
5
+ export const FillableFieldTypeList = ({ onDragEnd, onDragStart, searchText, }) => {
6
+ const searchedFieldTypes = useMemo(() => {
7
+ if (!searchText) {
8
+ return FILLABLE_FIELD_TYPES;
9
+ }
10
+ const searchLower = searchText.toLowerCase();
11
+ return FILLABLE_FIELD_TYPES.filter(({ label }) => label.toLowerCase().includes(searchLower));
12
+ }, [searchText]);
13
+ return (_jsx(Fragment, { children: searchedFieldTypes.map(fieldOption => {
14
+ return (_jsx(FieldType, { label: fieldOption.label, onDragEnd: onDragEnd, onDragStart: () => onDragStart(fieldOption) }, fieldOption.subType));
15
+ }) }));
16
+ };
17
+ //# sourceMappingURL=fillable-field-type-list.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fillable-field-type-list.js","sourceRoot":"","sources":["../../src/components/fillable-field-type-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzC,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAClE,SAAS,EACT,WAAW,EACX,UAAU,GACb,EAAE,EAAE;IACD,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO,oBAAoB,CAAC;QAChC,CAAC;QAED,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;QAC7C,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7C,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC5C,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACH,KAAC,QAAQ,cACJ,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YAClC,OAAO,CACH,KAAC,SAAS,IAEN,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,IAHtC,WAAW,CAAC,OAAO,CAI1B,CACL,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { DragEvent, FC, MouseEvent, ReactNode, RefObject } from 'react';
2
+ import { PdfField } from '../interface/pdf-editor';
3
+ interface PdfCanvasProps {
4
+ pdfUrl: string;
5
+ errorPlaceholder?: ReactNode;
6
+ loadingPlaceholder?: ReactNode;
7
+ fields: PdfField[];
8
+ loading: boolean;
9
+ selectedField: string | null;
10
+ pdfContainerRef: RefObject<HTMLDivElement>;
11
+ pdfWrapperRef: RefObject<HTMLDivElement>;
12
+ recipientsColors: Record<string, string>;
13
+ onDragOver(e: DragEvent<HTMLDivElement>): void;
14
+ onDrop(e: DragEvent<HTMLDivElement>, pageNumber: number): void;
15
+ onFieldClick(fieldId: string, e: MouseEvent): void;
16
+ onFieldMove(fieldId: string, newX: number, newY: number, pageNumber: number): void;
17
+ onFieldResize(fieldId: string, newWidth: number, newHeight: number, pageNumber: number): void;
18
+ onDeselectField(): void;
19
+ }
20
+ export declare const PdfCanvas: FC<PdfCanvasProps>;
21
+ export {};
22
+ //# sourceMappingURL=pdf-canvas.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-canvas.d.ts","sourceRoot":"","sources":["../../src/components/pdf-canvas.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAInD,UAAU,cAAc;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC/C,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/D,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnD,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9F,eAAe,IAAI,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAuDxC,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Flex } from '@servicetitan/anvil2';
3
+ import { useState } from 'react';
4
+ import { BASE_PAGE_WIDTH } from '../constants';
5
+ import { PdfDocumentRenderer } from './pdf-document-renderer';
6
+ import { PdfFieldOverlay } from './pdf-field-overlay';
7
+ export const PdfCanvas = ({ errorPlaceholder, fields, loading, loadingPlaceholder, onDeselectField, onDragOver, onDrop, onFieldClick, onFieldMove, onFieldResize, pdfContainerRef, pdfUrl, pdfWrapperRef, recipientsColors, selectedField, }) => {
8
+ const [isPdfLoaded, setIsPdfLoaded] = useState(false);
9
+ const onDocumentLoadSuccess = (_) => {
10
+ setIsPdfLoaded(true);
11
+ };
12
+ return (_jsx(Flex, { flex: 1, ref: pdfContainerRef, className: "dte-pdf-canvas-container", onClick: onDeselectField, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, onDrop: onDrop, loading: loading, onDragOver: onDragOver, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && fields && (_jsx(PdfFieldOverlay, { fields: fields, pdfWrapperRef: pdfWrapperRef, recipientsColors: recipientsColors, selectedField: selectedField !== null && selectedField !== void 0 ? selectedField : null, onFieldClick: onFieldClick !== null && onFieldClick !== void 0 ? onFieldClick : (() => { }), onFieldMove: onFieldMove !== null && onFieldMove !== void 0 ? onFieldMove : (() => { }), onFieldResize: onFieldResize !== null && onFieldResize !== void 0 ? onFieldResize : (() => { }) }))] }) }));
13
+ };
14
+ //# sourceMappingURL=pdf-canvas.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../src/components/pdf-canvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAmD,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAoBtD,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC1C,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EACf,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,aAAa,GAChB,EAAE,EAAE;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE/D,MAAM,qBAAqB,GAAG,CAAC,CAAS,EAAE,EAAE;QACxC,cAAc,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,IAAI,IACD,IAAI,EAAE,CAAC,EACP,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,eAAe,YAExB,eAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAC,iBAAiB,aAChD,KAAC,mBAAmB,IAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,WAAW,IAAI,MAAM,IAAI,CACtB,KAAC,eAAe,IACZ,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,EACpC,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EACxC,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EACtC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,GAC5C,CACL,IACC,GACH,CACV,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { DragEvent, FC, ReactNode } from 'react';
2
+ import 'react-pdf/dist/Page/AnnotationLayer.css';
3
+ import 'react-pdf/dist/Page/TextLayer.css';
4
+ interface PdfDocumentRendererProps {
5
+ pdfUrl: string;
6
+ pageWidth?: number;
7
+ loading: boolean;
8
+ errorPlaceholder?: ReactNode;
9
+ loadingPlaceholder?: ReactNode;
10
+ onDocumentLoadSuccess?: (numPages: number) => void;
11
+ onDragOver?(e: DragEvent<HTMLDivElement>): void;
12
+ onDrop?(e: DragEvent<HTMLDivElement>, pageNumber: number): void;
13
+ }
14
+ export declare const PdfDocumentRenderer: FC<PdfDocumentRendererProps>;
15
+ export {};
16
+ //# sourceMappingURL=pdf-document-renderer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-document-renderer.d.ts","sourceRoot":"","sources":["../../src/components/pdf-document-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,mCAAmC,CAAC;AAM3C,UAAU,wBAAwB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAChD,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyD5D,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Document, Page } from 'react-pdf';
3
+ import 'react-pdf/dist/Page/AnnotationLayer.css';
4
+ import 'react-pdf/dist/Page/TextLayer.css';
5
+ import { usePdfDocumentRenderer } from '../hooks';
6
+ import { initializePdfJsWorker } from '../utils';
7
+ initializePdfJsWorker();
8
+ export const PdfDocumentRenderer = ({ errorPlaceholder, loading, loadingPlaceholder, onDocumentLoadSuccess, onDragOver, onDrop, pageWidth, pdfUrl, }) => {
9
+ const { handleDocumentLoadSuccess: handleLoadSuccess, pages } = usePdfDocumentRenderer();
10
+ const handleDocumentLoadSuccess = ({ numPages }) => {
11
+ handleLoadSuccess({ numPages });
12
+ onDocumentLoadSuccess === null || onDocumentLoadSuccess === void 0 ? void 0 : onDocumentLoadSuccess(numPages);
13
+ };
14
+ const handlePageDrop = (e, pageNumber) => {
15
+ e.preventDefault();
16
+ e.stopPropagation();
17
+ onDrop === null || onDrop === void 0 ? void 0 : onDrop(e, pageNumber);
18
+ };
19
+ const handlePageDragOver = (e) => {
20
+ e.preventDefault();
21
+ e.stopPropagation();
22
+ onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(e);
23
+ };
24
+ return (_jsx(Document, { file: pdfUrl, error: errorPlaceholder, loading: loadingPlaceholder, onLoadSuccess: handleDocumentLoadSuccess, noData: loading ? loadingPlaceholder : undefined, children: pages.map(pageNumber => {
25
+ return (_jsx("div", { "data-page-number": pageNumber, className: "dte-pdf-document-renderer-page", onDragOver: handlePageDragOver, onDrop: e => handlePageDrop(e, pageNumber), children: _jsx(Page, { pageNumber: pageNumber, width: pageWidth, renderTextLayer: false, renderAnnotationLayer: false }) }, `page_${pageNumber}`));
26
+ }) }));
27
+ };
28
+ //# sourceMappingURL=pdf-document-renderer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-document-renderer.js","sourceRoot":"","sources":["../../src/components/pdf-document-renderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEjD,qBAAqB,EAAE,CAAC;AAaxB,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAC9D,gBAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,MAAM,EACN,SAAS,EACT,MAAM,GACT,EAAE,EAAE;IACD,MAAM,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAEzF,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE;QACrE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;QAChC,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,QAAQ,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAA4B,EAAE,UAAkB,EAAE,EAAE;QACxE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,CAA4B,EAAE,EAAE;QACxD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IACL,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,kBAAkB,EAC3B,aAAa,EAAE,yBAAyB,EACxC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,YAE/C,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YACpB,OAAO,CACH,kCAEsB,UAAU,EAC5B,SAAS,EAAC,gCAAgC,EAC1C,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,UAAU,CAAC,YAE1C,KAAC,IAAI,IACD,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,eAAe,EAAE,KAAK,EACtB,qBAAqB,EAAE,KAAK,GAC9B,IAXG,QAAQ,UAAU,EAAE,CAYvB,CACT,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { PdfField, SchemaObject } from '../interface/pdf-editor';
3
+ import '../styles/index.css';
4
+ export interface RecipientInfo {
5
+ id: number;
6
+ name: string;
7
+ displayName: string;
8
+ }
9
+ interface PdfEditorProps {
10
+ pdfUrl: string;
11
+ loading?: boolean;
12
+ loadingPlaceholder?: ReactNode;
13
+ errorPlaceholder?: ReactNode;
14
+ dataModel?: SchemaObject;
15
+ recipients?: RecipientInfo[];
16
+ fields?: PdfField[];
17
+ onFieldsChange(fields: PdfField[]): void;
18
+ }
19
+ export declare const PdfEditor: FC<PdfEditorProps>;
20
+ export {};
21
+ //# sourceMappingURL=pdf-editor.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-editor.d.ts","sourceRoot":"","sources":["../../src/components/pdf-editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,EAAE,EAAc,SAAS,EAA6B,MAAM,OAAO,CAAC;AAIxF,OAAO,EAIH,QAAQ,EACR,YAAY,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,qBAAqB,CAAC;AAe7B,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,cAAc;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,MAAM,CAAC,EAAE,QAAQ,EAAE,CAAC;IACpB,cAAc,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2KxC,CAAC"}
@@ -0,0 +1,108 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Flex } from '@servicetitan/anvil2';
3
+ import { useMemo, useRef, useState } from 'react';
4
+ import { v4 as uuidv4 } from 'uuid';
5
+ import { FIELD_CONSTANTS } from '../constants';
6
+ import { FieldTypeEnum, } from '../interface/pdf-editor';
7
+ import '../styles/index.css';
8
+ import { calculateDropCoordinates, extractGroupedFieldsFromDataModel, generateESignPath, initializePdfJsWorker, isDragOverCanvas, mapColorsToRecipients, } from '../utils';
9
+ import { FieldConfigPanelOverlay } from './field-config-panel-overlay';
10
+ import { FieldSidebar } from './field-sidebar';
11
+ import { PdfCanvas } from './pdf-canvas';
12
+ initializePdfJsWorker();
13
+ export const PdfEditor = ({ dataModel, errorPlaceholder, fields = [], loading = false, loadingPlaceholder, onFieldsChange, pdfUrl, recipients = [], }) => {
14
+ var _a;
15
+ const dataModelGroups = useMemo(() => {
16
+ return dataModel ? extractGroupedFieldsFromDataModel(dataModel) : [];
17
+ }, [dataModel]);
18
+ const [draggedFieldOption, setDraggedFieldOption] = useState(null);
19
+ const [selectedField, setSelectedField] = useState(null);
20
+ const pdfContainerRef = useRef(null);
21
+ const pdfWrapperRef = useRef(null);
22
+ const handleDragStart = (fieldOption) => {
23
+ setDraggedFieldOption(fieldOption);
24
+ };
25
+ const handleDragEnd = () => {
26
+ setDraggedFieldOption(null);
27
+ };
28
+ const handleDrop = (e, pageNumber) => {
29
+ var _a, _b, _c, _d;
30
+ e.preventDefault();
31
+ e.stopPropagation();
32
+ const isExistingField = e.dataTransfer.getData('text/plain') === 'existing-field';
33
+ if (isExistingField || !draggedFieldOption) {
34
+ return;
35
+ }
36
+ const coordinates = calculateDropCoordinates(e, pageNumber, pdfWrapperRef);
37
+ if (!coordinates) {
38
+ setDraggedFieldOption(null);
39
+ return;
40
+ }
41
+ const newField = {
42
+ id: uuidv4(),
43
+ type: draggedFieldOption.type,
44
+ subType: draggedFieldOption.subType,
45
+ x: coordinates.x,
46
+ y: coordinates.y,
47
+ page: pageNumber,
48
+ label: draggedFieldOption.label,
49
+ width: FIELD_CONSTANTS.defaultWidth,
50
+ height: FIELD_CONSTANTS.defaultHeight,
51
+ path: draggedFieldOption.path,
52
+ };
53
+ if (draggedFieldOption.type === FieldTypeEnum.eSign) {
54
+ newField.recipient = (_b = (_a = recipients[0]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '';
55
+ newField.path = generateESignPath(recipients[0].name, draggedFieldOption.subType);
56
+ }
57
+ if (draggedFieldOption.type === FieldTypeEnum.fillable) {
58
+ newField.recipient = (_d = (_c = recipients[0]) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '';
59
+ newField.required = false;
60
+ }
61
+ onFieldsChange([...fields, newField]);
62
+ setSelectedField(newField.id);
63
+ setDraggedFieldOption(null);
64
+ };
65
+ const handleDragOver = (e) => {
66
+ if (!draggedFieldOption) {
67
+ e.dataTransfer.dropEffect = 'none';
68
+ return;
69
+ }
70
+ const isOverCanvas = isDragOverCanvas(e, pdfWrapperRef);
71
+ // Only allow a drop if we're over the actual PDF canvas
72
+ if (isOverCanvas) {
73
+ e.preventDefault();
74
+ e.stopPropagation();
75
+ e.dataTransfer.dropEffect = 'copy';
76
+ }
77
+ else {
78
+ e.dataTransfer.dropEffect = 'none';
79
+ }
80
+ };
81
+ const handleFieldClick = (fieldId, e) => {
82
+ e.stopPropagation();
83
+ setSelectedField(fieldId);
84
+ };
85
+ const handleFieldMove = (fieldId, newX, newY, pageNumber) => {
86
+ onFieldsChange(fields.map(f => (f.id === fieldId ? { ...f, x: newX, y: newY, page: pageNumber } : f)));
87
+ };
88
+ const handleFieldResize = (fieldId, newWidth, newHeight, pageNumber) => {
89
+ onFieldsChange(fields.map(f => f.id === fieldId
90
+ ? { ...f, width: newWidth, height: newHeight, page: pageNumber }
91
+ : f));
92
+ };
93
+ const handleDeleteField = () => {
94
+ if (selectedField) {
95
+ onFieldsChange(fields.filter(f => f.id !== selectedField));
96
+ setSelectedField(null);
97
+ }
98
+ };
99
+ const handleFieldConfigChange = (updates) => {
100
+ if (selectedField) {
101
+ onFieldsChange(fields.map(f => (f.id === selectedField ? { ...f, ...updates } : f)));
102
+ }
103
+ };
104
+ const selectedFieldData = (_a = fields.find(f => f.id === selectedField)) !== null && _a !== void 0 ? _a : null;
105
+ const recipientsColors = mapColorsToRecipients(recipients);
106
+ return (_jsxs(Flex, { flex: 1, className: `dte-pdf-editor ${loading ? 'skeleton' : ''}`, children: [_jsxs(Flex, { className: "dte-pdf-editor-sidebar-container ", children: [_jsx(FieldSidebar, { dataModelGroups: dataModelGroups, onDragEnd: handleDragEnd, onDragStart: handleDragStart }), selectedFieldData && (_jsx(FieldConfigPanelOverlay, { selectedField: selectedFieldData, onFieldConfigChange: handleFieldConfigChange, onDeleteField: handleDeleteField, recipients: recipients, onDeselectField: () => setSelectedField(null) }))] }), _jsx(Flex, { gap: 12, flex: 1, className: "dte-pdf-editor-content-container skeleton-item", children: _jsx(PdfCanvas, { pdfUrl: pdfUrl, fields: fields, loading: loading, recipientsColors: recipientsColors, selectedField: selectedField, pdfContainerRef: pdfContainerRef, pdfWrapperRef: pdfWrapperRef, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDrop: handleDrop, onDragOver: handleDragOver, onFieldClick: handleFieldClick, onFieldMove: handleFieldMove, onFieldResize: handleFieldResize, onDeselectField: () => setSelectedField(null) }) })] }));
107
+ };
108
+ //# sourceMappingURL=pdf-editor.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-editor.js","sourceRoot":"","sources":["../../src/components/pdf-editor.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ import { FC, MouseEvent, RefObject } from 'react';
2
+ import { PdfField } from '../interface/pdf-editor';
3
+ interface PdfFieldOverlayProps {
4
+ fields: PdfField[];
5
+ selectedField: string | null;
6
+ pdfWrapperRef: RefObject<HTMLDivElement>;
7
+ recipientsColors: Record<string, string>;
8
+ onFieldClick(fieldId: string, e: MouseEvent): void;
9
+ onFieldMove(fieldId: string, newX: number, newY: number, pageNumber: number): void;
10
+ onFieldResize(fieldId: string, newWidth: number, newHeight: number, pageNumber: number): void;
11
+ }
12
+ export declare const PdfFieldOverlay: FC<PdfFieldOverlayProps>;
13
+ export {};
14
+ //# sourceMappingURL=pdf-field-overlay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-field-overlay.d.ts","sourceRoot":"","sources":["../../src/components/pdf-field-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAiB,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGlE,UAAU,oBAAoB;IAC1B,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnD,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnF,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CACjG;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmEpD,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useFieldDrag, useFieldResize } from '../hooks';
3
+ import { FieldTypeEnum } from '../interface/pdf-editor';
4
+ import { getPagePosition } from '../utils';
5
+ export const PdfFieldOverlay = ({ fields, onFieldClick, onFieldMove, onFieldResize, pdfWrapperRef, recipientsColors, selectedField, }) => {
6
+ const { draggingFieldIdRef, handleDrag, handleDragEnd, handleDragStart } = useFieldDrag({
7
+ pdfWrapperRef,
8
+ onFieldMove,
9
+ });
10
+ const { handleResizeStart } = useFieldResize({
11
+ pdfWrapperRef,
12
+ onFieldResize,
13
+ });
14
+ return (_jsx("div", { className: "dte-pdf-field-overlay skeleton-item", children: fields.map(field => {
15
+ const isSelected = selectedField === field.id;
16
+ const isDragging = draggingFieldIdRef.current === field.id;
17
+ const pagePos = getPagePosition(field.page, pdfWrapperRef);
18
+ const bgColor = field.recipient && recipientsColors[field.recipient]
19
+ ? recipientsColors[field.recipient]
20
+ : 'rgba(255, 255, 255, 0.8)';
21
+ return (_jsxs("div", { onClick: e => onFieldClick(field.id, e), draggable: true, onDragStart: e => handleDragStart(e, field), onDrag: e => handleDrag(e, field), onDragEnd: handleDragEnd, className: `dte-pdf-field ${isSelected ? 'dte-pdf-field-selected' : 'dte-pdf-field-unselected'} ${isDragging ? 'dte-pdf-field-dragging' : ''}`, style: {
22
+ left: `${pagePos.left + field.x}px`,
23
+ top: `${pagePos.top + field.y}px`,
24
+ width: `${field.width}px`,
25
+ height: `${field.height}px`,
26
+ backgroundColor: bgColor,
27
+ }, children: [_jsxs("span", { children: [(field.type === FieldTypeEnum.eSign ||
28
+ field.type === FieldTypeEnum.fillable) &&
29
+ `${field.label} ${field.required ? '*' : ''}`, field.path && (_jsx("div", { className: "dte-pdf-field-path", children: `{{${field.path}}}` }))] }), isSelected && (_jsx("div", { className: "dte-pdf-field-resize-handle", onMouseDown: e => handleResizeStart(e, field) }))] }, field.id));
30
+ }) }));
31
+ };
32
+ //# sourceMappingURL=pdf-field-overlay.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-field-overlay.js","sourceRoot":"","sources":["../../src/components/pdf-field-overlay.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,aAAa,EAAY,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAY3C,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EACtD,MAAM,EACN,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,GAChB,EAAE,EAAE;IACD,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,YAAY,CAAC;QACpF,aAAa;QACb,WAAW;KACd,CAAC,CAAC;IAEH,MAAM,EAAE,iBAAiB,EAAE,GAAG,cAAc,CAAC;QACzC,aAAa;QACb,aAAa;KAChB,CAAC,CAAC;IAEH,OAAO,CACH,cAAK,SAAS,EAAC,qCAAqC,YAC/C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YAChB,MAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAC,EAAE,CAAC;YAC9C,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC;YAC3D,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;YAC3D,MAAM,OAAO,GACT,KAAK,CAAC,SAAS,IAAI,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC;gBAChD,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,SAAS,CAAC;gBACnC,CAAC,CAAC,0BAA0B,CAAC;YAErC,OAAO,CACH,eAEI,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EACvC,SAAS,QACT,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,EAC3C,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,EACjC,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,iBAAiB,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,0BAA0B,IAAI,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9I,KAAK,EAAE;oBACH,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI;oBACnC,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,IAAI;oBACjC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI;oBACzB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI;oBAC3B,eAAe,EAAE,OAAO;iBAC3B,aAED,2BACK,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,KAAK;gCAChC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,QAAQ,CAAC;gCACtC,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAEhD,KAAK,CAAC,IAAI,IAAI,CACX,cAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,KAAK,CAAC,IAAI,IAAI,GAAO,CAClE,IACE,EACN,UAAU,IAAI,CACX,cACI,SAAS,EAAC,6BAA6B,EACvC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAC,GAC/C,CACL,KA7BI,KAAK,CAAC,EAAE,CA8BX,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { ESignFieldType, FieldTypeOption } from '../interface/pdf-editor';
2
+ export declare const FIELD_CONSTANTS: {
3
+ readonly defaultWidth: 200;
4
+ readonly defaultHeight: 30;
5
+ readonly minWidth: 50;
6
+ readonly minHeight: 20;
7
+ readonly dropOffsetX: 75;
8
+ readonly dropOffsetY: 15;
9
+ };
10
+ export declare const E_SIGN_FIELD_TYPE_OPTIONS: {
11
+ name: string;
12
+ id: ESignFieldType;
13
+ }[];
14
+ export declare const FILLABLE_FIELD_TYPES: FieldTypeOption[];
15
+ export declare const E_SIGN_FIELD_TYPES: FieldTypeOption[];
16
+ //# sourceMappingURL=field.constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field.constants.d.ts","sourceRoot":"","sources":["../../src/constants/field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEzF,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,yBAAyB,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,cAAc,CAAA;CAAE,EAK3E,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,eAAe,EAIjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eAAe,EAM/C,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { ESignFieldType, FieldTypeEnum } from '../interface/pdf-editor';
2
+ export const FIELD_CONSTANTS = {
3
+ defaultWidth: 200,
4
+ defaultHeight: 30,
5
+ minWidth: 50,
6
+ minHeight: 20,
7
+ dropOffsetX: 75,
8
+ dropOffsetY: 15,
9
+ };
10
+ export const E_SIGN_FIELD_TYPE_OPTIONS = [
11
+ { name: 'Signature', id: ESignFieldType.signature },
12
+ { name: 'Initials', id: ESignFieldType.initials },
13
+ { name: 'Date Signed', id: ESignFieldType.dateSigned },
14
+ { name: 'Full Name', id: ESignFieldType.fullName },
15
+ ];
16
+ export const FILLABLE_FIELD_TYPES = [
17
+ { label: 'Text Field', type: FieldTypeEnum.fillable, subType: 'text' },
18
+ { label: 'Date Field', type: FieldTypeEnum.fillable, subType: 'date' },
19
+ { label: 'Checkbox', type: FieldTypeEnum.fillable, subType: 'checkbox' },
20
+ ];
21
+ export const E_SIGN_FIELD_TYPES = [
22
+ {
23
+ label: 'E-Sign',
24
+ type: FieldTypeEnum.eSign,
25
+ subType: ESignFieldType.signature,
26
+ },
27
+ ];
28
+ //# sourceMappingURL=field.constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field.constants.js","sourceRoot":"","sources":["../../src/constants/field.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAmB,MAAM,yBAAyB,CAAC;AAEzF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,YAAY,EAAE,GAAG;IACjB,aAAa,EAAE,EAAE;IACjB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CACT,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAA2C;IAC7E,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,cAAc,CAAC,SAAS,EAAE;IACnD,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,cAAc,CAAC,QAAQ,EAAE;IACjD,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,cAAc,CAAC,UAAU,EAAE;IACtD,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,cAAc,CAAC,QAAQ,EAAE;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAsB;IACnD,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;IACtE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;IACtE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAsB;IACjD;QACI,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,aAAa,CAAC,KAAK;QACzB,OAAO,EAAE,cAAc,CAAC,SAAS;KACpC;CACJ,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './field.constants';
2
+ export * from './pdf-editor.constants';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './field.constants';
2
+ export * from './pdf-editor.constants';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const BASE_PAGE_WIDTH = 980;
2
+ //# sourceMappingURL=pdf-editor.constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-editor.constants.d.ts","sourceRoot":"","sources":["../../src/constants/pdf-editor.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAC"}
@@ -0,0 +1,2 @@
1
+ export const BASE_PAGE_WIDTH = 980;
2
+ //# sourceMappingURL=pdf-editor.constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pdf-editor.constants.js","sourceRoot":"","sources":["../../src/constants/pdf-editor.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from './useFieldDrag';
2
+ export * from './useFieldResize';
3
+ export * from './usePdfDocumentRenderer';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
@@ -0,0 +1,4 @@
1
+ export * from './useFieldDrag';
2
+ export * from './useFieldResize';
3
+ export * from './usePdfDocumentRenderer';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { DragEvent, MutableRefObject, RefObject } from 'react';
2
+ import { PdfField } from '../interface/pdf-editor';
3
+ interface UseFieldDragOptions {
4
+ pdfWrapperRef: RefObject<HTMLDivElement>;
5
+ onFieldMove: (fieldId: string, newX: number, newY: number, pageNumber: number) => void;
6
+ }
7
+ interface UseFieldDragReturn {
8
+ dragOffsetRef: MutableRefObject<{
9
+ x: number;
10
+ y: number;
11
+ page: number;
12
+ } | null>;
13
+ draggingFieldIdRef: MutableRefObject<string | null>;
14
+ handleDragStart: (e: DragEvent<HTMLDivElement>, field: PdfField) => void;
15
+ handleDrag: (e: DragEvent<HTMLDivElement>, field: PdfField) => void;
16
+ handleDragEnd: () => void;
17
+ }
18
+ /**
19
+ * Custom hook for handling field drag operations
20
+ * Manages drag state and coordinates field movement
21
+ */
22
+ export declare const useFieldDrag: ({ onFieldMove, pdfWrapperRef, }: UseFieldDragOptions) => UseFieldDragReturn;
23
+ export {};
24
+ //# sourceMappingURL=useFieldDrag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFieldDrag.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldDrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,UAAU,mBAAmB;IACzB,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1F;AAED,UAAU,kBAAkB;IACxB,aAAa,EAAE,gBAAgB,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;IAC/E,kBAAkB,EAAE,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpD,eAAe,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzE,UAAU,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpE,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,iCAG1B,mBAAmB,KAAG,kBA+BxB,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { useRef } from 'react';
2
+ import { handleFieldDrag, handleFieldDragStart } from '../utils';
3
+ /**
4
+ * Custom hook for handling field drag operations
5
+ * Manages drag state and coordinates field movement
6
+ */
7
+ export const useFieldDrag = ({ onFieldMove, pdfWrapperRef, }) => {
8
+ const dragOffsetRef = useRef(null);
9
+ const draggingFieldIdRef = useRef(null);
10
+ const handleDragStart = (e, field) => {
11
+ draggingFieldIdRef.current = field.id;
12
+ const dragOffset = handleFieldDragStart(e, field, pdfWrapperRef);
13
+ if (dragOffset) {
14
+ dragOffsetRef.current = dragOffset;
15
+ }
16
+ };
17
+ const handleDrag = (e, field) => {
18
+ if (dragOffsetRef.current) {
19
+ handleFieldDrag(e, field, dragOffsetRef.current, pdfWrapperRef, onFieldMove);
20
+ }
21
+ };
22
+ const handleDragEnd = () => {
23
+ dragOffsetRef.current = null;
24
+ draggingFieldIdRef.current = null;
25
+ };
26
+ return {
27
+ dragOffsetRef,
28
+ draggingFieldIdRef,
29
+ handleDragStart,
30
+ handleDrag,
31
+ handleDragEnd,
32
+ };
33
+ };
34
+ //# sourceMappingURL=useFieldDrag.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFieldDrag.js","sourceRoot":"","sources":["../../src/hooks/useFieldDrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0C,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAejE;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,WAAW,EACX,aAAa,GACK,EAAsB,EAAE;IAC1C,MAAM,aAAa,GAAG,MAAM,CAAgD,IAAI,CAAC,CAAC;IAClF,MAAM,kBAAkB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEvD,MAAM,eAAe,GAAG,CAAC,CAA4B,EAAE,KAAe,EAAE,EAAE;QACtE,kBAAkB,CAAC,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;QAEtC,MAAM,UAAU,GAAG,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QACjE,IAAI,UAAU,EAAE,CAAC;YACb,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;QACvC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAA4B,EAAE,KAAe,EAAE,EAAE;QACjE,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACxB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC;QACjF,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO;QACH,aAAa;QACb,kBAAkB;QAClB,eAAe;QACf,UAAU;QACV,aAAa;KAChB,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { MouseEvent, RefObject } from 'react';
2
+ import { PdfField } from '../interface/pdf-editor';
3
+ interface UseFieldResizeOptions {
4
+ pdfWrapperRef: RefObject<HTMLDivElement>;
5
+ onFieldResize: (fieldId: string, newWidth: number, newHeight: number, pageNumber: number) => void;
6
+ }
7
+ interface UseFieldResizeReturn {
8
+ isResizing: boolean;
9
+ handleResizeStart: (e: MouseEvent<HTMLDivElement>, field: PdfField) => void;
10
+ }
11
+ /**
12
+ * Custom hook for handling field resize operations
13
+ * Manages resize state and coordinates field resizing with proper cleanup
14
+ */
15
+ export declare const useFieldResize: ({ onFieldResize, pdfWrapperRef, }: UseFieldResizeOptions) => UseFieldResizeReturn;
16
+ export {};
17
+ //# sourceMappingURL=useFieldResize.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFieldResize.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,UAAU,qBAAqB;IAC3B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,aAAa,EAAE,CACX,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,KACjB,IAAI,CAAC;CACb;AAED,UAAU,oBAAoB;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/E;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,mCAG5B,qBAAqB,KAAG,oBAoE1B,CAAC"}
@@ -0,0 +1,58 @@
1
+ import { useEffect, useRef, useState } from 'react';
2
+ import { handleFieldResize, handleFieldResizeStart } from '../utils';
3
+ /**
4
+ * Custom hook for handling field resize operations
5
+ * Manages resize state and coordinates field resizing with proper cleanup
6
+ */
7
+ export const useFieldResize = ({ onFieldResize, pdfWrapperRef, }) => {
8
+ const resizeStartDataRef = useRef(null);
9
+ const onFieldResizeRef = useRef(onFieldResize);
10
+ const [isResizing, setIsResizing] = useState(false);
11
+ useEffect(() => {
12
+ onFieldResizeRef.current = onFieldResize;
13
+ }, [onFieldResize]);
14
+ useEffect(() => {
15
+ if (!isResizing) {
16
+ return;
17
+ }
18
+ const abortController = new AbortController();
19
+ const { signal } = abortController;
20
+ const handleMouseMove = (e) => {
21
+ if (!resizeStartDataRef.current || signal.aborted) {
22
+ return;
23
+ }
24
+ const { field, ...resizeStartData } = resizeStartDataRef.current;
25
+ handleFieldResize(e, field, resizeStartData, pdfWrapperRef, onFieldResizeRef.current);
26
+ };
27
+ const handleMouseUp = () => {
28
+ if (signal.aborted) {
29
+ return;
30
+ }
31
+ resizeStartDataRef.current = null;
32
+ setIsResizing(false);
33
+ abortController.abort();
34
+ };
35
+ document.addEventListener('mousemove', handleMouseMove, { signal });
36
+ document.addEventListener('mouseup', handleMouseUp, { signal });
37
+ return () => {
38
+ abortController.abort();
39
+ };
40
+ }, [isResizing, pdfWrapperRef]);
41
+ const handleResizeStart = (e, field) => {
42
+ e.stopPropagation();
43
+ e.preventDefault();
44
+ const resizeStartData = handleFieldResizeStart(e, field, pdfWrapperRef);
45
+ if (resizeStartData) {
46
+ resizeStartDataRef.current = {
47
+ field,
48
+ ...resizeStartData,
49
+ };
50
+ setIsResizing(true);
51
+ }
52
+ };
53
+ return {
54
+ isResizing,
55
+ handleResizeStart,
56
+ };
57
+ };
58
+ //# sourceMappingURL=useFieldResize.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFieldResize.js","sourceRoot":"","sources":["../../src/hooks/useFieldResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAiBrE;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,aAAa,EACb,aAAa,GACO,EAAwB,EAAE;IAC9C,MAAM,kBAAkB,GAAG,MAAM,CAOvB,IAAI,CAAC,CAAC;IAChB,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACX,gBAAgB,CAAC,OAAO,GAAG,aAAa,CAAC;IAC7C,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,UAAU,EAAE,CAAC;YACd,OAAO;QACX,CAAC;QAED,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;QAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;QAEnC,MAAM,eAAe,GAAG,CAAC,CAAwB,EAAE,EAAE;YACjD,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBAChD,OAAO;YACX,CAAC;YAED,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,GAAG,kBAAkB,CAAC,OAAO,CAAC;YACjE,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC1F,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACvB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO;YACX,CAAC;YACD,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;YAClC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,eAAe,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QACpE,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACR,eAAe,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,MAAM,iBAAiB,GAAG,CAAC,CAA6B,EAAE,KAAe,EAAE,EAAE;QACzE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,MAAM,eAAe,GAAG,sBAAsB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC;QACxE,IAAI,eAAe,EAAE,CAAC;YAClB,kBAAkB,CAAC,OAAO,GAAG;gBACzB,KAAK;gBACL,GAAG,eAAe;aACrB,CAAC;YACF,aAAa,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACH,UAAU;QACV,iBAAiB;KACpB,CAAC;AACN,CAAC,CAAC"}
@@ -0,0 +1,9 @@
1
+ interface UsePdfDocumentRendererReturn {
2
+ pages: number[];
3
+ handleDocumentLoadSuccess: (data: {
4
+ numPages: number;
5
+ }) => void;
6
+ }
7
+ export declare const usePdfDocumentRenderer: () => UsePdfDocumentRendererReturn;
8
+ export {};
9
+ //# sourceMappingURL=usePdfDocumentRenderer.d.ts.map