From 551e0f05926bee087c5503d331f7cec7987a6ca9 Mon Sep 17 00:00:00 2001
From: Dave <Dave>
Date: Mon, 25 May 2026 15:00:05 -0400
Subject: [PATCH 1/2] feature/IO-3713-Esign-Modal-UI - Fix

---
 client/src/App/App.styles.scss                | 53 +++++++++++++++++--
 .../esignature-modal.container.jsx            |  6 ++-
 client/src/redux/user/user.sagas.js           |  9 ++--
 client/vite.config.js                         |  4 +-
 4 files changed, 60 insertions(+), 12 deletions(-)

diff --git a/client/src/App/App.styles.scss b/client/src/App/App.styles.scss
index 1aca1eecb..24f641873 100644
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -512,7 +512,52 @@
 
 
 .esignature-embed {
-width: 100%;
-height: 100%;
-border-width: 0;
-}
\ No newline at end of file
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-width: 0;
+}
+
+.esignature-modal {
+  .ant-modal {
+    top: 16px;
+    max-width: calc(100vw - 32px);
+    padding-bottom: 0;
+  }
+
+  .ant-modal-content {
+    display: flex;
+    flex-direction: column;
+    max-height: calc(100vh - 32px);
+  }
+
+  .ant-modal-body {
+    flex: 1 1 auto;
+    min-height: 0;
+  }
+}
+
+.esignature-modal-frame {
+  width: 100%;
+  height: calc(100vh - 150px);
+  min-height: 320px;
+  overflow: hidden;
+}
+
+@media (max-width: 768px), (max-height: 560px) {
+  .esignature-modal {
+    .ant-modal {
+      top: 8px;
+      max-width: calc(100vw - 16px);
+    }
+
+    .ant-modal-content {
+      max-height: calc(100vh - 16px);
+    }
+  }
+
+  .esignature-modal-frame {
+    height: calc(100vh - 132px);
+    min-height: 0;
+  }
+}
diff --git a/client/src/components/esignature-modal/esignature-modal.container.jsx b/client/src/components/esignature-modal/esignature-modal.container.jsx
index 09ce49ad6..16e746b72 100644
--- a/client/src/components/esignature-modal/esignature-modal.container.jsx
+++ b/client/src/components/esignature-modal/esignature-modal.container.jsx
@@ -76,9 +76,11 @@ export function EsignatureModalContainer({ esignatureModal, toggleModalVisible,
       okButtonProps={{ loading: distributing }}
       okText={t("esignature.actions.distribute")}
       destroyOnHidden
-      width={"80%"}
+      width="calc(100vw - 32px)"
+      wrapClassName="esignature-modal"
+      styles={{ body: { overflow: "hidden", padding: 0 } }}
     >
-      <div style={{ height: "80vh", width: "100%" }}>
+      <div className="esignature-modal-frame">
         {token ? (
           <EmbedUpdateDocumentV1
             presignToken={token}
diff --git a/client/src/redux/user/user.sagas.js b/client/src/redux/user/user.sagas.js
index 08fb60deb..f8813d34d 100644
--- a/client/src/redux/user/user.sagas.js
+++ b/client/src/redux/user/user.sagas.js
@@ -1,5 +1,4 @@
 import FingerprintJS from "@fingerprintjs/fingerprintjs";
-//import { setUserId, setUserProperties } from "@firebase/analytics";
 import {
   checkActionCode,
   confirmPasswordReset,
@@ -9,11 +8,9 @@ import {
 } from "@firebase/auth";
 import { arrayUnion, doc, getDoc, setDoc, updateDoc } from "@firebase/firestore";
 import { getToken } from "@firebase/messaging";
-// import * as Sentry from "@sentry/react";
 import { notification } from "antd";
 import axios from "axios";
 import i18next from "i18next";
-//import LogRocket from "logrocket";
 import { all, call, delay, put, select, takeLatest } from "redux-saga/effects";
 import {
   auth,
@@ -48,9 +45,13 @@ import {
   validatePasswordResetSuccess
 } from "./user.actions";
 import UserActionTypes from "./user.types";
-//import posthog from "posthog-js";
 import { bodyshopHasDmsKey, determineDMSTypeByBodyshop, DMS_MAP } from "../../utils/dmsUtils";
 
+//import { setUserId, setUserProperties } from "@firebase/analytics";
+//import * as Sentry from "@sentry/react";
+//import LogRocket from "logrocket";
+//import posthog from "posthog-js";
+
 const fpPromise = FingerprintJS.load();
 
 export function* onEmailSignInStart() {
diff --git a/client/vite.config.js b/client/vite.config.js
index 55c79e91d..dddf95844 100644
--- a/client/vite.config.js
+++ b/client/vite.config.js
@@ -237,9 +237,9 @@ export default defineConfig(({ command, mode }) => {
             lodash: ["lodash"],
             "@sentry/react": ["@sentry/react"],
             "@splitsoftware/splitio-react": ["@splitsoftware/splitio-react"],
-            logrocket: ["logrocket"],
+            // logrocket: ["logrocket"],
             firebase: [
-              "@firebase/analytics",
+              // "@firebase/analytics",
               "@firebase/app",
               "@firebase/firestore",
               "@firebase/auth",

From 29ded5efbff049e11784c01d14ea31b7272417c3 Mon Sep 17 00:00:00 2001
From: Dave <Dave>
Date: Mon, 25 May 2026 15:01:46 -0400
Subject: [PATCH 2/2] feature/IO-3713-Esign-Modal-UI - Fix

---
 client/vite.config.js | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/client/vite.config.js b/client/vite.config.js
index dddf95844..212fe705b 100644
--- a/client/vite.config.js
+++ b/client/vite.config.js
@@ -237,14 +237,7 @@ export default defineConfig(({ command, mode }) => {
             lodash: ["lodash"],
             "@sentry/react": ["@sentry/react"],
             "@splitsoftware/splitio-react": ["@splitsoftware/splitio-react"],
-            // logrocket: ["logrocket"],
-            firebase: [
-              // "@firebase/analytics",
-              "@firebase/app",
-              "@firebase/firestore",
-              "@firebase/auth",
-              "@firebase/messaging"
-            ],
+            firebase: ["@firebase/app", "@firebase/firestore", "@firebase/auth", "@firebase/messaging"],
             markerjs2: ["markerjs2"],
             "@apollo/client": ["@apollo/client"],
             "libphonenumber-js": ["libphonenumber-js"],