@servicetitan/dte-pdf-editor 1.18.0 → 1.20.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 (42) hide show
  1. package/dist/components/pdf-canvas/pdf-canvas.d.ts +1 -0
  2. package/dist/components/pdf-canvas/pdf-canvas.d.ts.map +1 -1
  3. package/dist/components/pdf-canvas/pdf-canvas.js +2 -2
  4. package/dist/components/pdf-canvas/pdf-canvas.js.map +1 -1
  5. package/dist/components/pdf-editor/pdf-editor.d.ts +1 -0
  6. package/dist/components/pdf-editor/pdf-editor.d.ts.map +1 -1
  7. package/dist/components/pdf-editor/pdf-editor.js +2 -2
  8. package/dist/components/pdf-editor/pdf-editor.js.map +1 -1
  9. package/dist/components/pdf-fields-overlay/pdf-fields-overlay.d.ts +1 -0
  10. package/dist/components/pdf-fields-overlay/pdf-fields-overlay.d.ts.map +1 -1
  11. package/dist/components/pdf-fields-overlay/pdf-fields-overlay.js +2 -2
  12. package/dist/components/pdf-fields-overlay/pdf-fields-overlay.js.map +1 -1
  13. package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts +1 -0
  14. package/dist/components/pdf-fields-overlay/pdf-overlay-field.d.ts.map +1 -1
  15. package/dist/components/pdf-fields-overlay/pdf-overlay-field.js +2 -2
  16. package/dist/components/pdf-fields-overlay/pdf-overlay-field.js.map +1 -1
  17. package/dist/components/pdf-view/pdf-view-field-container.d.ts +1 -0
  18. package/dist/components/pdf-view/pdf-view-field-container.d.ts.map +1 -1
  19. package/dist/components/pdf-view/pdf-view-field-container.js +11 -4
  20. package/dist/components/pdf-view/pdf-view-field-container.js.map +1 -1
  21. package/dist/components/pdf-view/pdf-view-fillable.d.ts.map +1 -1
  22. package/dist/components/pdf-view/pdf-view-fillable.js +15 -2
  23. package/dist/components/pdf-view/pdf-view-fillable.js.map +1 -1
  24. package/dist/components/pdf-view/pdf-view.d.ts +1 -0
  25. package/dist/components/pdf-view/pdf-view.d.ts.map +1 -1
  26. package/dist/components/pdf-view/pdf-view.js +2 -2
  27. package/dist/components/pdf-view/pdf-view.js.map +1 -1
  28. package/dist/index.d.ts +1 -1
  29. package/dist/index.d.ts.map +1 -1
  30. package/dist/index.js +1 -0
  31. package/dist/index.js.map +1 -1
  32. package/package.json +1 -1
  33. package/src/components/pdf-canvas/pdf-canvas.tsx +3 -0
  34. package/src/components/pdf-editor/pdf-editor.tsx +3 -0
  35. package/src/components/pdf-fields-overlay/pdf-fields-overlay.tsx +3 -0
  36. package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx +4 -1
  37. package/src/components/pdf-view/pdf-view-field-container.tsx +16 -0
  38. package/src/components/pdf-view/pdf-view-fillable.tsx +15 -2
  39. package/src/components/pdf-view/pdf-view.tsx +9 -4
  40. package/src/index.ts +1 -1
  41. package/src/styles/pdf-field-overlay.css +14 -0
  42. package/src/styles/variables.css +1 -0
@@ -5,6 +5,7 @@ interface PdfCanvasProps {
5
5
  errorPlaceholder?: ReactNode;
6
6
  loadingPlaceholder?: ReactNode;
7
7
  fields: PdfField[];
8
+ errors?: Record<string, string>;
8
9
  loading: boolean;
9
10
  selectedField: PdfField | null;
10
11
  pdfContainerRef: RefObject<HTMLDivElement>;
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-canvas.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD,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,QAAQ,GAAG,IAAI,CAAC;IAC/B,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,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,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,CA+DxC,CAAC"}
1
+ {"version":3,"file":"pdf-canvas.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD,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,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,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,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,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,CAiExC,CAAC"}
@@ -4,7 +4,7 @@ import { useEffect, useState } from 'react';
4
4
  import { BASE_PAGE_WIDTH } from '../../constants';
5
5
  import { PdfFieldsOverlay } from '../pdf-fields-overlay/pdf-fields-overlay';
6
6
  import { PdfDocumentRenderer } from './pdf-document-renderer';
7
- export const PdfCanvas = ({ errorPlaceholder, fields, handleAddNewField, loading, loadingPlaceholder, onDeselectField, onDragOver, onDrop, onFieldClick, onFieldMove, onFieldResize, onLoadSuccess, pdfContainerRef, pdfUrl, pdfWrapperRef, recipientsColors, selectedField, }) => {
7
+ export const PdfCanvas = ({ errorPlaceholder, errors = {}, fields, handleAddNewField, loading, loadingPlaceholder, onDeselectField, onDragOver, onDrop, onFieldClick, onFieldMove, onFieldResize, onLoadSuccess, pdfContainerRef, pdfUrl, pdfWrapperRef, recipientsColors, selectedField, }) => {
8
8
  const [isPdfLoaded, setIsPdfLoaded] = useState(false);
9
9
  const onDocumentLoadSuccess = (pageNum) => {
10
10
  setIsPdfLoaded(true);
@@ -13,6 +13,6 @@ export const PdfCanvas = ({ errorPlaceholder, fields, handleAddNewField, loading
13
13
  useEffect(() => {
14
14
  setIsPdfLoaded(false);
15
15
  }, [pdfUrl]);
16
- return (_jsx(Flex, { flex: 1, ref: pdfContainerRef, className: "dte-pdf-canvas-container", onClick: onDeselectField, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", style: { width: BASE_PAGE_WIDTH }, children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, onDrop: onDrop, loading: loading, onDragOver: onDragOver, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && (_jsx(PdfFieldsOverlay, { fields: fields, handleAddNewField: handleAddNewField, pdfWrapperRef: pdfWrapperRef, recipientsColors: recipientsColors, selectedField: selectedField !== null && selectedField !== void 0 ? selectedField : null, onFieldClick: onFieldClick, onFieldMove: onFieldMove, onFieldResize: onFieldResize }))] }) }));
16
+ return (_jsx(Flex, { flex: 1, ref: pdfContainerRef, className: "dte-pdf-canvas-container", onClick: onDeselectField, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", style: { width: BASE_PAGE_WIDTH }, children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, onDrop: onDrop, loading: loading, onDragOver: onDragOver, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && (_jsx(PdfFieldsOverlay, { fields: fields, errors: errors, handleAddNewField: handleAddNewField, pdfWrapperRef: pdfWrapperRef, recipientsColors: recipientsColors, selectedField: selectedField !== null && selectedField !== void 0 ? selectedField : null, onFieldClick: onFieldClick, onFieldMove: onFieldMove, onFieldResize: onFieldResize }))] }) }));
17
17
  };
18
18
  //# sourceMappingURL=pdf-canvas.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAmD,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAsB9D,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC1C,gBAAgB,EAChB,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,aAAa,EACb,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,OAAe,EAAE,EAAE;QAC9C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,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,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,aAClF,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,CACZ,KAAC,gBAAgB,IACb,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,EACpC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC9B,CACL,IACC,GACH,CACV,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"pdf-canvas.js","sourceRoot":"","sources":["../../../src/components/pdf-canvas/pdf-canvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAmD,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAuB9D,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC1C,gBAAgB,EAChB,MAAM,GAAG,EAAE,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,kBAAkB,EAClB,eAAe,EACf,UAAU,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,aAAa,EACb,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,OAAe,EAAE,EAAE;QAC9C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,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,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,aAClF,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,CACZ,KAAC,gBAAgB,IACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,IAAI,EACpC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC9B,CACL,IACC,GACH,CACV,CAAC;AACN,CAAC,CAAC"}
@@ -4,6 +4,7 @@ import '../../styles/index.css';
4
4
  export interface PdfEditorProps {
5
5
  pdfUrl: string;
6
6
  loading?: boolean;
7
+ errors?: Record<string, string>;
7
8
  loadingPlaceholder?: ReactNode;
8
9
  errorPlaceholder?: ReactNode;
9
10
  dataModel?: SchemaObject;
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-editor.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-editor/pdf-editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM9E,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,cAAc;IAC3B,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,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,cAAc,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyFxC,CAAC"}
1
+ {"version":3,"file":"pdf-editor.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-editor/pdf-editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAM9E,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,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,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,cAAc,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2FxC,CAAC"}
@@ -7,7 +7,7 @@ import { FieldConfigPanelOverlay } from '../field-config-panel/field-config-pane
7
7
  import { FieldSidebar } from '../field-sidebar/field-sidebar';
8
8
  import { PdfCanvas } from '../pdf-canvas/pdf-canvas';
9
9
  import '../../styles/index.css';
10
- export const PdfEditor = ({ dataModel, errorPlaceholder, fields = [], loading = false, loadingPlaceholder, onFieldsChange, onLoadSuccess, pdfUrl, recipients = [], }) => {
10
+ export const PdfEditor = ({ dataModel, errorPlaceholder, errors = {}, fields = [], loading = false, loadingPlaceholder, onFieldsChange, onLoadSuccess, pdfUrl, recipients = [], }) => {
11
11
  const pdfContainerRef = useRef(null);
12
12
  const pdfWrapperRef = useRef(null);
13
13
  const { deleteSelectedField, deselectField, moveField, resizeField, selectField, selectedField, setSelectedFieldId, updateField, } = usePdfFieldSelection(fields, onFieldsChange);
@@ -21,6 +21,6 @@ export const PdfEditor = ({ dataModel, errorPlaceholder, fields = [], loading =
21
21
  const dataModelGroups = useMemo(() => (dataModel ? extractGroupedFieldsFromDataModel(dataModel) : []), [dataModel]);
22
22
  const handleAddNewField = useCallback((field) => onFieldsChange([...fields, field]), [fields, onFieldsChange]);
23
23
  const recipientsColors = mapColorsToRecipients(recipients);
24
- return (_jsxs(Flex, { flex: 1, className: `dte-pdf-editor ${loading ? 'skeleton' : ''}`, children: [selectedField && (_jsx(FieldConfigPanelOverlay, { dataModel: dataModel, documentFields: fields, selectedField: selectedField, onFieldConfigChange: updateField, onDeleteField: deleteSelectedField, recipients: recipients, onDeselectField: deselectField })), _jsx(Flex, { className: "dte-pdf-editor-sidebar-container", children: _jsx(FieldSidebar, { dataModelGroups: dataModelGroups, onDragStart: pdfFieldDnd.handleDragStart, onDragEnd: pdfFieldDnd.handleDragEnd }) }), _jsx(Flex, { gap: 12, flex: 1, className: "dte-pdf-editor-content-container skeleton-item", children: _jsx(PdfCanvas, { pdfUrl: pdfUrl, fields: fields, loading: loading, onLoadSuccess: onLoadSuccess, recipientsColors: recipientsColors, selectedField: selectedField, pdfContainerRef: pdfContainerRef, pdfWrapperRef: pdfWrapperRef, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, handleAddNewField: handleAddNewField, onDrop: pdfFieldDnd.handleDrop, onDragOver: pdfFieldDnd.handleDragOver, onFieldClick: selectField, onFieldMove: moveField, onFieldResize: resizeField, onDeselectField: deselectField }) })] }));
24
+ return (_jsxs(Flex, { flex: 1, className: `dte-pdf-editor ${loading ? 'skeleton' : ''}`, children: [selectedField && (_jsx(FieldConfigPanelOverlay, { dataModel: dataModel, documentFields: fields, selectedField: selectedField, onFieldConfigChange: updateField, onDeleteField: deleteSelectedField, recipients: recipients, onDeselectField: deselectField })), _jsx(Flex, { className: "dte-pdf-editor-sidebar-container", children: _jsx(FieldSidebar, { dataModelGroups: dataModelGroups, onDragStart: pdfFieldDnd.handleDragStart, onDragEnd: pdfFieldDnd.handleDragEnd }) }), _jsx(Flex, { gap: 12, flex: 1, className: "dte-pdf-editor-content-container skeleton-item", children: _jsx(PdfCanvas, { pdfUrl: pdfUrl, fields: fields, loading: loading, errors: errors, onLoadSuccess: onLoadSuccess, recipientsColors: recipientsColors, selectedField: selectedField, pdfContainerRef: pdfContainerRef, pdfWrapperRef: pdfWrapperRef, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, handleAddNewField: handleAddNewField, onDrop: pdfFieldDnd.handleDrop, onDragOver: pdfFieldDnd.handleDragOver, onFieldClick: selectField, onFieldMove: moveField, onFieldResize: resizeField, onDeselectField: deselectField }) })] }));
25
25
  };
26
26
  //# sourceMappingURL=pdf-editor.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-editor.js","sourceRoot":"","sources":["../../../src/components/pdf-editor/pdf-editor.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"pdf-editor.js","sourceRoot":"","sources":["../../../src/components/pdf-editor/pdf-editor.tsx"],"names":[],"mappings":"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"}
@@ -3,6 +3,7 @@ import { PdfField } from '../../interface/types';
3
3
  interface PdfFieldsOverlayProps {
4
4
  fields: PdfField[];
5
5
  selectedField: PdfField | null;
6
+ errors: Record<string, string>;
6
7
  pdfWrapperRef: RefObject<HTMLDivElement>;
7
8
  recipientsColors: Record<string, string>;
8
9
  handleAddNewField(field: PdfField): void;
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-fields-overlay.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-fields-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,UAAU,qBAAqB;IAC3B,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,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,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA4BtD,CAAC"}
1
+ {"version":3,"file":"pdf-fields-overlay.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-fields-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,UAAU,qBAAqB;IAC3B,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,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,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA8BtD,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { PdfOverlayField } from './pdf-overlay-field';
3
- export const PdfFieldsOverlay = ({ fields, handleAddNewField, onFieldClick, onFieldMove, onFieldResize, pdfWrapperRef, recipientsColors, selectedField, }) => {
4
- return (_jsx("div", { className: "dte-pdf-field-overlay skeleton-item", children: fields.map(field => (_jsx(PdfOverlayField, { field: field, handleAddNewField: handleAddNewField, onFieldMove: onFieldMove, onFieldClick: onFieldClick, pdfWrapperRef: pdfWrapperRef, onFieldResize: onFieldResize, isSelected: (selectedField === null || selectedField === void 0 ? void 0 : selectedField.id) === field.id, recipientsColors: recipientsColors, isSameGroup: (selectedField === null || selectedField === void 0 ? void 0 : selectedField.path) === field.path }, field.id))) }));
3
+ export const PdfFieldsOverlay = ({ errors, fields, handleAddNewField, onFieldClick, onFieldMove, onFieldResize, pdfWrapperRef, recipientsColors, selectedField, }) => {
4
+ return (_jsx("div", { className: "dte-pdf-field-overlay skeleton-item", children: fields.map(field => (_jsx(PdfOverlayField, { field: field, error: errors[field.id], handleAddNewField: handleAddNewField, onFieldMove: onFieldMove, onFieldClick: onFieldClick, pdfWrapperRef: pdfWrapperRef, onFieldResize: onFieldResize, isSelected: (selectedField === null || selectedField === void 0 ? void 0 : selectedField.id) === field.id, recipientsColors: recipientsColors, isSameGroup: (selectedField === null || selectedField === void 0 ? void 0 : selectedField.path) === field.path }, field.id))) }));
5
5
  };
6
6
  //# sourceMappingURL=pdf-fields-overlay.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-fields-overlay.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-fields-overlay.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAatD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EACxD,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,GAChB,EAAE,EAAE;IACD,OAAO,CACH,cAAK,SAAS,EAAC,qCAAqC,YAC/C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjB,KAAC,eAAe,IAEZ,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,MAAK,KAAK,CAAC,EAAE,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,MAAK,KAAK,CAAC,IAAI,IAT1C,KAAK,CAAC,EAAE,CAUf,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"pdf-fields-overlay.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-fields-overlay.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AActD,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EACxD,MAAM,EACN,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,aAAa,GAChB,EAAE,EAAE;IACD,OAAO,CACH,cAAK,SAAS,EAAC,qCAAqC,YAC/C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjB,KAAC,eAAe,IAEZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,MAAK,KAAK,CAAC,EAAE,EAC1C,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,MAAK,KAAK,CAAC,IAAI,IAV1C,KAAK,CAAC,EAAE,CAWf,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -2,6 +2,7 @@ import { FC, MouseEvent, RefObject } from 'react';
2
2
  import { PdfField } from '../../interface/types';
3
3
  interface PdfOverlayFieldProps {
4
4
  field: PdfField;
5
+ error?: string;
5
6
  isSelected: boolean;
6
7
  isSameGroup: boolean;
7
8
  recipientsColors: Record<string, string>;
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-overlay-field.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAiB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQhE,UAAU,oBAAoB;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,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,CAuDpD,CAAC"}
1
+ {"version":3,"file":"pdf-overlay-field.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAiB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQhE,UAAU,oBAAoB;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,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,CAyDpD,CAAC"}
@@ -7,7 +7,7 @@ import { PdfOverlayFieldDataModel } from './pdf-overlay-field-data-model';
7
7
  import { PdfOverlayFieldESign } from './pdf-overlay-field-e-sign';
8
8
  import { PdfOverlayFieldFillable } from './pdf-overlay-field-fillable';
9
9
  import { ResizeHandle } from './resize-handle';
10
- export const PdfOverlayField = ({ field, handleAddNewField, isSameGroup, isSelected, onFieldClick, onFieldMove, onFieldResize, pdfWrapperRef, recipientsColors, }) => {
10
+ export const PdfOverlayField = ({ error, field, handleAddNewField, isSameGroup, isSelected, onFieldClick, onFieldMove, onFieldResize, pdfWrapperRef, recipientsColors, }) => {
11
11
  var _a, _b, _c;
12
12
  const { dragVisualPosition, handleDrag, handleDragEnd, handleDragStart } = useFieldDrag({
13
13
  pdfWrapperRef,
@@ -29,6 +29,6 @@ export const PdfOverlayField = ({ field, handleAddNewField, isSameGroup, isSelec
29
29
  height: field.height,
30
30
  backgroundColor: getFieldBackgroundColor(field.recipient, recipientsColors),
31
31
  };
32
- return (_jsxs("div", { title: field.description, 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 ? '--selected' : '--unselected'} ${isDragging ? '--dragging' : ''} ${isSameGroup ? '--colored' : ''}`, style: style, children: [field.type === FieldTypeEnum.calculated && _jsx(PdfOverlayFieldCalculated, { field: field }), field.type === FieldTypeEnum.eSign && _jsx(PdfOverlayFieldESign, { field: field }), field.type === FieldTypeEnum.dataModel && _jsx(PdfOverlayFieldDataModel, { field: field }), field.type === FieldTypeEnum.fillable && (_jsx(PdfOverlayFieldFillable, { field: field, handleAddNewField: handleAddNewField })), isSelected && _jsx(ResizeHandle, { handleResizeStart: e => handleResizeStart(e, field) })] }));
32
+ return (_jsxs("div", { title: field.description, 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 ? '--selected' : '--unselected'} ${isDragging ? '--dragging' : ''} ${isSameGroup ? '--colored' : ''} ${error ? '--error' : ''}`, style: style, children: [field.type === FieldTypeEnum.calculated && _jsx(PdfOverlayFieldCalculated, { field: field }), field.type === FieldTypeEnum.eSign && _jsx(PdfOverlayFieldESign, { field: field }), field.type === FieldTypeEnum.dataModel && _jsx(PdfOverlayFieldDataModel, { field: field }), field.type === FieldTypeEnum.fillable && (_jsx(PdfOverlayFieldFillable, { field: field, handleAddNewField: handleAddNewField })), isSelected && _jsx(ResizeHandle, { handleResizeStart: e => handleResizeStart(e, field) }), error && _jsx("span", { className: "dte-pdf-field-error-message", children: error })] }));
33
33
  };
34
34
  //# sourceMappingURL=pdf-overlay-field.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-overlay-field.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"pdf-overlay-field.js","sourceRoot":"","sources":["../../../src/components/pdf-fields-overlay/pdf-overlay-field.tsx"],"names":[],"mappings":"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"}
@@ -2,6 +2,7 @@ import { FC, PropsWithChildren, RefObject } from 'react';
2
2
  import { PdfField } from '../../interface/types';
3
3
  interface PdfViewFieldContainer {
4
4
  pdfWrapperRef: RefObject<HTMLDivElement>;
5
+ error?: string;
5
6
  field: PdfField;
6
7
  recipientsColors: Record<string, string>;
7
8
  }
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-view-field-container.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-field-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,UAAU,qBAAqB;IAC3B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,KAAK,EAAE,QAAQ,CAAC;IAChB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAyB9E,CAAC"}
1
+ {"version":3,"file":"pdf-view-field-container.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-field-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,UAAU,qBAAqB;IAC3B,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC;IAChB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAwC9E,CAAC"}
@@ -1,9 +1,9 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { getFieldBackgroundColor, getPagePosition } from '../../utils';
3
- export const PdfViewFieldContainer = ({ children, field, pdfWrapperRef, recipientsColors, }) => {
3
+ export const PdfViewFieldContainer = ({ children, error, field, pdfWrapperRef, recipientsColors, }) => {
4
4
  const pagePos = getPagePosition(field.page, pdfWrapperRef);
5
5
  const bgColor = getFieldBackgroundColor(field.recipient, recipientsColors);
6
- return (_jsx("div", { style: {
6
+ return (_jsxs("div", { style: {
7
7
  display: 'flex',
8
8
  alignItems: 'center',
9
9
  position: 'absolute',
@@ -13,6 +13,13 @@ export const PdfViewFieldContainer = ({ children, field, pdfWrapperRef, recipien
13
13
  top: `${pagePos.top + field.y}px`,
14
14
  width: `${field.width}px`,
15
15
  height: `${field.height}px`,
16
- }, children: children }));
16
+ borderColor: error ? 'red' : undefined,
17
+ }, children: [children, error && (_jsx("span", { style: {
18
+ top: '100%',
19
+ color: 'red',
20
+ marginTop: '4px',
21
+ minWidth: '100px',
22
+ position: 'absolute',
23
+ }, children: error }))] }));
17
24
  };
18
25
  //# sourceMappingURL=pdf-view-field-container.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-view-field-container.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-field-container.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQvE,MAAM,CAAC,MAAM,qBAAqB,GAAiD,CAAC,EAChF,QAAQ,EACR,KAAK,EACL,aAAa,EACb,gBAAgB,GACnB,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,uBAAuB,CAAC,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAC3E,OAAO,CACH,cACI,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,OAAO;YACnB,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI;YACnC,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,IAAI;YACjC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI;YACzB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI;SAC9B,YAEA,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"pdf-view-field-container.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-field-container.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AASvE,MAAM,CAAC,MAAM,qBAAqB,GAAiD,CAAC,EAChF,QAAQ,EACR,KAAK,EACL,KAAK,EACL,aAAa,EACb,gBAAgB,GACnB,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,uBAAuB,CAAC,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAC3E,OAAO,CACH,eACI,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,OAAO;YACnB,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI;YACnC,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,IAAI;YACjC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI;YACzB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI;YAC3B,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;SACzC,aAEA,QAAQ,EACR,KAAK,IAAI,CACN,eACI,KAAK,EAAE;oBACH,GAAG,EAAE,MAAM;oBACX,KAAK,EAAE,KAAK;oBACZ,SAAS,EAAE,KAAK;oBAChB,QAAQ,EAAE,OAAO;oBACjB,QAAQ,EAAE,UAAU;iBACvB,YAEA,KAAK,GACH,CACV,IACC,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-view-fillable.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-fillable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGlG,UAAU,oBAAoB;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4HpD,CAAC"}
1
+ {"version":3,"file":"pdf-view-fillable.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-fillable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGlG,UAAU,oBAAoB;IAC1B,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyIpD,CAAC"}
@@ -19,7 +19,12 @@ export const PdfViewFillable = ({ data, field, fillingBy, onDataChange, previewM
19
19
  background: 'inherit',
20
20
  width: 'inherit',
21
21
  height: 'inherit',
22
- }, children: [_jsx("input", { style: { width: 'inherit', height: 'inherit', margin: 0 }, type: "checkbox", checked: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : false, disabled: !isFillable, name: field.path, onChange: e => handleDataChange === null || handleDataChange === void 0 ? void 0 : handleDataChange(e.target.checked) }), field.label] }));
22
+ }, children: [_jsx("input", { style: {
23
+ width: 'inherit',
24
+ height: 'inherit',
25
+ margin: 0,
26
+ borderColor: 'inherit',
27
+ }, type: "checkbox", checked: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : false, disabled: !isFillable, name: field.path, onChange: e => handleDataChange === null || handleDataChange === void 0 ? void 0 : handleDataChange(e.target.checked) }), field.label] }));
23
28
  }
24
29
  if (field.subType === 'radio') {
25
30
  return (_jsxs("div", { style: {
@@ -28,13 +33,19 @@ export const PdfViewFillable = ({ data, field, fillingBy, onDataChange, previewM
28
33
  background: 'inherit',
29
34
  width: 'inherit',
30
35
  height: 'inherit',
31
- }, children: [_jsx("input", { style: { width: 'inherit', height: 'inherit', margin: 0 }, type: "radio", value: field.id, checked: resolvedValue === field.id, disabled: !isFillable, name: field.path, onChange: () => handleDataChange(field.id) }), field.label] }));
36
+ }, children: [_jsx("input", { style: {
37
+ width: 'inherit',
38
+ height: 'inherit',
39
+ margin: 0,
40
+ borderColor: 'inherit',
41
+ }, type: "radio", value: field.id, checked: resolvedValue === field.id, disabled: !isFillable, name: field.path, onChange: () => handleDataChange(field.id) }), field.label] }));
32
42
  }
33
43
  if (field.subType === 'date') {
34
44
  return (_jsx("input", { type: "date", style: {
35
45
  background: 'inherit',
36
46
  width: 'inherit',
37
47
  height: 'inherit',
48
+ borderColor: 'inherit',
38
49
  }, disabled: !isFillable, id: field.path, name: field.path, value: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : '', onChange: e => handleDataChange(e.target.value), placeholder: getFieldPlaceholderText(field, 'mm/dd/yyyy') }));
39
50
  }
40
51
  if (field.subType === 'number') {
@@ -42,12 +53,14 @@ export const PdfViewFillable = ({ data, field, fillingBy, onDataChange, previewM
42
53
  background: 'inherit',
43
54
  width: 'inherit',
44
55
  height: 'inherit',
56
+ borderColor: 'inherit',
45
57
  }, disabled: !isFillable, id: field.path, name: field.path, value: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : '', onChange: e => handleDataChange(e.target.value), placeholder: getFieldPlaceholderText(field) }));
46
58
  }
47
59
  return (_jsx("input", { type: "text", style: {
48
60
  background: 'inherit',
49
61
  width: 'inherit',
50
62
  height: 'inherit',
63
+ borderColor: 'inherit',
51
64
  }, disabled: !isFillable, id: field.path, name: field.path, value: resolvedValue !== null && resolvedValue !== void 0 ? resolvedValue : '', onChange: e => handleDataChange(e.target.value), placeholder: getFieldPlaceholderText(field) }));
52
65
  };
53
66
  //# sourceMappingURL=pdf-view-fillable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-view-fillable.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-fillable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"pdf-view-fillable.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view-fillable.tsx"],"names":[],"mappings":"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"}
@@ -2,6 +2,7 @@ import { FC, ReactNode } from 'react';
2
2
  import { DataChangePayload, DataModelValues, PdfField, PreviewMode, RecipientInfo } from '../../interface/types';
3
3
  export interface PdfViewProps {
4
4
  fields: PdfField[];
5
+ errors?: Record<string, string>;
5
6
  previewMode?: PreviewMode;
6
7
  data?: DataModelValues;
7
8
  pdfUrl: string;
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-view.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAExD,OAAO,EACH,iBAAiB,EACjB,eAAe,EAEf,QAAQ,EACR,WAAW,EACX,aAAa,EAChB,MAAM,uBAAuB,CAAC;AAS/B,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,YAAY,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgFpC,CAAC"}
1
+ {"version":3,"file":"pdf-view.d.ts","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAExD,OAAO,EACH,iBAAiB,EACjB,eAAe,EAEf,QAAQ,EACR,WAAW,EACX,aAAa,EAChB,MAAM,uBAAuB,CAAC;AAS/B,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,aAAa,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,YAAY,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoFpC,CAAC"}
@@ -10,7 +10,7 @@ import { PdfViewDataModel } from './pdf-view-data-model';
10
10
  import { PdfViewESign } from './pdf-view-e-sign';
11
11
  import { PdfViewFieldContainer } from './pdf-view-field-container';
12
12
  import { PdfViewFillable } from './pdf-view-fillable';
13
- export const PdfView = ({ data, errorPlaceholder, fields, fillingBy, loading = false, loadingPlaceholder, onDataChange, onLoadSuccess, pdfUrl, previewMode, recipients, }) => {
13
+ export const PdfView = ({ data, errorPlaceholder, errors = {}, fields, fillingBy, loading = false, loadingPlaceholder, onDataChange, onLoadSuccess, pdfUrl, previewMode, recipients, }) => {
14
14
  const [isPdfLoaded, setIsPdfLoaded] = useState(false);
15
15
  const [previewData, setPreviewData] = useState(data !== null && data !== void 0 ? data : {});
16
16
  const pdfWrapperRef = useRef(null);
@@ -28,6 +28,6 @@ export const PdfView = ({ data, errorPlaceholder, fields, fillingBy, loading = f
28
28
  onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(data, field);
29
29
  };
30
30
  const recipientsColors = mapColorsToRecipients(recipients);
31
- return (_jsx(Flex, { flex: 1, className: "dte-pdf-view-container", style: { maxWidth: BASE_PAGE_WIDTH }, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, loading: loading, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && (_jsx("div", { className: "dte-pdf-field-overlay --view-mode", children: fields.map(field => (_jsxs(PdfViewFieldContainer, { field: field, recipientsColors: recipientsColors, pdfWrapperRef: pdfWrapperRef, children: [field.type === FieldTypeEnum.dataModel && (_jsx(PdfViewDataModel, { field: field, data: data })), field.type === FieldTypeEnum.calculated && (_jsx(PdfViewCalculated, { field: field, data: data })), field.type === FieldTypeEnum.eSign && (_jsx(PdfViewESign, { field: field })), field.type === FieldTypeEnum.fillable && (_jsx(PdfViewFillable, { data: previewMode === 'fillable' ? previewData : data, field: field, fillingBy: fillingBy, previewMode: previewMode, onDataChange: handleDataChange }))] }, field.id))) }))] }) }));
31
+ return (_jsx(Flex, { flex: 1, className: "dte-pdf-view-container", style: { maxWidth: BASE_PAGE_WIDTH }, children: _jsxs("div", { ref: pdfWrapperRef, className: "dte-pdf-wrapper", children: [_jsx(PdfDocumentRenderer, { pdfUrl: pdfUrl, loading: loading, pageWidth: BASE_PAGE_WIDTH, errorPlaceholder: errorPlaceholder, loadingPlaceholder: loadingPlaceholder, onDocumentLoadSuccess: onDocumentLoadSuccess }), isPdfLoaded && (_jsx("div", { className: "dte-pdf-field-overlay --view-mode", children: fields.map(field => (_jsxs(PdfViewFieldContainer, { field: field, error: errors[field.path] || '', recipientsColors: recipientsColors, pdfWrapperRef: pdfWrapperRef, children: [field.type === FieldTypeEnum.dataModel && (_jsx(PdfViewDataModel, { field: field, data: data })), field.type === FieldTypeEnum.eSign && (_jsx(PdfViewESign, { field: field })), field.type === FieldTypeEnum.calculated && (_jsx(PdfViewCalculated, { field: field, data: previewMode === 'fillable' ? previewData : data })), field.type === FieldTypeEnum.fillable && (_jsx(PdfViewFillable, { data: previewMode === 'fillable' ? previewData : data, field: field, fillingBy: fillingBy, previewMode: previewMode, onDataChange: handleDataChange }))] }, field.id))) }))] }) }));
32
32
  };
33
33
  //# sourceMappingURL=pdf-view.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pdf-view.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAiB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAGH,aAAa,GAIhB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAsBtD,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACtC,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,OAAO,GAAG,KAAK,EACf,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,MAAM,EACN,WAAW,EACX,UAAU,GACb,EAAE,EAAE;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAC;IAE5E,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEnD,MAAM,qBAAqB,GAAG,CAAC,OAAe,EAAE,EAAE;QAC9C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,IAAuB,EAAE,KAAe,EAAE,EAAE;QAClE,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;YAC7B,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACpB,GAAG,IAAI;gBACP,GAAG,IAAI;aACV,CAAC,CAAC,CAAC;QACR,CAAC;QACD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,EAAE,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAE3D,OAAO,CACH,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,YAClF,eAAK,GAAG,EAAE,aAAa,EAAE,SAAS,EAAC,iBAAiB,aAChD,KAAC,mBAAmB,IAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,WAAW,IAAI,CACZ,cAAK,SAAS,EAAC,mCAAmC,YAC7C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjB,MAAC,qBAAqB,IAElB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,aAE3B,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,SAAS,IAAI,CACvC,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACjD,EACA,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,UAAU,IAAI,CACxC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAClD,EACA,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,KAAK,IAAI,CACnC,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CACjC,EACA,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,QAAQ,IAAI,CACtC,KAAC,eAAe,IACZ,IAAI,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EACrD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,GAChC,CACL,KAtBI,KAAK,CAAC,EAAE,CAuBO,CAC3B,CAAC,GACA,CACT,IACC,GACH,CACV,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"pdf-view.js","sourceRoot":"","sources":["../../../src/components/pdf-view/pdf-view.tsx"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export type * from './interface/types';
1
+ export * from './interface/types';
2
2
  export * from './components';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,mBAAmB,CAAC;AACvC,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
package/dist/index.js CHANGED
@@ -1,2 +1,3 @@
1
+ export * from './interface/types';
1
2
  export * from './components';
2
3
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servicetitan/dte-pdf-editor",
3
- "version": "1.18.0",
3
+ "version": "1.20.0",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "typings": "./dist/index.d.ts",
@@ -10,6 +10,7 @@ interface PdfCanvasProps {
10
10
  errorPlaceholder?: ReactNode;
11
11
  loadingPlaceholder?: ReactNode;
12
12
  fields: PdfField[];
13
+ errors?: Record<string, string>;
13
14
  loading: boolean;
14
15
  selectedField: PdfField | null;
15
16
  pdfContainerRef: RefObject<HTMLDivElement>;
@@ -27,6 +28,7 @@ interface PdfCanvasProps {
27
28
 
28
29
  export const PdfCanvas: FC<PdfCanvasProps> = ({
29
30
  errorPlaceholder,
31
+ errors = {},
30
32
  fields,
31
33
  handleAddNewField,
32
34
  loading,
@@ -76,6 +78,7 @@ export const PdfCanvas: FC<PdfCanvasProps> = ({
76
78
  {isPdfLoaded && (
77
79
  <PdfFieldsOverlay
78
80
  fields={fields}
81
+ errors={errors}
79
82
  handleAddNewField={handleAddNewField}
80
83
  pdfWrapperRef={pdfWrapperRef}
81
84
  recipientsColors={recipientsColors}
@@ -12,6 +12,7 @@ import '../../styles/index.css';
12
12
  export interface PdfEditorProps {
13
13
  pdfUrl: string;
14
14
  loading?: boolean;
15
+ errors?: Record<string, string>;
15
16
  loadingPlaceholder?: ReactNode;
16
17
  errorPlaceholder?: ReactNode;
17
18
  dataModel?: SchemaObject;
@@ -24,6 +25,7 @@ export interface PdfEditorProps {
24
25
  export const PdfEditor: FC<PdfEditorProps> = ({
25
26
  dataModel,
26
27
  errorPlaceholder,
28
+ errors = {},
27
29
  fields = [],
28
30
  loading = false,
29
31
  loadingPlaceholder,
@@ -92,6 +94,7 @@ export const PdfEditor: FC<PdfEditorProps> = ({
92
94
  pdfUrl={pdfUrl}
93
95
  fields={fields}
94
96
  loading={loading}
97
+ errors={errors}
95
98
  onLoadSuccess={onLoadSuccess}
96
99
  recipientsColors={recipientsColors}
97
100
  selectedField={selectedField}
@@ -5,6 +5,7 @@ import { PdfOverlayField } from './pdf-overlay-field';
5
5
  interface PdfFieldsOverlayProps {
6
6
  fields: PdfField[];
7
7
  selectedField: PdfField | null;
8
+ errors: Record<string, string>;
8
9
  pdfWrapperRef: RefObject<HTMLDivElement>;
9
10
  recipientsColors: Record<string, string>;
10
11
  handleAddNewField(field: PdfField): void;
@@ -14,6 +15,7 @@ interface PdfFieldsOverlayProps {
14
15
  }
15
16
 
16
17
  export const PdfFieldsOverlay: FC<PdfFieldsOverlayProps> = ({
18
+ errors,
17
19
  fields,
18
20
  handleAddNewField,
19
21
  onFieldClick,
@@ -29,6 +31,7 @@ export const PdfFieldsOverlay: FC<PdfFieldsOverlayProps> = ({
29
31
  <PdfOverlayField
30
32
  key={field.id}
31
33
  field={field}
34
+ error={errors[field.id]}
32
35
  handleAddNewField={handleAddNewField}
33
36
  onFieldMove={onFieldMove}
34
37
  onFieldClick={onFieldClick}
@@ -10,6 +10,7 @@ import { ResizeHandle } from './resize-handle';
10
10
 
11
11
  interface PdfOverlayFieldProps {
12
12
  field: PdfField;
13
+ error?: string;
13
14
  isSelected: boolean;
14
15
  isSameGroup: boolean;
15
16
  recipientsColors: Record<string, string>;
@@ -21,6 +22,7 @@ interface PdfOverlayFieldProps {
21
22
  }
22
23
 
23
24
  export const PdfOverlayField: FC<PdfOverlayFieldProps> = ({
25
+ error,
24
26
  field,
25
27
  handleAddNewField,
26
28
  isSameGroup,
@@ -63,7 +65,7 @@ export const PdfOverlayField: FC<PdfOverlayFieldProps> = ({
63
65
  onDragStart={e => handleDragStart(e, field)}
64
66
  onDrag={e => handleDrag(e, field)}
65
67
  onDragEnd={handleDragEnd}
66
- className={`dte-pdf-field ${isSelected ? '--selected' : '--unselected'} ${isDragging ? '--dragging' : ''} ${isSameGroup ? '--colored' : ''}`}
68
+ className={`dte-pdf-field ${isSelected ? '--selected' : '--unselected'} ${isDragging ? '--dragging' : ''} ${isSameGroup ? '--colored' : ''} ${error ? '--error' : ''}`}
67
69
  style={style}
68
70
  >
69
71
  {field.type === FieldTypeEnum.calculated && <PdfOverlayFieldCalculated field={field} />}
@@ -73,6 +75,7 @@ export const PdfOverlayField: FC<PdfOverlayFieldProps> = ({
73
75
  <PdfOverlayFieldFillable field={field} handleAddNewField={handleAddNewField} />
74
76
  )}
75
77
  {isSelected && <ResizeHandle handleResizeStart={e => handleResizeStart(e, field)} />}
78
+ {error && <span className="dte-pdf-field-error-message">{error}</span>}
76
79
  </div>
77
80
  );
78
81
  };
@@ -4,12 +4,14 @@ import { getFieldBackgroundColor, getPagePosition } from '../../utils';
4
4
 
5
5
  interface PdfViewFieldContainer {
6
6
  pdfWrapperRef: RefObject<HTMLDivElement>;
7
+ error?: string;
7
8
  field: PdfField;
8
9
  recipientsColors: Record<string, string>;
9
10
  }
10
11
 
11
12
  export const PdfViewFieldContainer: FC<PropsWithChildren<PdfViewFieldContainer>> = ({
12
13
  children,
14
+ error,
13
15
  field,
14
16
  pdfWrapperRef,
15
17
  recipientsColors,
@@ -28,9 +30,23 @@ export const PdfViewFieldContainer: FC<PropsWithChildren<PdfViewFieldContainer>>
28
30
  top: `${pagePos.top + field.y}px`,
29
31
  width: `${field.width}px`,
30
32
  height: `${field.height}px`,
33
+ borderColor: error ? 'red' : undefined,
31
34
  }}
32
35
  >
33
36
  {children}
37
+ {error && (
38
+ <span
39
+ style={{
40
+ top: '100%',
41
+ color: 'red',
42
+ marginTop: '4px',
43
+ minWidth: '100px',
44
+ position: 'absolute',
45
+ }}
46
+ >
47
+ {error}
48
+ </span>
49
+ )}
34
50
  </div>
35
51
  );
36
52
  };
@@ -43,7 +43,12 @@ export const PdfViewFillable: FC<PdfViewFillableProps> = ({
43
43
  }}
44
44
  >
45
45
  <input
46
- style={{ width: 'inherit', height: 'inherit', margin: 0 }}
46
+ style={{
47
+ width: 'inherit',
48
+ height: 'inherit',
49
+ margin: 0,
50
+ borderColor: 'inherit',
51
+ }}
47
52
  type="checkbox"
48
53
  checked={resolvedValue ?? false}
49
54
  disabled={!isFillable}
@@ -67,7 +72,12 @@ export const PdfViewFillable: FC<PdfViewFillableProps> = ({
67
72
  }}
68
73
  >
69
74
  <input
70
- style={{ width: 'inherit', height: 'inherit', margin: 0 }}
75
+ style={{
76
+ width: 'inherit',
77
+ height: 'inherit',
78
+ margin: 0,
79
+ borderColor: 'inherit',
80
+ }}
71
81
  type="radio"
72
82
  value={field.id}
73
83
  checked={resolvedValue === field.id}
@@ -88,6 +98,7 @@ export const PdfViewFillable: FC<PdfViewFillableProps> = ({
88
98
  background: 'inherit',
89
99
  width: 'inherit',
90
100
  height: 'inherit',
101
+ borderColor: 'inherit',
91
102
  }}
92
103
  disabled={!isFillable}
93
104
  id={field.path}
@@ -107,6 +118,7 @@ export const PdfViewFillable: FC<PdfViewFillableProps> = ({
107
118
  background: 'inherit',
108
119
  width: 'inherit',
109
120
  height: 'inherit',
121
+ borderColor: 'inherit',
110
122
  }}
111
123
  disabled={!isFillable}
112
124
  id={field.path}
@@ -125,6 +137,7 @@ export const PdfViewFillable: FC<PdfViewFillableProps> = ({
125
137
  background: 'inherit',
126
138
  width: 'inherit',
127
139
  height: 'inherit',
140
+ borderColor: 'inherit',
128
141
  }}
129
142
  disabled={!isFillable}
130
143
  id={field.path}
@@ -19,6 +19,7 @@ import { PdfViewFillable } from './pdf-view-fillable';
19
19
 
20
20
  export interface PdfViewProps {
21
21
  fields: PdfField[];
22
+ errors?: Record<string, string>;
22
23
  previewMode?: PreviewMode;
23
24
  data?: DataModelValues;
24
25
  pdfUrl: string;
@@ -40,6 +41,7 @@ export interface PdfViewProps {
40
41
  export const PdfView: FC<PdfViewProps> = ({
41
42
  data,
42
43
  errorPlaceholder,
44
+ errors = {},
43
45
  fields,
44
46
  fillingBy,
45
47
  loading = false,
@@ -71,7 +73,6 @@ export const PdfView: FC<PdfViewProps> = ({
71
73
  };
72
74
 
73
75
  const recipientsColors = mapColorsToRecipients(recipients);
74
-
75
76
  return (
76
77
  <Flex flex={1} className="dte-pdf-view-container" style={{ maxWidth: BASE_PAGE_WIDTH }}>
77
78
  <div ref={pdfWrapperRef} className="dte-pdf-wrapper">
@@ -89,18 +90,22 @@ export const PdfView: FC<PdfViewProps> = ({
89
90
  <PdfViewFieldContainer
90
91
  key={field.id}
91
92
  field={field}
93
+ error={errors[field.path!] || ''}
92
94
  recipientsColors={recipientsColors}
93
95
  pdfWrapperRef={pdfWrapperRef}
94
96
  >
95
97
  {field.type === FieldTypeEnum.dataModel && (
96
98
  <PdfViewDataModel field={field} data={data} />
97
99
  )}
98
- {field.type === FieldTypeEnum.calculated && (
99
- <PdfViewCalculated field={field} data={data} />
100
- )}
101
100
  {field.type === FieldTypeEnum.eSign && (
102
101
  <PdfViewESign field={field} />
103
102
  )}
103
+ {field.type === FieldTypeEnum.calculated && (
104
+ <PdfViewCalculated
105
+ field={field}
106
+ data={previewMode === 'fillable' ? previewData : data}
107
+ />
108
+ )}
104
109
  {field.type === FieldTypeEnum.fillable && (
105
110
  <PdfViewFillable
106
111
  data={previewMode === 'fillable' ? previewData : data}
package/src/index.ts CHANGED
@@ -1,2 +1,2 @@
1
- export type * from './interface/types';
1
+ export * from './interface/types';
2
2
  export * from './components';
@@ -41,6 +41,20 @@
41
41
  box-shadow: 0 0 2px 0 var(--border-color-active);
42
42
  }
43
43
 
44
+ .dte-pdf-field.--error {
45
+ border-color: var(--danger) !important;
46
+ box-shadow: 0 0 4px 0 var(--danger);
47
+ }
48
+
49
+ .dte-pdf-field-error-message {
50
+ top: 100%;
51
+ min-width: 100px;
52
+ position: absolute;
53
+ margin-top: var(--spacing-half, 4px);
54
+ color: var(--danger);
55
+ font-size: var(--typescale-1, 12px);
56
+ }
57
+
44
58
  .dte-pdf-field-resize-handle {
45
59
  position: absolute;
46
60
  bottom: 0;
@@ -5,6 +5,7 @@
5
5
  --menu-hover-color: var(--color-neutral-100, #606162);
6
6
 
7
7
  /* Typography */
8
+ --typescale-0: var(--typescale-1, 12px);
8
9
  --typescale-1: var(--typescale-1, 14px);
9
10
 
10
11
  /* Spacing */