paymob-pixel-alpha 1.1.6 → 1.1.8

package/main.js

@@ -9155,7 +9155,8 @@ function SuccessViewTwo(props) {
     postPayment,
     handleSubmit,
     orderId,
-    orderMessage
+    orderMessage,
+    isQuickLink
   } = props;
   return /*#__PURE__*/_jsxs("div", {
     className: "flex flex-col gap-6 items-center py-6 px-4 md:pt-[17.25rem] md:pb-0 md:px-20 [&_div]:flex [&_div]:justify-center [&_div]:items-center",
@@ -9195,7 +9196,7 @@ function SuccessViewTwo(props) {
         },
         children: orderMessage
       })]
-    }), (postPayment == null ? void 0 : postPayment.mode) === postPaymentModes.REDIRECT_ON_CLICK && /*#__PURE__*/_jsx(Button, {
+    }), (postPayment == null ? void 0 : postPayment.mode) === postPaymentModes.REDIRECT_ON_CLICK && !isQuickLink && /*#__PURE__*/_jsx(Button, {
       label: t('REDIRECT_BTN'),
       id: "done-button",
       color: "primary",
@@ -10126,12 +10127,14 @@ function FormInputViewTwo_FormInput(props) {
       className: `bg-white box-border px-3 border border-solid ${borderStyleState === borderStyle_borderStyleConstants.RECTANGULAR && '!rounded-none'} flex justify-between gap-2 items-center w-full h-10 opacity-100 relative ${className != null ? className : ''}`,
       style: customStyle != null && customStyle.input ? customStyle == null ? void 0 : customStyle.input : customStyle,
       children: [icon && icon, /*#__PURE__*/(0,jsx_runtime.jsx)("input", Object.assign({
+        dir: "ltr",
         id: name,
         name: name,
         type: type,
-        className: `py-3 text-left bg-transparent h-full w-full border-0 pr-4 box-border text-inherit focus:outline-none focus-visible:outline-none ${customInputStyle != null ? customInputStyle : ''} [&::placeholder]:text-[var(--placeholder-color)]`,
+        className: `py-3 ${(customStyle == null ? void 0 : customStyle.direction) === 'rtl' ? 'text-right pl-4' : 'text-left pr-4'} bg-transparent h-full w-full border-0 box-border text-inherit focus:outline-none focus-visible:outline-none ${customInputStyle != null ? customInputStyle : ''} [&::placeholder]:text-[var(--placeholder-color)]`,
         style: {
-          '--placeholder-color': (customStyle == null || (_customStyle$placehol = customStyle.placeholder) == null ? void 0 : _customStyle$placehol.color) || '#667085'
+          '--placeholder-color': (customStyle == null || (_customStyle$placehol = customStyle.placeholder) == null ? void 0 : _customStyle$placehol.color) || '#667085',
+          direction: 'ltr'
         },
         value: value,
         onChange: onChange,
@@ -11345,1256 +11348,1506 @@ var arrow_ForwardRef = /*#__PURE__*/(/* unused pure expression or super */ null
 
 /* harmony default export */ const icons_arrow = (__webpack_require__.p + "arrow.40b47d938ade37f5820c66b81ae8b353.svg");
 ;// CONCATENATED MODULE: ../../libs/kit-components/src/constants/restCountries.ts
-const restCountries = [{
+const restCountries_restCountries = [{
   name: 'Afghanistan',
-  icon: 'https://upload.wikimedia.org/wikipedia/commons/5/5c/Flag_of_the_Taliban.svg',
+  icon: 'https://hatscripts.github.io/circle-flags/flags/af.svg',
   code: '+93',
-  iso: 'AF'
+  iso: 'AF',
+  currency: 'AFN'
 }, {
   name: 'Albania',
   icon: 'https://hatscripts.github.io/circle-flags/flags/al.svg',
   code: '+355',
-  iso: 'AL'
+  iso: 'AL',
+  currency: 'ALL'
 }, {
   name: 'Algeria',
   icon: 'https://hatscripts.github.io/circle-flags/flags/dz.svg',
   code: '+213',
-  iso: 'DZ'
+  iso: 'DZ',
+  currency: 'DZD'
 }, {
   name: 'American Samoa',
   icon: 'https://hatscripts.github.io/circle-flags/flags/as.svg',
   code: '+1684',
-  iso: 'AS'
+  iso: 'AS',
+  currency: 'USD'
 }, {
   name: 'Andorra',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ad.svg',
   code: '+376',
-  iso: 'AD'
+  iso: 'AD',
+  currency: 'EUR'
 }, {
   name: 'Angola',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ao.svg',
   code: '+244',
-  iso: 'AO'
+  iso: 'AO',
+  currency: 'AOA'
 }, {
   name: 'Anguilla',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ai.svg',
   code: '+1264',
-  iso: 'AI'
+  iso: 'AI',
+  currency: 'XCD'
 }, {
   name: 'Antarctica',
   icon: 'https://hatscripts.github.io/circle-flags/flags/aq.svg',
   code: '',
-  iso: 'AQ'
+  iso: 'AQ',
+  currency: ''
 }, {
   name: 'Antigua and Barbuda',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ag.svg',
   code: '+1268',
-  iso: 'AG'
+  iso: 'AG',
+  currency: 'XCD'
 }, {
   name: 'Argentina',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ar.svg',
   code: '+54',
-  iso: 'AR'
+  iso: 'AR',
+  currency: 'ARS'
 }, {
   name: 'Armenia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/am.svg',
   code: '+374',
-  iso: 'AM'
+  iso: 'AM',
+  currency: 'AMD'
 }, {
   name: 'Aruba',
   icon: 'https://hatscripts.github.io/circle-flags/flags/aw.svg',
   code: '+297',
-  iso: 'AW'
+  iso: 'AW',
+  currency: 'AWG'
 }, {
   name: 'Australia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/au.svg',
   code: '+61',
-  iso: 'AU'
+  iso: 'AU',
+  currency: 'AUD'
 }, {
   name: 'Austria',
   icon: 'https://hatscripts.github.io/circle-flags/flags/at.svg',
   code: '+43',
-  iso: 'AT'
+  iso: 'AT',
+  currency: 'EUR'
 }, {
   name: 'Azerbaijan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/az.svg',
   code: '+994',
-  iso: 'AZ'
+  iso: 'AZ',
+  currency: 'AZN'
 }, {
   name: 'Bahamas',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bs.svg',
   code: '+1242',
-  iso: 'BS'
+  iso: 'BS',
+  currency: 'BSD'
 }, {
   name: 'Bahrain',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bh.svg',
   code: '+973',
-  iso: 'BH'
+  iso: 'BH',
+  currency: 'BHD'
 }, {
   name: 'Bangladesh',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bd.svg',
   code: '+880',
-  iso: 'BD'
+  iso: 'BD',
+  currency: 'BDT'
 }, {
   name: 'Barbados',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bb.svg',
   code: '+1246',
-  iso: 'BB'
+  iso: 'BB',
+  currency: 'BBD'
 }, {
   name: 'Belarus',
   icon: 'https://hatscripts.github.io/circle-flags/flags/by.svg',
   code: '+375',
-  iso: 'BY'
+  iso: 'BY',
+  currency: 'BYN'
 }, {
   name: 'Belgium',
   icon: 'https://hatscripts.github.io/circle-flags/flags/be.svg',
   code: '+32',
-  iso: 'BE'
+  iso: 'BE',
+  currency: 'EUR'
 }, {
   name: 'Belize',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bz.svg',
   code: '+501',
-  iso: 'BZ'
+  iso: 'BZ',
+  currency: 'BZD'
 }, {
   name: 'Benin',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bj.svg',
   code: '+229',
-  iso: 'BJ'
+  iso: 'BJ',
+  currency: 'XOF'
 }, {
   name: 'Bermuda',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bm.svg',
   code: '+1441',
-  iso: 'BM'
+  iso: 'BM',
+  currency: 'BMD'
 }, {
   name: 'Bhutan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bt.svg',
   code: '+975',
-  iso: 'BT'
+  iso: 'BT',
+  currency: 'BTN'
 }, {
   name: 'Bolivia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bo.svg',
   code: '+591',
-  iso: 'BO'
+  iso: 'BO',
+  currency: 'BOB'
 }, {
   name: 'Bosnia and Herzegovina',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ba.svg',
   code: '+387',
-  iso: 'BA'
+  iso: 'BA',
+  currency: 'BAM'
 }, {
   name: 'Botswana',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bw.svg',
   code: '+267',
-  iso: 'BW'
+  iso: 'BW',
+  currency: 'BWP'
 }, {
   name: 'Bouvet Island',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bv.svg',
   code: '+47',
-  iso: 'BV'
+  iso: 'BV',
+  currency: ''
 }, {
   name: 'Brazil',
   icon: 'https://hatscripts.github.io/circle-flags/flags/br.svg',
   code: '+55',
-  iso: 'BR'
+  iso: 'BR',
+  currency: 'BRL'
 }, {
   name: 'British Indian Ocean Territory',
   icon: 'https://hatscripts.github.io/circle-flags/flags/io.svg',
   code: '+246',
-  iso: 'IO'
+  iso: 'IO',
+  currency: 'USD'
 }, {
   name: 'British Virgin Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/vg.svg',
   code: '+1284',
-  iso: 'VG'
+  iso: 'VG',
+  currency: 'USD'
 }, {
   name: 'Brunei',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bn.svg',
   code: '+673',
-  iso: 'BN'
+  iso: 'BN',
+  currency: 'BND'
 }, {
   name: 'Bulgaria',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bg.svg',
   code: '+359',
-  iso: 'BG'
+  iso: 'BG',
+  currency: 'BGN'
 }, {
   name: 'Burkina Faso',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bf.svg',
   code: '+226',
-  iso: 'BF'
+  iso: 'BF',
+  currency: 'XOF'
 }, {
   name: 'Burundi',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bi.svg',
   code: '+257',
-  iso: 'BI'
+  iso: 'BI',
+  currency: 'BIF'
 }, {
   name: 'Cambodia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/kh.svg',
   code: '+855',
-  iso: 'KH'
+  iso: 'KH',
+  currency: 'KHR'
 }, {
   name: 'Cameroon',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cm.svg',
   code: '+237',
-  iso: 'CM'
+  iso: 'CM',
+  currency: 'XAF'
 }, {
   name: 'Canada',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ca.svg',
   code: '+1',
-  iso: 'CA'
+  iso: 'CA',
+  currency: 'CAD'
 }, {
   name: 'Cape Verde',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cv.svg',
   code: '+238',
-  iso: 'CV'
+  iso: 'CV',
+  currency: 'CVE'
 }, {
   name: 'Caribbean Netherlands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bq.svg',
   code: '+599',
-  iso: 'BES islands'
+  iso: 'BES islands',
+  currency: 'USD'
 }, {
   name: 'Cayman Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ky.svg',
   code: '+1345',
-  iso: 'KY'
+  iso: 'KY',
+  currency: 'KYD'
 }, {
   name: 'Central African Republic',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cf.svg',
   code: '+236',
-  iso: 'CF'
+  iso: 'CF',
+  currency: 'XAF'
 }, {
   name: 'Chad',
   icon: 'https://hatscripts.github.io/circle-flags/flags/td.svg',
   code: '+235',
-  iso: 'TD'
+  iso: 'TD',
+  currency: 'XAF'
 }, {
   name: 'Chile',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cl.svg',
   code: '+56',
-  iso: 'CL'
+  iso: 'CL',
+  currency: 'CLP'
 }, {
   name: 'China',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cn.svg',
   code: '+86',
-  iso: 'CN'
+  iso: 'CN',
+  currency: 'CNY'
 }, {
   name: 'Christmas Island',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cx.svg',
   code: '+61',
-  iso: 'CX'
+  iso: 'CX',
+  currency: 'AUD'
 }, {
   name: 'Cocos (Keeling) Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cc.svg',
   code: '+61',
-  iso: 'CC'
+  iso: 'CC',
+  currency: 'AUD'
 }, {
   name: 'Colombia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/co.svg',
   code: '+57',
-  iso: 'CO'
+  iso: 'CO',
+  currency: 'COP'
 }, {
   name: 'Comoros',
   icon: 'https://hatscripts.github.io/circle-flags/flags/km.svg',
   code: '+269',
-  iso: 'KM'
+  iso: 'KM',
+  currency: 'KMF'
 }, {
   name: 'Cook Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ck.svg',
   code: '+682',
-  iso: 'CK'
+  iso: 'CK',
+  currency: 'CKD'
 }, {
   name: 'Costa Rica',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cr.svg',
   code: '+506',
-  iso: 'CR'
+  iso: 'CR',
+  currency: 'CRC'
 }, {
   name: 'Croatia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/hr.svg',
   code: '+385',
-  iso: 'HR'
+  iso: 'HR',
+  currency: 'EUR'
 }, {
   name: 'Cuba',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cu.svg',
   code: '+53',
-  iso: 'CU'
+  iso: 'CU',
+  currency: 'CUC'
 }, {
   name: 'Curaçao',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cw.svg',
   code: '+599',
-  iso: 'CW'
+  iso: 'CW',
+  currency: 'ANG'
 }, {
   name: 'Cyprus',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cy.svg',
   code: '+357',
-  iso: 'CY'
+  iso: 'CY',
+  currency: 'EUR'
 }, {
   name: 'Czechia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cz.svg',
   code: '+420',
-  iso: 'CZ'
+  iso: 'CZ',
+  currency: 'CZK'
 }, {
   name: 'DR Congo',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cd.svg',
   code: '+243',
-  iso: 'CD'
+  iso: 'CD',
+  currency: 'CDF'
 }, {
   name: 'Denmark',
   icon: 'https://hatscripts.github.io/circle-flags/flags/dk.svg',
   code: '+45',
-  iso: 'DK'
+  iso: 'DK',
+  currency: 'DKK'
 }, {
   name: 'Djibouti',
   icon: 'https://hatscripts.github.io/circle-flags/flags/dj.svg',
   code: '+253',
-  iso: 'DJ'
+  iso: 'DJ',
+  currency: 'DJF'
 }, {
   name: 'Dominica',
   icon: 'https://hatscripts.github.io/circle-flags/flags/dm.svg',
   code: '+1767',
-  iso: 'DM'
+  iso: 'DM',
+  currency: 'XCD'
 }, {
   name: 'Dominican Republic',
   icon: 'https://hatscripts.github.io/circle-flags/flags/do.svg',
   code: '+1809',
-  iso: 'DO'
+  iso: 'DO',
+  currency: 'DOP'
 }, {
   name: 'Ecuador',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ec.svg',
   code: '+593',
-  iso: 'EC'
+  iso: 'EC',
+  currency: 'USD'
 }, {
   name: 'Egypt',
   icon: 'https://hatscripts.github.io/circle-flags/flags/eg.svg',
   code: '+20',
-  iso: 'EG'
+  iso: 'EG',
+  currency: 'EGP'
 }, {
   name: 'El Salvador',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sv.svg',
   code: '+503',
-  iso: 'SV'
+  iso: 'SV',
+  currency: 'USD'
 }, {
   name: 'Equatorial Guinea',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gq.svg',
   code: '+240',
-  iso: 'GQ'
+  iso: 'GQ',
+  currency: 'XAF'
 }, {
   name: 'Eritrea',
   icon: 'https://hatscripts.github.io/circle-flags/flags/er.svg',
   code: '+291',
-  iso: 'ER'
+  iso: 'ER',
+  currency: 'ERN'
 }, {
   name: 'Estonia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ee.svg',
   code: '+372',
-  iso: 'EE'
+  iso: 'EE',
+  currency: 'EUR'
 }, {
   name: 'Eswatini',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sz.svg',
   code: '+268',
-  iso: 'SZ'
+  iso: 'SZ',
+  currency: 'SZL'
 }, {
   name: 'Ethiopia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/et.svg',
   code: '+251',
-  iso: 'ET'
+  iso: 'ET',
+  currency: 'ETB'
 }, {
   name: 'Falkland Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/fk.svg',
   code: '+500',
-  iso: 'FK'
+  iso: 'FK',
+  currency: 'FKP'
 }, {
   name: 'Faroe Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/fo.svg',
   code: '+298',
-  iso: 'FO'
+  iso: 'FO',
+  currency: 'DKK'
 }, {
   name: 'Fiji',
   icon: 'https://hatscripts.github.io/circle-flags/flags/fj.svg',
   code: '+679',
-  iso: 'FJ'
+  iso: 'FJ',
+  currency: 'FJD'
 }, {
   name: 'Finland',
   icon: 'https://hatscripts.github.io/circle-flags/flags/fi.svg',
   code: '+358',
-  iso: 'FI'
+  iso: 'FI',
+  currency: 'EUR'
 }, {
   name: 'France',
   icon: 'https://hatscripts.github.io/circle-flags/flags/fr.svg',
   code: '+33',
-  iso: 'FR'
+  iso: 'FR',
+  currency: 'EUR'
 }, {
   name: 'French Guiana',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gf.svg',
   code: '+594',
-  iso: 'GF'
+  iso: 'GF',
+  currency: 'EUR'
 }, {
   name: 'French Polynesia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pf.svg',
   code: '+689',
-  iso: 'PF'
+  iso: 'PF',
+  currency: 'XPF'
 }, {
   name: 'French Southern and Antarctic Lands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tf.svg',
   code: '+262',
-  iso: 'TF'
+  iso: 'TF',
+  currency: 'EUR'
 }, {
   name: 'Gabon',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ga.svg',
   code: '+241',
-  iso: 'GA'
+  iso: 'GA',
+  currency: 'XAF'
 }, {
   name: 'Gambia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gm.svg',
   code: '+220',
-  iso: 'GM'
+  iso: 'GM',
+  currency: 'GMD'
 }, {
   name: 'Georgia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ge.svg',
   code: '+995',
-  iso: 'GE'
+  iso: 'GE',
+  currency: 'GEL'
 }, {
   name: 'Germany',
   icon: 'https://hatscripts.github.io/circle-flags/flags/de.svg',
   code: '+49',
-  iso: 'DE'
+  iso: 'DE',
+  currency: 'EUR'
 }, {
   name: 'Ghana',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gh.svg',
   code: '+233',
-  iso: 'GH'
+  iso: 'GH',
+  currency: 'GHS'
 }, {
   name: 'Gibraltar',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gi.svg',
   code: '+350',
-  iso: 'GI'
+  iso: 'GI',
+  currency: 'GIP'
 }, {
   name: 'Greece',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gr.svg',
   code: '+30',
-  iso: 'GR'
+  iso: 'GR',
+  currency: 'EUR'
 }, {
   name: 'Greenland',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gl.svg',
   code: '+299',
-  iso: 'GL'
+  iso: 'GL',
+  currency: 'DKK'
 }, {
   name: 'Grenada',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gd.svg',
   code: '+1473',
-  iso: 'GD'
+  iso: 'GD',
+  currency: 'XCD'
 }, {
   name: 'Guadeloupe',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gp.svg',
   code: '+590',
-  iso: 'GP'
+  iso: 'GP',
+  currency: 'EUR'
 }, {
   name: 'Guam',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gu.svg',
   code: '+1671',
-  iso: 'GU'
+  iso: 'GU',
+  currency: 'USD'
 }, {
   name: 'Guatemala',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gt.svg',
   code: '+502',
-  iso: 'GT'
+  iso: 'GT',
+  currency: 'GTQ'
 }, {
   name: 'Guernsey',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gg.svg',
   code: '+44',
-  iso: 'GG'
+  iso: 'GG',
+  currency: 'GBP'
 }, {
   name: 'Guinea',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gn.svg',
   code: '+224',
-  iso: 'GN'
+  iso: 'GN',
+  currency: 'GNF'
 }, {
   name: 'Guinea-Bissau',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gw.svg',
   code: '+245',
-  iso: 'GW'
+  iso: 'GW',
+  currency: 'XOF'
 }, {
   name: 'Guyana',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gy.svg',
   code: '+592',
-  iso: 'GY'
+  iso: 'GY',
+  currency: 'GYD'
 }, {
   name: 'Haiti',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ht.svg',
   code: '+509',
-  iso: 'HT'
+  iso: 'HT',
+  currency: 'HTG'
 }, {
   name: 'Heard Island and McDonald Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/hm.svg',
   code: '',
-  iso: 'HM'
+  iso: 'HM',
+  currency: ''
 }, {
   name: 'Honduras',
   icon: 'https://hatscripts.github.io/circle-flags/flags/hn.svg',
   code: '+504',
-  iso: 'HN'
+  iso: 'HN',
+  currency: 'HNL'
 }, {
   name: 'Hong Kong',
   icon: 'https://hatscripts.github.io/circle-flags/flags/hk.svg',
   code: '+852',
-  iso: 'HK'
+  iso: 'HK',
+  currency: 'HKD'
 }, {
   name: 'Hungary',
   icon: 'https://hatscripts.github.io/circle-flags/flags/hu.svg',
   code: '+36',
-  iso: 'HU'
+  iso: 'HU',
+  currency: 'HUF'
 }, {
   name: 'Iceland',
   icon: 'https://hatscripts.github.io/circle-flags/flags/is.svg',
   code: '+354',
-  iso: 'IS'
+  iso: 'IS',
+  currency: 'ISK'
 }, {
   name: 'India',
   icon: 'https://hatscripts.github.io/circle-flags/flags/in.svg',
   code: '+91',
-  iso: 'IN'
+  iso: 'IN',
+  currency: 'INR'
 }, {
   name: 'Indonesia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/id.svg',
   code: '+62',
-  iso: 'ID'
+  iso: 'ID',
+  currency: 'IDR'
 }, {
   name: 'Iran',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ir.svg',
   code: '+98',
-  iso: 'IR'
+  iso: 'IR',
+  currency: 'IRR'
 }, {
   name: 'Iraq',
   icon: 'https://hatscripts.github.io/circle-flags/flags/iq.svg',
   code: '+964',
-  iso: 'IQ'
+  iso: 'IQ',
+  currency: 'IQD'
 }, {
   name: 'Ireland',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ie.svg',
   code: '+353',
-  iso: 'IE'
+  iso: 'IE',
+  currency: 'EUR'
 }, {
   name: 'Isle of Man',
   icon: 'https://hatscripts.github.io/circle-flags/flags/im.svg',
   code: '+44',
-  iso: 'IM'
+  iso: 'IM',
+  currency: 'GBP'
 }, {
   name: 'Israel',
   icon: 'https://hatscripts.github.io/circle-flags/flags/il.svg',
   code: '+972',
-  iso: 'IL'
+  iso: 'IL',
+  currency: 'ILS'
 }, {
   name: 'Italy',
   icon: 'https://hatscripts.github.io/circle-flags/flags/it.svg',
   code: '+39',
-  iso: 'IT'
+  iso: 'IT',
+  currency: 'EUR'
 }, {
   name: 'Ivory Coast',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ci.svg',
   code: '+225',
-  iso: 'CI'
+  iso: 'CI',
+  currency: 'XOF'
 }, {
   name: 'Jamaica',
   icon: 'https://hatscripts.github.io/circle-flags/flags/jm.svg',
   code: '+1876',
-  iso: 'JM'
+  iso: 'JM',
+  currency: 'JMD'
 }, {
   name: 'Japan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/jp.svg',
   code: '+81',
-  iso: 'JP'
+  iso: 'JP',
+  currency: 'JPY'
 }, {
   name: 'Jersey',
   icon: 'https://hatscripts.github.io/circle-flags/flags/je.svg',
   code: '+44',
-  iso: 'JE'
+  iso: 'JE',
+  currency: 'GBP'
 }, {
   name: 'Jordan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/jo.svg',
   code: '+962',
-  iso: 'JO'
+  iso: 'JO',
+  currency: 'JOD'
 }, {
   name: 'Kazakhstan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/kz.svg',
   code: '+76',
-  iso: 'KZ'
+  iso: 'KZ',
+  currency: 'KZT'
 }, {
   name: 'Kenya',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ke.svg',
   code: '+254',
-  iso: 'KE'
+  iso: 'KE',
+  currency: 'KES'
 }, {
   name: 'Kiribati',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ki.svg',
   code: '+686',
-  iso: 'KI'
+  iso: 'KI',
+  currency: 'AUD'
 }, {
   name: 'Kosovo',
   icon: 'https://hatscripts.github.io/circle-flags/flags/xk.svg',
   code: '+383',
-  iso: 'XK'
+  iso: 'XK',
+  currency: 'EUR'
 }, {
   name: 'Kuwait',
   icon: 'https://hatscripts.github.io/circle-flags/flags/kw.svg',
   code: '+965',
-  iso: 'KW'
+  iso: 'KW',
+  currency: 'KWD'
 }, {
   name: 'Kyrgyzstan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/kg.svg',
   code: '+996',
-  iso: 'KG'
+  iso: 'KG',
+  currency: 'KGS'
 }, {
   name: 'Laos',
   icon: 'https://hatscripts.github.io/circle-flags/flags/la.svg',
   code: '+856',
-  iso: 'LA'
+  iso: 'LA',
+  currency: 'LAK'
 }, {
   name: 'Latvia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/lv.svg',
   code: '+371',
-  iso: 'LV'
+  iso: 'LV',
+  currency: 'EUR'
 }, {
   name: 'Lebanon',
   icon: 'https://hatscripts.github.io/circle-flags/flags/lb.svg',
   code: '+961',
-  iso: 'LB'
+  iso: 'LB',
+  currency: 'LBP'
 }, {
   name: 'Lesotho',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ls.svg',
   code: '+266',
-  iso: 'LS'
+  iso: 'LS',
+  currency: 'LSL'
 }, {
   name: 'Liberia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/lr.svg',
   code: '+231',
-  iso: 'LR'
+  iso: 'LR',
+  currency: 'LRD'
 }, {
   name: 'Libya',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ly.svg',
   code: '+218',
-  iso: 'LY'
+  iso: 'LY',
+  currency: 'LYD'
 }, {
   name: 'Liechtenstein',
   icon: 'https://hatscripts.github.io/circle-flags/flags/li.svg',
   code: '+423',
-  iso: 'LI'
+  iso: 'LI',
+  currency: 'CHF'
 }, {
   name: 'Lithuania',
   icon: 'https://hatscripts.github.io/circle-flags/flags/lt.svg',
   code: '+370',
-  iso: 'LT'
+  iso: 'LT',
+  currency: 'EUR'
 }, {
   name: 'Luxembourg',
   icon: 'https://hatscripts.github.io/circle-flags/flags/lu.svg',
   code: '+352',
-  iso: 'LU'
+  iso: 'LU',
+  currency: 'EUR'
 }, {
   name: 'Macau',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mo.svg',
   code: '+853',
-  iso: 'MO'
+  iso: 'MO',
+  currency: 'MOP'
 }, {
   name: 'Madagascar',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mg.svg',
   code: '+261',
-  iso: 'MG'
+  iso: 'MG',
+  currency: 'MGA'
 }, {
   name: 'Malawi',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mw.svg',
   code: '+265',
-  iso: 'MW'
+  iso: 'MW',
+  currency: 'MWK'
 }, {
   name: 'Malaysia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/my.svg',
   code: '+60',
-  iso: 'MY'
+  iso: 'MY',
+  currency: 'MYR'
 }, {
   name: 'Maldives',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mv.svg',
   code: '+960',
-  iso: 'MV'
+  iso: 'MV',
+  currency: 'MVR'
 }, {
   name: 'Mali',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ml.svg',
   code: '+223',
-  iso: 'ML'
+  iso: 'ML',
+  currency: 'XOF'
 }, {
   name: 'Malta',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mt.svg',
   code: '+356',
-  iso: 'MT'
+  iso: 'MT',
+  currency: 'EUR'
 }, {
   name: 'Marshall Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mh.svg',
   code: '+692',
-  iso: 'MH'
+  iso: 'MH',
+  currency: 'USD'
 }, {
   name: 'Martinique',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mq.svg',
   code: '+596',
-  iso: 'MQ'
+  iso: 'MQ',
+  currency: 'EUR'
 }, {
   name: 'Mauritania',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mr.svg',
   code: '+222',
-  iso: 'MR'
+  iso: 'MR',
+  currency: 'MRU'
 }, {
   name: 'Mauritius',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mu.svg',
   code: '+230',
-  iso: 'MU'
+  iso: 'MU',
+  currency: 'MUR'
 }, {
   name: 'Mayotte',
   icon: 'https://hatscripts.github.io/circle-flags/flags/yt.svg',
   code: '+262',
-  iso: 'YT'
+  iso: 'YT',
+  currency: 'EUR'
 }, {
   name: 'Mexico',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mx.svg',
   code: '+52',
-  iso: 'MX'
+  iso: 'MX',
+  currency: 'MXN'
 }, {
   name: 'Micronesia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/fm.svg',
   code: '+691',
-  iso: 'FM'
+  iso: 'FM',
+  currency: 'USD'
 }, {
   name: 'Moldova',
   icon: 'https://hatscripts.github.io/circle-flags/flags/md.svg',
   code: '+373',
-  iso: 'MD'
+  iso: 'MD',
+  currency: 'MDL'
 }, {
   name: 'Monaco',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mc.svg',
   code: '+377',
-  iso: 'MC'
+  iso: 'MC',
+  currency: 'EUR'
 }, {
   name: 'Mongolia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mn.svg',
   code: '+976',
-  iso: 'MN'
+  iso: 'MN',
+  currency: 'MNT'
 }, {
   name: 'Montenegro',
   icon: 'https://hatscripts.github.io/circle-flags/flags/me.svg',
   code: '+382',
-  iso: 'ME'
+  iso: 'ME',
+  currency: 'EUR'
 }, {
   name: 'Montserrat',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ms.svg',
   code: '+1664',
-  iso: 'MS'
+  iso: 'MS',
+  currency: 'XCD'
 }, {
   name: 'Morocco',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ma.svg',
   code: '+212',
-  iso: 'MA'
+  iso: 'MA',
+  currency: 'MAD'
 }, {
   name: 'Mozambique',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mz.svg',
   code: '+258',
-  iso: 'MZ'
+  iso: 'MZ',
+  currency: 'MZN'
 }, {
   name: 'Myanmar',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mm.svg',
   code: '+95',
-  iso: 'MM'
+  iso: 'MM',
+  currency: 'MMK'
 }, {
   name: 'Namibia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/na.svg',
   code: '+264',
-  iso: 'NA'
+  iso: 'NA',
+  currency: 'NAD'
 }, {
   name: 'Nauru',
   icon: 'https://hatscripts.github.io/circle-flags/flags/nr.svg',
   code: '+674',
-  iso: 'NR'
+  iso: 'NR',
+  currency: 'AUD'
 }, {
   name: 'Nepal',
   icon: 'https://hatscripts.github.io/circle-flags/flags/np.svg',
   code: '+977',
-  iso: 'NP'
+  iso: 'NP',
+  currency: 'NPR'
 }, {
   name: 'Netherlands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/nl.svg',
   code: '+31',
-  iso: 'NL'
+  iso: 'NL',
+  currency: 'EUR'
 }, {
   name: 'New Caledonia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/nc.svg',
   code: '+687',
-  iso: 'NC'
+  iso: 'NC',
+  currency: 'XPF'
 }, {
   name: 'New Zealand',
   icon: 'https://hatscripts.github.io/circle-flags/flags/nz.svg',
   code: '+64',
-  iso: 'NZ'
+  iso: 'NZ',
+  currency: 'NZD'
 }, {
   name: 'Nicaragua',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ni.svg',
   code: '+505',
-  iso: 'NI'
+  iso: 'NI',
+  currency: 'NIO'
 }, {
   name: 'Niger',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ne.svg',
   code: '+227',
-  iso: 'NE'
+  iso: 'NE',
+  currency: 'XOF'
 }, {
   name: 'Nigeria',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ng.svg',
   code: '+234',
-  iso: 'NG'
+  iso: 'NG',
+  currency: 'NGN'
 }, {
   name: 'Niue',
   icon: 'https://hatscripts.github.io/circle-flags/flags/nu.svg',
   code: '+683',
-  iso: 'NU'
+  iso: 'NU',
+  currency: 'NZD'
 }, {
   name: 'Norfolk Island',
   icon: 'https://hatscripts.github.io/circle-flags/flags/nf.svg',
   code: '+672',
-  iso: 'NF'
+  iso: 'NF',
+  currency: 'AUD'
 }, {
   name: 'North Korea',
   icon: 'https://hatscripts.github.io/circle-flags/flags/kp.svg',
   code: '+850',
-  iso: 'KP'
+  iso: 'KP',
+  currency: 'KPW'
 }, {
   name: 'North Macedonia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mk.svg',
   code: '+389',
-  iso: 'MK'
+  iso: 'MK',
+  currency: 'MKD'
 }, {
   name: 'Northern Mariana Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mp.svg',
   code: '+1670',
-  iso: 'MP'
+  iso: 'MP',
+  currency: 'USD'
 }, {
   name: 'Norway',
   icon: 'https://hatscripts.github.io/circle-flags/flags/no.svg',
   code: '+47',
-  iso: 'NO'
+  iso: 'NO',
+  currency: 'NOK'
 }, {
   name: 'Oman',
   icon: 'https://hatscripts.github.io/circle-flags/flags/om.svg',
   code: '+968',
-  iso: 'OM'
+  iso: 'OM',
+  currency: 'OMR'
 }, {
   name: 'Pakistan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pk.svg',
   code: '+92',
-  iso: 'PK'
+  iso: 'PK',
+  currency: 'PKR'
 }, {
   name: 'Palau',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pw.svg',
   code: '+680',
-  iso: 'PW'
+  iso: 'PW',
+  currency: 'USD'
 }, {
   name: 'Palestine',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ps.svg',
   code: '+970',
-  iso: 'PS'
+  iso: 'PS',
+  currency: 'JOD'
 }, {
   name: 'Panama',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pa.svg',
   code: '+507',
-  iso: 'PA'
+  iso: 'PA',
+  currency: 'PAB'
 }, {
   name: 'Papua New Guinea',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pg.svg',
   code: '+675',
-  iso: 'PG'
+  iso: 'PG',
+  currency: 'PGK'
 }, {
   name: 'Paraguay',
   icon: 'https://hatscripts.github.io/circle-flags/flags/py.svg',
   code: '+595',
-  iso: 'PY'
+  iso: 'PY',
+  currency: 'PYG'
 }, {
   name: 'Peru',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pe.svg',
   code: '+51',
-  iso: 'PE'
+  iso: 'PE',
+  currency: 'PEN'
 }, {
   name: 'Philippines',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ph.svg',
   code: '+63',
-  iso: 'PH'
+  iso: 'PH',
+  currency: 'PHP'
 }, {
   name: 'Pitcairn Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pn.svg',
   code: '+64',
-  iso: 'PN'
+  iso: 'PN',
+  currency: 'NZD'
 }, {
   name: 'Poland',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pl.svg',
   code: '+48',
-  iso: 'PL'
+  iso: 'PL',
+  currency: 'PLN'
 }, {
   name: 'Portugal',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pt.svg',
   code: '+351',
-  iso: 'PT'
+  iso: 'PT',
+  currency: 'EUR'
 }, {
   name: 'Puerto Rico',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pr.svg',
   code: '+1787',
-  iso: 'PR'
+  iso: 'PR',
+  currency: 'USD'
 }, {
   name: 'Qatar',
   icon: 'https://hatscripts.github.io/circle-flags/flags/qa.svg',
   code: '+974',
-  iso: 'QA'
+  iso: 'QA',
+  currency: 'QAR'
 }, {
   name: 'Republic of the Congo',
   icon: 'https://hatscripts.github.io/circle-flags/flags/cg.svg',
   code: '+242',
-  iso: 'CG'
+  iso: 'CG',
+  currency: 'XAF'
 }, {
   name: 'Romania',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ro.svg',
   code: '+40',
-  iso: 'RO'
+  iso: 'RO',
+  currency: 'RON'
 }, {
   name: 'Russia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ru.svg',
   code: '+73',
-  iso: 'RU'
+  iso: 'RU',
+  currency: 'RUB'
 }, {
   name: 'Rwanda',
   icon: 'https://hatscripts.github.io/circle-flags/flags/rw.svg',
   code: '+250',
-  iso: 'RW'
+  iso: 'RW',
+  currency: 'RWF'
 }, {
   name: 'Réunion',
   icon: 'https://hatscripts.github.io/circle-flags/flags/re.svg',
   code: '+262',
-  iso: 'RE'
+  iso: 'RE',
+  currency: 'EUR'
 }, {
   name: 'Saint Barthélemy',
   icon: 'https://hatscripts.github.io/circle-flags/flags/bl.svg',
   code: '+590',
-  iso: 'BL'
+  iso: 'BL',
+  currency: 'EUR'
 }, {
   name: 'Saint Helena, Ascension and Tristan da Cunha',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sh.svg',
   code: '+290',
-  iso: 'Saint Helena'
+  iso: 'Saint Helena',
+  currency: 'GBP'
 }, {
   name: 'Saint Kitts and Nevis',
   icon: 'https://hatscripts.github.io/circle-flags/flags/kn.svg',
   code: '+1869',
-  iso: 'KN'
+  iso: 'KN',
+  currency: 'XCD'
 }, {
   name: 'Saint Lucia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/lc.svg',
   code: '+1758',
-  iso: 'LC'
+  iso: 'LC',
+  currency: 'XCD'
 }, {
   name: 'Saint Martin',
   icon: 'https://hatscripts.github.io/circle-flags/flags/mf.svg',
   code: '+590',
-  iso: 'MF'
+  iso: 'MF',
+  currency: 'EUR'
 }, {
   name: 'Saint Pierre and Miquelon',
   icon: 'https://hatscripts.github.io/circle-flags/flags/pm.svg',
   code: '+508',
-  iso: 'PM'
+  iso: 'PM',
+  currency: 'EUR'
 }, {
   name: 'Saint Vincent and the Grenadines',
   icon: 'https://hatscripts.github.io/circle-flags/flags/vc.svg',
   code: '+1784',
-  iso: 'VC'
+  iso: 'VC',
+  currency: 'XCD'
 }, {
   name: 'Samoa',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ws.svg',
   code: '+685',
-  iso: 'WS'
+  iso: 'WS',
+  currency: 'WST'
 }, {
   name: 'San Marino',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sm.svg',
   code: '+378',
-  iso: 'SM'
+  iso: 'SM',
+  currency: 'EUR'
 }, {
   name: 'Saudi Arabia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sa.svg',
   code: '+966',
-  iso: 'SA'
+  iso: 'SA',
+  currency: 'SAR'
 }, {
   name: 'Senegal',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sn.svg',
   code: '+221',
-  iso: 'SN'
+  iso: 'SN',
+  currency: 'XOF'
 }, {
   name: 'Serbia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/rs.svg',
   code: '+381',
-  iso: 'RS'
+  iso: 'RS',
+  currency: 'RSD'
 }, {
   name: 'Seychelles',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sc.svg',
   code: '+248',
-  iso: 'SC'
+  iso: 'SC',
+  currency: 'SCR'
 }, {
   name: 'Sierra Leone',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sl.svg',
   code: '+232',
-  iso: 'SL'
+  iso: 'SL',
+  currency: 'SLL'
 }, {
   name: 'Singapore',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sg.svg',
   code: '+65',
-  iso: 'SG'
+  iso: 'SG',
+  currency: 'SGD'
 }, {
   name: 'Sint Maarten',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sx.svg',
   code: '+1721',
-  iso: 'SX'
+  iso: 'SX',
+  currency: 'ANG'
 }, {
   name: 'Slovakia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sk.svg',
   code: '+421',
-  iso: 'SK'
+  iso: 'SK',
+  currency: 'EUR'
 }, {
   name: 'Slovenia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/si.svg',
   code: '+386',
-  iso: 'SI'
+  iso: 'SI',
+  currency: 'EUR'
 }, {
   name: 'Solomon Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sb.svg',
   code: '+677',
-  iso: 'SB'
+  iso: 'SB',
+  currency: 'SBD'
 }, {
   name: 'Somalia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/so.svg',
   code: '+252',
-  iso: 'SO'
+  iso: 'SO',
+  currency: 'SOS'
 }, {
   name: 'South Africa',
   icon: 'https://hatscripts.github.io/circle-flags/flags/za.svg',
   code: '+27',
-  iso: 'ZA'
+  iso: 'ZA',
+  currency: 'ZAR'
 }, {
   name: 'South Georgia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gs.svg',
   code: '+500',
-  iso: 'GS'
+  iso: 'GS',
+  currency: 'SHP'
 }, {
   name: 'South Korea',
   icon: 'https://hatscripts.github.io/circle-flags/flags/kr.svg',
   code: '+82',
-  iso: 'KR'
+  iso: 'KR',
+  currency: 'KRW'
 }, {
   name: 'South Sudan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ss.svg',
   code: '+211',
-  iso: 'SS'
+  iso: 'SS',
+  currency: 'SSP'
 }, {
   name: 'Spain',
   icon: 'https://hatscripts.github.io/circle-flags/flags/es.svg',
   code: '+34',
-  iso: 'ES'
+  iso: 'ES',
+  currency: 'EUR'
 }, {
   name: 'Sri Lanka',
   icon: 'https://hatscripts.github.io/circle-flags/flags/lk.svg',
   code: '+94',
-  iso: 'LK'
+  iso: 'LK',
+  currency: 'LKR'
 }, {
   name: 'Sudan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sd.svg',
   code: '+249',
-  iso: 'SD'
+  iso: 'SD',
+  currency: 'SDG'
 }, {
   name: 'Suriname',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sr.svg',
   code: '+597',
-  iso: 'SR'
+  iso: 'SR',
+  currency: 'SRD'
 }, {
   name: 'Svalbard and Jan Mayen',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sj.svg',
   code: '+4779',
-  iso: 'SJ'
+  iso: 'SJ',
+  currency: 'NOK'
 }, {
   name: 'Sweden',
   icon: 'https://hatscripts.github.io/circle-flags/flags/se.svg',
   code: '+46',
-  iso: 'SE'
+  iso: 'SE',
+  currency: 'SEK'
 }, {
   name: 'Switzerland',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ch.svg',
   code: '+41',
-  iso: 'CH'
+  iso: 'CH',
+  currency: 'CHF'
 }, {
   name: 'Syria',
   icon: 'https://hatscripts.github.io/circle-flags/flags/sy.svg',
   code: '+963',
-  iso: 'SY'
+  iso: 'SY',
+  currency: 'SYP'
 }, {
   name: 'São Tomé and Príncipe',
   icon: 'https://hatscripts.github.io/circle-flags/flags/st.svg',
   code: '+239',
-  iso: 'ST'
+  iso: 'ST',
+  currency: 'STN'
 }, {
   name: 'Taiwan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tw.svg',
   code: '+886',
-  iso: 'TW'
+  iso: 'TW',
+  currency: 'TWD'
 }, {
   name: 'Tajikistan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tj.svg',
   code: '+992',
-  iso: 'TJ'
+  iso: 'TJ',
+  currency: 'TJS'
 }, {
   name: 'Tanzania',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tz.svg',
   code: '+255',
-  iso: 'TZ'
+  iso: 'TZ',
+  currency: 'TZS'
 }, {
   name: 'Thailand',
   icon: 'https://hatscripts.github.io/circle-flags/flags/th.svg',
   code: '+66',
-  iso: 'TH'
+  iso: 'TH',
+  currency: 'THB'
 }, {
   name: 'Timor-Leste',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tl.svg',
   code: '+670',
-  iso: 'TL'
+  iso: 'TL',
+  currency: 'USD'
 }, {
   name: 'Togo',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tg.svg',
   code: '+228',
-  iso: 'TG'
+  iso: 'TG',
+  currency: 'XOF'
 }, {
   name: 'Tokelau',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tk.svg',
   code: '+690',
-  iso: 'TK'
+  iso: 'TK',
+  currency: 'NZD'
 }, {
   name: 'Tonga',
   icon: 'https://hatscripts.github.io/circle-flags/flags/to.svg',
   code: '+676',
-  iso: 'TO'
+  iso: 'TO',
+  currency: 'TOP'
 }, {
   name: 'Trinidad and Tobago',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tt.svg',
   code: '+1868',
-  iso: 'TT'
+  iso: 'TT',
+  currency: 'TTD'
 }, {
   name: 'Tunisia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tn.svg',
   code: '+216',
-  iso: 'TN'
+  iso: 'TN',
+  currency: 'TND'
 }, {
   name: 'Turkey',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tr.svg',
   code: '+90',
-  iso: 'TR'
+  iso: 'TR',
+  currency: 'TRY'
 }, {
   name: 'Turkmenistan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tm.svg',
   code: '+993',
-  iso: 'TM'
+  iso: 'TM',
+  currency: 'TMT'
 }, {
   name: 'Turks and Caicos Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tc.svg',
   code: '+1649',
-  iso: 'TC'
+  iso: 'TC',
+  currency: 'USD'
 }, {
   name: 'Tuvalu',
   icon: 'https://hatscripts.github.io/circle-flags/flags/tv.svg',
   code: '+688',
-  iso: 'TV'
+  iso: 'TV',
+  currency: 'AUD'
 }, {
   name: 'Uganda',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ug.svg',
   code: '+256',
-  iso: 'UG'
+  iso: 'UG',
+  currency: 'UGX'
 }, {
   name: 'Ukraine',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ua.svg',
   code: '+380',
-  iso: 'UA'
+  iso: 'UA',
+  currency: 'UAH'
 }, {
   name: 'United Arab Emirates',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ae.svg',
   code: '+971',
-  iso: 'AE'
+  iso: 'AE',
+  currency: 'AED'
 }, {
   name: 'United Kingdom',
   icon: 'https://hatscripts.github.io/circle-flags/flags/gb.svg',
   code: '+44',
-  iso: 'GB'
+  iso: 'GB',
+  currency: 'GBP'
 }, {
   name: 'United States',
   icon: 'https://hatscripts.github.io/circle-flags/flags/us.svg',
   code: '+1',
-  iso: 'US'
+  iso: 'US',
+  currency: 'USD'
 }, {
   name: 'United States Minor Outlying Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/um.svg',
   code: '+268',
-  iso: 'UM'
+  iso: 'UM',
+  currency: 'USD'
 }, {
   name: 'United States Virgin Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/vi.svg',
   code: '+1340',
-  iso: 'VI'
+  iso: 'VI',
+  currency: 'USD'
 }, {
   name: 'Uruguay',
   icon: 'https://hatscripts.github.io/circle-flags/flags/uy.svg',
   code: '+598',
-  iso: 'UY'
+  iso: 'UY',
+  currency: 'UYU'
 }, {
   name: 'Uzbekistan',
   icon: 'https://hatscripts.github.io/circle-flags/flags/uz.svg',
   code: '+998',
-  iso: 'UZ'
+  iso: 'UZ',
+  currency: 'UZS'
 }, {
   name: 'Vanuatu',
   icon: 'https://hatscripts.github.io/circle-flags/flags/vu.svg',
   code: '+678',
-  iso: 'VU'
+  iso: 'VU',
+  currency: 'VUV'
 }, {
   name: 'Vatican City',
   icon: 'https://hatscripts.github.io/circle-flags/flags/va.svg',
   code: '+3906698',
-  iso: 'VA'
+  iso: 'VA',
+  currency: 'EUR'
 }, {
   name: 'Venezuela',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ve.svg',
   code: '+58',
-  iso: 'VE'
+  iso: 'VE',
+  currency: 'VES'
 }, {
   name: 'Vietnam',
   icon: 'https://hatscripts.github.io/circle-flags/flags/vn.svg',
   code: '+84',
-  iso: 'VN'
+  iso: 'VN',
+  currency: 'VND'
 }, {
   name: 'Wallis and Futuna',
   icon: 'https://hatscripts.github.io/circle-flags/flags/wf.svg',
   code: '+681',
-  iso: 'WF'
+  iso: 'WF',
+  currency: 'XPF'
 }, {
   name: 'Western Sahara',
   icon: 'https://hatscripts.github.io/circle-flags/flags/eh.svg',
   code: '+2125288',
-  iso: 'EH'
+  iso: 'EH',
+  currency: 'DZD'
 }, {
   name: 'Yemen',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ye.svg',
   code: '+967',
-  iso: 'YE'
+  iso: 'YE',
+  currency: 'YER'
 }, {
   name: 'Zambia',
   icon: 'https://hatscripts.github.io/circle-flags/flags/zm.svg',
   code: '+260',
-  iso: 'ZM'
+  iso: 'ZM',
+  currency: 'ZMW'
 }, {
   name: 'Zimbabwe',
   icon: 'https://hatscripts.github.io/circle-flags/flags/zw.svg',
   code: '+263',
-  iso: 'ZW'
+  iso: 'ZW',
+  currency: 'ZWL'
 }, {
   name: 'Åland Islands',
   icon: 'https://hatscripts.github.io/circle-flags/flags/ax.svg',
   code: '+35818',
-  iso: 'AX'
+  iso: 'AX',
+  currency: 'EUR'
 }];
 ;// CONCATENATED MODULE: ../../libs/kit-components/src/assets/icons/search-icon.svg
 var search_icon_path;
@@ -12653,10 +12906,12 @@ function PhoneFormInput_PhoneFormInput(props) {
     customStyle,
     className,
     disableDropdown,
-    trailingIcon
+    trailingIcon,
+    currencyCodes
   } = props;
   const [showDropdown, setShowDropdown] = useState(false);
   const [search, setSearch] = useState('');
+  const [countries, setCountries] = useState(restCountries);
   const currentCountry = countries.find(country => country.name.toLowerCase() === selectedCountry.name.toLowerCase()) || countries[0];
   const {
     borderStyle
@@ -12665,6 +12920,14 @@ function PhoneFormInput_PhoneFormInput(props) {
   const [typedLetter, setTypedLetter] = useState('');
   const optionsRef = useRef([]);
   const inputContainerRef = useCloseDropdown(setShowDropdown);
+  useEffect(() => {
+    if (currencyCodes != null && currencyCodes.length) {
+      const countries = restCountries.filter(country => currencyCodes.some(currency => currency === country.currency));
+      setCountries(countries);
+      const currencyToUse = currencyCodes.includes(selectedCountry.currency || '') ? selectedCountry.currency : currencyCodes[0];
+      setSelectedCountry(countries.find(country => country.currency === currencyToUse));
+    }
+  }, []);
   useEffect(() => {
     if (typedLetter) {
       const index = countries.findIndex(option => option.name.toLowerCase().startsWith(typedLetter.toLowerCase()));
@@ -12688,7 +12951,9 @@ function PhoneFormInput_PhoneFormInput(props) {
       setTimeout(() => setTypedLetter(''), 500);
     }
   };
-  const toggleDropdown = () => {
+  const toggleDropdown = e => {
+    e.preventDefault();
+    e.stopPropagation();
     setSearch('');
     setShowDropdown(prevState => !prevState);
   };
@@ -12711,7 +12976,7 @@ function PhoneFormInput_PhoneFormInput(props) {
         onKeyDown: handleKeyDown,
         disabled: disableDropdown,
         children: [/*#__PURE__*/_jsx("img", {
-          src: currentCountry.icon,
+          src: currentCountry == null ? void 0 : currentCountry.icon,
           width: 20,
           className: "max-w-none",
           alt: 'country icon'
@@ -12752,7 +13017,7 @@ function PhoneFormInput_PhoneFormInput(props) {
           type: "text",
           value: search,
           className: "w-full flex-shrink outline-none focus:outline-none",
-          placeholder: "search for country",
+          placeholder: "Search for country",
           onChange: handleCountrySearch
         })]
       }), countries.filter(country => country.name.toLowerCase().search(search.toLowerCase()) !== -1).map((country, index) => /*#__PURE__*/_jsxs("div", {
@@ -16290,7 +16555,7 @@ function PhoneInput(props) {
     disableDropdown,
     className
   } = props;
-  const countryInitialState = restCountries.find(c => c.name === country) || restCountries[0];
+  const countryInitialState = restCountries_restCountries.find(c => c.name === country) || restCountries_restCountries[0];
   const [showDropdown, setShowDropdown] = (0,react.useState)(false);
   const [phone, setPhone] = (0,react.useState)('');
   const [search, setSearch] = (0,react.useState)('');
@@ -16383,7 +16648,7 @@ function PhoneInput(props) {
           placeholder: "search for country",
           onChange: handleCountrySearch
         })]
-      }), restCountries.filter(country => availableCountries ? availableCountries.includes(country.iso) : true).filter(country => country.name.toLowerCase().search(search.toLowerCase()) !== -1).map((country, index) => /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      }), restCountries_restCountries.filter(country => availableCountries ? availableCountries.includes(country.iso) : true).filter(country => country.name.toLowerCase().search(search.toLowerCase()) !== -1).map((country, index) => /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: `flex items-center p-2 hover:bg-gray-100 cursor-pointer ${selectedCountry.code === country.code ? 'bg-gray-50' : ''}`,
         onClick: () => selectCountry(country),
         children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
@@ -17143,7 +17408,7 @@ function OrderDetailsModal(props) {
   const downPayment = plan != null && (_plan$extra = plan.extra) != null && _plan$extra.downPayment ? Number((_plan$extra2 = plan.extra) == null ? void 0 : _plan$extra2.downPayment) : 0;
   const adminFees = plan != null && (_plan$extra3 = plan.extra) != null && _plan$extra3.adminFees ? Number((_plan$extra4 = plan.extra) == null ? void 0 : _plan$extra4.adminFees) : plan != null && plan.adminFees ? Number(plan == null ? void 0 : plan.adminFees) : 0;
   const total = Number(plan == null ? void 0 : plan.amount) * Number(plan == null ? void 0 : plan.months) + downPayment + adminFees || amount;
-  const formattedAmount = Number(amount.replaceAll(',', '')).toLocaleString('en-US', {
+  const formattedAmount = Number((amount != null ? amount : '0').replaceAll(',', '')).toLocaleString('en-US', {
     minimumFractionDigits: 2
   });
   return /*#__PURE__*/_jsx("div", {
@@ -17814,7 +18079,9 @@ function CardNumberViewTwo_CardNumber(props) {
     maxLength,
     cardType,
     getCardLogo,
-    customStyle
+    customStyle,
+    placeholder,
+    hideCardIcons
   } = props;
   const {
     t
@@ -17884,12 +18151,9 @@ function CardNumberViewTwo_CardNumber(props) {
       }
     }
   }, []);
-  return /*#__PURE__*/_jsx(FormInput, {
-    formRegister: formRegister,
-    name: 'number',
-    className: className,
-    placeholder: t('CARD_NUMBER_PLACEHOLDER'),
-    label: getCardLogo(cardType) === '' || noCardLogo ? /*#__PURE__*/_jsxs("span", {
+  const getLabel = () => {
+    if (hideCardIcons) return;
+    return getCardLogo(cardType) === '' || noCardLogo ? /*#__PURE__*/_jsxs("span", {
       className: "flex gap-1 items-center justify-end w-full h-full mobile:w-auto",
       children: [currency === 'SAR' && /*#__PURE__*/_jsx("img", {
         src: MadaIcon,
@@ -17919,7 +18183,14 @@ function CardNumberViewTwo_CardNumber(props) {
         src: getCardLogo(cardType),
         alt: cardType
       })
-    }),
+    });
+  };
+  return /*#__PURE__*/_jsx(FormInput, {
+    formRegister: formRegister,
+    name: 'number',
+    className: className,
+    placeholder: placeholder || t('CARD_NUMBER_PLACEHOLDER'),
+    label: getLabel(),
     error: error,
     maxLength: maxLength,
     inputMode: "numeric",
@@ -17937,13 +18208,14 @@ function ExpiryDate_ExpiryDate(props) {
     maxLength,
     disabled,
     error,
-    className
+    className,
+    placeholder
   } = props;
   return /*#__PURE__*/_jsx(FormInput, {
     name: 'expiry',
     error: error,
     formRegister: formRegister,
-    placeholder: 'MM/YY',
+    placeholder: placeholder || 'MM/YY',
     maxLength: maxLength,
     customStyle: customStyle,
     className: className,
@@ -18759,6 +19031,7 @@ function mobileCardFormViewTwo_MobileCard(props) {
 
 
 function IframeCard(props) {
+  var _iframeCustomStyles$c, _iframeCustomStyles$c2, _iframeCustomStyles$p, _iframeCustomStyles$c3, _iframeCustomStyles$c4, _iframeCustomStyles$p2, _iframeCustomStyles$c5, _iframeCustomStyles$c6, _iframeCustomStyles$p3;
   const {
     loading,
     handleCardSubmit,
@@ -18780,6 +19053,7 @@ function IframeCard(props) {
   const [tenure, setTenure] = useState('');
   const [shouldSubmitData, setShouldSubmitData] = useState(false);
   const [cardHolderError, setCardHolderError] = useState();
+  const [cardIconsHidden, setCardIconsHidden] = useState(false);
   const [cardHolderNameHidden, setCardHolderNameHidden] = useState(false);
   const [currency, setCurrency] = useState('');
   const [country, setCountry] = useState('');
@@ -18873,9 +19147,17 @@ function IframeCard(props) {
     }
   };
   const handleCardStylesFromSDK = payload => {
-    var _payload$options;
+    var _payload$styling3, _payload$options;
     if (payload.styling) {
+      var _payload$styling;
       setIframeCustomStyles(payload.styling);
+      if ((_payload$styling = payload.styling) != null && (_payload$styling = _payload$styling.container) != null && _payload$styling.direction) {
+        var _payload$styling2;
+        document.documentElement.dir = (_payload$styling2 = payload.styling) == null || (_payload$styling2 = _payload$styling2.container) == null ? void 0 : _payload$styling2.direction;
+      }
+    }
+    if ((_payload$styling3 = payload.styling) != null && _payload$styling3.hideCardIcons) {
+      setCardIconsHidden(true);
     }
     if ((_payload$options = payload.options) != null && _payload$options['hideCardHolderName']) {
       setCardHolderNameHidden(true);
@@ -18914,7 +19196,7 @@ function IframeCard(props) {
         } else {
           handleCardSubmit({
             data,
-            cardHolderName: cardHolderName || 'n/a',
+            cardHolderName,
             paymentToken: hasOmanNetIntegration && isOmanNetCard ? subType.paymentToken : paymentToken,
             subType: hasOmanNetIntegration && isOmanNetCard ? subType.type : 'CARD',
             saveCard,
@@ -18964,9 +19246,10 @@ function IframeCard(props) {
     }
   };
   return /*#__PURE__*/_jsxs("div", {
-    id: "iframe"
-    // style={iframeCustomStyles?.container}
-    ,
+    id: "iframe",
+    style: {
+      direction: (iframeCustomStyles == null || (_iframeCustomStyles$c = iframeCustomStyles.container) == null ? void 0 : _iframeCustomStyles$c.direction) || 'ltr'
+    },
     className: "w-[calc(100%-1px)]",
     children: [/*#__PURE__*/_jsx("div", {
       children: /*#__PURE__*/_jsx(CardNumber, {
@@ -18979,9 +19262,12 @@ function IframeCard(props) {
         className: `!rounded-b-none border-b-0 rounded-t-lg ${errors['number'] ? 'border-red-300' : 'border-gray-300'}`,
         customStyle: {
           input: iframeCustomStyles == null ? void 0 : iframeCustomStyles.input,
-          placeholder: iframeCustomStyles == null ? void 0 : iframeCustomStyles.placeholder
+          placeholder: iframeCustomStyles == null ? void 0 : iframeCustomStyles.placeholder,
+          direction: iframeCustomStyles == null || (_iframeCustomStyles$c2 = iframeCustomStyles.container) == null ? void 0 : _iframeCustomStyles$c2.direction
         },
-        currency: currency
+        currency: currency,
+        placeholder: iframeCustomStyles == null || (_iframeCustomStyles$p = iframeCustomStyles.placeholderText) == null ? void 0 : _iframeCustomStyles$p.cardNumber,
+        hideCardIcons: cardIconsHidden
       })
     }), /*#__PURE__*/_jsxs("div", {
       className: "flex",
@@ -18990,22 +19276,27 @@ function IframeCard(props) {
         error: errors['expiry'],
         maxLength: EXPIRY_DATE_LENGTH,
         expiryDate: getValues('expiry'),
-        className: `${cardHolderNameHidden ? '!rounded-t-none !rounded-ee-none' : '!rounded-none'} ${errors['number'] ? 'border-t-red-300' : ''} ${errors['cvc'] ? 'border-r-red-300' : ''} ${errors['expiry'] ? 'border-red-300' : 'border-gray-300'} ${cardHolderError ? 'border-b-red-300' : ''}`,
+        className: `${cardHolderNameHidden ? '!rounded-t-none !rounded-ee-none' : '!rounded-none'} ${errors['number'] ? 'border-t-red-300' : ''} ${errors['cvc'] ? (iframeCustomStyles == null || (_iframeCustomStyles$c3 = iframeCustomStyles.container) == null ? void 0 : _iframeCustomStyles$c3.direction) === 'rtl' ? 'border-l-red-300' : 'border-r-red-300' : ''} ${errors['expiry'] ? 'border-red-300' : 'border-gray-300'} ${cardHolderError ? 'border-b-red-300' : ''}`,
         customStyle: {
           input: iframeCustomStyles == null ? void 0 : iframeCustomStyles.input,
-          placeholder: iframeCustomStyles == null ? void 0 : iframeCustomStyles.placeholder
-        }
+          placeholder: iframeCustomStyles == null ? void 0 : iframeCustomStyles.placeholder,
+          direction: iframeCustomStyles == null || (_iframeCustomStyles$c4 = iframeCustomStyles.container) == null ? void 0 : _iframeCustomStyles$c4.direction
+        },
+        placeholder: iframeCustomStyles == null || (_iframeCustomStyles$p2 = iframeCustomStyles.placeholderText) == null ? void 0 : _iframeCustomStyles$p2.expiryDate
       }), /*#__PURE__*/_jsx(CVV, {
         formRegister: cvcRegister,
         maxLength: cardType === CARD_TYPES.AMEX ? AMEX_CVV_LENGTH : CVV_LENGTH,
         error: errors['cvc'],
-        className: `${cardHolderNameHidden ? '!rounded-t-none !rounded-es-none' : '!rounded-none'} border-l-0 ${errors['number'] ? 'border-t-red-300' : ''} ${errors['cvc'] ? 'border-red-300' : 'border-gray-300'} ${cardHolderError ? 'border-b-red-300' : ''}`,
+        className: `${cardHolderNameHidden ? '!rounded-t-none !rounded-es-none' : '!rounded-none'} 
+          ${(iframeCustomStyles == null || (_iframeCustomStyles$c5 = iframeCustomStyles.container) == null ? void 0 : _iframeCustomStyles$c5.direction) === 'rtl' ? 'border-r-0' : 'border-l-0'} ${errors['number'] ? 'border-t-red-300' : ''} ${errors['cvc'] ? 'border-red-300' : 'border-gray-300'} ${cardHolderError ? 'border-b-red-300' : ''}`,
         cvv: getValues('cvc'),
         customStyle: {
           input: iframeCustomStyles == null ? void 0 : iframeCustomStyles.input,
-          placeholder: iframeCustomStyles == null ? void 0 : iframeCustomStyles.placeholder
+          placeholder: iframeCustomStyles == null ? void 0 : iframeCustomStyles.placeholder,
+          direction: iframeCustomStyles == null || (_iframeCustomStyles$c6 = iframeCustomStyles.container) == null ? void 0 : _iframeCustomStyles$c6.direction
         },
-        isIframe: true
+        isIframe: true,
+        placeholder: iframeCustomStyles == null || (_iframeCustomStyles$p3 = iframeCustomStyles.placeholderText) == null ? void 0 : _iframeCustomStyles$p3.securityCode
       })]
     })]
   });
@@ -19024,7 +19315,8 @@ function components_CardHolder_CardHolder(props) {
     focusToPrevInput,
     onChange,
     onFocus,
-    customStyle
+    customStyle,
+    placeholder
   } = props;
   const {
     t
@@ -19068,7 +19360,7 @@ function components_CardHolder_CardHolder(props) {
   };
   return /*#__PURE__*/(0,jsx_runtime.jsx)(InputViewTwo_InputViewTwo, {
     name: 'name',
-    placeholder: t('CARD_NAME_PLACEHOLDER'),
+    placeholder: placeholder || t('CARD_NAME_PLACEHOLDER'),
     onChange: handleChange,
     onFocus: onFocus,
     value: cardHolder,
@@ -19755,7 +20047,8 @@ const CardViewTwoElements_getCardLogo = cardType => {
       return card_namespaceObject;
   }
 };
-function SavedCardElements(props) {
+const SavedCardElements = /*#__PURE__*/(0,react.forwardRef)((props, ref) => {
+  var _iframeRef$current3;
   const {
     t
   } = useTranslation_useTranslation('kitComponents');
@@ -19777,29 +20070,36 @@ function SavedCardElements(props) {
   const isCardExpired = card == null ? void 0 : card.expired;
   const isSelected = card.id === selectedCardId;
   const iframeRef = (0,react.useRef)(null);
-  const iframe = document.getElementById('iFrame');
+  (0,react.useImperativeHandle)(ref, () => ({
+    getContentWindow: () => {
+      var _iframeRef$current;
+      return (_iframeRef$current = iframeRef.current) == null ? void 0 : _iframeRef$current.contentWindow;
+    }
+  }));
   (0,react.useEffect)(() => {
-    if ((iframe == null ? void 0 : iframe.contentDocument) === null) {
-      var _iframe$contentWindow;
-      (_iframe$contentWindow = iframe.contentWindow) == null || _iframe$contentWindow.postMessage({
+    var _iframeRef$current2;
+    if (((_iframeRef$current2 = iframeRef.current) == null ? void 0 : _iframeRef$current2.contentDocument) === null) {
+      var _iframeRef$current$co;
+      (_iframeRef$current$co = iframeRef.current.contentWindow) == null || _iframeRef$current$co.postMessage({
         type: 'cardInfo',
         payload: {
           card
         }
       }, '*');
     }
-  }, [iframe == null ? void 0 : iframe.contentDocument]);
+  }, [(_iframeRef$current3 = iframeRef.current) == null ? void 0 : _iframeRef$current3.contentDocument]);
   (0,react.useEffect)(() => {
-    if ((iframe == null ? void 0 : iframe.contentDocument) === null) {
-      var _iframe$contentWindow2;
-      (_iframe$contentWindow2 = iframe.contentWindow) == null || _iframe$contentWindow2.postMessage({
+    var _iframeRef$current4;
+    if (((_iframeRef$current4 = iframeRef.current) == null ? void 0 : _iframeRef$current4.contentDocument) === null) {
+      var _iframeRef$current$co2;
+      (_iframeRef$current$co2 = iframeRef.current.contentWindow) == null || _iframeRef$current$co2.postMessage({
         type: 'customStyles',
         payload: {
           styling: customStyle
         }
       }, '*');
     }
-  }, [iframe == null ? void 0 : iframe.contentDocument, iframeRef.current]);
+  }, [iframeRef.current]);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: `flex w-full p-4 items-center gap-3 border rounded-xl ${isCardExpired ? '' : 'cursor-pointer'} ${isSelected ? 'border-blue-500 bg-blue-25' : 'border-gray-200 bg-white'}`,
     onClick: () => onCardSelect(card),
@@ -19839,7 +20139,7 @@ function SavedCardElements(props) {
       })
     })]
   });
-}
+});
 /* harmony default export */ const CardViewTwoElements = ((/* unused pure expression or super */ null && (SavedCardElements)));
 ;// CONCATENATED MODULE: ../../libs/card/src/index.ts
 
@@ -19966,7 +20266,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
   integrationType,
   publicKey
 }, ref) => {
-  var _customStyle$containe, _customStyle$containe2, _customStyle$button, _customStyle$containe3;
+  var _customStyle$containe, _customStyle$containe2, _customStyle$button, _customStyle$containe3, _customStyle$labelTex, _customStyle$placehol, _customStyle$errorTex, _customStyle$errorTex2, _customStyle$errorTex3, _customStyle$errorTex4;
   const {
     token,
     amount,
@@ -19986,6 +20286,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
   const [height, setHeight] = (0,react.useState)(80);
   const [errorMessage, setErrorMessage] = (0,react.useState)('');
   const iframeRef = (0,react.useRef)(null);
+  const iframeCVVRef = (0,react.useRef)(null);
   const [errors, setErrors] = (0,react.useState)({});
   const [isIframeLoaded, setIsIframeLoaded] = (0,react.useState)(false);
   const [showDeleteCardModal, setShowDeleteCardModal] = (0,react.useState)(false);
@@ -20008,10 +20309,10 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
   const shouldDisablePayBtn = showCvvInput ? loading || (isAmexCardSelected ? selectedCardCvvLength !== constants_AMEX_CVV_LENGTH : selectedCardCvvLength !== constants_CVV_LENGTH) : !selectedCardId;
   (0,react.useEffect)(() => {
     const handleDataFromIframe = event => {
-      var _iframeRef$current, _event$data, _event$data2, _event$data3;
+      var _iframeRef$current, _iframeCVVRef$current, _event$data, _event$data2, _event$data3;
       if (!event.data) return;
       if (!event.data.type) return;
-      if (event.source !== ((_iframeRef$current = iframeRef.current) == null ? void 0 : _iframeRef$current.contentWindow)) return;
+      if (event.source !== ((_iframeRef$current = iframeRef.current) == null ? void 0 : _iframeRef$current.contentWindow) && event.source !== ((_iframeCVVRef$current = iframeCVVRef.current) == null ? void 0 : _iframeCVVRef$current.getContentWindow())) return;
       if (event.data.shouldFocusOnCardName) {
         var _iframeRef$current2;
         const cardNameField = (_iframeRef$current2 = iframeRef.current) == null || (_iframeRef$current2 = _iframeRef$current2.nextElementSibling) == null ? void 0 : _iframeRef$current2.querySelector(`input[name=name]`);
@@ -20433,7 +20734,7 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
         },
         children: [/*#__PURE__*/(0,jsx_runtime.jsx)("p", {
           style: Object.assign({}, customStyle == null ? void 0 : customStyle.label),
-          children: "Card Information"
+          children: (customStyle == null || (_customStyle$labelTex = customStyle.labelText) == null ? void 0 : _customStyle$labelTex.cardLabel) || 'Card Information'
         }), showCardModal && /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
           id: 'cancel-button',
           className: "hover:!opacity-75",
@@ -20484,18 +20785,19 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
             focusToPrevInput: handleFocusToPrevInput,
             customStyle: customStyle,
             setErrors: setErrors,
-            error: errors['name']
+            error: errors['name'],
+            placeholder: customStyle == null || (_customStyle$placehol = customStyle.placeholderText) == null ? void 0 : _customStyle$placehol.holderName
           }), (errors['number'] || errors['name'] || errors['cvc'] || errors['expiry']) && /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", {
             style: customStyle == null ? void 0 : customStyle.error,
             className: "my-2 text-sm text-red-600 list-disc list-inside list-item:text-red-600",
             children: [errors['number'] && /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-              children: errors['number']
+              children: (customStyle == null || (_customStyle$errorTex = customStyle.errorText) == null ? void 0 : _customStyle$errorTex.cardNumber) || errors['number']
             }), errors['expiry'] && /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-              children: errors['expiry']
+              children: (customStyle == null || (_customStyle$errorTex2 = customStyle.errorText) == null ? void 0 : _customStyle$errorTex2.expiryDate) || errors['expiry']
             }), errors['cvc'] && /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-              children: errors['cvc']
+              children: (customStyle == null || (_customStyle$errorTex3 = customStyle.errorText) == null ? void 0 : _customStyle$errorTex3.securityCode) || errors['cvc']
             }), errors['name'] && /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
-              children: errors['name']
+              children: (customStyle == null || (_customStyle$errorTex4 = customStyle.errorText) == null ? void 0 : _customStyle$errorTex4.holderName) || errors['name']
             })]
           })]
         })]
@@ -20541,7 +20843,8 @@ const CardElement = /*#__PURE__*/(0,react.forwardRef)(({
         environment: environment,
         height: height,
         customStyle: customStyle,
-        baseURL: baseUrl
+        baseURL: baseUrl,
+        ref: iframeCVVRef
       }, card.id)), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         onClick: handleShowNewCardForm,
         className: `${loading ? 'opacity-75' : 'cursor-pointer'} mt-4 w-full flex h-[4.5rem] p-4 justify-center items-center gap-3 rounded-xl border border-dashed border-blue-200 bg-white`,
@@ -22090,7 +22393,6 @@ var assets_icons_email_ForwardRef = /*#__PURE__*/(/* unused pure expression or s
 
 
 
-
 function TabbyViewTwo(props) {
   const {
     t
@@ -22099,17 +22401,16 @@ function TabbyViewTwo(props) {
     onSubmit,
     loading,
     errorMessage,
-    country,
     customStyle,
     useHookForm,
-    showTerms
+    showTerms,
+    currency,
+    currencyCodes
   } = props;
-  const {
-    currency
-  } = useSelector(state => state.intention);
   const [selectedCountry, setSelectedCountry] = useState({
     name: currency === 'SAR' ? 'Saudi Arabia' : 'United Arab Emirates',
-    code: currency === 'SAR' ? '+966' : '+971'
+    code: currency === 'SAR' ? '+966' : '+971',
+    currency
   });
   const {
     handleSubmit,
@@ -22124,7 +22425,8 @@ function TabbyViewTwo(props) {
   });
   const handleFormSubmit = data => {
     onSubmit(Object.assign({}, data, {
-      phone: selectedCountry.code.replace('+', '') + data.phone.replace(/ /g, '')
+      phone: selectedCountry.code.replace('+', '') + data.phone.replace(/ /g, ''),
+      currencyCode: selectedCountry.currency
     }));
   };
   return /*#__PURE__*/_jsxs("form", {
@@ -22151,7 +22453,8 @@ function TabbyViewTwo(props) {
           setSelectedCountry: setSelectedCountry,
           phoneFormRegister: phoneRegister,
           placeholder: "10 000 000 00",
-          disableDropdown: true
+          disableDropdown: !(currencyCodes != null && currencyCodes.length && (currencyCodes == null ? void 0 : currencyCodes.length) > 1),
+          currencyCodes: currencyCodes
         })
       }), errors['phone'] && /*#__PURE__*/_jsx("p", {
         className: 'text-sm pl-4 text-red-600',
@@ -27924,8 +28227,11 @@ function getStyles(customStyle) {
   const containerPadding = Object.assign({}, (customStyle == null ? void 0 : customStyle.Container_Padding) && {
     padding: `${customStyle == null ? void 0 : customStyle.Container_Padding}px`
   });
+  const textDirection = Object.assign({}, (customStyle == null ? void 0 : customStyle.Direction) && {
+    direction: customStyle == null ? void 0 : customStyle.Direction
+  });
   return {
-    container: Object.assign({}, colorContainer, fontFamily, verticalSpacingBetweenComponents, containerPadding, widthOfContainer),
+    container: Object.assign({}, colorContainer, fontFamily, verticalSpacingBetweenComponents, containerPadding, widthOfContainer, textDirection),
     tabs: Object.assign({}, fontFamily, radiusBorder),
     label: Object.assign({}, fontFamily, fontWeightLabel, fontSizeLabel, textColorForLabel),
     input: Object.assign({}, fontFamily, fontWeightInputFields, fontSizeInputFields, colorBorderInputFields, radiusBorder, colorInputFields, textColorForInput, verticalPadding, {
@@ -27935,7 +28241,11 @@ function getStyles(customStyle) {
       disabled: Object.assign({}, colorDisabled)
     }),
     error: Object.assign({}, colorError),
-    placeholder: Object.assign({}, colorForTextPlaceholder)
+    placeholder: Object.assign({}, colorForTextPlaceholder),
+    labelText: Object.assign({}, customStyle == null ? void 0 : customStyle.Label_Text),
+    placeholderText: Object.assign({}, customStyle == null ? void 0 : customStyle.Placeholder_Text),
+    errorText: Object.assign({}, customStyle == null ? void 0 : customStyle.Error_Text),
+    hideCardIcons: customStyle == null ? void 0 : customStyle.HideCardIcons
   };
 }
 ;// CONCATENATED MODULE: ./src/components/Payments/index.tsx