https://urldefense.proofpoint.com/v2/url?u=https-3A__api.e-2Dsign.co.uk_link-3Fe-3Da2d42ebe-2Dac8e-2D4e02-2Daa65-2Dce56c5adcf47-26s-3Daa4558d4-2D073f-2D4167-2D86c0-2D47d1c5aa8287&d=DwMCaQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=uLCORWKJptfKlvGdcgmBMKLYqNpFI9RgbmIVPnr2acQ&m=JH1BT2xUiO2nJe4WBRVz0Ti6uBcQzcHCSRCRuXILUO0&s=VkJRXXhqhHNoHpOU3OMFNERYL2vSM0vvMmAc16yLZS8&e=
Last Checked: Apr 06, 2023, 11:17 EDT
| IP Address: | 67.231.154.66 |
| ASN #: | AS22843 PROOFPOINT-ASN-US-EAST, US |
| Location: | Unknown, Unknown, Unknown |
| URL Reputation: |
|
Other submissions on 67.231.154.66:
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__globalbusinessconsultores.org_local_-3Fbandwidth-3DeWFubGluZy56aGVuZ0BoZXhhZ29uZ3JvdXAuY29t&d=DwMFAQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=LJJWiadHfIaLdi4DpaHQEABUJ7r_xJC5M7uD49Ok86s&m=U7KFhWyiiKzjIeqmPxSDCUZ7RLnY56Tv6_xo5uw2aKA&s=1NACNQc97J8_MXGiolHXP_LmzDpxSTqOiPgXEYDerbA&e=
-
https://urldefense.proofpoint.com:443/v2/url?u=http-3A__www.pos.com.my_&d=DwMFAg&c=j-EkbjBYwkAB4f8ZbVn1Fw&r=ED-Hh91Y9cW5bNu24HfNrxANF4x98yy6RJcxOur_gwU&m=qJiVPSRuPR21nal_r0EghdJoqXjTgL_NM0C37DP6j1I&s=ld14YfCR8KHcgJBzFg58ystkrrTl8SMrIDiixyh6QOY&e=
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__track.goto.com_Njc3LVhOVS0yMDMAAAGJf4Ubdwvh12OIDILTdjDdpmyEY5p2emmWKm0gypbLUHQZHx21TNke1QgAD6LYP5L-5Fr-2DTfMlM-3D&d=DwMFaQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=7Dm0qCFP5S1C-4HHvpy1sTmEZaYy3BwdK_aTIlaWud4&m=skTpRGJls9U182N_oQ9sqNpVKPf8sFpc7LBrEd_PgkA&s=hO5ZoUkCy8Lu2kdOY9z8pNSHt_iNJpCUUI8NoWmtiZs&e=
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__kn0wbe4.compromisedblog.com_XT0dzdkwwY3ZSR29yWkRJek1GZGxlSEExYlZaMFVrNXVZbTB3UzBkTFRHTjJjbGszZVVWWE9VdFdRVWxFYzNBMk0xbE1OV1J2VTBOWWVtczJiMjgzY2pJMGNtOVFaa295ZURGMk4wVkhVSFIzVVU5MlJETndTREpEV0ZoQlJHdFdaemxYWVRsdlYyUTNORGNyZDJZNFFteHRkSE15WWpKaVpUTk9TWFpCVmxaS05HWmxkak5sU2t0SVRtdGtkQ3N5WnpGME1FdzRNM0ZwTlhSUlpGcDVRMGRTVUdSMFkxRnNjSEp2UFMwdE5scHZZMDVaUzJ0TmVXbDZlaXNyT1hoR01tWnpVVDA5LS0wZjNhZjIxMzc2YjE2ZmNiNzY1N2JmOTExN2UxZjcxYzM1M2IyNjI5-3Fcid-3D1492054780&d=DwMCaQ&
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__lookout.cfd_viewpdf_ajs8xn_e9ndy73_098eg_ye6bfkd_d83hf7_0a6f91_-3Fe-3Dagraham-40winsted.com&d=DwMFaQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=vtWbLcKwNVTIuJQozgB3Nv597x5W5SWJuEgTg7lFTXQ&m=jFVbJomTCHcWAxrfRB3wzMlsEZZfQmja25QE_tvqxsg&s=FxTpXB5Cr74zx4vPsVLXb6LJe9ZmceuxvQRcMuZlY0M&e=
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__hello.we-2Dconect.com_ommk0o88_9o9ol99m69n_01d6ccf5457f.html&d=DwMFaQ&c=CVCjue1xFAdWlcQqpM6mY11X1YkBLRLie8BLA-Yhu3s&r=JqaVqUgYP0jVEWOdikRP_aWgJ0BFuELAanqCh_bV4fQ&m=6eMSVYo44HRKv4Uv75FEpR5Gl96g9kiGYuushZqaRemoAQXtyxNvMXs8sig3zmWQ&s=gi5uaIbs5cAjWJ4x2rYgiOoORiMvQXzF4lWrOB9A-Mw&e=
Other submissions on proofpoint.com:
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__globalbusinessconsultores.org_local_-3Fbandwidth-3DeWFubGluZy56aGVuZ0BoZXhhZ29uZ3JvdXAuY29t&d=DwMFAQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=LJJWiadHfIaLdi4DpaHQEABUJ7r_xJC5M7uD49Ok86s&m=U7KFhWyiiKzjIeqmPxSDCUZ7RLnY56Tv6_xo5uw2aKA&s=1NACNQc97J8_MXGiolHXP_LmzDpxSTqOiPgXEYDerbA&e=
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__urldefense.com_v3_-5F-5Fhttps-3A_ironoak.mediashuttle.com_deliveryRequest-3FdeliveryRequestToken-3Dj8xnVcVNKJau0Kx9LYpTB-5F-5F-3B-21-21LnKgTe04c50g-21OvtramzB6LkaMs4W2ywRTXPVagf9cL5auGquNdcxOtYCumwIjj6R5zMFdp5uJHnoWu7XPbSB88JaH8GSZr-2DzH2Vs-24&d=DwMFAg&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=f8AwtSvqNUGV28osSoRyRVGUEROhuiU93UHDN_dORgM&m=1SxiCSRaU5DBrtl3VspRkRCKdLkjD6THgAlmVN9NsQuoWV3PnPGUxMisb9LZ2NGh&s=OijlJcg2TPw-WCHWxN8kDshS_y0uKqFaI6xMM1h750I&e=
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__nam.safelink.emails.azure.net_redirect_-3Fdestination-3Dhttps-253A-252F-252Fportal.azure.com-252F-2523blade-252FMicrosoft-5FAAD-5FIAM-252FManagedAppMenuBlade-252FOverview-252FappId-252F1fae3bf9-2D6e23-2D461f-2D92f3-2D7a26bdf26250-252FobjectId-252Fe133fa19-2D9226-2D428f-2Dbb19-2D08c3a9ae0f2e-26p-3DbT1mNjhhNjg5NC1lZjY1LTQ1OTQtYTI2Yi0wY2IxMWE4ZjAzMmImdT1hZW8mbD1hcHAtbmFtZS11cmw-253D&d=DwMFaQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=IQt1trfuSCayWXG676VNfAonlKE4Iq1v2ua0O7701jE&m=Ow3uiBuRZo_PYpy4ngY2j08oUJU7pW38LechVmuAmEfqqObjuQcERctV6h6bJL6i&s=cqb9IMM52fOcZqC28tyiCXdRPlB5VdAPO429BnL3vN0&e=
-
https://threatinsight.proofpoint.com/1c18c4d3-c478-62b6-42bd-a634c54f349e/threat/email/bbcdbcbf6e13e1ce4cf5eb91f6b24898da56a67e3720a2503b20ec108d830203
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__instanasolutions.com_-23_pages_index[…]KDV14bZ&s=drr2nWEdsl-hmpf6e1fXrbY9Gc9jLptdkokSrzlRpq4&e=
-
https://urldefense.proofpoint.com/v2/url?u=http-3A__targetzeroconsultantsltd.cmail20.com_t_y-2Du-2Dl-5Fjhxlkk-2Ddthdailkl_&d=DwIFaQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=oglYAilHupb0aXCICjeEeFpDeLdiSdfyImcGdWjy6Ho&m=IP5HBe-K7P3NpGnIvmuOyeEr_CsTNGVjGkto_Iv7FMk&s=iFseYITIdeIkl0cZ0EW4q47kNdO3wqMD0m-SOAL0Log&e=
-
https://urldefense.proofpoint.com/v2/url?u=http-3A__targetzeroconsultantsltd.cmail20.com_t_y-2Dc-2Ddthdailkl&d=DwIFaQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=oglYAilHupb0aXCICjeEeFpDeLdiSdfyImcGdWjy6Ho&m=IP5HBe-K7P3NpGnIvmuOyeEr_CsTNGVjGkto_Iv7FMk&s=4g19doIWZdbT5am8QF1W0pAJeyJFhGj6F0IabSf2Doc&e=
-
https://urldefense.proofpoint.com/v2/url?u=https-3A__docsend.com_view_kfpygxtsrc8j6qsj&d=DwMFAw&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=XS-RwTEUY4d8XZCm5JL8JPl2ssVg4DCGKYu4SgFGefg&m=q22vxMlMhvUFeD0R44BZNKz3K6WmuO_U3HDmMB0d95U&s=jd2vWWCOmfZsbJ-wiB5ybg-aBxzNQnNr-GQRD9-sm38&e=
-
https://threatinsight.proofpoint.com/ac6f6c05-7b3d-af5b-7c39-7214740816b4/threat/email/ba3d2a9acce095fe2fa8e7645cfb9abc0060997a3970480474460528a02e2b3e?linkOrigin=notif
-
https://inbox.proofpoint.com/securemail/Main.html?tid=ae47f1e1-a878-4e7d-9d21-29015a1fc08c&mid=1a5d963e-b032-410d-8cf0-cd69af98e22e
Previous checks:
No previous checks.
Domain Name: proofpoint.com
Registry Domain ID: 75819782_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.markmonitor.com
Registrar URL: http://www.markmonitor.com
Updated Date: 2022-07-07T09:27:28+0000
Creation Date: 2001-08-08T10:41:47+0000
Registrar Registration Expiration Date: 2024-08-08T00:00:00+0000
Registrar: MarkMonitor, Inc.
Registrar IANA ID: 292
Registrar Abuse Contact Email: abusecomplaints@markmonitor.com
Registrar Abuse Contact Phone: +1.2086851750
Domain Status: clientUpdateProhibited (https://www.icann.org/epp#clientUpdateProhibited)
Domain Status: clientTransferProhibited (https://www.icann.org/epp#clientTransferProhibited)
Domain Status: clientDeleteProhibited (https://www.icann.org/epp#clientDeleteProhibited)
Domain Status: serverUpdateProhibited (https://www.icann.org/epp#serverUpdateProhibited)
Domain Status: serverTransferProhibited (https://www.icann.org/epp#serverTransferProhibited)
Domain Status: serverDeleteProhibited (https://www.icann.org/epp#serverDeleteProhibited)
Registrant Organization: Proofpoint, Inc.
Registrant State/Province: California
Registrant Country: US
Registrant Email: Select Request Email Form at https://domains.markmonitor.com/whois/proofpoint.com
Admin Organization: Proofpoint, Inc.
Admin State/Province: California
Admin Country: US
Admin Email: Select Request Email Form at https://domains.markmonitor.com/whois/proofpoint.com
Tech Organization: Proofpoint, Inc.
Tech State/Province: California
Tech Country: US
Tech Email: Select Request Email Form at https://domains.markmonitor.com/whois/proofpoint.com
Name Server: ns3.proofpoint.com
Name Server: pdns99.ultradns.net
Name Server: pdns99.ultradns.org
Name Server: ns1.proofpoint.com
Name Server: pdns99.ultradns.com
Name Server: pdns99.ultradns.biz
DNSSEC: unsigned
URL of the ICANN WHOIS Data Problem Reporting System: http://wdprs.internic.net/
>>> Last update of WHOIS database: 2023-04-06T15:11:18+0000 <<<
For more information on WHOIS status codes, please visit:
https://www.icann.org/resources/pages/epp-status-codes
If you wish to contact this domain’s Registrant, Administrative, or Technical
contact, and such email address is not visible above, you may do so via our web
form, pursuant to ICANN’s Temporary Specification. To verify that you are not a
robot, please enter your email address to receive a link to a page that
facilitates email communication with the relevant contact(s).
Web-based WHOIS:
https://domains.markmonitor.com/whois
If you have a legitimate interest in viewing the non-public WHOIS details, send
your request and the reasons for your request to whoisrequest@markmonitor.com
and specify the domain name in the subject line. We will review that request and
may ask for supporting documentation and explanation.
The data in MarkMonitor’s WHOIS database is provided for information purposes,
and to assist persons in obtaining information about or related to a domain
name’s registration record. While MarkMonitor believes the data to be accurate,
the data is provided "as is" with no guarantee or warranties regarding its
accuracy.
By submitting a WHOIS query, you agree that you will use this data only for
lawful purposes and that, under no circumstances will you use this data to:
(1) allow, enable, or otherwise support the transmission by email, telephone,
or facsimile of mass, unsolicited, commercial advertising, or spam; or
(2) enable high volume, automated, or electronic processes that send queries,
data, or email to MarkMonitor (or its systems) or the domain name contacts (or
its systems).
MarkMonitor reserves the right to modify these terms at any time.
By submitting this query, you agree to abide by this policy.
MarkMonitor Domain Management(TM)
Protecting companies and consumers in a digital world.
Visit MarkMonitor at https://www.markmonitor.com
Contact us at +1.8007459229
In Europe, at +44.02032062220
--
-
GET200 OK
https://js.intercomcdn.com/vendor.2d669bc2.js
- https://urldefense.proofpoint.com/v2/url?u=https-3A__api.e-2Dsign.co.uk_link-3Fe-3Da2d42ebe-2Dac8e-2D4e02-2Daa65-2Dce56c5adcf47-26s-3Daa4558d4-2D073f-2D4167-2D86c0-2D47d1c5aa8287&d=DwMCaQ&c=euGZstcaTDllvimEN8b7jXrwqOf-v5A_CdpgnVfiiMM&r=uLCORWKJptfKlvGdcgmBMKLYqNpFI9RgbmIVPnr2acQ&m=JH1BT2xUiO2nJe4WBRVz0Ti6uBcQzcHCSRCRuXILUO0&s=VkJRXXhqhHNoHpOU3OMFNERYL2vSM0vvMmAc16yLZS8&e= https://api.e-sign.co.uk/link?e=a2d42ebe-ac8e-4e02-aa65-ce56c5adcf47&s=aa4558d4-073f-4167-86c0-47d1c5aa8287
- https://api.e-sign.co.uk/link?e=a2d42ebe-ac8e-4e02-aa65-ce56c5adcf47&s=aa4558d4-073f-4167-86c0-47d1c5aa8287 https://app.e-sign.co.uk/#/view/a2d42ebe-ac8e-4e02-aa65-ce56c5adcf47?s=aa4558d4-073f-4167-86c0-47d1c5aa8287
<html class="js draganddrop boxshadow opacity fontface applicationcache ng-scope" id="ng-app" ng-app="esignApp" style="" lang="en-GB"><head>
<!-- Google tag (gtag.js) -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-LWR5LYCC8L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LWR5LYCC8L');
</script> -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>E-Sign | Electronic Signatures for your Documents</title>
<meta name="description" content="The E-Sign app is a highly secure electronic signature platform.">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="styles/8f773380.main.css">
<link rel="stylesheet" href="styles/ea104b33.responsive.css">
<link rel="stylesheet" href="assets/fonts/morrisonsscript/fonts.css">
<link rel="icon" href="/assets/images/favicon-blue.png" type="image/png">
<script type="text/javascript" async="" src="https://widget.intercom.io/widget/cpdjakmj"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/plugins/ua/ecommerce.js"></script><script src="//bat.bing.com/bat.js" async=""></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script src="https://apis.google.com/_/scs/abc-static/_/js/k=gapi.lb.en.zUi2Oiqh0cQ.O/m=client/rt=j/sv=1/d=1/ed=1/rs=AHpOoo-VnflFHGTzk3OsaVpWbqz0Ysb2Jw/cb=gapi.loaded_0?le=scs" async=""></script><script src="scripts/4087fe9e.scripts.js"></script><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak{display:none;}ng\:form{display:block;}</style><style type="text/css"></style>
<!-- Dropbox Choose Script -->
<script type="text/javascript" src="https://www.dropbox.com/static/api/1/dropbox.js" id="dropboxjs" data-app-key="6unu7xfev4ewleh"></script><style type="text/css"> @-webkit-keyframes rotate {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.dropbox-dropin-btn, .dropbox-dropin-btn:link, .dropbox-dropin-btn:hover {
display: inline-block;
height: 14px;
font-family: "Lucida Grande", "Segoe UI", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;
font-size: 11px;
font-weight: 600;
color: #636363;
text-decoration: none;
padding: 1px 7px 5px 3px;
border: 1px solid #ebebeb;
border-radius: 2px;
border-bottom-color: #d4d4d4;
background: #fcfcfc;
background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
background: -webkit-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
background: linear-gradient(to bottom, #fcfcfc 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0);
}
.dropbox-dropin-default:hover, .dropbox-dropin-error:hover {
border-color: #dedede;
border-bottom-color: #cacaca;
background: #fdfdfd;
background: -moz-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
background: -webkit-linear-gradient(top, #fdfdfd 0%, #f5f5f5 100%);
background: linear-gradient(to bottom, #fdfdfd 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f5f5f5',GradientType=0);
}
.dropbox-dropin-default:active, .dropbox-dropin-error:active {
border-color: #d1d1d1;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
.dropbox-dropin-btn .dropin-btn-status {
display: inline-block;
width: 15px;
height: 14px;
vertical-align: bottom;
margin: 0 5px 0 2px;
background: transparent url('https://www.dropbox.com/static/metaserver/static/images/widgets/dbx-saver-status.png') no-repeat;
position: relative;
top: 2px;
}
.dropbox-dropin-default .dropin-btn-status {
background-position: 0px 0px;
}
.dropbox-dropin-progress .dropin-btn-status {
width: 18px;
margin: 0 4px 0 0;
background: url('https://www.dropbox.com/static/metaserver/static/images/widgets/dbx-progress.png') no-repeat center center;
-webkit-animation-name: rotate;
-webkit-animation-duration: 1.7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-name: rotate;
animation-duration: 1.7s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.dropbox-dropin-success .dropin-btn-status {
background-position: -15px 0px;
}
.dropbox-dropin-disabled {
background: #e0e0e0;
border: 1px #dadada solid;
border-bottom: 1px solid #ccc;
box-shadow: none;
}
.dropbox-dropin-disabled .dropin-btn-status {
background-position: -30px 0px;
}
.dropbox-dropin-error .dropin-btn-status {
background-position: -45px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.4) {
.dropbox-dropin-btn .dropin-btn-status {
background-image: url('https://www.dropbox.com/static/metaserver/static/images/widgets/dbx-saver-status-2x.png');
background-size: 60px 14px;
-webkit-background-size: 60px 14px;
}
.dropbox-dropin-progress .dropin-btn-status {
background: url('https://www.dropbox.com/static/metaserver/static/images/widgets/dbx-progress-2x.png') no-repeat center center;
background-size: 20px 20px;
-webkit-background-size: 20px 20px;
}
}
.dropbox-saver:hover, .dropbox-chooser:hover {
text-decoration: none;
cursor: pointer;
}
.dropbox-chooser, .dropbox-dropin-btn {
line-height: 11px !important;
text-decoration: none !important;
box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
}
</style>
<!-- Google AD Script -->
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion_async.js"></script>
<!-- Google Drive Script -->
<script src="https://apis.google.com/js/client.js" gapi_processed="true"></script>
<script src="https://apis.google.com/js/api.js?onload=loadPicker" gapi_processed="true"></script>
<script type="text/javascript" src="https://js.live.net/v7.0/OneDrive.js"></script>
<!-- STRIPE -->
<script type="text/javascript" src="https://js.stripe.com/v3/"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
var gaId;
if(window.location.href.indexOf('app.') > -1)
gaId = 'UA-41560864-1';
else
gaId = 'UA-41560864-2';
ga('create', gaId, 'auto');
ga('require', 'ecommerce', 'ecommerce.js');
// We don't track the page view with angulartics
// ga('send', 'pageview');
</script>
<script>
if(window.location.href.indexOf('app.') > -1) {
(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"56366936"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");
}
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/cpdjakmj';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>
<script src="https://bat.bing.com/p/action/56366936.js" type="text/javascript" async="" data-ueto="ueto_8645def8d6"></script></head>
<body class="ng-scope" tour="" ng-controller="AppCtrl" class-route="">
<div class="es-page public-view two-view" ng-class="{'public-view': publicView, 'overflow-wrap': !publicView, 'two-view': twoView, 'one-view': oneView, 'three-view': threeView}" authorize="">
<div class="outdated-browser-alert app-alerts">
<div class="outdated-browser alert-block alert-large alert-error">You are using an outdated browser. <a href="http://browsehappy.com">Upgrade your browser</a> to have a better experience on this site.</div>
<!-- ngRepeat: alert in alerts -->
</div>
<div class="es-container">
<!-- ngIf: !twoView -->
<div class="es-main-content ng-scope" ng-controller="AppCtrl">
<ng-view>
<div class="main-wrapper ng-scope">
<!-- ngIf: accounts.data.account.users[0].email -->
<aside class="sidebar main-sidebar sidebar-right document-view-aside" ng-class="{ 'collapsed': view.stampMode }">
<div>
<div class="left-document-menu text-center es-margin-bottom" ng-include="'/views/partials/left-sidebar.html'"><a href="/#/" class="ng-scope">
<svg class="e-logo" width="192" height="76" viewBox="260 20 243 284" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>E-Sign dashboard</title>
<g clip-path="url(#clip0_2_2)">
<path d="M726.62 196.55C726.634 196.702 726.61 196.856 726.55 196.997C726.491 197.138 726.398 197.263 726.28 197.36C725.983 197.551 725.632 197.639 725.28 197.61H724.28V195.44H725.28C725.633 195.411 725.986 195.502 726.28 195.7C726.399 195.803 726.492 195.933 726.551 196.079C726.61 196.225 726.633 196.383 726.62 196.54V196.55ZM724.33 199.33H725.09L727.02 202.33H729.55L727.19 199C727.721 198.813 728.18 198.463 728.5 198C728.772 197.577 728.914 197.083 728.91 196.58C728.932 196.188 728.851 195.798 728.676 195.447C728.501 195.096 728.237 194.797 727.91 194.58C727.143 194.115 726.256 193.889 725.36 193.93H722.11V202.35H724.32L724.33 199.33ZM719.22 198.09C719.214 197.259 719.377 196.436 719.7 195.67C720.317 194.183 721.49 192.995 722.97 192.36C723.723 192.034 724.535 191.866 725.355 191.866C726.175 191.866 726.987 192.034 727.74 192.36C729.22 192.995 730.393 194.183 731.01 195.67C731.651 197.223 731.651 198.967 731.01 200.52C730.706 201.265 730.261 201.944 729.7 202.52C729.127 203.088 728.448 203.537 727.7 203.84C726.945 204.157 726.134 204.32 725.315 204.32C724.496 204.32 723.685 204.157 722.93 203.84C722.182 203.537 721.503 203.088 720.93 202.52C720.369 201.944 719.924 201.265 719.62 200.52C719.296 199.748 719.133 198.917 719.14 198.08L719.22 198.09ZM718.02 198.08C718.013 199.053 718.207 200.016 718.59 200.91C719.326 202.649 720.711 204.034 722.45 204.77C723.346 205.148 724.308 205.343 725.28 205.343C726.252 205.343 727.214 205.148 728.11 204.77C729.849 204.034 731.234 202.649 731.97 200.91C732.348 200.014 732.543 199.052 732.543 198.08C732.543 197.108 732.348 196.146 731.97 195.25C731.234 193.511 729.849 192.126 728.11 191.39C727.214 191.012 726.252 190.817 725.28 190.817C724.308 190.817 723.346 191.012 722.45 191.39C720.711 192.126 719.326 193.511 718.59 195.25C718.207 196.144 718.013 197.107 718.02 198.08Z" fill="#09164F"></path>
<g filter="url(#filter0_d_2_2)">
<path d="M193.29 45H89.89C65.0979 45 45 65.0979 45 89.89V193.29C45 218.082 65.0979 238.18 89.89 238.18H193.29C218.082 238.18 238.18 218.082 238.18 193.29V89.89C238.18 65.0979 218.082 45 193.29 45Z" fill="white"></path>
</g>
<path d="M193.08 52.4H89.68C69.0024 52.4 52.24 69.1624 52.24 89.84V193.24C52.24 213.918 69.0024 230.68 89.68 230.68H193.08C213.758 230.68 230.52 213.918 230.52 193.24V89.84C230.52 69.1624 213.758 52.4 193.08 52.4Z" fill="url(#paint0_linear_2_2)"></path>
<path d="M235.75 170.9C228.24 175.07 218.75 178.99 211.48 173.1C203.42 166.57 207.2 157.58 209.96 151.02C213.26 143.18 213.71 140.55 210.31 138.24C206.42 135.6 195.81 146.71 188.06 154.82C175.13 168.35 161.77 182.34 150.37 173.69C149.084 172.759 148.011 171.563 147.225 170.183C146.438 168.803 145.956 167.271 145.81 165.69C144.93 156.07 155.81 144.12 167.35 131.48C175.45 122.59 185.54 111.48 185.26 106.48C185.257 106.244 185.201 106.011 185.095 105.8C184.99 105.588 184.837 105.404 184.65 105.26C176.74 98.33 155.94 120.58 140.76 136.84C135.52 142.44 130.58 147.74 125.92 152.26C114.92 162.92 94.38 176.4 79.67 176.4C78.2799 176.409 76.8926 176.275 75.53 176C73.1336 175.553 70.8918 174.5 69.0186 172.94C67.1453 171.38 65.7032 169.366 64.83 167.09C57.5 149.2 83.65 131.09 84.77 130.37L89.21 136.89C83.07 141.08 68.05 154.14 72.13 164.11C72.5172 165.188 73.1845 166.143 74.0632 166.878C74.942 167.613 76.0005 168.1 77.13 168.29C87.31 170.41 108.13 158.57 120.41 146.62C124.93 142.23 129.82 137 134.98 131.47C155.23 109.8 176.16 87.38 189.83 99.35C190.804 100.187 191.598 101.213 192.162 102.367C192.726 103.521 193.048 104.777 193.11 106.06C193.58 114.39 184.11 124.77 173.11 136.79C164.17 146.6 153.03 158.79 153.6 164.97C153.641 165.461 153.796 165.936 154.051 166.357C154.306 166.779 154.654 167.135 155.07 167.4C160.86 171.79 172.75 159.4 182.3 149.4C194.12 137.03 205.3 125.34 214.69 131.75C223.93 138.04 220.02 147.32 217.17 154.11C214.17 161.11 213.25 164.46 216.39 167C220.1 170 226.61 167.2 235.9 161.7L235.75 170.9Z" fill="white"></path>
<path d="M213.03 217.08L198.97 203.02L192.16 209.83L180.2 180.12L210.27 192.36L203.91 198.72L217.45 212.26L213.03 217.08Z" fill="white"></path>
<path d="M499 80.54C488.333 80.54 475.333 83.44 460 89.24C453.288 91.6657 447.083 95.3139 441.7 100C436.653 104.52 434.127 109.103 434.12 113.75C434.113 118.397 436.237 122.37 440.49 125.67C445.15 129.198 450.379 131.903 455.95 133.67C471.723 138.93 483.983 143.577 492.73 147.61C500.243 151.143 504 156.003 504 162.19C504 164.343 502.923 166.973 500.77 170.08C495.383 178.567 481.913 186.383 460.36 193.53C450.57 196.724 440.338 198.357 430.04 198.37C419.8 198.37 412.86 196.89 409.22 193.93C405.58 190.97 403.763 187.6 403.77 183.82C403.77 177.76 407.14 171.697 413.88 165.63C418.733 161.093 424.34 157.439 430.45 154.83C436.377 152.33 441.227 151.047 445 150.98C448.77 150.91 450.78 150.41 451.06 149.47C451.34 148.53 450.06 148.05 447.22 148.05C435.367 148.05 424.05 151.757 413.27 159.17C400.197 167.53 393.66 177.703 393.66 189.69C393.66 201.677 404.307 207.677 425.6 207.69C436.373 207.69 449.307 204.69 464.4 198.69C479.493 192.69 491.753 185.177 501.18 176.15C507.367 169.963 510.463 164.237 510.47 158.97C510.477 153.703 508.143 148.92 503.47 144.62C499.122 140.512 494.138 137.135 488.71 134.62C483.517 132.267 476.713 129.503 468.3 126.33C459.887 123.157 454.263 120.9 451.43 119.56C446.17 117.01 443.54 114.3 443.54 111.48C443.54 107.987 447.85 103.877 456.47 99.15C463.699 95.1833 471.438 92.2258 479.47 90.36C487.423 88.5467 493.823 87.64 498.67 87.64C510.13 87.64 515.857 90.5367 515.85 96.33C515.85 98.9967 513.63 102.43 509.19 106.63C508.367 107.36 507.622 108.174 506.97 109.06C506.97 110.68 508.21 110.81 510.7 109.45C513.19 108.09 515.46 105.61 517.47 101.97C519.903 98.0633 521.117 94.63 521.11 91.67C521.183 84.25 513.813 80.54 499 80.54ZM404.41 137.3L374.5 137.51C373.723 137.535 372.963 137.74 372.28 138.11C369.28 139.45 367.84 141.11 367.84 142.96C367.84 144.167 369.05 144.77 371.47 144.77H372.47C401.17 144.103 415.52 142.437 415.52 139.77C415.527 138.13 411.823 137.307 404.41 137.3ZM731.49 168C731.164 167.829 730.786 167.787 730.431 167.882C730.075 167.976 729.768 168.2 729.57 168.51C725.216 174.555 720.183 180.081 714.57 184.98C708.303 190.58 703.42 194.353 699.92 196.3C696.42 198.247 693.657 198.147 691.63 196C690.55 194.793 690.01 192.337 690.01 188.63C690.01 184.923 691.29 179.973 693.85 173.78C695.337 170.14 697.627 165.423 700.72 159.63C703.813 153.837 705.363 149.29 705.37 145.99C705.37 142.69 703.82 141.023 700.72 140.99C697.487 140.99 693.313 142.807 688.2 146.44C681.55 151.912 675.273 157.822 669.41 164.13C661.997 171.883 655.863 178.72 651.01 184.64C658.017 166.047 662.26 155.167 663.74 152C665.23 148.85 665.96 146.78 665.96 145.84C665.96 144.5 665.01 143.66 663.13 143.32C661.599 143.015 660.04 142.878 658.48 142.91C657.9 142.938 657.334 143.098 656.826 143.379C656.318 143.66 655.882 144.054 655.55 144.53C654.909 145.357 654.4 146.278 654.04 147.26C653.733 148.218 653.496 149.198 653.33 150.19C653.053 151.604 652.648 152.989 652.12 154.33C651.53 155.91 649.9 160.49 647.26 168.04C641.258 174.933 634.782 181.398 627.88 187.39C620.4 193.923 615.113 197.997 612.02 199.61C614.307 194.763 617.777 187.523 622.43 177.89C627.083 168.257 630.273 161.473 632 157.54C632.41 156.74 631.53 155.79 629.37 154.71C623.85 152.043 620.213 151.977 618.46 154.51C608.588 166.679 597.403 177.723 585.11 187.44C577.303 193.647 571.513 196.743 567.74 196.73C565.073 196.73 563.74 194.373 563.74 189.66C563.74 186.993 565.527 182.783 569.1 177.03C572.658 171.304 577.038 166.132 582.1 161.68C587.341 157.088 593.132 153.164 599.34 150C605.727 146.7 611.453 145.033 616.52 145C621.52 145 624.84 146.28 626.31 148.84C627.39 149.25 627.93 148.91 627.93 147.84C627.93 145.96 626.59 144.07 623.93 142.19C621.209 140.289 617.958 139.296 614.64 139.35C610.956 139.373 607.288 139.85 603.72 140.77C599.947 141.717 594.827 144.073 588.36 147.84C581.702 151.759 575.474 156.368 569.78 161.59C567.378 163.703 565.113 165.968 563 168.37C562.967 168.397 562.937 168.427 562.91 168.46C562.866 168.501 562.829 168.548 562.8 168.6C561.634 169.932 560.542 171.328 559.53 172.78C555.851 177.133 551.864 181.217 547.6 185C541.333 190.653 536.45 194.427 532.95 196.32C529.45 198.213 526.757 198.077 524.87 195.91C523.762 194.62 523.183 192.959 523.25 191.26C523.236 189.711 523.303 188.162 523.45 186.62C523.857 182.44 527.9 172.67 535.58 157.31C536.25 156.1 536.92 154.81 537.58 153.47C537.71 153.06 537.91 152.52 538.18 151.85C538.569 150.918 539.006 150.007 539.49 149.12C540.087 148.042 540.265 146.781 539.99 145.58C539.323 143.427 537.303 142.35 533.93 142.35H532.51C530.51 142.757 528.153 146.73 525.44 154.27C525.193 154.656 525.029 155.089 524.958 155.542C524.887 155.995 524.912 156.457 525.03 156.9C521.257 162.567 516.07 169.507 509.47 177.72C509.024 178.192 508.744 178.795 508.67 179.44C508.653 179.817 508.721 180.193 508.87 180.54C509.54 181.89 510.49 181.89 511.7 180.54C516.287 175.293 518.917 171.923 519.59 170.43C515.277 180.01 513.12 187.153 513.12 191.86C513.096 193.017 513.234 194.171 513.53 195.29C515.277 200.403 518.847 202.963 524.24 202.97C527.151 202.844 530.021 202.232 532.73 201.16C538.523 199.053 545.733 193.333 554.36 184L554.94 183.37C554.832 184.115 554.775 184.867 554.77 185.62C554.783 188.365 555.708 191.028 557.4 193.19C559.065 195.484 561.243 197.357 563.76 198.66C565.907 199.848 568.307 200.506 570.76 200.58C578.16 200.58 587.923 193.843 600.05 180.37C603.283 176.863 608.677 170.53 616.23 161.37C612.443 172.963 605.707 188.66 596.02 208.46C573.247 223.56 558.327 235.227 551.26 243.46C544.193 251.693 540.647 258.54 540.62 264C540.62 269.453 544.06 273.053 550.94 274.8C552.245 275.158 553.588 275.36 554.94 275.4C564.773 275.4 574.743 267.927 584.85 252.98C588.75 246.907 596.417 232.083 607.85 208.51C611.75 206.357 618.353 201.103 627.66 192.75C634.533 186.623 639.933 181.503 643.86 177.39C642.26 181.94 640.72 186.27 639.27 190.32C636.917 196.933 635.603 200.6 635.33 201.32C635.137 201.86 635.026 202.427 635 203C635 203.41 635.62 203.6 636.83 203.6C638.04 203.6 641.07 202.39 645.92 199.97C647 199.303 651.613 193.543 659.76 182.69C667.907 171.837 674.07 164.46 678.25 160.56C684.323 155.3 688.433 152.67 690.58 152.67C691.66 152.67 692.2 153.18 692.2 154.18C692.2 155.18 691.29 157.32 689.48 160.55C687.11 164.943 684.984 169.463 683.11 174.09C681.806 177.19 680.801 180.408 680.11 183.7C679.564 186.527 679.293 189.401 679.3 192.28C679.258 193.635 679.486 194.985 679.972 196.25C680.458 197.516 681.192 198.672 682.13 199.65C684.023 201.61 687.26 202.657 691.84 202.79C696.547 202.79 701.327 201.073 706.18 197.64C711.663 193.613 716.725 189.044 721.29 184C726.55 178.333 730.187 173.687 732.2 170.06C732.447 169.737 732.59 169.346 732.61 168.94C732.61 168.63 732.24 168.29 731.49 168ZM589 222.62C587.32 226.113 586.177 228.447 585.57 229.62L582.13 236.1C580.45 239.253 579.14 241.587 578.2 243.1L574.26 249.26C572.567 251.887 571.05 254.043 569.71 255.73C568.36 257.41 566.78 259.24 564.95 261.18C562.918 263.343 560.725 265.349 558.39 267.18C555.83 269.18 553.877 270.18 552.53 270.18C551.153 270.172 549.81 269.747 548.68 268.96C548.061 268.504 547.57 267.897 547.253 267.196C546.936 266.496 546.804 265.726 546.87 264.96C546.87 258.753 550.373 252.117 557.38 245.05C564.387 237.983 575.973 228.387 592.14 216.26C591.747 216.993 590.7 219.113 589 222.62ZM549.11 114.7C548.57 114.7 547.23 115.65 545.11 117.54L541.67 120.15C535.877 124.603 532.98 127.097 532.98 127.63C532.98 130.47 535.87 131.87 541.67 131.87C542.62 131.87 543.96 130.53 545.67 127.87C547.38 125.21 548.3 123.22 548.3 122.01L549.92 115.54C549.94 115.428 549.933 115.313 549.9 115.204C549.867 115.095 549.809 114.995 549.73 114.913C549.651 114.831 549.553 114.769 549.445 114.732C549.338 114.695 549.223 114.684 549.11 114.7ZM297.38 187.14V150.43H355V132.52H297.4V99.68H359.64V80.68H277.38V206.1H360.75V187.1L297.38 187.14Z" fill="#09164F"></path>
</g>
<defs>
<filter id="filter0_d_2_2" x="25" y="25" width="233.18" height="233.18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
<feOffset></feOffset>
<feGaussianBlur stdDeviation="10"></feGaussianBlur>
<feColorMatrix type="matrix" values="0 0 0 0 0.560784 0 0 0 0 0.560784 0 0 0 0 0.560784 0 0 0 1 0"></feColorMatrix>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2"></feBlend>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape"></feBlend>
</filter>
<linearGradient id="paint0_linear_2_2" x1="141.38" y1="52.71" x2="141.38" y2="210.41" gradientUnits="userSpaceOnUse">
<stop class="svg-stop-colour svg-stop-colour-1" stop-color="#00F0FF"></stop>
<stop class="svg-stop-colour svg-stop-colour-2" offset="1" stop-color="#09164F"></stop>
</linearGradient>
<clipPath id="clip0_2_2">
<rect width="732.62" height="284" fill="white"></rect>
</clipPath>
</defs>
</svg>
</a>
<!-- ngIf: show_super_menu() -->
<!-- ngIf: show_master_menu() -->
<!-- ngIf: accounts.data.account.users[0].email && sidebar && !documentView && !oneView && !twoView --></div>
</div>
<div class="aside-container">
<!-- <span class="label label-large label-text label-success" ng-show="signer.signed_at"><i class="icon-thumbs-up"></i> You have Signed this Document</span> -->
<span class="label block es-margin-bottom label-large label-block label-important" ng-show="signer.individual_document_status[document_index].declined_at && !signer.individual_document_status[document_index].signed_at" style="display: none;"><span translate="" class="ng-scope">You have Declined this document</span></span>
<!-- We use parent on this button because sign modal creates new scope -->
<button sign-modal="" ng-show="$parent.signer.individual_document_status[document_index].declined_at && !$parent.signer.individual_document_status[document_index].signed_at" class="btn btn-primary es-margin-bottom btn-medium btn-link btn-block ng-scope" style="display: none;"><span translate="" class="ng-scope">Changed your mind?</span> <span translate="" class="ng-scope">Sign it Now</span></button>
<!-- ngIf: remindable() -->
<!-- ngIf: envelope.envelope_status == 'Signed' && (envelope.envelope_meta.author.email == accounts.data.account.users[0].email) -->
<div class="half-width inline" ng-show="envelope.envelope_meta.author.email == signer.email && signer && !(signer.individual_document_status[document_index].signed_at || signer.individual_document_status[document_index].decline_at)" style="display: none;">
<button ng-show="!signer.verification_check || signer.aml_document " sign-modal="" class="btn btn-block half-width btn-medium es-margin-bottom btn-success ng-scope">
<span translate="" class="ng-scope">Complete document</span></button>
</div>
<div class="half-width inline" ng-show="envelope.envelope_meta.author.email == signer.email && signer && !(signer.individual_document_status[document_index].signed_at || signer.individual_document_status[document_index].decline_at)" style="display: none;">
<button ng-show="signer.verification_check && !signer.aml_document " class="btn half-width btn-block btn-medium es-margin-bottom btn-success" ng-click="verifyCheck()" style="display: none;">
<span translate="" class="ng-scope">Complete document</span>
</button>
</div>
<div class="btn-group inline btn-group-double" ng-show="(envelope.envelope_meta.author.account == accounts.data.account.id ) && document.document_status == 'Pending'" style="display: none;">
<!-- ng-show="$parent.signer.status == 'Pending' && (document.author.current || document.author.shared) && $parent.signer.email_address != document.author.email" -->
<!-- ngIf: envelope.envelope_meta.author.account == accounts.data.account.id && ((signer.signer_details.primary_sequential_email || signer.email ) != envelope.envelope_meta.author.email) -->
</div>
<!-- ngIf: (envelope.envelope_meta.author.email == accounts.data.account.users[0].email || accounts.data.account.users[0].admin && !signer) && document.document_status == 'Pending' -->
<div class="btn-group btn-group-double" ng-show="signer && envelope.envelope_meta.author.email != signer.email && !(signer.individual_document_status[document_index].signed_at || signer.individual_document_status[document_index].declined_at)" style="">
<button sign-modal="" class="btn half-width es-margin-bottom btn-medium btn-success btn-agree ng-scope" ng-show="(!signer.verification_check || signer.aml_document) && signer && signerCanSign()" style="display: none;"><i class="fa fa-check-circle"></i> <span translate="" class="ng-scope">Agree</span></button>
<button class="btn half-width btn-medium es-margin-bottom btn-success btn-agree disabled" ng-show="(!signer.verification_check || signer.aml_document) && signer && !signerCanSign()" ng-click="disabledPrompt()" style=""><i class="fa fa-check-circle"></i> <span translate="" class="ng-scope">Agree</span></button>
<button class="btn half-width btn-medium es-margin-bottom btn-success btn-agree" ng-click="verifyCheck()" ng-show="signer.verification_check && !signer.aml_document" style="display: none;"><i class="fa fa-check-circle"></i> <span translate="" class="ng-scope">Agree</span></button>
<button sign-modal="" decline="true" no-stamp-msg="" class="btn btn-medium half-width btn-danger btn-decline ng-scope"><i class="fa fa-times-circle"></i> <span translate="" class="ng-scope">Decline</span></button>
</div>
<div class="dropdown text-center ng-scope" ng-show="is_signers_view()">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<div class="lang-menu">
Select language:
<span ng-bind-html-unsafe="current_language | trust" class="ng-binding"><span class="flag-icon flag-icon-gb"></span> GB - English</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
</div>
</a>
<ul class="dropdown-menu lang-menu">
<li><a ng-click="change_lang('en')"><span class="flag-icon flag-icon-gb"></span> GB - English</a></li>
<li><a ng-click="change_lang('de')"><span class="flag-icon flag-icon-de"></span> German - Deutsch</a></li>
<li><a ng-click="change_lang('fr')"><span class="flag-icon flag-icon-fr"></span> France - Francais</a></li>
<li><a ng-click="change_lang('nl')"><span class="flag-icon flag-icon-nl"></span> Netherlands - Nederlands</a></li>
<li><a ng-click="change_lang('es')"><span class="flag-icon flag-icon-es"></span> Spain - Español</a></li>
<li><a ng-click="change_lang('pt')"><span class="flag-icon flag-icon-pt"></span> Portugal - Português</a></li>
<li><a ng-click="change_lang('it')"><span class="flag-icon flag-icon-it"></span> Italy - Italiano</a></li>
<li><a ng-click="change_lang('ml')"><span class="flag-icon flag-icon-ml"></span> Malaysia - Malay</a></li>
<li><a ng-click="change_lang('sg')"><span class="flag-icon flag-icon-sg"></span> Singapore - Chinese</a></li>
</ul>
</div>
<div document-sidebar="" class="document-view-sidebar ng-isolate-scope ng-scope" accounts="accounts" author="author" envelope="envelope" docindex="document_index" document="document" signer="signer">
<div class="fileDetails info-block" ng-show="($parent.allDocsSigned($parent.signer))" style="margin: 0px; display: none;">
<p class="alert alert-success" style="color: #fff; font-size:12px; line-height: 14px;">You have completed all required parts of this envelope, and all parties have been notified.</p>
</div>
<div>
<button class="btn btn-clear hide-for-xlarge hide-for-large btn-small pull-right dropdown-toggle mobile-details-btn" data-toggle="mobile-details">
<span class="show-sr">toggle file details</span>
<i class="icon-chevron-down"></i>
</button>
<div class="fileDetails info-block">
<h3 class="es-title-4 text-bold"><span translate="" class="ng-scope">Audit log</span></h3>
</div>
<div class="fileDetails info-block hide-for-small mobile-details">
<p class="es-title-4 text-bold"><span translate="" class="ng-scope">File Details</span>:</p>
<p class="ng-binding">Jordan Ogunjobi Review 16.03.23</p>
</div>
<div class="hide-for-small mobile-details">
<div class="createdBy info-block">
<p class="es-title-4 text-bold"><span translate="" class="ng-scope">Created</span></p>
<p class="ng-binding">
<span translate="" class="ng-scope">by</span> Jesse Cooper (jesse@choicetrainingltd.co.uk) <br>
11:28 - 06 Apr 2023
</p>
</div>
<div class="lastInteraction info-block">
<p class="es-title-4 text-bold"><span translate="" class="ng-scope">Last Interaction</span>:</p>
<p class="ng-binding">
11:28 - 06 Apr 2023
</p>
</div>
<div ng-show="envelope.envelope_options.expiry_date" class="lastInteraction info-block" style="display: none;">
<p class="es-title-4 text-bold"><span translate="" class="ng-scope">Expiry date</span>:</p>
<p class="ng-binding"></p>
</div>
<div class="status info-block">
<p class="es-title-4 text-bold"><span translate="" class="ng-scope">Status</span>:</p>
<p>
<!-- ngIf: signerStatusSidebar(envelope).signed.length -->
<!-- ngIf: signerStatusSidebar(envelope).declined.length -->
<!-- ngIf: signerStatusSidebar(envelope).pending.length --><span class="label label-warning ng-scope ng-binding" ng-if="signerStatusSidebar(envelope).pending.length">
<i class="icon-ok-sign"></i> 1 <span translate="" class="capitalize ng-scope">Awaiting signature</span>
</span>
<span class="label label-important" ng-show="envelope.envelope_status == 'Signed' && envelope.signers[0].verification_check" style="display: none;">
<i class="icon-ok-sign"></i> <span translate="" class="ng-scope">Verified</span> <br>
</span>
</p>
</div>
<div class="message-box info-block">
<p class="es-title-4 text-bold"><span translate="" class="ng-scope">Message</span> :</p>
<p ng-bind-html-unsafe="envelope.description | trust" class="description ng-binding">Good morning,
Please see attachment above regarding a review for Jordan Ogunjobi,
Could you please complete the following area that require 'employers signature' and 'employers feedback',
I hope you have a lovely day, thank you.</p>
</div>
<div class="signers info-block">
<p class="es-title-4 text-bold"><span translate="" class="ng-scope">Signers</span></p>
<!-- ngRepeat: signerSidebar in envelope.signers --><div ng-repeat="signerSidebar in envelope.signers" class="ng-scope">
<table class="table table-condensed">
<tbody><tr>
<th class=" table-header muted"><span translate="" class="ng-scope">Name</span></th>
<td class="table-header">
<a href="#" stop-event="click" ng-click="identifySigner($event, document, signerSidebar, docindex)" title="Idenitfy Marylyn O'Kane">
<b class="ng-binding">Marylyn O'Kane</b>
<span ng-show="signerSidebar.envelope_authentication.passcode" style="display: none;"> | <i class="icon-lock" style="color: #e20513"></i></span>
</a>
<div class="pull-right" ng-show="(signerSidebar.individual_document_status[docindex].status == 'Pending' || signerSidebar.envelope_status.status == 'Pending' && !pageView) && (signerSidebar.signer_details.primary_sequential_email || signerSidebar.email) != envelope.envelope_meta.author.email && accounts.data.account.users[0].email && accounts.data.account.id == envelope.envelope_meta.author.account" style="display: none;">
<span ng-hide="currentPath == '/documents/archived'" class="">
<button type="button" modal-document-forward="" document="document" envelope="envelope" signer="signerSidebar || envelope.envelope_meta.author" class="muted btn-clear btn btn-small btn-primary ng-isolate-scope ng-scope" title="Forward" stop-event="click">
<span translate="" class="ng-scope">Redirect</span>
</button>
</span>
</div>
</td>
</tr>
<tr>
<th class="muted"><span translate="" class="ng-scope">Email</span></th>
<td class="ng-binding">
MOKane@esglimited.com
</td>
</tr>
<!-- ngIf: envelope.envelope_meta.author.email == accounts.data.account.users[0].email && signerSidebar.envelope_authentication.country_code && signerSidebar.envelope_authentication.phone -->
<tr>
<th class="muted"><span translate="" class="ng-scope">Status</span></th>
<td>
<a href="" stop-event="click" ng-click="identifySigner($event, envelope, signerSidebar, docindex)" title="Idenitfy Marylyn O'Kane">
<span ng-show="signerSidebar.individual_document_status[docindex].signed_at || (signerSidebar.envelope_status.last_signed_at && !pageView)" class="label label-text label-success ng-binding" style="display: none;"><i class="icon-ok-sign"></i> <span translate="" class="ng-scope">Signed at</span></span>
<span ng-show="signerSidebar.individual_document_status[docindex].declined_at || (signerSidebar.envelope_status.last_declined_at && !pageView)" class="label label-text label-important ng-binding" style="display: none;"><i class="icon-remove-sign"></i> <span translate="" class="ng-scope">Declined at</span></span>
<span ng-show="signerSidebar.individual_document_status[docindex].status == 'Pending' || (signerSidebar.envelope_status.status == 'Pending' && !pageView)" class="label label-text label-warning"><i class="icon-time"></i> <span translate="" class="ng-scope">Awaiting signature</span></span>
</a>
<span ng-hide="currentPath == '/documents/archived'">
<!-- ngIf: (signerSidebar.individual_document_status[docindex].status == 'Pending' || (signerSidebar.envelope_status.status == 'Pending' && !pageView)) && ((signerSidebar.signer_details.primary_sequential_email || signerSidebar.email) != envelope.envelope_meta.author.email) && accounts.data.account.users[0].email && accounts.data.account.id == envelope.envelope_meta.author.account -->
</span>
</td>
</tr>
<tr ng-show="newViewedPartial() && envelope.envelope_meta.author.email != signerSidebar.email">
<th class="muted"><span translate="" class="ng-scope">Viewed</span></th>
<td>
<span ng-show="signerSidebar.viewed.amount_of_times > 0" class="ng-binding"> 16:15 - 06 Apr 2023 - <span translate="" class="ng-scope">Total views</span>: 3</span>
<span ng-hide="signerSidebar.viewed.amount_of_times > 0" style="display: none;"><span translate="" class="ng-scope">Not yet viewed</span></span>
</td>
</tr>
<tr>
<td colspan="2" ng-show="if_file_fields(document.document_fields) && signerSidebar.individual_document_status[docindex].status == 'Signed' " style="display: none;">
<h5 class="muted" style="margin-bottom: 5px; color: #555"><span translate="" class="ng-scope">Attached Files</span></h5>
<ul class="signer_files">
<!-- ngRepeat: field in document.document_fields | filter: { field_type: 'file'} -->
</ul>
</td>
</tr>
</tbody></table>
</div>
</div>
<div class="history info-block">
<div ng-show="envelope.envelope_meta.audit_trail" style="">
<p class="es-title-4 text-bold"><span translate="" class="ng-scope">Document History</span></p>
<div document-history-list="" activities="envelope.envelope_meta.audit_trail" class="ng-isolate-scope ng-scope"><ul class="activity-list ">
<!-- ngRepeat: activity in activities | orderBy:'datetime':true --><li ng-repeat="activity in activities | orderBy:'datetime':true" class="ng-scope">
<!-- ngIf: activity.type == 'create' --><span ng-if="activity.type == 'create'" class="ng-scope"><i class="icon-asterisk theme-text-color"></i> <b class="ng-binding">Jesse Cooper</b> <span translate="" class="ng-scope ng-binding">Created</span> <span translate="" class="ng-scope">the</span> <span translate="" class="ng-scope ng-binding">ENVELOPE</span></span>
<!-- ngIf: activity.type == 'response' -->
<!-- ngIf: activity.type == 'completed' -->
<!-- ngIf: activity.type == 'email_verification' -->
<!-- ngIf: activity.type == 'notification' -->
<!-- ngIf: activity.type == 'cc' -->
<!-- ngIf: activity.type == 'remind' -->
<!-- ngIf: activity.type == 'forward' -->
<!-- ngIf: activity.type == 'payment' -->
<div class="datetime ng-binding">5 hours ago </div>
</li><li ng-repeat="activity in activities | orderBy:'datetime':true" class="ng-scope">
<!-- ngIf: activity.type == 'create' -->
<!-- ngIf: activity.type == 'response' -->
<!-- ngIf: activity.type == 'completed' -->
<!-- ngIf: activity.type == 'email_verification' -->
<!-- ngIf: activity.type == 'notification' --><span ng-if="activity.type == 'notification'" class="ng-scope"><i class="icon-envelope-alt theme-text-color"></i> <span translate="" class="ng-scope">Email Notification</span> <span translate="" class="ng-scope ng-binding">SENT (CREATED)</span> <span translate="" class="ng-scope">to</span> <b class="ng-binding">Marylyn O'Kane</b></span>
<!-- ngIf: activity.type == 'cc' -->
<!-- ngIf: activity.type == 'remind' -->
<!-- ngIf: activity.type == 'forward' -->
<!-- ngIf: activity.type == 'payment' -->
<div class="datetime ng-binding">5 hours ago </div>
</li>
</ul>
<!-- <button class="btn btn-info btn-square es-gap-top" ng-hide="activities" ng-click="loadActivity()"><i class="icon-refresh"></i></button> -->
</div>
</div>
</div>
</div>
</div>
<!-- <div modal="identifyBox" close="identifyClose()" options="identifyOpts">
</div> -->
</div>
</div>
</aside>
<section class="main-content">
<div class="alert alert-block alert-error" ng-show="view.stampMode" style="display: none;">
You are in <b>Drag 'n' Drop mode</b>. Select the place on the page you want your signature and then drag it into the correct position.
</div>
<div class="document-viewer" ng-class="{'stamp-mode' : view.stampMode}">
<div class="row-fluid">
<p ng-show="newDocURL" class="es-gap-top alert alert-info" style="display: none;">An <strong>email notification</strong> has been sent to all Recipients. All will have the option to review the envelope and submit a response. All parties will be notified when a response is submitted</p>
<div ng-include="" src="'views/partials/document-viewer-controls.html'"><div class="document-viewer-toolbar document-viewer-toolbar__position ng-scope">
<div class="document-viewer-toolbar__options es-flex es-flex-center es-flex-end">
<!--div class="btn-group">
<button class="btn dropdown-toggle"><i class="icon-list-ul"></i></button>
<ul class="dropdown-menu dropdown-menu-compact">
<li class="nav-header">page:</li>
<li class="divider"></li>
<li ng-repeat="n in [] | range: totalPages"><a href="" ng-click="changePage($index + 1)">{{ $index + 1 }}</a></li>
</ul>
</div-->
<div class="document-viewer-toolbar__downloads es-flex es-flex-center">
<button class="btn btn-medium btn-info btn-gap disabled" ng-show="document.document_file.signature_certificate_page" ng-click="changePage(document.document_file.signature_certificate_page)" ng-disable="pageNum == document.document_file.signature_certificate_page" ng-class="{'disabled' : pageNum == document.document_file.signature_certificate_page}" style="display: none;"><span translate="" class="ng-scope">View Signature Page</span></button>
<!-- <div class="btn-group" ng-hide="document.status == 'Signed' || signer.signed_at || hideGuideBar()">
<button class="btn btn-info" ng-click="goNextField()"><span translate>NEXT_FIELD</span></button>
</div>
-->
<div class="btn-group" ng-hide="document.upload_file.uri" style="display: none;">
<a ng-href="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/original_file/file/018/345/693/Jordan_Ogunjobi_Review_16.03.23.pdf?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=fa85911d2da48472a2c111c0615233140cf027269eed3150c6f32f4d3daa940f" class="btn btn-medium btn-file btn-info" title="Download this File" href="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/original_file/file/018/345/693/Jordan_Ogunjobi_Review_16.03.23.pdf?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=fa85911d2da48472a2c111c0615233140cf027269eed3150c6f32f4d3daa940f"><span translate="" class="ng-scope">Download</span></a>
<a ng-href="/#/docs/create/" ng-show="$parent.sign" id="create-signing-btn-viewer" class="btn btn-medium btn-file btn-primary" title="Sign this File" href="/#/docs/create/" style="display: none;"><span translate="" class="ng-scope">Sign</span></a>
</div>
<div class="btn-group btn-gap" ng-show="document.attachment_file.url && !view.stampMode" style="display: none;">
<a target="_blank" class="btn btn-info" ng-click="file = document.attachment_file" ng-href="/#/view/attachment/" title="Click here to view additional attachments" href="/#/view/attachment/"><span translate="" class="ng-scope">View Attachment</span></a>
</div>
<!-- single doc -->
<div class="btn-group" ng-show="document.attachment_files.length == 1" style="display: none;">
<a class="btn btn-medium btn-info" ng-href="">
<span translate="" class="ng-scope">Download Attachment</span>
</a>
</div>
<div class="btn-group dropdown" ng-show="document.attachment_files.length > 1" style="display: none;">
<button class="btn btn-medium btn-info dropdown-toggle">
<span translate="" class="ng-scope">Attachments</span> <i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu pull-right">
<!-- ngRepeat: af in document.attachment_files -->
</ul>
</div>
<div class="btn-group btn-medium dropdown dropdown-darktheme" ng-show="((document.upload_file.uri && !view.stampMode && signer.individual_document_status[document_index].signed_at) || (document.upload_file.uri && !signer))" style="display: none;">
<button class="btn btn-medium btn-info dropdown-toggle">
<span translate="" class="ng-scope">Download</span> <i class="icon-caret-down"></i>
</button>
<ul class="dropdown-menu pull-right">
<li><a ng-href="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/original_file/file/018/345/693/Jordan_Ogunjobi_Review_16.03.23.pdf?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=fa85911d2da48472a2c111c0615233140cf027269eed3150c6f32f4d3daa940f" title="Signed Document" href="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/original_file/file/018/345/693/Jordan_Ogunjobi_Review_16.03.23.pdf?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=fa85911d2da48472a2c111c0615233140cf027269eed3150c6f32f4d3daa940f"><span translate="" class="ng-scope">Signed Document</span></a></li>
<li><a ng-href="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/original_file/file/018/345/693/Jordan_Ogunjobi_Review_16.03.23.pdf?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=fa85911d2da48472a2c111c0615233140cf027269eed3150c6f32f4d3daa940f" title="Download Original File" href="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/original_file/file/018/345/693/Jordan_Ogunjobi_Review_16.03.23.pdf?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=fa85911d2da48472a2c111c0615233140cf027269eed3150c6f32f4d3daa940f"><span translate="" class="ng-scope">Original File</span></a></li>
</ul>
</div>
<div class="btn-group btn-info btn-pagination dropdown" ng-hide="(file.processing || file.upload.processing)">
<button class="btn-clear" ng-class="{ 'disabled': pageNum == 1 }" ng-click="goPrevious()"><i class="icon-chevron-left"></i></button>
<button class="btn-clear dropdown-toggle notranslate ng-binding">1 <span translate="" class="ng-scope">of</span> 8</button>
<ul class="dropdown-menu dropdown-menu-compact">
<li class="nav-header"><span translate="" class="ng-scope">page</span>:</li>
<li class="divider"></li>
<!-- ngRepeat: n in [] | range: totalPages -->
</ul>
<button class="btn-clear disabled" ng-class="{ 'disabled': pageNum == pageCount }" ng-click="goNext()"><i class="icon-chevron-right"></i></button>
</div>
</div>
</div>
</div>
</div>
<div class="document-viewer-processing" ng-show="( file.upload.processing)" style="display: none;">
<div class="help-start">
<p><i class="icon-refresh icon-4x icon-spin"></i></p>
Your file preview is processing and will be ready shortly…
</div>
</div>
</div>
<div class="row-fluid document-viewer-toolbar">
<div class="span12 document-viewer-toolbar__options" style="text-align: left; border: none;">
<div class="document-viewer-toolbar__counter" ng-hide="hideGuideBar()" style="">
<span class="ng-binding">6 <b translate="" class="ng-scope">field(s) required to complete</b> - Marylyn O'Kane</span>
</div>
<span ng-show="envelope.documents.length > 1" style="display: none;">
<!-- MULTI DOCS TAB -->
<!-- ngRepeat: mdoc in envelope.documents track by $index --><button ng-repeat="mdoc in envelope.documents track by $index" ng-click="changeLoc($index)" type="button" class="btn text-primary btn-dark-grey btn-green-border" style="color: rgb(0, 0, 0); background-color: rgb(244, 206, 0); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-right: 5px; border-bottom: 0px none; margin-top: 10px;" ng-style=" (document.id == mdoc.id) && {'background-color':'#F4CE00', 'color':'#000'}"> Jordan Ogunjobi Review 16.03.23 </button>
</span>
</div>
<div class="document-viewer-dynamic-fields" style="display: block; width: 100%; position: relative;">
<div ng-show="signer || author == signer.email" class="document-viewer-fields-guide-bar" style="width: 1.5em; min-width: 10px; position: absolute; color: white; left: 0; top: 0; height: 100%;" ng-click="goNextField()">
<div class="required-field-guide-arrow side-arrow" ng-hide="(!nextField || !nextField.document_position) || document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == Signed)" style="position: absolute; top: unset; cursor: pointer; transform: rotate(90deg); left: -30px; bottom: 0px; background: url("/assets/images/Large-side-arrow-en.png") no-repeat;" ng-style="arrowType == 'up' && {transform: 'rotate(-90deg)', left: '-30px', background: 'url(' + url() + ') no-repeat'} || arrowType == 'down' && {transform: 'rotate(90deg)', left: '-30px', bottom: '0px', top: 'unset', background: 'url(' + url() + ') no-repeat'} || {background: 'url(' + url() + ') no-repeat'} ">
</div>
</div>
<div class="view-document-only document-viewer-pages document-viewer-pages" ng-hide="(file.processing || file.upload.processing)" ng-style="(document.multiple_documents.length > 0) && {margin: '0px', width: '100%', 'border-top': 'none'}" style="width: 100%;">
<ul class="document-viewer-pages-container">
<!-- ngRepeat: page in (file.images) track by $index --><li ng-repeat="page in (file.images) track by $index" class="ng-scope">
<div class="document-viewer-page-stamp ng-scope" stamp-target="" view="view">
<img class="document-viewer-page" id="document-viewer-page-1" ng-src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/720/Jordan_Ogunjobi_Review_16.03.23_1.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=fdbbc3c8ca8aadb4f6463bdaa6493f7deee2ede71efa9a398247de7c2a0d5470" alt="Page 0" ng-click="stampIt($event, $index)" src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/720/Jordan_Ogunjobi_Review_16.03.23_1.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=fdbbc3c8ca8aadb4f6463bdaa6493f7deee2ede71efa9a398247de7c2a0d5470">
<div class="stamp-dropper" ng-show="stamp.on && view.stampMode && stamp.page.num == $parent.$index+1 " stamp-dropper="" ng-idx="$index" style="display: none;">
<div class="stamp-dropper-mockup" ng-style="stamp.style" style="position: absolute; top: 0px; left: 0px;">
<span class="stamp-dropper-mockup-instructions muted">
<i class="icon-move"></i> Drag me to where you want me placed
</span>
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">Marylyn O'Kane</b><br>
<b class="ng-binding"></b><br>
<span class="monospaced muted ng-binding">06 Apr 2023</span><br>
<span class="monospaced muted ng-binding">aa4558d4-073f-4167-86c0-47d1c5aa8287</span>
</div>
</div>
<div class="stamp-dropper-mockup-confirm" ng-style="stamp.style" ng-class="{ 'in' : stamp.dropped }" style="position: absolute; top: 0px; left: 0px;">
<button sign-modal="" no-stamp-msg="" type="button" class="btn btn-large btn-success ng-scope"><i class="icon-ok"></i> Place Signature Here</button>
<button ng-click="removeStamp()" type="button" class="btn btn-large btn-success"><i class="icon-trash"></i></button>
</div>
</div>
<div ng-hide="$parent.document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == 'Signed')">
<!-- ngRepeat: field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index -->
</div>
</div>
</li><li ng-repeat="page in (file.images) track by $index" class="ng-scope">
<div class="document-viewer-page-stamp ng-scope" stamp-target="" view="view">
<img class="document-viewer-page" id="document-viewer-page-2" ng-src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/726/Jordan_Ogunjobi_Review_16.03.23_2.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=a7eed28c914f036e275bdd0b3933a5abd07d7ecd87f83a9b17be653502517634" alt="Page 1" ng-click="stampIt($event, $index)" src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/726/Jordan_Ogunjobi_Review_16.03.23_2.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=a7eed28c914f036e275bdd0b3933a5abd07d7ecd87f83a9b17be653502517634">
<div class="stamp-dropper" ng-show="stamp.on && view.stampMode && stamp.page.num == $parent.$index+1 " stamp-dropper="" ng-idx="$index" style="display: none;">
<div class="stamp-dropper-mockup" ng-style="stamp.style" style="position: absolute; top: 0px; left: 0px;">
<span class="stamp-dropper-mockup-instructions muted">
<i class="icon-move"></i> Drag me to where you want me placed
</span>
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">Marylyn O'Kane</b><br>
<b class="ng-binding"></b><br>
<span class="monospaced muted ng-binding">06 Apr 2023</span><br>
<span class="monospaced muted ng-binding">aa4558d4-073f-4167-86c0-47d1c5aa8287</span>
</div>
</div>
<div class="stamp-dropper-mockup-confirm" ng-style="stamp.style" ng-class="{ 'in' : stamp.dropped }" style="position: absolute; top: 0px; left: 0px;">
<button sign-modal="" no-stamp-msg="" type="button" class="btn btn-large btn-success ng-scope"><i class="icon-ok"></i> Place Signature Here</button>
<button ng-click="removeStamp()" type="button" class="btn btn-large btn-success"><i class="icon-trash"></i></button>
</div>
</div>
<div ng-hide="$parent.document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == 'Signed')">
<!-- ngRepeat: field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index -->
</div>
</div>
</li><li ng-repeat="page in (file.images) track by $index" class="ng-scope">
<div class="document-viewer-page-stamp ng-scope" stamp-target="" view="view">
<img class="document-viewer-page" id="document-viewer-page-3" ng-src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/732/Jordan_Ogunjobi_Review_16.03.23_3.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=c1c47ca56dee70f136dd337bfc279ed0f753e77073d550b8bbdd7d03e4003731" alt="Page 2" ng-click="stampIt($event, $index)" src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/732/Jordan_Ogunjobi_Review_16.03.23_3.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=c1c47ca56dee70f136dd337bfc279ed0f753e77073d550b8bbdd7d03e4003731">
<div class="stamp-dropper" ng-show="stamp.on && view.stampMode && stamp.page.num == $parent.$index+1 " stamp-dropper="" ng-idx="$index" style="display: none;">
<div class="stamp-dropper-mockup" ng-style="stamp.style" style="position: absolute; top: 0px; left: 0px;">
<span class="stamp-dropper-mockup-instructions muted">
<i class="icon-move"></i> Drag me to where you want me placed
</span>
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">Marylyn O'Kane</b><br>
<b class="ng-binding"></b><br>
<span class="monospaced muted ng-binding">06 Apr 2023</span><br>
<span class="monospaced muted ng-binding">aa4558d4-073f-4167-86c0-47d1c5aa8287</span>
</div>
</div>
<div class="stamp-dropper-mockup-confirm" ng-style="stamp.style" ng-class="{ 'in' : stamp.dropped }" style="position: absolute; top: 0px; left: 0px;">
<button sign-modal="" no-stamp-msg="" type="button" class="btn btn-large btn-success ng-scope"><i class="icon-ok"></i> Place Signature Here</button>
<button ng-click="removeStamp()" type="button" class="btn btn-large btn-success"><i class="icon-trash"></i></button>
</div>
</div>
<div ng-hide="$parent.document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == 'Signed')">
<!-- ngRepeat: field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index -->
</div>
</div>
</li><li ng-repeat="page in (file.images) track by $index" class="ng-scope">
<div class="document-viewer-page-stamp ng-scope" stamp-target="" view="view">
<img class="document-viewer-page" id="document-viewer-page-4" ng-src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/738/Jordan_Ogunjobi_Review_16.03.23_4.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=da417ccf3cd160c8035b394c2831e55c6d35664fd93fb45d2962f451378ee115" alt="Page 3" ng-click="stampIt($event, $index)" src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/738/Jordan_Ogunjobi_Review_16.03.23_4.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=da417ccf3cd160c8035b394c2831e55c6d35664fd93fb45d2962f451378ee115">
<div class="stamp-dropper" ng-show="stamp.on && view.stampMode && stamp.page.num == $parent.$index+1 " stamp-dropper="" ng-idx="$index" style="display: none;">
<div class="stamp-dropper-mockup" ng-style="stamp.style" style="position: absolute; top: 0px; left: 0px;">
<span class="stamp-dropper-mockup-instructions muted">
<i class="icon-move"></i> Drag me to where you want me placed
</span>
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">Marylyn O'Kane</b><br>
<b class="ng-binding"></b><br>
<span class="monospaced muted ng-binding">06 Apr 2023</span><br>
<span class="monospaced muted ng-binding">aa4558d4-073f-4167-86c0-47d1c5aa8287</span>
</div>
</div>
<div class="stamp-dropper-mockup-confirm" ng-style="stamp.style" ng-class="{ 'in' : stamp.dropped }" style="position: absolute; top: 0px; left: 0px;">
<button sign-modal="" no-stamp-msg="" type="button" class="btn btn-large btn-success ng-scope"><i class="icon-ok"></i> Place Signature Here</button>
<button ng-click="removeStamp()" type="button" class="btn btn-large btn-success"><i class="icon-trash"></i></button>
</div>
</div>
<div ng-hide="$parent.document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == 'Signed')">
<!-- ngRepeat: field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index -->
</div>
</div>
</li><li ng-repeat="page in (file.images) track by $index" class="ng-scope">
<div class="document-viewer-page-stamp ng-scope" stamp-target="" view="view">
<img class="document-viewer-page" id="document-viewer-page-5" ng-src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/741/Jordan_Ogunjobi_Review_16.03.23_5.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=76b404f08fc380a0ef2356bff0b5e19040d89c8ca23bcdc926b443e840ffd5c9" alt="Page 4" ng-click="stampIt($event, $index)" src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/741/Jordan_Ogunjobi_Review_16.03.23_5.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=76b404f08fc380a0ef2356bff0b5e19040d89c8ca23bcdc926b443e840ffd5c9">
<div class="stamp-dropper" ng-show="stamp.on && view.stampMode && stamp.page.num == $parent.$index+1 " stamp-dropper="" ng-idx="$index" style="display: none;">
<div class="stamp-dropper-mockup" ng-style="stamp.style" style="position: absolute; top: 0px; left: 0px;">
<span class="stamp-dropper-mockup-instructions muted">
<i class="icon-move"></i> Drag me to where you want me placed
</span>
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">Marylyn O'Kane</b><br>
<b class="ng-binding"></b><br>
<span class="monospaced muted ng-binding">06 Apr 2023</span><br>
<span class="monospaced muted ng-binding">aa4558d4-073f-4167-86c0-47d1c5aa8287</span>
</div>
</div>
<div class="stamp-dropper-mockup-confirm" ng-style="stamp.style" ng-class="{ 'in' : stamp.dropped }" style="position: absolute; top: 0px; left: 0px;">
<button sign-modal="" no-stamp-msg="" type="button" class="btn btn-large btn-success ng-scope"><i class="icon-ok"></i> Place Signature Here</button>
<button ng-click="removeStamp()" type="button" class="btn btn-large btn-success"><i class="icon-trash"></i></button>
</div>
</div>
<div ng-hide="$parent.document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == 'Signed')">
<!-- ngRepeat: field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index -->
</div>
</div>
</li><li ng-repeat="page in (file.images) track by $index" class="ng-scope">
<div class="document-viewer-page-stamp ng-scope" stamp-target="" view="view">
<img class="document-viewer-page" id="document-viewer-page-6" ng-src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/747/Jordan_Ogunjobi_Review_16.03.23_6.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=5bbd2bf60382d922a992578b97a5c0de334bcdc3265bdbe457a04ac492c85858" alt="Page 5" ng-click="stampIt($event, $index)" src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/747/Jordan_Ogunjobi_Review_16.03.23_6.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=5bbd2bf60382d922a992578b97a5c0de334bcdc3265bdbe457a04ac492c85858">
<div class="stamp-dropper" ng-show="stamp.on && view.stampMode && stamp.page.num == $parent.$index+1 " stamp-dropper="" ng-idx="$index" style="display: none;">
<div class="stamp-dropper-mockup" ng-style="stamp.style" style="position: absolute; top: 0px; left: 0px;">
<span class="stamp-dropper-mockup-instructions muted">
<i class="icon-move"></i> Drag me to where you want me placed
</span>
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">Marylyn O'Kane</b><br>
<b class="ng-binding"></b><br>
<span class="monospaced muted ng-binding">06 Apr 2023</span><br>
<span class="monospaced muted ng-binding">aa4558d4-073f-4167-86c0-47d1c5aa8287</span>
</div>
</div>
<div class="stamp-dropper-mockup-confirm" ng-style="stamp.style" ng-class="{ 'in' : stamp.dropped }" style="position: absolute; top: 0px; left: 0px;">
<button sign-modal="" no-stamp-msg="" type="button" class="btn btn-large btn-success ng-scope"><i class="icon-ok"></i> Place Signature Here</button>
<button ng-click="removeStamp()" type="button" class="btn btn-large btn-success"><i class="icon-trash"></i></button>
</div>
</div>
<div ng-hide="$parent.document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == 'Signed')">
<!-- ngRepeat: field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index -->
</div>
</div>
</li><li ng-repeat="page in (file.images) track by $index" class="ng-scope">
<div class="document-viewer-page-stamp ng-scope" stamp-target="" view="view">
<img class="document-viewer-page" id="document-viewer-page-7" ng-src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/753/Jordan_Ogunjobi_Review_16.03.23_7.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=27033e0fcf0cc124ce82b624f31564e864f00d39be2233c301c10bb138d59afa" alt="Page 6" ng-click="stampIt($event, $index)" src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/753/Jordan_Ogunjobi_Review_16.03.23_7.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=27033e0fcf0cc124ce82b624f31564e864f00d39be2233c301c10bb138d59afa">
<div class="stamp-dropper" ng-show="stamp.on && view.stampMode && stamp.page.num == $parent.$index+1 " stamp-dropper="" ng-idx="$index" style="display: none;">
<div class="stamp-dropper-mockup" ng-style="stamp.style" style="position: absolute; top: 0px; left: 0px;">
<span class="stamp-dropper-mockup-instructions muted">
<i class="icon-move"></i> Drag me to where you want me placed
</span>
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">Marylyn O'Kane</b><br>
<b class="ng-binding"></b><br>
<span class="monospaced muted ng-binding">06 Apr 2023</span><br>
<span class="monospaced muted ng-binding">aa4558d4-073f-4167-86c0-47d1c5aa8287</span>
</div>
</div>
<div class="stamp-dropper-mockup-confirm" ng-style="stamp.style" ng-class="{ 'in' : stamp.dropped }" style="position: absolute; top: 0px; left: 0px;">
<button sign-modal="" no-stamp-msg="" type="button" class="btn btn-large btn-success ng-scope"><i class="icon-ok"></i> Place Signature Here</button>
<button ng-click="removeStamp()" type="button" class="btn btn-large btn-success"><i class="icon-trash"></i></button>
</div>
</div>
<div ng-hide="$parent.document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == 'Signed')">
<!-- ngRepeat: field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index --><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field request-text " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-eb03a7c2-cdcd-402b-ad61-7dc388229107" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 24.3%; left: 12.5%; overflow-wrap: break-word; width: 80.1%; height: 6%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer request-text normal-field required next" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left; min-width: 100%; min-height: 100%; overflow: hidden;">
<span ng-show="field.field_type == 'request-text'">
<input ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)" style="display: none;"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field request-text " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-c7265ad5-de42-43fa-90db-f2220336974f" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 34.2%; left: 12.6%; overflow-wrap: break-word; width: 79.8%; height: 7.5%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer request-text normal-field required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left; min-width: 100%; min-height: 100%; overflow: hidden;">
<span ng-show="field.field_type == 'request-text'">
<input ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)" style="display: none;"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-8009c5de-3110-46d9-8ffd-ceeb52bff308" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 44.3%; left: 39.8%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-a4f5275f-b0f5-4640-9d5b-e9db087f511f" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 46.2%; left: 36.5%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-c4237d69-0c22-47ba-9a91-e8305f0d0247" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 48.3%; left: 40.1%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-0b017396-9259-494b-bd83-973e814b9fa2" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 50%; left: 37.2%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-73a5927e-01d3-443c-89e0-408740e3fff5" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 48.1%; left: 62.2%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-f2b3bfff-8373-468f-ae2e-b366f7fde677" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 44.6%; left: 85%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-054f2c06-f658-4d45-a600-b851d514c640" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 49.9%; left: 58.5%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-5f1b814c-1511-46b6-b6b4-3d0c3e930d5a" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 46.3%; left: 59%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-adead009-9504-4e1d-91ef-28511febe86a" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 50%; left: 77.9%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-832cbbe5-4fc3-4222-9895-f322e514c39b" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 46.4%; left: 80%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-226182cc-fe97-4554-8e06-9b35ba4924b9" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 44.4%; left: 63.3%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field checkbox " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-e2f479be-a345-4ac6-b29a-4c0a22739d98" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 48%; left: 83.2%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer checkbox normal-field non-required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field signature signature-field" ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-df674afd-c955-4f3c-8663-e3d32abe02e4" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 62%; left: 39.8%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer signature normal-field required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" disabled="disabled" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)" style="display: none;"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field date " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-2e4dda81-faef-453a-b5f6-e57761a87235" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 62%; left: 70.1%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer date normal-field required valued" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left;">
<span ng-show="field.field_type == 'request-text'" style="display: none;">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 8ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)" style="display: none;"><i class="fa fa-check-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding">06/04/2023</span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">06/04/2023 <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding">06/04/2023 </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field request-text " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-97d112c0-6b32-49ff-86a1-4a9a1c2a17be" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 60.5%; left: 13.1%; overflow-wrap: break-word;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer request-text normal-field required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left; min-width: 100%; min-height: 100%; overflow: hidden;">
<span ng-show="field.field_type == 'request-text'">
<input ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)" style="display: none;"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:42</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div>
</div>
</div>
</li><li ng-repeat="page in (file.images) track by $index" class="ng-scope">
<div class="document-viewer-page-stamp ng-scope" stamp-target="" view="view">
<img class="document-viewer-page" id="document-viewer-page-8" ng-src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/759/Jordan_Ogunjobi_Review_16.03.23_8.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=3076ac2750921874ee1ea5f98f56168d7b0cd08fdb3f211e5fabe4b4be79572e" alt="Page 7" ng-click="stampIt($event, $index)" src="https://esign-production.s3-eu-west-1.amazonaws.com/uploads/document_image/126/546/759/Jordan_Ogunjobi_Review_16.03.23_8.png?X-Amz-Expires=600&X-Amz-Date=20230406T151741Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJLGLLV6CP7FXUFRA/20230406/eu-west-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=3076ac2750921874ee1ea5f98f56168d7b0cd08fdb3f211e5fabe4b4be79572e">
<div class="stamp-dropper" ng-show="stamp.on && view.stampMode && stamp.page.num == $parent.$index+1 " stamp-dropper="" ng-idx="$index" style="display: none;">
<div class="stamp-dropper-mockup" ng-style="stamp.style" style="position: absolute; top: 0px; left: 0px;">
<span class="stamp-dropper-mockup-instructions muted">
<i class="icon-move"></i> Drag me to where you want me placed
</span>
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">Marylyn O'Kane</b><br>
<b class="ng-binding"></b><br>
<span class="monospaced muted ng-binding">06 Apr 2023</span><br>
<span class="monospaced muted ng-binding">aa4558d4-073f-4167-86c0-47d1c5aa8287</span>
</div>
</div>
<div class="stamp-dropper-mockup-confirm" ng-style="stamp.style" ng-class="{ 'in' : stamp.dropped }" style="position: absolute; top: 0px; left: 0px;">
<button sign-modal="" no-stamp-msg="" type="button" class="btn btn-large btn-success ng-scope"><i class="icon-ok"></i> Place Signature Here</button>
<button ng-click="removeStamp()" type="button" class="btn btn-large btn-success"><i class="icon-trash"></i></button>
</div>
</div>
<div ng-hide="$parent.document.document_status == 'Signed' || (signer && signer.individual_document_status[document_index].status == 'Signed')">
<!-- ngRepeat: field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index --><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field request-text " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-3ddea5be-3275-4366-ad27-5520759cba61" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 18%; left: 34.6%; overflow-wrap: break-word; width: 51.9%; height: 7.5%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer request-text normal-field required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left; min-width: 100%; min-height: 100%; overflow: hidden;">
<span ng-show="field.field_type == 'request-text'">
<input ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)" style="display: none;"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:43</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div><div ng-hide="(field.field_type != 'add-text' && field.field_value && !$parent.signer.email)" ng-repeat="field in $parent.required_additional_fields | filter:pageFieldFilter($parent.$index) track by $index" class="dynamic-field request-text " ng-class=" {'signature-field': field.field_type == 'signature'}" ng-style="{top:field.document_position.y, left:field.document_position.x,
'overflow-wrap': (field.field_type=='add-text' || field.field_type=='dropdown' || field.field_type=='request-text') && 'break-word' || '',
'width': field.document_position.width || '',
'height': field.document_position.height || ''
}" id="field-19ccaad2-b494-4be2-8da2-31ccdd8f446d-8cf47108-7575-4687-96fe-b18db8542ad0" ng-mouseenter="hover=true" ng-mouseleave="hover=false" style="top: 29.7%; left: 34.8%; overflow-wrap: break-word; width: 51.2%; height: 7.5%;">
<div ng-style="{'text-align': 'left',
'min-width': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'min-height': (field.field_type=='add-text' || field.field_type=='request-text') && '100%',
'height': field.field_type=='request-text' && false && '100%',
'width': (field.field_type=='add-text') && '100%',
'overflow': field.field_type=='request-text' && 'hidden'
}" ng-hide="field.field_type == 'signature' && field.field_value" class="field signer request-text normal-field required" ng-class=" {'normal-field': field.field_type != 'qrcode' && field.field_type != 'add-text' && field.field_type != 'seal' ,'required': field.field_required, 'non-required': !field.field_required, 'valued': field.field_value, 'next': $parent.nextField && field.id == $parent.nextField.id} " ng-disabled="((field.field_type == 'signature' && !field.field_value && $parent.nextField.id != field.id && $parent.nextField.field_required) || !$parent.signer)" style="text-align: left; min-width: 100%; min-height: 100%; overflow: hidden;">
<span ng-show="field.field_type == 'request-text'">
<input ng-show="false" type="text" ng-model="field.field_value" placeholder="add text..." style="border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; display: none; width: 0ch;" class="text-label ng-pristine ng-valid" ng-style="{width: (($parent.mathMax(field.field_value.length,field.field_placeholder.length) -2))+'ch'}" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" ng-disabled="!$parent.signer">
<textarea ng-show="true" type="text" ng-model="field.field_value" placeholder="add text..." style="width: 100%; height: 100%; border: 0px none; background-color: transparent; outline: none; box-shadow: none; cursor: default; overflow: hidden;" ng-style="{'overflow':'hidden'}" ng-keydown="($event.keyCode == 9) && setFieldValue(field); autogrowHeight($event);" ng-disabled="!$parent.signer" class="ng-pristine ng-valid"></textarea>
</span>
<span ng-show="field.field_type == 'initials'" style="display: none;"><input type="text" ng-model="field.field_value" class="initials-field ng-pristine ng-valid" ng-disabled="!$parent.signer" placeholder="Initials" style="border: 0px; background-color: transparent; outline: none; box-shadow: none; cursor:default; width: 15px;" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"></span>
<span ng-show="field.field_type == 'file'" style="display: none;">
<span ng-show="!$parent.signer" class="file_upload" style="display: none;"><i class="fa fa-plus-circle" aria-hidden="true"></i> Upload File</span>
<div class="btn-group" ng-hide="!$parent.signer">
<object signer-uploader="" files="signer_files" disable="!$parent.signer" fields="$parent.required_additional_fields" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope"><span id="signer-uploader-button" class="signer-uploader-button ng-binding btn-info" ng-class="{'btn-info':!status,'btn-warning': status=='progress','btn-success': status=='complete','btn-danger': status=='error'}" style="position: relative; overflow: hidden; direction: ltr;">
<i ng-class="{'fa fa-plus-circle':!status,'icon-spin icon-refresh': status=='progress','icon-ok-sign': status=='complete','icon-exclamation-sign': status=='error'
}" class="fa fa-plus-circle"></i>
upload file
<input type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 30px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></span>
<!-- <div class="clear"></div>
<div ng-repeat="file in files">
<h5 class="help-inline" >{{ file.name }} <h5 ng-click="deleteFile(file)" class="trash-cursor help-inline icon-trash icon-large"></h5></h5>
</div> -->
</object>
</div>
<!-- <input type="text" ng-click="uploadSupportingDoc()" ng-model="field.field_value" ng-disabled="!$parent.signer" placeholder="{{field.field_name}}" style="border: 0px; background-color: transparent; order: 0px; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor:default; width: 50px; font-size: 1.1vw" ng-keydown="($event.keyCode == 13 || $event.keyCode == 9) && setFieldValue(field)" maxlength="3"> -->
</span>
<span ng-show="field.field_type == 'checkbox'" ng-disabled="!$parent.signer" ng-click="setFieldValue(field)" style="display: none;"><i class="fa fa-square-o" ng-class="field.field_value && 'fa-check-square-o' || 'fa-square-o'"></i></span>
<span ng-show="field.field_type == 'date'" ng-disabled="!$parent.signer" class="ng-binding" style="display: none;"></span>
<span ng-show="field.field_type == 'payment' && !field.field_value && $parent.signer" stripe-connect-modal="" field="field" signer="$parent.signer" class="ng-isolate-scope ng-scope ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && !$parent.signer" field="field" signer="$parent.signer" class="ng-binding" style="display: none;">£</span>
<span ng-show="field.field_type == 'payment' && field.field_value && $parent.signer" class="ng-binding" style="display: none;">£ pending</span>
<span ng-show="field.field_type == 'dropdown'" custom-dropdown-toggle="" class="dropdown-toggle ng-binding" ng-disabled="!$parent.signer" style="display: none;">Select <button class="btn btn-mini"><i class="fa fa-caret-down"></i></button> </span>
<ul class="dropdown-menu">
<!-- ngRepeat: option in field.field_dropdown_options track by $index -->
</ul>
<span ng-show="field.field_type == 'qrcode'" style="display: none;"><i class="fa fa-qrcode fa-4x"></i></span>
<span class="text-center" ng-show="field.field_type == 'seal' && $parent.signer" style="display: none;">
<img class="seal-field" alt="" src="/assets/images/e-sign-company-stamp-seal.svg">
<span class="seal-date ng-binding"></span>
<span class="seal-date ng-binding"></span>
</span>
<span ng-show="!$parent.partiallySigned && field.field_type == 'add-text'" style="text-align: left; display: none;"><pre class="ng-binding"> </pre></span>
<div ng-show="field.field_type == 'signature' && !field.field_value" ng-disabled="!$parent.signer" ng-click="customSignature(field); goNextField()" class="sig_label" style="display: none;">
<div class="stamp-dropper-mockup-name">
<svg class="left-triangle" width="28px" id="Layer_1" x="0px" y="10px" viewBox="20 0 46 96">
<g id="XMLID_1_">
<polygon id="XMLID_3_" class="st0" points="31.8,80.5 64.3,48 31.8,15.5 "></polygon>
</g>
</svg>
<img class="drag-logo" src="/assets/svgs/originals/e-sign-circle-logo.svg" alt="">
<svg width="70%" height="100%" viewBox="0 0 280 60">
<text translate="" x="10" y="38" class="viewer-text" textLength="210" lengthAdjust="spacingAndGlyphs">Click here to sign</text>
</svg>
</div>
</div>
</div>
<div ng-show="field.field_type == 'signature' && field.field_value" class="field placeholder signer-stamp-placeholder" ng-click="customSignature(field); goNextField()" style="display: none;">
<div class="stamp-dropper stamp-dropper-placement">
<div class="stamp-dropper-mockup">
<img src="https://esign-assets.s3.amazonaws.com/qrcode-icon.png" class="stamp-dropper-mockup-icon" alt="">
<div class="stamp-dropper-mockup-info">
<b class="ng-binding">M O'Kane</b><br>
<b ng-init="__date = getDate()" class="ng-binding">06/04/2023 15:17:43</b><br>
<div ng-show="signer.custom_signature.creation_method == 'text'" class="signature-text ng-binding" ng-bind="signer.custom_signature.signature_text || signer.custom_signature.text" style="display: none;"></div>
<img ng-show="signer.custom_signature.creation_method != 'text'" ng-src="" alt="your signature picture" style="width:auto; max-height: 20px;">
</div>
</div>
</div>
<ul class="dropdown-menu">
<li ng-click="editSignature(field)"> Edit Signature </li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="loader ng-scope"><div class="loader-spinner"></div><span class="loader-text ng-binding" ng-show="label" style="display: none;"></span></div>
<style type="text/css">
.signature-text
{
font-family:'MorrisonsScript',Sans-Serif;
text-align:left;
}
.signer .sig_label .stamp-dropper-mockup-name p{
font-size: 11px;
border-bottom: 1px solid #952123;
min-width: 30px;
display: inline;
padding-bottom: 3px;
}
</style>
</div>
</section>
</div>
</ng-view></div>
<!-- ngIf: !accounts.data.account.users[0].email --><div ng-if="!accounts.data.account.users[0].email" ng-include="'/views/partials/right-sidebar-logged-out.html'" class="es-aside-right es-aside-right-out ng-scope"><div ng-hide="is_signers_view()" class="ng-scope" style="display: none;">
<aside>
<div class="">
<div class="es-flex es-flex-end">
<div ng-hide="loggedIn">
<a class="es-black-link" href="https://www.e-sign.co.uk/register" ng-show="!in_admin && !accounts.data.account.users[0].email && !admin.data.email"><strong>Create Account</strong></a>
<span ng-show="!in_admin">or</span>
<a class="es-black-link" href="/#/login" ng-show="!in_admin && !accounts.data.account.users[0].email && !admin.data.email"><strong>Sign In</strong></a>
</div>
</div>
</div>
</aside>
</div></div>
<!-- ngIf: accounts.data.account.users[0].email && !publicView && !oneView && !threeView -->
<!-- ngIf: accounts.data.account.users[0].email && two-view -->
<!-- ngIf: accounts.data.account.users[0].email && publicView -->
<!-- ngIf: accounts.data.account.users[0].email && threeView -->
</div>
<div class="app-loader" ng-show="loading" style="display: none;">
<span class="loader-text ng-binding">Loading…</span>
</div>
<div identify-signer=""></div>
</div>
<iframe name="__privateStripeMetricsController3420" allowtransparency="true" scrolling="no" role="presentation" allow="payment *" src="https://js.stripe.com/v3/m-outer-93afeeb17bc37e711759584dbfc50d47.html#url=https%3A%2F%2Fapp.e-sign.co.uk%2F%23%2Fview%2Fa2d42ebe-ac8e-4e02-aa65-ce56c5adcf47%3Fs%3Daa4558d4-073f-4167-86c0-47d1c5aa8287&title=E-Sign%20%7C%20Electronic%20Signatures%20for%20your%20Documents&referrer=&muid=NA&sid=NA&version=6&preview=false" aria-hidden="true" tabindex="-1" style="border: medium none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; visibility: hidden !important; position: fixed !important; height: 1px !important; pointer-events: none !important; user-select: none !important;" frameborder="0"></iframe><div style="width:0px; height:0px; display:none; visibility:hidden;" id="batBeacon942585944083"><img style="width:0px; height:0px; display:none; visibility:hidden;" id="batBeacon956964611554" alt="" src="https://bat.bing.com/action/0?ti=56366936&Ver=2&mid=e6c165ff-86fc-40cc-a161-f768cc4f0f03&sid=2b88e420d48e11eda6743179ff504df5&vid=2b8a8ca0d48e11ed9899a5ec3a772cda&vids=1&msclkid=N&pi=918639831&lg=en-US&sw=1366&sh=768&sc=24&nwd=1&tl=E-Sign%20%7C%20Electronic%20Signatures%20for%20your%20Documents&p=https%3A%2F%2Fapp.e-sign.co.uk%2F%23%2Fview%2Fa2d42ebe-ac8e-4e02-aa65-ce56c5adcf47%3Fs%3Daa4558d4-073f-4167-86c0-47d1c5aa8287&r=&lt=3896&evt=pageLoad&sv=1&rn=18248" width="0" height="0"></div><iframe id="intercom-frame" style="position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; top: 0 !important; left: 0 !important; border: none !important; display: block !important; z-index: -1 !important; pointer-events: none;" aria-hidden="true" tabindex="-1" title="Intercom"></iframe></body></html>
