donate.unrwa.org
Open in
urlscan Pro
2606:4700::6812:ec5
Public Scan
URL:
https://donate.unrwa.org/gaza/~my-donation?_cv=1
Submission Tags: falconsandbox
Submission: On April 18 via api from US — Scanned from DE
Submission Tags: falconsandbox
Submission: On April 18 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST /b/steps/save
<form action="/b/steps/save" method="post" id="form-steps" autocomplete="off"><input type="hidden" name="reserved_currency" value="EUR">
<fieldset class="currency_fieldset">
<p><label>currency</label><select class="currency" name="currency">
<option data-order="" value="BDT">BDT</option>
<option data-order="01" value="USD">USD</option>
<option data-order="02" value="EUR">EUR</option>
<option data-order="03" value="GBP">GBP</option>
<option data-order="04" value="AED">AED</option>
<option data-order="05" value="AUD">AUD</option>
<option data-order="06" value="CAD">CAD</option>
<option data-order="07" value="CHF">CHF</option>
<option data-order="08" value="CLP">CLP</option>
<option data-order="09" value="EGP">EGP</option>
<option data-order="10" value="ILS">ILS</option>
<option data-order="11" value="INR">INR</option>
<option data-order="12" value="JPY">JPY</option>
<option data-order="13" value="MYR">MYR</option>
<option data-order="14" value="QAR">QAR</option>
<option data-order="15" value="SAR">SAR</option>
<option data-order="16" value="SEK">SEK</option>
<option data-order="17" value="SGD">SGD</option>
<option data-order="18" value="TRY">TRY</option>
<option data-order="19" value="JOD">JOD</option>
<option data-order="20" value="BRL">BRL</option>
<option data-order="21" value="LBP">LBP</option>
<option data-order="22" value="NOK">NOK</option>
<option data-order="5" value="KWD">KWD</option>
<option data-order="9" value="DKK">DKK</option>
</select></p>
</fieldset><input name="amount_tip" type="hidden">
<input type="hidden" name="context_form" value="">
<input type="hidden" name="private_monitoring_session_id" value="donate.unrwa.org/9287634046.1713422004"><input type="hidden" name="private_monitoring_v2_client_id" value="9287634046.1713422004"><input type="hidden"
name="private_monitoring_v2_session_id" value="1713422004"><input type="hidden" name="context_form_id" value="form_cached_955629401">
<input type="hidden" name="cid" value="4">
<input type="hidden" name="lang" value="en_EN"><input type="hidden" name="form_version" value="b">
<input type="hidden" name="scope" value="" id="scope">
<input id="useragent_input_0" type="hidden" name="private_user_agent_cli" value="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36">
<script type="text/javascript">
document.getElementById("useragent_input_0").value = navigator.userAgent;
</script>
<input id="referer_input_0" type="hidden" name="private_referer" value="">
<script type="text/javascript">
document.getElementById("referer_input_0").value = document.referrer;
</script>
<input id="random_input_0" type="hidden" name="private_random" value="0.4936907270595574">
<script type="text/javascript">
document.getElementById("random_input_0").value = Math.random();
setTimeout(function() {
document.getElementById("random_input_0").value = Math.random();
}, 3000);
</script>
<div id="step-1" class="unit size1of3">
<div class="step-container">
<div class="step-title">
<h2>My donation</h2>
</div>
<div class="step-content" style="height: 363px;">
<div class="height_adaptor">
<div>
</div>
<div class="tabs ui-tabs ui-corner-all ui-widget ui-widget-content">
<ul role="tablist" class="ui-tabs-nav ui-corner-all ui-helper-reset ui-helper-clearfix ui-widget-header">
<li class="title ui-tabs-tab ui-corner-top ui-state-default ui-tab" id="regular-item" role="tab" tabindex="-1" aria-controls="regular" aria-labelledby="ui-id-1" aria-selected="false" aria-expanded="false">
<a href="#regular" role="presentation" tabindex="-1" class="ui-tabs-anchor" id="ui-id-1"><h3>Monthly donation</h3></a></li>
<li class="title ui-tabs-tab ui-corner-top ui-state-default ui-tab ui-tabs-active ui-state-active" id="once-item" role="tab" tabindex="0" aria-controls="once" aria-labelledby="ui-id-2" aria-selected="true" aria-expanded="true">
<a href="#once" role="presentation" tabindex="-1" class="ui-tabs-anchor" id="ui-id-2"><h3>One-time donation</h3></a></li>
</ul>
<div id="once" class="bloc active ui-tabs-panel ui-corner-bottom ui-widget-content active-panel" aria-labelledby="ui-id-2" role="tabpanel" aria-hidden="false" style="display: block;">
<div class="bloc-content">
<div id="bloc-amount-once">
<fieldset class="amount type2ct">
<ul class="radio-desc line" id="amount-list-once">
<li data-detail="tabs_0">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="3700" id="amount-once-3700" type="radio" data-amount="4000" tabindex="100" data-init="4000"> <span
id="value_of_amount-once-4000"><span class="currency_symbol">€</span> <span class="currency_amount">37</span></span></label></div>
</li>
<li data-detail="tabs_1">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="7400" id="amount-once-7400" type="radio" data-amount="8000" tabindex="100" data-init="8000"> <span
id="value_of_amount-once-8000"><span class="currency_symbol">€</span> <span class="currency_amount">74</span></span></label></div>
</li>
<li data-detail="tabs_2">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="12000" id="amount-once-12000" type="radio" data-amount="13000" tabindex="100" data-init="13000"> <span
id="value_of_amount-once-13000"><span class="currency_symbol">€</span> <span class="currency_amount">120</span></span></label></div>
</li>
<li data-detail="tabs_3">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="18400" id="amount-once-18400" type="radio" data-amount="20000" tabindex="100" data-init="20000"> <span
id="value_of_amount-once-20000"><span class="currency_symbol">€</span> <span class="currency_amount">184</span></span></label></div>
</li>
<li data-detail="tabs_4">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="48800" id="amount-once-48800" type="radio" data-amount="53000" tabindex="100" data-init="53000"> <span
id="value_of_amount-once-53000"><span class="currency_symbol">€</span> <span class="currency_amount">488</span></span></label></div>
</li>
<li data-detail="tabs_5">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-once" value="92000" id="amount-once-92000" type="radio" data-amount="100000" tabindex="100" data-init="100000"> <span
id="value_of_amount-once-100000"><span class="currency_symbol">€</span> <span class="currency_amount">920</span></span></label></div>
</li>
</ul>
</fieldset>
<div class="amount-equivalences" style="display: none;">
<p class="amount-equivalences-img"></p>
<p class="amount-equivalences-description"></p>
</div>
<fieldset class="free-amount currency-before">
<p><label><span class="price_currency currency_symbol">€</span><label class="free_amount_description">Choose other amount to give</label><input autocomplete="section-famount" name="famount-once" type="text" size="6"
id="famount-once" tabindex="0" placeholder="Other amount"></label></p>
</fieldset>
<div class="detail" id="tabs_5" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/food1.JPG">
<p>$1000 can provide 4 families with lifesaving drinking water and food for a month</p>
</div>
<div class="detail" id="tabs_4" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/syria2.jpg">
<p>$530 can provide 8 families with winterization assistance</p>
</div>
<div class="detail" id="tabs_3" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/1.jpg">
<p>$200 can contribute to make UNRWA shelters safer for displaced families </p>
</div>
<div class="detail" id="tabs_2" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/2.jpg">
<p>$130 can provide winterization kits for two families in Gaza</p>
</div>
<div class="detail" id="tabs_1" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/gazafoodassistance500.jpg">
<p>$80 can provide two families with lifesaving drinking water and food </p>
</div>
<div class="detail" id="tabs_0" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/B3A0874.jpg">
<p>$40 will provide one family with lifesaving food and drinking water </p>
</div>
<p class="tax-info" style="display: none;"></p>
<!--<input type="hidden" value="" name="iraiser_analytics_session_id" id="iraiser_analytics_session_id"/>-->
<input type="hidden" name="referrer" value="" tabindex="100">
<script type="text/javascript">
try {
$("input[name=referrer]").val(document.referrer);
if (document.location.search.indexOf('_cv') > 1) {
$('input[name=referrer]').after($('<input type="hidden" name="query_string" />').val(document.location.search.substring(1)));
}
} catch (e) {}
</script>
</div>
</div>
</div>
<div id="regular" class="bloc inactive ui-tabs-panel ui-corner-bottom ui-widget-content inactive-panel" aria-labelledby="ui-id-1" role="tabpanel" aria-hidden="true" style="display: none;">
<div class="bloc-content">
<div id="bloc-amount-regular">
<fieldset class="amount type2ct">
<ul class="radio-desc line" id="amount-list-regular">
<li data-detail="tabs_0">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="3700" id="amount-regular-3700" type="radio" data-amount="4000" tabindex="100" data-init="4000"> <span
id="value_of_amount-regular-4000"><span class="currency_symbol">€</span> <span class="currency_amount">37</span></span></label></div>
</li>
<li data-detail="tabs_1">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="7400" id="amount-regular-7400" type="radio" data-amount="8000" tabindex="100" data-init="8000"> <span
id="value_of_amount-regular-8000"><span class="currency_symbol">€</span> <span class="currency_amount">74</span></span></label></div>
</li>
<li data-detail="tabs_2">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="12000" id="amount-regular-12000" type="radio" data-amount="13000" tabindex="100" data-init="13000"> <span
id="value_of_amount-regular-13000"><span class="currency_symbol">€</span> <span class="currency_amount">120</span></span></label></div>
</li>
<li data-detail="tabs_3">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="18400" id="amount-regular-18400" type="radio" data-amount="20000" tabindex="100" data-init="20000"> <span
id="value_of_amount-regular-20000"><span class="currency_symbol">€</span> <span class="currency_amount">184</span></span></label></div>
</li>
<li data-detail="tabs_4">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="48800" id="amount-regular-48800" type="radio" data-amount="53000" tabindex="100" data-init="53000"> <span
id="value_of_amount-regular-53000"><span class="currency_symbol">€</span> <span class="currency_amount">488</span></span></label></div>
</li>
<li data-detail="tabs_5">
<div class="unit size1of2"></div>
<div class="unit size1of2 lastUnit"><label><input autocomplete="false" name="amount-regular" value="92000" id="amount-regular-92000" type="radio" data-amount="100000" tabindex="100" data-init="100000"> <span
id="value_of_amount-regular-100000"><span class="currency_symbol">€</span> <span class="currency_amount">920</span></span></label></div>
</li>
</ul>
</fieldset>
<div class="amount-equivalences" style="display: none;">
<p class="amount-equivalences-img"></p>
<p class="amount-equivalences-description"></p>
</div>
<fieldset class="free-amount currency-before">
<p><label><span class="price_currency currency_symbol">€</span><label class="free_amount_description">Choose other amount to give</label><input autocomplete="section-famount" name="famount-regular" type="text" size="6"
id="famount-regular" tabindex="100" placeholder="Other amount"></label></p>
</fieldset>
<div class="detail" id="tabs_5" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/food1.JPG">
<p>$1000 can provide 4 families with lifesaving drinking water and food for a month</p>
</div>
<div class="detail" id="tabs_4" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/syria2.jpg">
<p>$530 can provide 8 families with winterization assistance </p>
</div>
<div class="detail" id="tabs_3" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/3.jpg">
<p>$200 can contribute to make UNRWA shelters safer for displaced families</p>
</div>
<div class="detail" id="tabs_2" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/2.jpg">
<p>$130 can provide winterization kits for two families in Gaza </p>
</div>
<div class="detail" id="tabs_1" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/gazafoodassistance500.jpg">
<p>$80 can provide two families with lifesaving drinking water and food</p>
</div>
<div class="detail" id="tabs_0" style="display: none;"><img src="/cdn.iraiser.eu/PYo+yXbrJtjg1PvDuefZRg==/default/origin/B3A0874.jpg">
<p>$40 will provide one family with lifesaving food and drinking water </p>
</div>
<p class="tax-info" style="display: none;"></p>
<!--<input type="hidden" value="" name="iraiser_analytics_session_id" id="iraiser_analytics_session_id"/>-->
<input type="hidden" name="referrer" value="" tabindex="100">
<script type="text/javascript">
try {
$("input[name=referrer]").val(document.referrer);
if (document.location.search.indexOf('_cv') > 1) {
$('input[name=referrer]').after($('<input type="hidden" name="query_string" />').val(document.location.search.substring(1)));
}
} catch (e) {}
</script>
</div>
</div>
</div>
</div>
<div class="onceblock">
</div>
<div class="regularblock" style="display: none;">
</div>
<div>
</div>
<div class="clearfix"></div>
</div>
<!-- End Once -->
<!-- End Each-month -->
</div> <!-- End Step-content -->
<!-- End Step-info -->
</div> <!-- End Step-container -->
</div> <!-- End Step-1 -->
<div id="step-2" class="unit size1of3">
<div class="step-container">
<div class="step-title">
<h2>My details</h2>
</div>
<div class="step-content" style="height: 373px;">
<div class="height_adaptor">
<fieldset id="fieldset-step2">
<p id="c-email">
<label for="email"><i class="far fa-envelope"></i></label>
<input type="text" name="email" id="email" placeholder="Email *">
</p>
<fieldset id="fielset-name">
<input type="hidden" name="civility" value="18">
<p id="c-fname">
<label for="firstname">First Name <span class="required">*</span> </label>
<input type="text" name="firstname" id="firstname" placeholder="First Name *">
</p>
<p id="c-lname">
<label for="lastname">Last Name <span class="required">*</span> </label>
<input type="text" name="lastname" id="lastname" placeholder="Last Name *">
</p>
</fieldset>
<fieldset id="fielset-address">
<input type="hidden" name="address1" value="N/A">
<input type="hidden" name="address2" value="N/A">
<div class="line">
<input type="hidden" name="postcode" value="N/A">
<input type="hidden" name="city" value="N/A">
</div>
<p id="c-country">
<label for="country">Country <span class="required">*</span> </label>
<select name="country" id="country" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true">
<option value="CA">CANADA</option>
<option value="FR">FRANCE</option>
<option value="DE">GERMANY</option>
<option value="GB" selected="selected">UNITED KINGDOM</option>
<option value="US">UNITED STATES</option>
<option value="">----------------------------------</option>
<option value="AF">AFGHANISTAN</option>
<option value="AX">ÅLAND ISLANDS</option>
<option value="AL">ALBANIA</option>
<option value="DZ">ALGERIA</option>
<option value="AS">AMERICAN SAMOA</option>
<option value="AD">ANDORRA</option>
<option value="AO">ANGOLA</option>
<option value="AI">ANGUILLA</option>
<option value="AQ">ANTARCTICA</option>
<option value="AG">ANTIGUA AND BARBUDA</option>
<option value="AR">ARGENTINA</option>
<option value="AM">ARMENIA</option>
<option value="AW">ARUBA</option>
<option value="AU">AUSTRALIA</option>
<option value="AT">AUSTRIA</option>
<option value="AZ">AZERBAIJAN</option>
<option value="BS">BAHAMAS</option>
<option value="BH">BAHRAIN</option>
<option value="BD">BANGLADESH</option>
<option value="BB">BARBADOS</option>
<option value="BY">BELARUS</option>
<option value="BE">BELGIUM</option>
<option value="BZ">BELIZE</option>
<option value="BJ">BENIN</option>
<option value="BM">BERMUDA</option>
<option value="BT">BHUTAN</option>
<option value="BO">BOLIVIA, PLURINATIONAL STATE OF</option>
<option value="BA">BOSNIA AND HERZEGOVINA</option>
<option value="BW">BOTSWANA</option>
<option value="BV">BOUVET ISLAND</option>
<option value="BR">BRAZIL</option>
<option value="IO">BRITISH INDIAN OCEAN TERRITORY</option>
<option value="BN">BRUNEI DARUSSALAM</option>
<option value="BG">BULGARIA</option>
<option value="BF">BURKINA FASO</option>
<option value="BI">BURUNDI</option>
<option value="KH">CAMBODIA</option>
<option value="CM">CAMEROON</option>
<option value="CA">CANADA</option>
<option value="CV">CAPE VERDE</option>
<option value="KY">CAYMAN ISLANDS</option>
<option value="CF">CENTRAL AFRICAN REPUBLIC</option>
<option value="TD">CHAD</option>
<option value="CL">CHILE</option>
<option value="CN">CHINA</option>
<option value="CX">CHRISTMAS ISLAND</option>
<option value="CC">COCOS (KEELING) ISLANDS</option>
<option value="CO">COLOMBIA</option>
<option value="KM">COMOROS</option>
<option value="CG">CONGO</option>
<option value="CD">CONGO, THE DEMOCRATIC REPUBLIC OF THE</option>
<option value="CK">COOK ISLANDS</option>
<option value="CR">COSTA RICA</option>
<option value="CI">CÔTE D'IVOIRE</option>
<option value="HR">CROATIA</option>
<option value="CU">CUBA</option>
<option value="CY">CYPRUS</option>
<option value="CZ">CZECH REPUBLIC</option>
<option value="DK">DENMARK</option>
<option value="DJ">DJIBOUTI</option>
<option value="DM">DOMINICA</option>
<option value="DO">DOMINICAN REPUBLIC</option>
<option value="EC">ECUADOR</option>
<option value="EG">EGYPT</option>
<option value="SV">EL SALVADOR</option>
<option value="GQ">EQUATORIAL GUINEA</option>
<option value="ER">ERITREA</option>
<option value="EE">ESTONIA</option>
<option value="ET">ETHIOPIA</option>
<option value="FK">FALKLAND ISLANDS (MALVINAS)</option>
<option value="FO">FAROE ISLANDS</option>
<option value="FJ">FIJI</option>
<option value="FI">FINLAND</option>
<option value="FR">FRANCE</option>
<option value="GF">FRENCH GUIANA</option>
<option value="PF">FRENCH POLYNESIA</option>
<option value="TF">FRENCH SOUTHERN TERRITORIES</option>
<option value="GA">GABON</option>
<option value="GM">GAMBIA</option>
<option value="GE">GEORGIA</option>
<option value="DE">GERMANY</option>
<option value="GH">GHANA</option>
<option value="GI">GIBRALTAR</option>
<option value="GR">GREECE</option>
<option value="GL">GREENLAND</option>
<option value="GD">GRENADA</option>
<option value="GP">GUADELOUPE</option>
<option value="GU">GUAM</option>
<option value="GT">GUATEMALA</option>
<option value="GG">GUERNSEY</option>
<option value="GN">GUINEA</option>
<option value="GW">GUINEA-BISSAU</option>
<option value="GY">GUYANA</option>
<option value="HT">HAITI</option>
<option value="HM">HEARD ISLAND AND MCDONALD ISLANDS</option>
<option value="VA">HOLY SEE (VATICAN CITY STATE)</option>
<option value="HN">HONDURAS</option>
<option value="HK">HONG KONG</option>
<option value="HU">HUNGARY</option>
<option value="IS">ICELAND</option>
<option value="IN">INDIA</option>
<option value="ID">INDONESIA</option>
<option value="IR">IRAN, ISLAMIC REPUBLIC OF</option>
<option value="IQ">IRAQ</option>
<option value="IE">IRELAND</option>
<option value="IM">ISLE OF MAN</option>
<option value="IL">ISRAEL</option>
<option value="IT">ITALY</option>
<option value="JM">JAMAICA</option>
<option value="JP">JAPAN</option>
<option value="JE">JERSEY</option>
<option value="JO">JORDAN</option>
<option value="KZ">KAZAKHSTAN</option>
<option value="KE">KENYA</option>
<option value="KI">KIRIBATI</option>
<option value="KP">KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF</option>
<option value="KR">KOREA, REPUBLIC OF</option>
<option value="KW">KUWAIT</option>
<option value="KG">KYRGYZSTAN</option>
<option value="LA">LAO PEOPLE'S DEMOCRATIC REPUBLIC</option>
<option value="LV">LATVIA</option>
<option value="LB">LEBANON</option>
<option value="LS">LESOTHO</option>
<option value="LR">LIBERIA</option>
<option value="LY">LIBYAN ARAB JAMAHIRIYA</option>
<option value="LI">LIECHTENSTEIN</option>
<option value="LT">LITHUANIA</option>
<option value="LU">LUXEMBOURG</option>
<option value="MO">MACAO</option>
<option value="MK">MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF</option>
<option value="MG">MADAGASCAR</option>
<option value="MW">MALAWI</option>
<option value="MY">MALAYSIA</option>
<option value="MV">MALDIVES</option>
<option value="ML">MALI</option>
<option value="MT">MALTA</option>
<option value="MH">MARSHALL ISLANDS</option>
<option value="MQ">MARTINIQUE</option>
<option value="MR">MAURITANIA</option>
<option value="MU">MAURITIUS</option>
<option value="YT">MAYOTTE</option>
<option value="MX">MEXICO</option>
<option value="FM">MICRONESIA, FEDERATED STATES OF</option>
<option value="MD">MOLDOVA, REPUBLIC OF</option>
<option value="MC">MONACO</option>
<option value="MN">MONGOLIA</option>
<option value="ME">MONTENEGRO</option>
<option value="MS">MONTSERRAT</option>
<option value="MA">MOROCCO</option>
<option value="MZ">MOZAMBIQUE</option>
<option value="MM">MYANMAR</option>
<option value="NA">NAMIBIA</option>
<option value="NR">NAURU</option>
<option value="NP">NEPAL</option>
<option value="NL">NETHERLANDS</option>
<option value="AN">NETHERLANDS ANTILLES</option>
<option value="NC">NEW CALEDONIA</option>
<option value="NZ">NEW ZEALAND</option>
<option value="NI">NICARAGUA</option>
<option value="NE">NIGER</option>
<option value="NG">NIGERIA</option>
<option value="NU">NIUE</option>
<option value="NF">NORFOLK ISLAND</option>
<option value="MP">NORTHERN MARIANA ISLANDS</option>
<option value="NO">NORWAY</option>
<option value="OM">OMAN</option>
<option value="PK">PAKISTAN</option>
<option value="PW">PALAU</option>
<option value="PS">PALESTINIAN TERRITORY, OCCUPIED</option>
<option value="PA">PANAMA</option>
<option value="PG">PAPUA NEW GUINEA</option>
<option value="PY">PARAGUAY</option>
<option value="PE">PERU</option>
<option value="PH">PHILIPPINES</option>
<option value="PN">PITCAIRN</option>
<option value="PL">POLAND</option>
<option value="PT">PORTUGAL</option>
<option value="PR">PUERTO RICO</option>
<option value="QA">QATAR</option>
<option value="RE">RÉUNION</option>
<option value="RO">ROMANIA</option>
<option value="RU">RUSSIAN FEDERATION</option>
<option value="RW">RWANDA</option>
<option value="BL">SAINT BARTHÉLEMY</option>
<option value="SH">SAINT HELENA, ASCENSION AND TRISTAN DA CUNHA</option>
<option value="KN">SAINT KITTS AND NEVIS</option>
<option value="LC">SAINT LUCIA</option>
<option value="MF">SAINT MARTIN</option>
<option value="PM">SAINT PIERRE AND MIQUELON</option>
<option value="VC">SAINT VINCENT AND THE GRENADINES</option>
<option value="WS">SAMOA</option>
<option value="SM">SAN MARINO</option>
<option value="ST">SAO TOME AND PRINCIPE</option>
<option value="SA">SAUDI ARABIA</option>
<option value="SN">SENEGAL</option>
<option value="RS">SERBIA</option>
<option value="SC">SEYCHELLES</option>
<option value="SL">SIERRA LEONE</option>
<option value="SG">SINGAPORE</option>
<option value="SK">SLOVAKIA</option>
<option value="SI">SLOVENIA</option>
<option value="SB">SOLOMON ISLANDS</option>
<option value="SO">SOMALIA</option>
<option value="ZA">SOUTH AFRICA</option>
<option value="GS">SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS</option>
<option value="ES">SPAIN</option>
<option value="LK">SRI LANKA</option>
<option value="SD">SUDAN</option>
<option value="SR">SURINAME</option>
<option value="SJ">SVALBARD AND JAN MAYEN</option>
<option value="SZ">SWAZILAND</option>
<option value="SE">SWEDEN</option>
<option value="CH">SWITZERLAND</option>
<option value="SY">SYRIAN ARAB REPUBLIC</option>
<option value="TW">TAIWAN, PROVINCE OF CHINA</option>
<option value="TJ">TAJIKISTAN</option>
<option value="TZ">TANZANIA, UNITED REPUBLIC OF</option>
<option value="TH">THAILAND</option>
<option value="TL">TIMOR-LESTE</option>
<option value="TG">TOGO</option>
<option value="TK">TOKELAU</option>
<option value="TO">TONGA</option>
<option value="TT">TRINIDAD AND TOBAGO</option>
<option value="TN">TUNISIA</option>
<option value="TR">TURKEY</option>
<option value="TM">TURKMENISTAN</option>
<option value="TC">TURKS AND CAICOS ISLANDS</option>
<option value="TV">TUVALU</option>
<option value="UG">UGANDA</option>
<option value="UA">UKRAINE</option>
<option value="AE">UNITED ARAB EMIRATES</option>
<option value="GB">UNITED KINGDOM</option>
<option value="US">UNITED STATES</option>
<option value="UM">UNITED STATES MINOR OUTLYING ISLANDS</option>
<option value="UY">URUGUAY</option>
<option value="UZ">UZBEKISTAN</option>
<option value="VU">VANUATU</option>
<option value="VE">VENEZUELA, BOLIVARIAN REPUBLIC OF</option>
<option value="VN">VIET NAM</option>
<option value="VG">VIRGIN ISLANDS, BRITISH</option>
<option value="VI">VIRGIN ISLANDS, U.S.</option>
<option value="WF">WALLIS AND FUTUNA</option>
<option value="EH">WESTERN SAHARA</option>
<option value="YE">YEMEN</option>
<option value="ZM">ZAMBIA</option>
<option value="ZW">ZIMBABWE</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 400px;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-autocomplete="list"
aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-country-container"><span class="select2-selection__rendered" id="select2-country-container" title="GERMANY">GERMANY</span><span
class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</p>
<!-- FindMyAddress not enabled on this campaign -->
</fieldset>
<p name="reserved_reserved_zakat" id="reserved_reserved_zakat_id_6620beb44e445" data-type="checkbox">
<label for="reserved_reserved_zakat">
<input type="hidden" name="reserved_reserved_zakat" value="0">
<input id="reserved_reserved_zakat" type="checkbox" aria-describedby="nameHelp_reserved_reserved_zakat" name="reserved_reserved_zakat" data-scope="step2" data-required="" value="1"><span></span>
<span class="reserved_title"><b>I want my contribution to be used as Zakat</b></span>
</label>
</p>
<p id="required-info"><span class="required">*</span> <span class="help">Required Fields </span></p>
</fieldset>
</div>
</div> <!-- End Bloc -->
<!-- End Step-info -->
</div> <!-- End Step-container -->
</div> <!-- End Step-2 -->
<div id="step-3" class="unit size1of3 lastUnit">
<div class="step-container">
<div class="step-title">
<h2>My payment</h2>
</div>
<div class="step-content" style="height: 363px;">
<div class="height_adaptor">
<div id="security-info">
<p>Highly secure payments using 256-bit SSL encryption method, the highest security standard.</p>
</div>
<div class="payment">
<div id="payment_modes_once">
<input type="hidden" name="paymentNonce" id="paymentNonce" value="" autocomplete="off">
<input type="hidden" name="stripeErrorCode" id="stripeErrorCode" value="" autocomplete="off">
<input type="hidden" name="stripeError" id="stripeError" value="" autocomplete="off">
<fieldset id="payment_mode-card" class="payment_mode">
<h4 class="payment_head">
<span class="payment_mode_title">Donate by Card</span>
</h4>
<div class="payment_body" id="creditcard" style="display: none;">
<p id="card-number">
<label for="stripe_creditcard_cardNumber_placeholder_once" style="display: none;">Please enter your card number</label>
<input type="text" id="stripe_creditcard_cardNumber_placeholder_once" autocomplete="off" placeholder="Please enter your card number" data-scope="stripe" data-required="1"
data-ira-check="window.stripe_creditcard.checkElement('once', 'cardNumber')" style="display: none;"><span id="stripe_creditcard_cardNumber_container_once" class="StripeElement StripeElement--empty"
style="accent-color: auto; place-content: normal; place-items: normal; place-self: auto; alignment-baseline: auto; animation-composition: replace; animation: 0s ease 0s 1 normal none running none; app-region: none; appearance: auto; backdrop-filter: none; backface-visibility: visible; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); background-blend-mode: normal; baseline-shift: 0px; baseline-source: auto; block-size: 45px; border-block-end: 1px solid rgb(210, 202, 200); border-block-start: 1px solid rgb(210, 202, 200); border-color: rgb(210, 202, 200); border-radius: 4px; border-style: solid; border-width: 1px; border-collapse: separate; border-end-end-radius: 4px; border-end-start-radius: 4px; border-image: none 100% / 1 / 0 stretch; border-inline-end: 1px solid rgb(210, 202, 200); border-inline-start: 1px solid rgb(210, 202, 200); border-start-end-radius: 4px; border-start-start-radius: 4px; inset: auto; box-shadow: none; box-sizing: border-box; break-after: auto; break-before: auto; break-inside: auto; buffered-rendering: auto; caption-side: top; caret-color: rgb(148, 148, 148); clear: none; clip: auto; clip-path: none; clip-rule: nonzero; color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; columns: auto; gap: normal; column-rule: 0px rgb(148, 148, 148); column-span: none; contain-intrinsic-block-size: none; contain-intrinsic-size: none; contain-intrinsic-inline-size: none; container: none; content: normal; cursor: text; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline-block; dominant-baseline: auto; empty-cells: show; field-sizing: fixed; fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; filter: none; flex: 0 1 auto; flex-flow: row; float: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; font-kerning: auto; font-optical-sizing: auto; font-palette: normal; font-stretch: 100%; font-synthesis: weight style small-caps; font-variant: normal; grid: none; grid-area: auto; height: 45px; hyphenate-character: auto; hyphenate-limit-chars: auto; hyphens: manual; image-orientation: from-image; image-rendering: auto; initial-letter: normal; inline-size: 100%; inset-block: auto; inset-inline: auto; isolation: auto; lighting-color: rgb(255, 255, 255); line-break: auto; line-height: 22.4px; list-style: outside none disc; margin-block: 0px; margin: 0px; margin-inline: 0px; marker: none; mask: none; mask-type: luminance; math-depth: 0; math-shift: normal; math-style: normal; max-block-size: none; max-height: none; max-inline-size: none; max-width: none; min-block-size: 0px; min-height: 0px; min-inline-size: 0px; min-width: 0px; mix-blend-mode: normal; object-fit: fill; object-position: 50% 50%; object-view-box: none; offset: normal; opacity: 1; order: 0; orphans: 2; outline: rgb(148, 148, 148) none 0px; outline-offset: 0px; overflow-anchor: auto; overflow-clip-margin: 0px; overflow-wrap: normal; overflow: visible; overlay: none; overscroll-behavior-block: auto; overscroll-behavior-inline: auto; padding-block: 10px; padding: 10px; padding-inline: 10px; paint-order: normal; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; position: static; r: 0px; resize: none; rotate: none; ruby-position: over; rx: auto; ry: auto; scale: none; scroll-behavior: auto; scroll-margin-block: 0px; scroll-margin-inline: 0px; scroll-padding-block: auto; scroll-padding-inline: auto; scroll-timeline: none; scrollbar-color: auto; scrollbar-gutter: auto; scrollbar-width: auto; shape-image-threshold: 0; shape-margin: 0px; shape-outside: none; shape-rendering: auto; speak: normal; stop-color: rgb(0, 0, 0); stop-opacity: 1; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0px; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1px; tab-size: 8; table-layout: auto; text-align-last: auto; text-anchor: start; text-decoration-color: rgb(148, 148, 148); text-decoration-line: none; text-decoration-skip-ink: auto; text-decoration-style: solid; text-emphasis: none rgb(148, 148, 148); text-emphasis-position: over; text-indent: 0px; text-overflow: clip; text-rendering: auto; text-size-adjust: auto; text-spacing-trim: normal; text-underline-position: auto; white-space: normal; timeline-scope: none; touch-action: auto; transform: none; transform-origin: 50% 50%; transform-style: flat; transition: all 0s ease 0s; translate: none; unicode-bidi: normal; user-select: auto; vector-effect: none; vertical-align: baseline; view-timeline: none; view-transition-name: none; visibility: visible; widows: 2; width: 100%; will-change: auto; word-break: normal; word-spacing: 0px; writing-mode: horizontal-tb; x: 0px; y: 0px; z-index: auto; zoom: 1; border-spacing: 0px; -webkit-border-image: none; -webkit-box-align: stretch; -webkit-box-decoration-break: slice; -webkit-box-direction: normal; -webkit-box-flex: 0; -webkit-box-ordinal-group: 1; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-font-smoothing: auto; -webkit-line-break: auto; -webkit-locale: "en_EN"; -webkit-mask-box-image-source: none; -webkit-mask-box-image-slice: 0 fill; -webkit-mask-box-image-width: auto; -webkit-mask-box-image-outset: 0; -webkit-mask-box-image-repeat: stretch; -webkit-print-color-adjust: economy; -webkit-rtl-ordering: logical; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18); -webkit-text-combine: none; -webkit-text-decorations-in-effect: none; -webkit-text-fill-color: rgb(148, 148, 148); -webkit-text-orientation: vertical-right; -webkit-text-security: none; -webkit-text-stroke: 0px rgb(148, 148, 148); -webkit-user-drag: auto; -webkit-user-modify: read-only; -webkit-writing-mode: horizontal-tb;"></span>
</p>
<div class="__PrivateStripeElement"
style="margin: 0px !important; padding: 0px !important; border: none !important; display: flex; background: transparent !important; position: relative !important; opacity: 1 !important; height: 100%; align-items: center;"><iframe
name="__privateStripeFrame5873" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *"
src="https://js.stripe.com/v3/elements-inner-card-b9c1f6448e36b08ee7a8eb6e620041c2.html#locale=en-GB&wait=false&mids[guid]=NA&mids[muid]=NA&mids[sid]=NA&showIcon=true&style[base][color]=rgb(148%2C+148%2C+148)&style[base][fontFamily]=%22Open+Sans%22%2C+sans-serif&style[base][fontSize]=16px&style[base][fontStyle]=normal&style[base][fontVariant]=normal&style[base][fontWeight]=400&style[base][letterSpacing]=normal&style[base][textAlign]=start&style[base][textDecoration]=none+solid+rgb(148%2C+148%2C+148)&style[base][textShadow]=none&style[base][textTransform]=none&rtl=false&componentName=cardNumber&keyMode=live&apiKey=pk_live_gylIKvYhpDlM24wTBXaC4v0C&referrer=https%3A%2F%2Fdonate.unrwa.org%2Fgaza%2F~my-donation%3F_cv%3D1&controllerId=__privateStripeController5871"
title="Secure card number input frame"
style="border: 0px !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 19.2px;"></iframe><input
class="__PrivateStripeElement-input" aria-hidden="true" aria-label=" " autocomplete="false" maxlength="1"
style="border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: -1px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;">
</div>
<p></p>
<div class="line">
<p id="card-expiry" class="unit size1of2">
<label for="stripe_creditcard_cardExpiry_placeholder_once" style="display: none;">Expiry date</label>
<input type="text" id="stripe_creditcard_cardExpiry_placeholder_once" autocomplete="off" placeholder="Expiry date" data-scope="stripe" data-required="1"
data-ira-check="window.stripe_creditcard.checkElement('once', 'cardExpiry')" style="display: none;"><span id="stripe_creditcard_cardExpiry_container_once" class="StripeElement StripeElement--empty"
style="accent-color: auto; place-content: normal; place-items: normal; place-self: auto; alignment-baseline: auto; animation-composition: replace; animation: 0s ease 0s 1 normal none running none; app-region: none; appearance: auto; backdrop-filter: none; backface-visibility: visible; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); background-blend-mode: normal; baseline-shift: 0px; baseline-source: auto; block-size: 45px; border-block-end: 1px solid rgb(210, 202, 200); border-block-start: 1px solid rgb(210, 202, 200); border-color: rgb(210, 202, 200); border-radius: 4px; border-style: solid; border-width: 1px; border-collapse: separate; border-end-end-radius: 4px; border-end-start-radius: 4px; border-image: none 100% / 1 / 0 stretch; border-inline-end: 1px solid rgb(210, 202, 200); border-inline-start: 1px solid rgb(210, 202, 200); border-start-end-radius: 4px; border-start-start-radius: 4px; inset: auto; box-shadow: none; box-sizing: border-box; break-after: auto; break-before: auto; break-inside: auto; buffered-rendering: auto; caption-side: top; caret-color: rgb(148, 148, 148); clear: none; clip: auto; clip-path: none; clip-rule: nonzero; color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; columns: auto; gap: normal; column-rule: 0px rgb(148, 148, 148); column-span: none; contain-intrinsic-block-size: none; contain-intrinsic-size: none; contain-intrinsic-inline-size: none; container: none; content: normal; cursor: text; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline-block; dominant-baseline: auto; empty-cells: show; field-sizing: fixed; fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; filter: none; flex: 0 1 auto; flex-flow: row; float: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; font-kerning: auto; font-optical-sizing: auto; font-palette: normal; font-stretch: 100%; font-synthesis: weight style small-caps; font-variant: normal; grid: none; grid-area: auto; height: 45px; hyphenate-character: auto; hyphenate-limit-chars: auto; hyphens: manual; image-orientation: from-image; image-rendering: auto; initial-letter: normal; inline-size: 100%; inset-block: auto; inset-inline: auto; isolation: auto; lighting-color: rgb(255, 255, 255); line-break: auto; line-height: 22.4px; list-style: outside none disc; margin-block: 0px; margin: 0px; margin-inline: 0px; marker: none; mask: none; mask-type: luminance; math-depth: 0; math-shift: normal; math-style: normal; max-block-size: none; max-height: none; max-inline-size: none; max-width: none; min-block-size: 0px; min-height: 0px; min-inline-size: 0px; min-width: 0px; mix-blend-mode: normal; object-fit: fill; object-position: 50% 50%; object-view-box: none; offset: normal; opacity: 1; order: 0; orphans: 2; outline: rgb(148, 148, 148) none 0px; outline-offset: 0px; overflow-anchor: auto; overflow-clip-margin: 0px; overflow-wrap: normal; overflow: visible; overlay: none; overscroll-behavior-block: auto; overscroll-behavior-inline: auto; padding-block: 10px; padding: 10px; padding-inline: 10px; paint-order: normal; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; position: static; r: 0px; resize: none; rotate: none; ruby-position: over; rx: auto; ry: auto; scale: none; scroll-behavior: auto; scroll-margin-block: 0px; scroll-margin-inline: 0px; scroll-padding-block: auto; scroll-padding-inline: auto; scroll-timeline: none; scrollbar-color: auto; scrollbar-gutter: auto; scrollbar-width: auto; shape-image-threshold: 0; shape-margin: 0px; shape-outside: none; shape-rendering: auto; speak: normal; stop-color: rgb(0, 0, 0); stop-opacity: 1; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0px; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1px; tab-size: 8; table-layout: auto; text-align-last: auto; text-anchor: start; text-decoration-color: rgb(148, 148, 148); text-decoration-line: none; text-decoration-skip-ink: auto; text-decoration-style: solid; text-emphasis: none rgb(148, 148, 148); text-emphasis-position: over; text-indent: 0px; text-overflow: clip; text-rendering: auto; text-size-adjust: auto; text-spacing-trim: normal; text-underline-position: auto; white-space: normal; timeline-scope: none; touch-action: auto; transform: none; transform-origin: 50% 50%; transform-style: flat; transition: all 0s ease 0s; translate: none; unicode-bidi: normal; user-select: auto; vector-effect: none; vertical-align: baseline; view-timeline: none; view-transition-name: none; visibility: visible; widows: 2; width: 100%; will-change: auto; word-break: normal; word-spacing: 0px; writing-mode: horizontal-tb; x: 0px; y: 0px; z-index: auto; zoom: 1; border-spacing: 0px; -webkit-border-image: none; -webkit-box-align: stretch; -webkit-box-decoration-break: slice; -webkit-box-direction: normal; -webkit-box-flex: 0; -webkit-box-ordinal-group: 1; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-font-smoothing: auto; -webkit-line-break: auto; -webkit-locale: "en_EN"; -webkit-mask-box-image-source: none; -webkit-mask-box-image-slice: 0 fill; -webkit-mask-box-image-width: auto; -webkit-mask-box-image-outset: 0; -webkit-mask-box-image-repeat: stretch; -webkit-print-color-adjust: economy; -webkit-rtl-ordering: logical; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18); -webkit-text-combine: none; -webkit-text-decorations-in-effect: none; -webkit-text-fill-color: rgb(148, 148, 148); -webkit-text-orientation: vertical-right; -webkit-text-security: none; -webkit-text-stroke: 0px rgb(148, 148, 148); -webkit-user-drag: auto; -webkit-user-modify: read-only; -webkit-writing-mode: horizontal-tb;"></span>
</p>
<div class="__PrivateStripeElement"
style="margin: 0px !important; padding: 0px !important; border: none !important; display: flex; background: transparent !important; position: relative !important; opacity: 1 !important; height: 100%; align-items: center;">
<iframe name="__privateStripeFrame5874" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *"
src="https://js.stripe.com/v3/elements-inner-card-b9c1f6448e36b08ee7a8eb6e620041c2.html#locale=en-GB&wait=false&mids[guid]=NA&mids[muid]=NA&mids[sid]=NA&style[base][color]=rgb(148%2C+148%2C+148)&style[base][fontFamily]=%22Open+Sans%22%2C+sans-serif&style[base][fontSize]=16px&style[base][fontStyle]=normal&style[base][fontVariant]=normal&style[base][fontWeight]=400&style[base][letterSpacing]=normal&style[base][textAlign]=start&style[base][textDecoration]=none+solid+rgb(148%2C+148%2C+148)&style[base][textShadow]=none&style[base][textTransform]=none&rtl=false&componentName=cardExpiry&keyMode=live&apiKey=pk_live_gylIKvYhpDlM24wTBXaC4v0C&referrer=https%3A%2F%2Fdonate.unrwa.org%2Fgaza%2F~my-donation%3F_cv%3D1&controllerId=__privateStripeController5871"
title="Secure expiration date input frame"
style="border: 0px !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 19.2px;"></iframe><input
class="__PrivateStripeElement-input" aria-hidden="true" aria-label=" " autocomplete="false" maxlength="1"
style="border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: -1px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;">
</div>
<p></p>
<p id="card-scode" class="unit size2of2 lastUnit">
<label for="stripe_creditcard_cardCvc_placeholder_once" style="display: none;">CVV</label>
<input type="text" id="stripe_creditcard_cardCvc_placeholder_once" autocomplete="off" placeholder="CVV" data-scope="stripe" data-required="1" data-ira-check="window.stripe_creditcard.checkElement('once', 'cardCvc')"
style="display: none;"><span id="stripe_creditcard_cardCvc_container_once" class="StripeElement StripeElement--empty"
style="accent-color: auto; place-content: normal; place-items: normal; place-self: auto; alignment-baseline: auto; animation-composition: replace; animation: 0s ease 0s 1 normal none running none; app-region: none; appearance: auto; backdrop-filter: none; backface-visibility: visible; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); background-blend-mode: normal; baseline-shift: 0px; baseline-source: auto; block-size: 45px; border-block-end: 1px solid rgb(210, 202, 200); border-block-start: 1px solid rgb(210, 202, 200); border-color: rgb(210, 202, 200); border-radius: 4px; border-style: solid; border-width: 1px; border-collapse: separate; border-end-end-radius: 4px; border-end-start-radius: 4px; border-image: none 100% / 1 / 0 stretch; border-inline-end: 1px solid rgb(210, 202, 200); border-inline-start: 1px solid rgb(210, 202, 200); border-start-end-radius: 4px; border-start-start-radius: 4px; inset: auto; box-shadow: none; box-sizing: border-box; break-after: auto; break-before: auto; break-inside: auto; buffered-rendering: auto; caption-side: top; caret-color: rgb(148, 148, 148); clear: none; clip: auto; clip-path: none; clip-rule: nonzero; color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; columns: auto; gap: normal; column-rule: 0px rgb(148, 148, 148); column-span: none; contain-intrinsic-block-size: none; contain-intrinsic-size: none; contain-intrinsic-inline-size: none; container: none; content: normal; cursor: text; cx: 0px; cy: 0px; d: none; direction: ltr; display: inline-block; dominant-baseline: auto; empty-cells: show; field-sizing: fixed; fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; filter: none; flex: 0 1 auto; flex-flow: row; float: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; font-kerning: auto; font-optical-sizing: auto; font-palette: normal; font-stretch: 100%; font-synthesis: weight style small-caps; font-variant: normal; grid: none; grid-area: auto; height: 45px; hyphenate-character: auto; hyphenate-limit-chars: auto; hyphens: manual; image-orientation: from-image; image-rendering: auto; initial-letter: normal; inline-size: 100%; inset-block: auto; inset-inline: auto; isolation: auto; lighting-color: rgb(255, 255, 255); line-break: auto; line-height: 22.4px; list-style: outside none disc; margin-block: 0px; margin: 0px; margin-inline: 0px; marker: none; mask: none; mask-type: luminance; math-depth: 0; math-shift: normal; math-style: normal; max-block-size: none; max-height: none; max-inline-size: none; max-width: none; min-block-size: 0px; min-height: 0px; min-inline-size: 0px; min-width: 0px; mix-blend-mode: normal; object-fit: fill; object-position: 50% 50%; object-view-box: none; offset: normal; opacity: 1; order: 0; orphans: 2; outline: rgb(148, 148, 148) none 0px; outline-offset: 0px; overflow-anchor: auto; overflow-clip-margin: 0px; overflow-wrap: normal; overflow: visible; overlay: none; overscroll-behavior-block: auto; overscroll-behavior-inline: auto; padding-block: 10px; padding: 10px; padding-inline: 10px; paint-order: normal; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; position: static; r: 0px; resize: none; rotate: none; ruby-position: over; rx: auto; ry: auto; scale: none; scroll-behavior: auto; scroll-margin-block: 0px; scroll-margin-inline: 0px; scroll-padding-block: auto; scroll-padding-inline: auto; scroll-timeline: none; scrollbar-color: auto; scrollbar-gutter: auto; scrollbar-width: auto; shape-image-threshold: 0; shape-margin: 0px; shape-outside: none; shape-rendering: auto; speak: normal; stop-color: rgb(0, 0, 0); stop-opacity: 1; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0px; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1px; tab-size: 8; table-layout: auto; text-align-last: auto; text-anchor: start; text-decoration-color: rgb(148, 148, 148); text-decoration-line: none; text-decoration-skip-ink: auto; text-decoration-style: solid; text-emphasis: none rgb(148, 148, 148); text-emphasis-position: over; text-indent: 0px; text-overflow: clip; text-rendering: auto; text-size-adjust: auto; text-spacing-trim: normal; text-underline-position: auto; white-space: normal; timeline-scope: none; touch-action: auto; transform: none; transform-origin: 50% 50%; transform-style: flat; transition: all 0s ease 0s; translate: none; unicode-bidi: normal; user-select: auto; vector-effect: none; vertical-align: baseline; view-timeline: none; view-transition-name: none; visibility: visible; widows: 2; width: 100%; will-change: auto; word-break: normal; word-spacing: 0px; writing-mode: horizontal-tb; x: 0px; y: 0px; z-index: auto; zoom: 1; border-spacing: 0px; -webkit-border-image: none; -webkit-box-align: stretch; -webkit-box-decoration-break: slice; -webkit-box-direction: normal; -webkit-box-flex: 0; -webkit-box-ordinal-group: 1; -webkit-box-orient: horizontal; -webkit-box-pack: start; -webkit-font-smoothing: auto; -webkit-line-break: auto; -webkit-locale: "en_EN"; -webkit-mask-box-image-source: none; -webkit-mask-box-image-slice: 0 fill; -webkit-mask-box-image-width: auto; -webkit-mask-box-image-outset: 0; -webkit-mask-box-image-repeat: stretch; -webkit-print-color-adjust: economy; -webkit-rtl-ordering: logical; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.18); -webkit-text-combine: none; -webkit-text-decorations-in-effect: none; -webkit-text-fill-color: rgb(148, 148, 148); -webkit-text-orientation: vertical-right; -webkit-text-security: none; -webkit-text-stroke: 0px rgb(148, 148, 148); -webkit-user-drag: auto; -webkit-user-modify: read-only; -webkit-writing-mode: horizontal-tb;"></span>
</p>
<div class="__PrivateStripeElement"
style="margin: 0px !important; padding: 0px !important; border: none !important; display: flex; background: transparent !important; position: relative !important; opacity: 1 !important; height: 100%; align-items: center;">
<iframe name="__privateStripeFrame5875" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *"
src="https://js.stripe.com/v3/elements-inner-card-b9c1f6448e36b08ee7a8eb6e620041c2.html#locale=en-GB&wait=false&mids[guid]=NA&mids[muid]=NA&mids[sid]=NA&style[base][color]=rgb(148%2C+148%2C+148)&style[base][fontFamily]=%22Open+Sans%22%2C+sans-serif&style[base][fontSize]=16px&style[base][fontStyle]=normal&style[base][fontVariant]=normal&style[base][fontWeight]=400&style[base][letterSpacing]=normal&style[base][textAlign]=start&style[base][textDecoration]=none+solid+rgb(148%2C+148%2C+148)&style[base][textShadow]=none&style[base][textTransform]=none&rtl=false&componentName=cardCvc&keyMode=live&apiKey=pk_live_gylIKvYhpDlM24wTBXaC4v0C&referrer=https%3A%2F%2Fdonate.unrwa.org%2Fgaza%2F~my-donation%3F_cv%3D1&controllerId=__privateStripeController5871"
title="Secure CVC input frame"
style="border: 0px !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 19.2px;"></iframe><input
class="__PrivateStripeElement-input" aria-hidden="true" aria-label=" " autocomplete="false" maxlength="1"
style="border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: -1px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;">
</div>
<span class="help">The 3 digit security code is located on the back of your card</span>
<span class="help amex" style="display: none;">The security code consists of 4 digits written towards the top right on the front of your card</span>
<p></p>
</div>
<script type="text/javascript">
if (!window.stripeJsLoaded) {
window.stripeJsLoaded = new Promise((resolve, reject) => {
const s = document.createElement('script');
s.src = 'https://js.stripe.com/v3/';
s.type = 'text/javascript';
s.onerror = reject;
s.onload = resolve;
document.head.appendChild(s);
});
}
</script>
<input type="hidden" name="stripe_creditcard_paymentMethod" id="stripe_creditcard_paymentMethod_once" data-scope="stripe" data-required="1" data-ira-check="window.stripe_creditcard.checkPaymentMethod('once')" value="N/A">
<script>
var stripeElementGetFrequency = () => Step1.current_donation.frequency;
if (!window.stripe_creditcard) {
const VAL_ERROR = 'error';
const VAL_NOT_SET = 'N/A';
const defaultCoords = {};
defaultCoords["firstname"] = null;
defaultCoords["lastname"] = null;
defaultCoords["email"] = null;
const defaultPaymentMethodErrorMessage = "Your bank details are incorrect. Please verify and enter again.";
const lang = "en_EN";
const cardCvcPlaceholder = "Use the value provided by Stripe";
const stripePublicApiKey = "pk_live_gylIKvYhpDlM24wTBXaC4v0C";
const coordNames = Object.keys(defaultCoords);
const elementConf = {
'cardNumber': {
defaultErrorMessage: DntErrors.errorMsg.cardnumber,
options: {
showIcon: true
},
},
'cardExpiry': {
defaultErrorMessage: DntErrors.errorMsg.cardmonth,
},
'cardCvc': {
defaultErrorMessage: DntErrors.errorMsg.cardscode,
},
};
// only add a CVC placeholder for languages which have a short CVC provided
if (cardCvcPlaceholder != 'Use the value provided by Stripe') {
elementConf.cardCvc.options = {
placeholder: cardCvcPlaceholder
};
}
const elementTypes = Object.keys(elementConf);
window.stripe_creditcard = {
complete: {},
elements: {},
error: {},
frequencies: {},
lastInitFrequency: '',
stripe: false,
checkElement: function(frequency, elementType) {
this.log('checkElement', [frequency, elementType]);
if (frequency !== this.lastInitFrequency) return false;
const complete = this.complete[frequency][elementType];
const error = this.error[frequency][elementType];
const placeholder = $('#' + this.getPlaceholderId(frequency, elementType));
if (!complete || error) {
placeholder.attr('data-ira-errormsg', error && error.message ? error.message : elementConf[elementType].defaultErrorMessage);
return false;
} else {
placeholder.removeAttr('data-ira-errormsg');
return true;
}
},
checkPaymentMethod: function(frequency) {
this.log('checkPaymentMethod', [frequency]);
if (frequency !== this.lastInitFrequency) return false;
const paymentMethodInput = this.getPaymentMethodInput(frequency);
if (paymentMethodInput.val() === VAL_ERROR) {
paymentMethodInput.attr('data-ira-errormsg', this.error[frequency].paymentMethod || defaultPaymentMethodErrorMessage);
return false;
} else {
paymentMethodInput.removeAttr('data-ira-errormsg');
return true;
}
},
createPaymentMethod: function(frequency) {
if (frequency !== this.lastInitFrequency) return;
this.log('createPaymentMethod', [frequency]);
const paymentMethodInput = this.resetPaymentMethod(frequency);
for (let elementType of elementTypes) {
if (!this.complete[frequency][elementType]) return;
}
const coords = {};
for (let coordName of coordNames) {
const coordInput = $('input[name="' + coordName + '"]');
coords[coordName] = coordInput.length ? coordInput.val() : defaultCoords[coordName];
if (!coords[coordName]) return;
}
// All other inputs we rely on are ok and won't trigger any error message display,
// so until createPaymentMethod succeds, we must ensure paymentMethodInput does
paymentMethodInput.val(VAL_ERROR);
// Prevent form submission before createPaymentMethod answers
$('#stripe_submit.' + frequency).prop('disabled', true);
try {
this.stripe.createPaymentMethod({
type: 'card',
card: this.elements[frequency].cardNumber,
billing_details: {
name: coords.firstname + ' ' + coords.lastname,
email: coords.email,
}
}).then(result => {
$('#stripe_submit.' + frequency).prop('disabled', false);
console.log(result);
if (result.paymentMethod && result.paymentMethod.id) {
paymentMethodInput.val(result.paymentMethod.id);
console.log('paymentMethod = ' + paymentMethodInput.val());
} else {
this.error[frequency].paymentMethod = result.error.message;
for (let prop of ['type', 'code', 'decline_code', 'message']) {
window.onerror('createPaymentMethod error.' + prop + ' = ' + result.error[prop]);
}
}
});
} catch (e) {
console.log(e);
$('#stripe_submit.' + frequency).prop('disabled', false);
}
},
getContainerId: function(frequency, elementType) {
return 'stripe_creditcard_' + elementType + '_container_' + frequency;
},
getPaymentMethodInput: function(frequency) {
return $('#stripe_creditcard_paymentMethod_' + frequency);
},
getPlaceholderId: function(frequency, elementType) {
return 'stripe_creditcard_' + elementType + '_placeholder_' + frequency;
},
/**
* Build an array of Stripe JS CssFontSource objects
* from the fonts used by the specified elements.
*
* See https://stripe.com/docs/js/appendix/css_font_source_object
*
* Warning: works only for fonts loaded from a google-style stylesheet URL
* with a family=xxx parameter (where xxx is the font-family)
*/
getStripeJsCssFontSources: function(ids) {
try {
const used = {};
for (let id of ids) {
const computedStyle = window.getComputedStyle(document.getElementById(id));
const fontFamily = computedStyle.getPropertyValue('font-family');
used[fontFamily] = true;
}
const hrefs = [];
for (let s of document.styleSheets) {
if (!s.href) continue;
const params = new URLSearchParams(new URL(s.href).search);
const fontFamily = params.get('family');
if (used[fontFamily] && (hrefs.indexOf(s.href) === -1)) {
hrefs.push(s.href);
}
}
return hrefs.map(href => ({
cssSrc: href
}));
} catch (error) {
/**
* Stripe Element implementation has javascript incompatibility with Opera browser.
* We work around this problem by catching exceptions in getStripeJsCssFontSources and returning an empty list.
* This fix will have an impact on the design of Stripe Elements, but it will not block the creation of donations.
*/
return [];
}
},
/**
* Get the locale as expected by Stripe JS
*
* See https://stripe.com/docs/js/appendix/supported_locales
*/
getStripeJsLocale: function() {
switch (lang) {
case 'en_EN':
return 'en-GB';
case 'se_SE':
return 'sv';
case 'zh_TW':
return lang.substring(0, 2) + '-' + lang.substring(3, 5);
default:
return lang.substring(0, 2);
}
},
/**
* Build a Stripe JS Style object from the specified element's computed style
* and copy all other styles to the provided container.
*
* See https://stripe.com/docs/js/appendix/style
*/
getStripeJsStyle: function(id, container) {
const styleKeyMap = {
// Stripe JS recommands setting background-color on the container
//'background-color': 'backgroundColor',
'color': 'color',
'font-family': 'fontFamily',
'font-size': 'fontSize',
'font-smoothing': 'fontSmoothing',
'font-style': 'fontStyle',
'font-variant': 'fontVariant',
'font-weight': 'fontWeight',
// Stripe JS doesn't like line-height and doesn't even take it into account
//'line-height': 'lineHeight',
'letter-spacing': 'letterSpacing',
'text-align': 'textAlign',
'text-decoration': 'textDecoration',
'text-shadow': 'textShadow',
'text-transform': 'textTransform',
};
const baseStyle = {};
const computedStyle = window.getComputedStyle(document.getElementById(id));
for (let cssProp of computedStyle) {
const styleKey = styleKeyMap[cssProp];
const cssValue = computedStyle.getPropertyValue(cssProp);
if (styleKey) {
baseStyle[styleKey] = cssValue;
} else {
container.css(cssProp, cssValue);
}
}
return {
base: baseStyle
};
},
init: function(reason) {
const frequency = stripeElementGetFrequency();
if (!this.frequencies[frequency]) return;
this.log('init', [frequency, reason]);
// Stripe elements are reset at every init so we need to reset as well
this.complete[frequency] = {};
this.error[frequency] = {};
this.resetPaymentMethod(frequency);
this.lastInitFrequency = frequency;
this.mount(frequency);
},
isMounted: function(frequency) {
return !!this.elements[frequency];
},
log: function(method, params = []) {
console.log('stripe_creditcard.' + method + '(' + params.join(', ') + ')');
},
mount: function(frequency) {
const wasAlreadyMounted = this.unmount(frequency);
this.log('mount', [frequency]);
if (!this.stripe) this.stripe = Stripe(stripePublicApiKey, {
locale: this.getStripeJsLocale()
});
const stripeElements = this.stripe.elements({
fonts: this.getStripeJsCssFontSources(elementTypes.map(elementType => this.getPlaceholderId(frequency, elementType))),
});
this.elements[frequency] = {};
for (let elementType of elementTypes) {
const placeholderId = this.getPlaceholderId(frequency, elementType);
const containerId = this.getContainerId(frequency, elementType);
const container = $('<span/>').attr('id', containerId);
const element = stripeElements.create(elementType, Object.assign({
style: this.getStripeJsStyle(placeholderId, container)
}, elementConf[elementType].options));
this.elements[frequency][elementType] = element;
$('#' + placeholderId).attr('data-scope', 'stripe').attr('data-required', '1').attr('data-ira-check', "window.stripe_creditcard.checkElement('" + frequency + "', '" + elementType + "')").val(VAL_NOT_SET).hide().after(
container);
element.mount('#' + containerId);
// Stripe creates an intermediate div between the container and its iframe
// Let's force this div's contents to be vertically centered inside the container
$('#' + containerId + ' div').css({
display: 'flex',
height: '100%',
'align-items': 'center',
});
element.on('change', ev => this.onElementChanged(frequency, ev));
}
if (!wasAlreadyMounted) {
for (let coordName of coordNames) {
$('input[name="' + coordName + '"]').on('change', () => this.createPaymentMethod(frequency));
}
// Force a re-init if the payment mode was previously hidden
// as Stripe does not mount well hidden fields
const cvcPlaceholderId = this.getPlaceholderId(frequency, 'cardCvc');
$('#payment_mode-card:has(#' + cvcPlaceholderId + ')').on('payment_shown', () => this.init('payment_shown'));
}
},
unmount: function(frequency) {
if (!this.isMounted(frequency)) return false;
this.log('unmount', [frequency]);
for (let elementType of elementTypes) {
this.elements[frequency][elementType].destroy();
$('#' + this.getContainerId(frequency, elementType)).remove();
$('#' + this.getPlaceholderId(frequency, elementType)).show();
}
return true;
},
onElementChanged: function(frequency, ev) {
this.log('onElementChanged', [
frequency,
ev.elementType,
ev.complete ? 'complete' : 'not complete',
ev.error ? ev.error.message : 'no error',
]);
this.complete[frequency][ev.elementType] = ev.complete;
this.error[frequency][ev.elementType] = ev.error;
this.createPaymentMethod(frequency);
},
resetPaymentMethod: function(frequency) {
const paymentMethodInput = this.getPaymentMethodInput(frequency);
paymentMethodInput.val(VAL_NOT_SET);
this.error[frequency].paymentMethod = false;
return paymentMethodInput;
},
};
window.stripeJsLoaded.then(() => {
// Force a reinit when the donation amount or the style change
for (let event of ['init_done', 'WebFont.fontactive']) {
$('body').on(event, () => window.stripe_creditcard.init(event));
}
});
}
if (!window.stripe_creditcard.frequencies["once"]) {
window.stripe_creditcard.frequencies["once"] = true;
window.stripeJsLoaded.then(() => {
// Ensure the 1st init is done only once, for the active frequency
if (stripeElementGetFrequency() === "once") {
window.stripe_creditcard.init("stripeJsLoaded");
}
});
}
</script>
<p id="card-submit" class="payment-submit">
<input name="stripe_submit" type="submit" value="Donate €0" id="stripe_submit" class="button once" data-scope="stripe" data-tag-val="Donate {donation_amount_with_currency}">
</p>
</div>
</fieldset>
<fieldset id="payment_mode-paypal" class="payment_mode">
<script type="text/javascript">
$(function() {
var scriptBaseURL = 'https://www.paypalobjects.com/webstatic/r/fb/';
var dom, doc, where, iframe = document.createElement('iframe');
iframe.src = "javascript:false";
iframe.title = "";
iframe.role = "presentation"; // a11y
(iframe.frameElement || iframe).style.cssText = "width: 0; height: 0; border: 0";
where = document.getElementsByTagName('script');
where = where[where.length - 1];
where.parentNode.insertBefore(iframe, where);
try {
doc = iframe.contentWindow.document;
} catch (e) {
dom = document.domain;
iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
doc = iframe.contentWindow.document;
}
doc.open()._l = function() {
var js = this.createElement("script");
if (dom) {
this.domain = dom;
}
js.id = "js-iframe-async";
js.src = scriptBaseURL + 'fb-all-prod.pp.min.js';
this.body.appendChild(js);
};
doc.write('<body onload="document._l();">');
doc.close();
});
</script>
<h4 class="payment_head"><span class="payment_mode_title">Donate with Paypal</span></h4>
<div class="payment_body" id="paypal" style="display: none;">
<p id="paypal-submit" class="payment-submit">
<input name="paypal_submit" type="submit" value="Donate €0" alt="Paypal" id="paypal_submit" class="button" data-scope="paypal" data-tag-val="Donate {donation_amount_with_currency}">
</p>
</div>
</fieldset>
<fieldset id="payment_mode-apple_pay-once" class="payment_mode" data-scope="stripe_apple_pay" style="display: none;">
<h4 class="payment_head"><span class="payment_mode_title">Apple Pay</span></h4>
<div class="payment_body" id="apple_pay" style="display: none;">
<div id="apple_pay-submit" class="payment-submit">
<input name="stripe_apple_pay_submit" type="submit" value="Donate €0" alt="Apple Pay" id="stripe_apple_pay_submit" class="button once" data-scope="stripe_apple_pay" style="display:none;" disabled=""
data-tag-val="Donate {donation_amount_with_currency}">
</div>
<input type="hidden" name="stripe_apple_pay_paymentMethod" id="stripe_apple_pay_paymentMethod" class="once" value="">
</div>
</fieldset>
<script type="text/javascript">
if (!window.stripeJsLoaded) {
window.stripeJsLoaded = new Promise((resolve, reject) => {
const s = document.createElement('script');
s.src = 'https://js.stripe.com/v3/';
s.type = 'text/javascript';
s.onerror = reject;
s.onload = resolve;
document.head.appendChild(s);
});
}
</script>
<script type="text/javascript">
var Stripe_obj = {
PayWithApple: true,
PayWithWallet: true,
StripeButtonPopulate: false,
buttons: {
Step2: false,
Step3: false
},
paymentRequest: false,
populate: function(ev) {
try {
$('input[name=private_stripe_connect_paymentMethod]').val(JSON.stringify(ev));
if ((!$('input[name=lastname]').val() || !$('input[name=firstname]').val()) && ev.payerName) {
var name = ev.payerName.split(' ').filter(function(x) {
return x && true;
});
if (name.length) {
$('input[name=firstname]').val(name[0]);
$('input[name=lastname]').val(name.slice(1).join(' '));
} else {
$('input[name=firstname]').val('N/A');
$('input[name=lastname]').val(ev.payerName);
}
}
if (ev.payerEmail) {
$('input[name=email]').val(ev.payerEmail);
}
if (!$('select[name=civility] option:selected').val()) {
// If no civility was selected, force a "0" civility value
// for the step 2 validation not to fail if the civility was mandatory
$('select[name=civility] option:first').prop('selected', 'selected').val("0");
}
if ($('input[type=tel]').length && !$('input[type=tel]').val() && ev.payerPhone) {
$('input[type=tel]').val(ev.payerPhone);
}
if (ev.paymentMethod && ev.paymentMethod.billing_details) {
let evBillingDetails = ev.paymentMethod.billing_details;
if ((!$('input[name=lastname]').val() || !$('input[name=firstname]').val()) && evBillingDetails.name) {
var name = evBillingDetails.name.replace('').split(' ').filter(function(x) {
return x && true;
});
if (name.length) {
$('input[name=firstname]').val(name[0]);
$('input[name=lastname]').val(name.slice(1).join(' '));
} else {
$('input[name=firstname]').val('N/A');
$('input[name=lastname]').val(evBillingDetails.name);
}
}
if (evBillingDetails.address) {
let evBillingAddress = evBillingDetails.address;
if (!$('input[name=country]').val() && evBillingAddress.country) {
$('select[name=country] option[value=' + evBillingAddress.country + ']').prop('selected', 'selected');
}
if (!$('input[name=address1]').val() && evBillingAddress.line1) {
$('input[name=address1]').val(evBillingAddress.line1);
}
if (!$('input[name=address2]').val() && evBillingAddress.line2) {
$('input[name=address2]').val(evBillingAddress.line2);
}
if (!$('input[name=postcode]').val() && evBillingAddress.postal_code) {
$('input[name=postcode]').val(evBillingAddress.postal_code);
}
if (!$('input[name=city]').val() && evBillingAddress.city) {
$('input[name=city]').val(evBillingAddress.city);
}
}
}
} catch (err) {
let msg = 'Stripe_obj.populate exception: ' + err;
console.log(msg);
window.onerror(msg);
}
},
createStripeButton: function(ev) {
console.log('Stripe_obj.createStripeButton');
if (!Stripe_obj.buttons.Step3 && !Stripe_obj.buttons.Step2) return;
var amount = parseInt(Common.getDonation().amount);
var currency = (Common.getCurrency() || "USD").toLowerCase();
var accountCountry = "US";
var frequency = Step1.current_donation.frequency;
// Some currencies are having an amount with three decimal cents,
// We must write 12340 for 12.340 KWD for example (in those cases, last digit must always be a 0)
const threeDecimalCurrencies = ["BHD", "JOD", "KWD", "OMR", "TND"];
if (threeDecimalCurrencies.includes(currency.toUpperCase())) {
amount = amount * 10;
}
// Some currencies are having an amount with no decimal cents,
const zeroDecimalCurrencies = ["BIF", "CLP", "DJF", "GNF", "JPY", "KMF", "KRW", "MGA", "PYG", "RWF", "UGX", "VND", "VUV", "XAF", "XOF", "XPF"];
if (zeroDecimalCurrencies.includes(currency.toUpperCase())) {
amount = amount / 100;
}
console.log({
Step2: Stripe_obj.buttons.Step2 && true,
Step3: Stripe_obj.buttons.Step3 && true
});
console.log({
amount: amount,
currency: currency,
accountCountry: accountCountry,
frequency: frequency
});
Stripe_obj.paymentRequest = false;
try {
if (!Stripe_obj.stripe) {
// Create a Stripe client.
Stripe_obj.stripe = Stripe("pk_live_gylIKvYhpDlM24wTBXaC4v0C");
}
Stripe_obj.paymentRequest = Stripe_obj.stripe.paymentRequest({
country: accountCountry,
currency: currency,
total: {
label: "UNRWA",
amount: parseInt(amount)
},
requestPayerName: true,
requestPayerEmail: true
//requestPayerPhone: true
});
} catch (error) {
console.log("paymentRequest creation failed");
console.log(error);
}
if (!Stripe_obj.paymentRequest) {
// nothing available
Stripe_obj.removeStripeConnect();
Stripe_obj.removeStripePay();
} else {
Stripe_obj.paymentRequest.canMakePayment().then(function(result) {
console.log('paymentRequest.canMakePayment() - promise fulfilled');
console.log(result);
var fieldset = $('#payment_mode-apple_pay-' + frequency);
// show / hide the appropriate blocks and mount the button
if (result) {
if (!result.applePay) {
var txt = $("fieldset[data-scope='stripe_apple_pay'] .payment_mode_title").first().text();
var ua = window.navigator.userAgent;
if (ua.indexOf('Edge/') > 0) {
fieldset.attr('data-stripe-mode', 'microsoft');
txt = txt.replace('Apple Pay', 'Microsoft Pay');
} else if (ua.indexOf('Chrome') > 0) {
txt = txt.replace('Apple Pay', 'Google Pay');
fieldset.attr('data-stripe-mode', 'google');
} else {
txt = txt.replace('Apple Pay', 'Saved Credit Cards');
fieldset.attr('data-stripe-mode', 'other');
}
if (txt) {
Common.select("[data-scope='stripe_apple_pay'] .payment_mode_title").text(txt);
}
Stripe_obj.removeStripeConnect();
if (Stripe_obj.PayWithWallet) {
Stripe_obj.mountStripePay(frequency);
} else {
Stripe_obj.removeStripePay();
}
} else {
fieldset.attr('data-stripe-mode', 'apple');
$('#stripe_apple_pay_submit.' + frequency).addClass('apple_pay_styled_button');
//Apple Pay OK
if (Stripe_obj.buttons.Step2) {
Stripe_obj.mountStripeConnect(frequency);
}
if (Stripe_obj.buttons.Step3) {
if (Stripe_obj.PayWithApple) {
// Mount the button with its value cleared
// for it not to interfere with Apple Pay styling
Stripe_obj.mountStripePay(frequency);
} else {
Stripe_obj.removeStripePay();
}
}
Stripe_obj.validatePaymentMethodIfExists();
}
} else {
// nothing available
Stripe_obj.removeStripeConnect();
Stripe_obj.removeStripePay();
}
}, function(reason) {
console.log('paymentRequest.canMakePayment() - promise rejected');
console.log(reason);
Stripe_obj.removeStripeConnect();
Stripe_obj.removeStripePay();
});
Stripe_obj.paymentRequest.on('cancel', function(ev) {
console.log('paymentRequest.on(cancel)');
$('.ira-processing').removeClass('ira-processing');
});
Stripe_obj.paymentRequest.on('paymentmethod', function(ev) {
console.log('paymentRequest.on(paymentMethod)');
console.log(ev);
if (Stripe_obj.StripeButtonPopulate) {
Stripe_obj.populate(ev);
Stripe_obj.StripeButtonPopulate = false;
}
// Send the paymentMethod to your server to charge it
$('#stripe_apple_pay_paymentMethod.' + frequency).val(ev.paymentMethod.id);
ev.complete('success');
$('#stripe_apple_pay_submit.' + frequency).prop('disabled', false).trigger('click');
//$('.ira-processing').removeClass('ira-processing');
});
}
},
mountStripePay: function(frequency) {
console.log(`mountStripePay(${frequency})`);
$('#stripe_apple_pay_submit.' + frequency).prop('disabled', false).show();
},
validatePaymentMethodIfExists: function() {},
removeStripePay: function() {
Stripe_obj.buttons.Step3 = false;
console.log("removeStripePay");
Common.select("[data-scope='stripe_apple_pay']").hide();
},
mountStripeConnect: function(frequency) {
console.log(`mountStripeConnect(${frequency})`);
$('#StripePayButtonLogin').attr('data-frequency', frequency).show();
},
removeStripeConnect: function() {
console.log("removeStripeConnect");
Stripe_obj.buttons.Step2 = false;
$("#stripe-connect").detach();
if (!$('#fielset-step2-connect fieldset').length) {
// no connector available
$('.step2_connect_block').detach();
// remove all blocks related to connectors
} else {
var fieldsetlength = $('#fielset-step2-connect fieldset').length;
if ($("#fielset-step2-connect fieldset.regularblock").length == fieldsetlength) {
$('.step2_connect_block').addClass('regularblock');
} else if ($("#fielset-step2-connect fieldset.onceblock").length == fieldsetlength) {
$('.step2_connect_block').addClass('onceblock');
}
}
},
stripe: false
}
window.stripeJsLoaded.then(() => {
$('body').on('init_done tip_changed', Stripe_obj.createStripeButton);
Stripe_obj.createStripeButton();
});
</script>
<script>
Stripe_obj.buttons.Step3 = true;
$('#stripe_apple_pay_submit.once').click(function(event) {
// Submit the form if called after receiving the paymentMethod
if (
(Stripe_obj.buttons.Step2 || Stripe_obj.buttons.Step3) && $('#stripe_apple_pay_paymentMethod.once').val()) {
console.log('stripe_apple_pay_submit -- submitting form');
return true;
} else if (Stripe_obj.buttons.Step3) {
// Or show the Apple/Google/Microsoft popup if called in step 3 and the form is valid
if (Step1.check() && Step2.check() && Step3.check()) {
console.log('paymentRequest.show() -- stripePay');
Stripe_obj.paymentRequest.show();
return false;
} else {
DntErrors.displayErrors();
}
}
// Or stay on the form
setTimeout(() => $('.ira-processing').removeClass('ira-processing'), 500);
return false;
});
</script>
<style>
#stripe_apple_pay_submit.apple_pay_styled_button {
-webkit-appearance: -apple-pay-button !important;
-apple-pay-button-type: donate;
color: transparent !important;
}
</style>
</div>
</div>
</div>
<!-- End Payment -->
</div> <!-- End Bloc -->
<!-- End Step-info -->
</div> <!-- End Step-container -->
</div> <!-- End Step 3 -->
<input type="hidden" name="private_stats_capture"><input type="hidden" name="private_stats_version"><input type="hidden" name="private_stats_config"
value="{"visitor_resolution_width":1600,"visitor_resolution_height":1200,"visitor_color":24,"visitor_java_enabled":false,"visitor_langage":"de-DE","visitor_screen_height":1200,"visitor_screen_width":1600,"user_agent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36","visitor_timezone":-120,"window_width":1600,"window_height":1200}">
</form>Text Content
Language: English | العربية Gaza Emergency Appeal Your gift has the power to save lives The people of Gaza face unbearable challenges; deprived of a nourishing meal and even a sip of water to sustain them. Your support is more important than ever. Donate now to provide families with life-saving food assistance. To give Zakat, click here. currencyBDTUSDEURGBPAEDAUDCADCHFCLPEGPILSINRJPYMYRQARSARSEKSGDTRYJODBRLLBPNOKKWDDKK MY DONATION * MONTHLY DONATION * ONE-TIME DONATION * € 37 * € 74 * € 120 * € 184 * € 488 * € 920 €Choose other amount to give $1000 can provide 4 families with lifesaving drinking water and food for a month $530 can provide 8 families with winterization assistance $200 can contribute to make UNRWA shelters safer for displaced families $130 can provide winterization kits for two families in Gaza $80 can provide two families with lifesaving drinking water and food $40 will provide one family with lifesaving food and drinking water * € 37 * € 74 * € 120 * € 184 * € 488 * € 920 €Choose other amount to give $1000 can provide 4 families with lifesaving drinking water and food for a month $530 can provide 8 families with winterization assistance $200 can contribute to make UNRWA shelters safer for displaced families $130 can provide winterization kits for two families in Gaza $80 can provide two families with lifesaving drinking water and food $40 will provide one family with lifesaving food and drinking water MY DETAILS First Name * Last Name * Country * CANADA FRANCE GERMANY UNITED KINGDOM UNITED STATES ---------------------------------- AFGHANISTAN ÅLAND ISLANDS ALBANIA ALGERIA AMERICAN SAMOA ANDORRA ANGOLA ANGUILLA ANTARCTICA ANTIGUA AND BARBUDA ARGENTINA ARMENIA ARUBA AUSTRALIA AUSTRIA AZERBAIJAN BAHAMAS BAHRAIN BANGLADESH BARBADOS BELARUS BELGIUM BELIZE BENIN BERMUDA BHUTAN BOLIVIA, PLURINATIONAL STATE OF BOSNIA AND HERZEGOVINA BOTSWANA BOUVET ISLAND BRAZIL BRITISH INDIAN OCEAN TERRITORY BRUNEI DARUSSALAM BULGARIA BURKINA FASO BURUNDI CAMBODIA CAMEROON CANADA CAPE VERDE CAYMAN ISLANDS CENTRAL AFRICAN REPUBLIC CHAD CHILE CHINA CHRISTMAS ISLAND COCOS (KEELING) ISLANDS COLOMBIA COMOROS CONGO CONGO, THE DEMOCRATIC REPUBLIC OF THE COOK ISLANDS COSTA RICA CÔTE D'IVOIRE CROATIA CUBA CYPRUS CZECH REPUBLIC DENMARK DJIBOUTI DOMINICA DOMINICAN REPUBLIC ECUADOR EGYPT EL SALVADOR EQUATORIAL GUINEA ERITREA ESTONIA ETHIOPIA FALKLAND ISLANDS (MALVINAS) FAROE ISLANDS FIJI FINLAND FRANCE FRENCH GUIANA FRENCH POLYNESIA FRENCH SOUTHERN TERRITORIES GABON GAMBIA GEORGIA GERMANY GHANA GIBRALTAR GREECE GREENLAND GRENADA GUADELOUPE GUAM GUATEMALA GUERNSEY GUINEA GUINEA-BISSAU GUYANA HAITI HEARD ISLAND AND MCDONALD ISLANDS HOLY SEE (VATICAN CITY STATE) HONDURAS HONG KONG HUNGARY ICELAND INDIA INDONESIA IRAN, ISLAMIC REPUBLIC OF IRAQ IRELAND ISLE OF MAN ISRAEL ITALY JAMAICA JAPAN JERSEY JORDAN KAZAKHSTAN KENYA KIRIBATI KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF KOREA, REPUBLIC OF KUWAIT KYRGYZSTAN LAO PEOPLE'S DEMOCRATIC REPUBLIC LATVIA LEBANON LESOTHO LIBERIA LIBYAN ARAB JAMAHIRIYA LIECHTENSTEIN LITHUANIA LUXEMBOURG MACAO MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF MADAGASCAR MALAWI MALAYSIA MALDIVES MALI MALTA MARSHALL ISLANDS MARTINIQUE MAURITANIA MAURITIUS MAYOTTE MEXICO MICRONESIA, FEDERATED STATES OF MOLDOVA, REPUBLIC OF MONACO MONGOLIA MONTENEGRO MONTSERRAT MOROCCO MOZAMBIQUE MYANMAR NAMIBIA NAURU NEPAL NETHERLANDS NETHERLANDS ANTILLES NEW CALEDONIA NEW ZEALAND NICARAGUA NIGER NIGERIA NIUE NORFOLK ISLAND NORTHERN MARIANA ISLANDS NORWAY OMAN PAKISTAN PALAU PALESTINIAN TERRITORY, OCCUPIED PANAMA PAPUA NEW GUINEA PARAGUAY PERU PHILIPPINES PITCAIRN POLAND PORTUGAL PUERTO RICO QATAR RÉUNION ROMANIA RUSSIAN FEDERATION RWANDA SAINT BARTHÉLEMY SAINT HELENA, ASCENSION AND TRISTAN DA CUNHA SAINT KITTS AND NEVIS SAINT LUCIA SAINT MARTIN SAINT PIERRE AND MIQUELON SAINT VINCENT AND THE GRENADINES SAMOA SAN MARINO SAO TOME AND PRINCIPE SAUDI ARABIA SENEGAL SERBIA SEYCHELLES SIERRA LEONE SINGAPORE SLOVAKIA SLOVENIA SOLOMON ISLANDS SOMALIA SOUTH AFRICA SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS SPAIN SRI LANKA SUDAN SURINAME SVALBARD AND JAN MAYEN SWAZILAND SWEDEN SWITZERLAND SYRIAN ARAB REPUBLIC TAIWAN, PROVINCE OF CHINA TAJIKISTAN TANZANIA, UNITED REPUBLIC OF THAILAND TIMOR-LESTE TOGO TOKELAU TONGA TRINIDAD AND TOBAGO TUNISIA TURKEY TURKMENISTAN TURKS AND CAICOS ISLANDS TUVALU UGANDA UKRAINE UNITED ARAB EMIRATES UNITED KINGDOM UNITED STATES UNITED STATES MINOR OUTLYING ISLANDS URUGUAY UZBEKISTAN VANUATU VENEZUELA, BOLIVARIAN REPUBLIC OF VIET NAM VIRGIN ISLANDS, BRITISH VIRGIN ISLANDS, U.S. WALLIS AND FUTUNA WESTERN SAHARA YEMEN ZAMBIA ZIMBABWE GERMANY I want my contribution to be used as Zakat * Required Fields MY PAYMENT Highly secure payments using 256-bit SSL encryption method, the highest security standard. DONATE BY CARD Please enter your card number Expiry date CVV The 3 digit security code is located on the back of your card The security code consists of 4 digits written towards the top right on the front of your card DONATE WITH PAYPAL APPLE PAY If you pay your taxes in Spain, your donation might be eligible for a tax deduction. Click here for Spain. If you want to donate through Bank Transfer, click here. Other ways to donate Monthly Zakat Keep UNRWA Working Sadaqah FAQs | Personal space | Credits | Legal Information | Contact