diff --git a/client/package-lock.json b/client/package-lock.json
index 02a8f6229..a5e145ed0 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -16,6 +16,7 @@
"@dnd-kit/modifiers": "^9.0.0",
"@dnd-kit/sortable": "^10.0.0",
"@dnd-kit/utilities": "^3.2.2",
+ "@documenso/embed-react": "^0.5.1",
"@emotion/is-prop-valid": "^1.4.0",
"@fingerprintjs/fingerprintjs": "^5.0.1",
"@firebase/analytics": "^0.10.19",
@@ -2575,6 +2576,16 @@
"react": ">=16.8.0"
}
},
+ "node_modules/@documenso/embed-react": {
+ "version": "0.5.1",
+ "resolved": "https://registry.npmjs.org/@documenso/embed-react/-/embed-react-0.5.1.tgz",
+ "integrity": "sha512-PlkZ3vrdZVBTc0J3xfG2wtPVGmxCxWgpQ/SsdR2oBMdTwsR+rDbj9k+CeTv+M9Xi5tKbLr5Y78bS9Sb8K+ltTQ==",
+ "license": "MIT",
+ "peerDependencies": {
+ "react": "^18.0.0 || ^19.0.0",
+ "react-dom": "^18.0.0 || ^19.0.0"
+ }
+ },
"node_modules/@dotenvx/dotenvx": {
"version": "1.52.0",
"resolved": "https://registry.npmjs.org/@dotenvx/dotenvx/-/dotenvx-1.52.0.tgz",
diff --git a/client/package.json b/client/package.json
index 1f14bec96..a190ec650 100644
--- a/client/package.json
+++ b/client/package.json
@@ -15,6 +15,7 @@
"@dnd-kit/modifiers": "^9.0.0",
"@dnd-kit/sortable": "^10.0.0",
"@dnd-kit/utilities": "^3.2.2",
+ "@documenso/embed-react": "^0.5.1",
"@emotion/is-prop-valid": "^1.4.0",
"@fingerprintjs/fingerprintjs": "^5.0.1",
"@firebase/analytics": "^0.10.19",
diff --git a/client/src/App/App.styles.scss b/client/src/App/App.styles.scss
index 5f66030b5..1aca1eecb 100644
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -509,3 +509,10 @@
pointer-events: none !important;
}
}
+
+
+.esignature-embed {
+width: 100%;
+height: 100%;
+border-width: 0;
+}
\ No newline at end of file
diff --git a/client/src/components/esignature-modal/esignature-modal.container.jsx b/client/src/components/esignature-modal/esignature-modal.container.jsx
new file mode 100644
index 000000000..be82394e0
--- /dev/null
+++ b/client/src/components/esignature-modal/esignature-modal.container.jsx
@@ -0,0 +1,78 @@
+import { EmbedUpdateDocumentV1 } from "@documenso/embed-react";
+import { Modal } from "antd";
+import axios from "axios";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { toggleModalVisible } from "../../redux/modals/modals.actions";
+import { selectEsignature } from "../../redux/modals/modals.selectors";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+
+const mapStateToProps = createStructuredSelector({
+ esignatureModal: selectEsignature,
+ bodyshop: selectBodyshop
+});
+
+const mapDispatchToProps = (dispatch) => ({
+ toggleModalVisible: () => dispatch(toggleModalVisible("esignature"))
+});
+
+export function EsignatureModalContainer({ esignatureModal, toggleModalVisible, bodyshop }) {
+ const { t } = useTranslation();
+ const { open, context } = esignatureModal;
+ const { token, envelopeId, documentId, jobid } = context;
+
+ return (
+ {
+ try {
+ const distResult = await axios.post("/esign/distribute", {
+ documentId,
+ envelopeId,
+ jobid,
+ bodyshopid: bodyshop.id
+ });
+ console.log("Distribution result:", distResult);
+ toggleModalVisible();
+ } catch (error) {
+ console.error("Error distributing document:", error);
+ }
+ }}
+ onCancel={async () => {
+ try {
+ const cancelResult = await axios.post("/esign/delete", {
+ documentId,
+ envelopeId
+ });
+ console.log("Cancel result:", cancelResult);
+ toggleModalVisible();
+ } catch (error) {
+ console.error("Error cancelling document:", error);
+ }
+ }}
+ okButtonProps={{ title: "Distribute by Email" }}
+ width="90%"
+ destroyOnHidden
+ >
+
+ {token ? (
+
{
+ console.log("Document updated:", data.documentId);
+ }}
+ />
+ ) : (
+ No token...
+ )}
+