Font Added 19:49 27-10

public/fonts/Alex_Brush/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2011 The Alex Brush Project Authors (https://github.com/googlefonts/alex-brush)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

public/fonts/Allura/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2010 The Allura Project Authors (https://github.com/googlefonts/allura)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

public/fonts/Dancing_Script/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2016 The Dancing Script Project Authors (https://github.com/googlefonts/DancingScript), with Reserved Font Name 'Dancing Script'.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

public/fonts/Dancing_Script/README.txt

@@ -0,0 +1,66 @@
+Dancing Script Variable Font
+============================
+
+This download contains Dancing Script as both a variable font and static fonts.
+
+Dancing Script is a variable font with this axis:
+  wght
+
+This means all the styles are contained in a single file:
+  Dancing_Script/DancingScript-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Dancing Script:
+  Dancing_Script/static/DancingScript-Regular.ttf
+  Dancing_Script/static/DancingScript-Medium.ttf
+  Dancing_Script/static/DancingScript-SemiBold.ttf
+  Dancing_Script/static/DancingScript-Bold.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.

public/fonts/Great_Vibes/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2015 The Great Vibes Pro Project Authors (https://github.com/googlefonts/great-vibes)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

src/App.tsx

@@ -116,7 +116,7 @@ const App = () => {
 
           <Route path="/transaction-complete" element={<CompletionScreen />} />
           <Route path="/transaction-declined" element={<CompletionScreen hit="Action Canceled! " title="Maybe Next Time!" message={" Your request has been declined successfully. You can revisit anytime if you change your mind."} textColorSuccess={false} />} />
-          <Route path="/transaction-reassigned" element={<CompletionScreen hit="Reasssigned Successfully" title=" The transaction has been reassigned!" message={"The transaction has been reassgned to another user"} textColorSuccess={false} />} />
+          <Route path="/transaction-reassigned" element={<CompletionScreen hit="Reasssigned Successfully" title=" The transaction has been reassigned!" message={"The transaction has been reassigned to another user"} textColorSuccess={false} />} />
           
           <Route path="/expired" element={<ExpiredPage />} />
 

src/components/CommonNav.tsx

@@ -347,7 +347,7 @@ const CommonNav: React.FC<AccountNavProps> = ({
                 const isLast = index == filteredPathnames.length - 1;
 
                 return (
-                  <span key={to} className="flex items-center">
+                  <span key={to} className="items-center hidden sm:flex">
                     {index > 0 && <span className="mx-2 text-gray-400">{">"}</span>}
                     {!isLast ? (
                       <Link

src/components/client/SignDocument.tsx

@@ -29,14 +29,10 @@ import ConsentScreen from "./ConsentScreen";
 import SignButton from "./SignButton";
 import DeclineModal from "./DeclineModal";
 import ReassignModal from "./ReassignModal";
-import CompletionScreen from "./CompletionScreen";
-import { GrPrint } from "react-icons/gr";
-import ClientDownloadBtn from "./ClientDownloadBtn";
 import ClientAuditModal from "./ClientAuditModal";
 import axiosInstance from "../../config/axiosInstance";
 
-
+import "./style.css";
-
 
 interface RecipientType {
     id: string;

src/components/client/TagsCon.tsx

@@ -707,7 +707,7 @@ const TagsCon: React.FC<TagsConProps> = ({
                                     ) : saved && saved.saveType != null && saved.saveType == "SELECT" ? (
                                         <>
                                             <span
-                                                className={`absolute left-0 bottom-0`}
+                                                className={`absolute left-0 bottom-0 text-nowrap`}
                                                 style={{
                                                     color: item.styles.color,
                                                     fontSize: `${item.styles?.textSize}px`,

src/components/client/style.css

@@ -0,0 +1,21 @@
+/* Adding SELECT SIGNATURE FONTS - STARTS */
+@font-face {
+    font-family: 'Great Vibes';
+    src: url('/fonts/Great_Vibes/GreatVibes-Regular.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Dancing Script';
+    src: url('/fonts/Dancing_Script/DancingScript-VariableFont_wght.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Alex Brush';
+    src: url('/fonts/Alex_Brush/AlexBrush-Regular.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Allura';
+    src: url('/fonts/Allura/Allura-Regular.ttf') format('truetype');
+}
+/* Adding SELECT SIGNATURE FONTS - ENDS */

src/components/process/processStepTwo/FieldList.tsx

@@ -77,9 +77,6 @@ const handlePointerDown = (event: React.DragEvent<HTMLDivElement>, label: string
         }
     }
 
-
-
-
     // Handling Initia Width and height of Some tags - END
 
     const offsetX = event.clientX - dragElemRect.left;

src/components/setting/Signature/AddSignatureModal.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
 import { AiOutlineUpload, AiOutlineEdit } from 'react-icons/ai';
-import { MdCloudUpload } from 'react-icons/md';
 import api from '../../../config/api';
 import DrawSignatureCanvas from './DrawSignatureCanvas';
 import { FaSpinner } from "react-icons/fa";
@@ -81,14 +80,14 @@ const AddSignatureModal: React.FC<AddSignatureModalProps> = ({
 
 
     const fontsMap = [
-        { style: "'Great Vibes', cursive", label: "Elegant Script", acronym: "f1" },
+        { family: "Great Vibes", label: "Great Vibes", acronym: "f1" },
-        { style: "'Pacifico', cursive", label: "Casual Handwritten", acronym: "f2" },
+        { family: "Dancing Script", label: "Dancing Script", acronym: "f2" },
-        { style: "'Dancing Script', cursive", label: "Smooth Flow", acronym: "f3" },
+        { family: "Alex Brush", label: "Alex Brush", acronym: "f3" },
-        { style: "'Playfair Display', serif", label: "Classic Serif", acronym: "f4" },
+        { family: "Allura", label: "Allura", acronym: "f4" },
-    ]
+    ];
 
     const [selectedSignature, setSelectedSignature] = useState<SelectStyle>(
-        fontsMap.length > 0 ? { id: fontsMap[0].acronym, style: fontsMap[0].style } : { id: "f1", style: "" }
+        fontsMap.length > 0 ? { id: fontsMap[0].acronym, style: fontsMap[0].family } : { id: "f1", style: "" }
     );
 
     // Store the actual file
@@ -130,9 +129,9 @@ const AddSignatureModal: React.FC<AddSignatureModalProps> = ({
             setActiveTab(editingSignature.signatureType as 'SELECT' | 'DRAW' | 'UPLOAD');
 
             // Set font for SELECT tab
-            const fontOption = fontsMap.find(option => option.style == editingSignature.font);
+            const fontOption = fontsMap.find(option => option.family == editingSignature.font);
             if (fontOption) {
-                setSelectedSignature({ id: fontOption.acronym, style: fontOption.style });
+                setSelectedSignature({ id: fontOption.acronym, style: fontOption.family });
             }
 
             // Set signature blobs for all tabs
@@ -346,17 +345,17 @@ const AddSignatureModal: React.FC<AddSignatureModalProps> = ({
                             {fontsMap.map((opt) => (
                                 <div
                                     key={opt.acronym}
-                                    onClick={() => setSelectedSignature({ id: opt.acronym, style: opt.style })}
+                                    onClick={() => setSelectedSignature({ id: opt.acronym, style: opt.family })}
                                     className={`cursor-pointer border border-slate-200 rounded-xl p-4 text-center bg-white transition
                             ${selectedSignature.id == opt.acronym
                                             ? "ring-2 ring-[var(--mainPrimaryBtn)]"
                                             : "hover:shadow-md"}`}
                                 >
-                                    <div style={{ fontFamily: opt.style, fontSize: "1rem" }}>
+                                    <div style={{ fontFamily: opt.family, fontSize: "1rem" }}>
                                         {fullName || "Full Name"}
                                     </div>
                                     <div
-                                        style={{ fontFamily: opt.style, fontSize: "0.8rem", opacity: 0.7 }}
+                                        style={{ fontFamily: opt.family, fontSize: "0.8rem", opacity: 0.7 }}
                                     >
                                         {initials || "AB"}
                                     </div>

src/components/setting/Signature/Signature.tsx

@@ -39,13 +39,20 @@ const SignatureManager: React.FC = () => {
         id: string;
     }>({ show: false, id: "" });
 
-    const signatureOptions = [
+    // const signatureOptions = [
-        { id: 1, name: 'print', initials: 'LA', style: 'print' },
+    //     { id: 1, name: 'print', initials: 'LA', style: 'print' },
-        { id: 2, name: 'cursive', initials: 'LA', style: 'cursive' },
+    //     { id: 2, name: 'cursive', initials: 'LA', style: 'cursive' },
-        { id: 3, name: 'script', initials: 'LA', style: 'script' },
+    //     { id: 3, name: 'script', initials: 'LA', style: 'script' },
-        { id: 4, name: 'elegant', initials: 'LA', style: 'elegant' },
+    //     { id: 4, name: 'elegant', initials: 'LA', style: 'elegant' },
-        { id: 5, name: 'modern', initials: 'LA', style: 'modern' },
+    //     { id: 5, name: 'modern', initials: 'LA', style: 'modern' },
-        { id: 6, name: 'classic', initials: 'LA', style: 'classic' },
+    //     { id: 6, name: 'classic', initials: 'LA', style: 'classic' },
+    // ];
+
+    const fontsMap = [
+        { family: "Great Vibes", label: "Great Vibes", acronym: "f1" },
+        { family: "Dancing Script", label: "Dancing Script", acronym: "f2" },
+        { family: "Alex Brush", label: "Alex Brush", acronym: "f3" },
+        { family: "Allura", label: "Allura", acronym: "f4" },
     ];
 
     const getAllSignatures = async () => {
@@ -109,13 +116,13 @@ const SignatureManager: React.FC = () => {
     const renderSignatureText = (type, font, firstName, lastName, mode = 'name') => {
         if (type != 'SELECT') return null;
 
-        const selectedFont = signatureOptions.find(opt => opt.style == font);
+        const selectedFont = fontsMap.find(opt => opt.acronym == font);
-        const fontClass = `${selectedFont?.style || 'print'}`;
+        const fontClass = `${selectedFont?.family || 'print'}`;
 
         if (mode == 'initials') {
             const initials = getInitialsUtils((firstName ?? '') + (firstName && lastName ? ' ' : '') + (lastName ?? ''));
             return (
-                <div className={`text-center text-[24px]`} style={{ fontFamily: selectedFont?.style }}>
+                <div className={`text-center text-[24px]`} style={{ fontFamily: selectedFont?.family }}>
                     {initials}
                 </div>
             );
@@ -123,7 +130,7 @@ const SignatureManager: React.FC = () => {
 
         const fullName = `${firstName ?? ''} ${lastName ?? ''}`.trim();
         return (
-            <div className={`text-center text-[20px]`} style={{ fontFamily: selectedFont?.style }}>
+            <div className={`text-center text-[20px]`} style={{ fontFamily: selectedFont?.family }}>
                 <div>{fullName}</div>
             </div>
         );

src/components/signature/ClientSignCon.tsx

@@ -81,11 +81,12 @@ interface SelectStyle {
 }
 
 const fontsMap = [
-    { style: "'Great Vibes', cursive", label: "Elegant Script", acronym: "f1" },
+    { family: "Great Vibes", label: "Great Vibes", acronym: "f1" },
-    { style: "'Pacifico', cursive", label: "Casual Handwritten", acronym: "f2" },
+    { family: "Dancing Script", label: "Dancing Script", acronym: "f2" },
-    { style: "'Dancing Script', cursive", label: "Smooth Flow", acronym: "f3" },
+    { family: "Alex Brush", label: "Alex Brush", acronym: "f3" },
-    { style: "'Playfair Display', serif", label: "Classic Serif", acronym: "f4" },
+    { family: "Allura", label: "Allura", acronym: "f4" },
-]
+];
+
 
 
 const ClientSignCon: React.FC<ClientSignConProps> = ({
@@ -297,7 +298,7 @@ const ClientSignCon: React.FC<ClientSignConProps> = ({
                     signatureId: res.data.id ?? null,
                     saveType: res.data.signatureType ?? null,
                     save: true,
-                    signature: res.data.signatureType == "SELECT" ? payload.firstName : (res.data.signatureBlob ?? null),
+                    signature: res.data.signatureType == "SELECT" ? fullName : (res.data.signatureBlob ?? null),
                     initial: res.data.signatureType == "SELECT" ? payload.initials : (res.data.initialsBlob ?? null),
                     font: res.data.signatureType == "SELECT" ? selectedSignature.style : ""
                 });
@@ -385,17 +386,17 @@ const ClientSignCon: React.FC<ClientSignConProps> = ({
                             {fontsMap.map((opt) => (
                                 <div
                                     key={opt.acronym}
-                                    onClick={() => setSelectedSignature({ id: opt.acronym, style: opt.style })}
+                                    onClick={() => setSelectedSignature({ id: opt.acronym, style: opt.family })}
                                     className={`cursor-pointer border border-slate-200 rounded-xl p-1 text-center bg-white transition
                             ${selectedSignature.id == opt.acronym
                                             ? "ring-2 ring-[var(--mainPrimaryBtn)]"
                                             : "hover:shadow-md"}`}
                                 >
-                                    <div style={{ fontFamily: opt.style, fontSize: "1rem" }}>
+                                    <div style={{ fontFamily: opt.family, fontSize: "1rem" }}>
                                         {fullName || "Full Name"}
                                     </div>
                                     <div
-                                        style={{ fontFamily: opt.style, fontSize: "0.8rem", opacity: 0.7 }}
+                                        style={{ fontFamily: opt.family, fontSize: "0.8rem", opacity: 0.7 }}
                                     >
                                         {initials || "AB"}
                                     </div>
@@ -626,27 +627,27 @@ const ClientSignCon: React.FC<ClientSignConProps> = ({
                                     {navigationItems.map((item) => {
                                         if (item.label === 'SAVED' && preSaveSignatures.length === 0) return null;
 
-                                            return (
+                                        return (
-                                                <>
+                                            <>
-                                                    <div className='relative'>
+                                                <div className='relative'>
-                                                        <button
+                                                    <button
-                                                            key={item.id}
+                                                        key={item.id}
-                                                            onClick={() => setActiveTab(item.id as 'SELECT' | 'DRAW' | 'UPLOAD')}
+                                                        onClick={() => setActiveTab(item.id as 'SELECT' | 'DRAW' | 'UPLOAD')}
-                                                            className={`flex items-center justify-start space-x-2 px-2.5 sm:px-3 py-2 sm:py-4 text-sm font-medium transition-all duration-200 whitespace-nowrap cursor-pointer ${activeTab == item.id
+                                                        className={`flex items-center justify-start space-x-2 px-2.5 sm:px-3 py-2 sm:py-4 text-sm font-medium transition-all duration-200 whitespace-nowrap cursor-pointer ${activeTab == item.id
-                                                                ? ' text-[var(--primary)]'
+                                                            ? ' text-[var(--primary)]'
-                                                                : 'text-gray-400'
+                                                            : 'text-gray-400'
-                                                                }`}
+                                                            }`}
-                                                        >
+                                                    >
-                                                            <span className={activeTab == item.id ? 'text-[var(--mainPrimaryBtn)]' : 'text-gray-400'}>
+                                                        <span className={activeTab == item.id ? 'text-[var(--mainPrimaryBtn)]' : 'text-gray-400'}>
-                                                                {item.icon}
+                                                            {item.icon}
-                                                            </span>
+                                                        </span>
-                                                            <span>{item.label}</span>
+                                                        <span>{item.label}</span>
-                                                        </button>
+                                                    </button>
-                                                        {activeTab == item.id && <div className='absolute bottom-[-1px] w-full h-[3px] bg-[var(--mainPrimaryBtn)]'></div>}
+                                                    {activeTab == item.id && <div className='absolute bottom-[-1px] w-full h-[3px] bg-[var(--mainPrimaryBtn)]'></div>}
-                                                    </div>
+                                                </div>
-                                                </>
+                                            </>
-                                            )
+                                        )
-                                        }
+                                    }
 
 
 

src/components/styles/style.css

@@ -272,6 +272,7 @@ html {
     .container-l {
         width: 400px !important;
     }
+
     .form-box>div {
         padding: 0rem 2rem;
     }
@@ -281,6 +282,7 @@ html {
     .container-l {
         width: 300px !important;
     }
+
     .form-box>div {
         padding: 0rem 1rem;
     }
@@ -358,3 +360,25 @@ html {
         font-size: 30px;
     }
 }
+
+/* Adding SELECT SIGNATURE FONTS - STARTS */
+@font-face {
+    font-family: 'Great Vibes';
+    src: url('/fonts/Great_Vibes/GreatVibes-Regular.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Dancing Script';
+    src: url('/fonts/Dancing_Script/DancingScript-VariableFont_wght.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Alex Brush';
+    src: url('/fonts/Alex_Brush/AlexBrush-Regular.ttf') format('truetype');
+}
+
+@font-face {
+    font-family: 'Allura';
+    src: url('/fonts/Allura/Allura-Regular.ttf') format('truetype');
+}
+/* Adding SELECT SIGNATURE FONTS - ENDS */

src/utlity/signSessionRedirect.ts

@@ -2,7 +2,10 @@ import api from "../config/api";
 
 const signSessionRedirect = async (accountId: string, transactionId: string, recipientId: string) => {
     const session = await api.get(`/api/v1/accounts/${accountId}/transactions/${transactionId}/recipients/${recipientId}/create_session`)
-    window.location.href = session.data.url;
+    const url = session.data.url;
+    if (url) {
+        window.open(url, "_blank", "noopener,noreferrer");
+    }
     return;
 }