@momo-kits/foundation 0.80.9 → 0.81.1-beta.0

package/Assets/icon_bank.json

@@ -0,0 +1,506 @@
+{
+  "abbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/abbank_full.png"
+  },
+  "abbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/abbank_icon.png"
+  },
+  "acb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/acb_full.png"
+  },
+  "acb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/acb_icon.png"
+  },
+  "anz_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/anz_full.png"
+  },
+  "anz_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/anz_icon.png"
+  },
+  "apota_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/apota_full.png"
+  },
+  "apota_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/apota_icon.png"
+  },
+  "argibank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/argibank_full.png"
+  },
+  "argibank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/argibank_icon.png"
+  },
+  "bac_a_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bac_a_bank_full.png"
+  },
+  "bac_a_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bac_a_bank_icon.png"
+  },
+  "bangkok_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bangkok_bank_full.png"
+  },
+  "bangkok_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bangkok_bank_icon.png"
+  },
+  "bank_of china_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bank_of china_full.png"
+  },
+  "bank_of china_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bank_of china_icon.png"
+  },
+  "baokim_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/baokim_full.png"
+  },
+  "baokim_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/baokim_icon.png"
+  },
+  "baoviet_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/baoviet_bank_full.png"
+  },
+  "baoviet_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/baoviet_bank_icon.png"
+  },
+  "bidc_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bidc_full.png"
+  },
+  "bidc_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bidc_icon.png"
+  },
+  "bidv_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bidv_full.png"
+  },
+  "bidv_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/bidv_icon.png"
+  },
+  "cake_by vpbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/cake_by vpbank_full.png"
+  },
+  "cake_by vpbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/cake_by vpbank_icon.png"
+  },
+  "cathay_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/cathay_bank_full.png"
+  },
+  "cathay_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/cathay_bank_icon.png"
+  },
+  "cb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/cb_full.png"
+  },
+  "cb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/cb_icon.png"
+  },
+  "chase_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/chase_bank_full.png"
+  },
+  "chase_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/chase_bank_icon.png"
+  },
+  "cimb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/cimb_full.png"
+  },
+  "cimb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/cimb_icon.png"
+  },
+  "citibank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/citibank_full.png"
+  },
+  "citibank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/citibank_icon.png"
+  },
+  "commonwealth_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/commonwealth_bank_full.png"
+  },
+  "commonwealth_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/commonwealth_bank_icon.png"
+  },
+  "deutsche_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/deutsche_bank_full.png"
+  },
+  "deutsche_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/deutsche_bank_icon.png"
+  },
+  "donga_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/donga_bank_full.png"
+  },
+  "donga_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/donga_bank_icon.png"
+  },
+  "dsb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/dsb_full.png"
+  },
+  "dsb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/dsb_icon.png"
+  },
+  "ecpay_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ecpay_full.png"
+  },
+  "ecpay_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ecpay_icon.png"
+  },
+  "eximbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/eximbank_full.png"
+  },
+  "eximbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/eximbank_icon.png"
+  },
+  "gpbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/gpbank_full.png"
+  },
+  "gpbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/gpbank_icon.png"
+  },
+  "grabpay_by_moca_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/grabpay_by_moca_full.png"
+  },
+  "grabpay_by_moca_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/grabpay_by_moca_icon.png"
+  },
+  "hdbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/hdbank_full.png"
+  },
+  "hdbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/hdbank_icon.png"
+  },
+  "hong_leong bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/hong_leong bank_full.png"
+  },
+  "hong_leong bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/hong_leong bank_icon.png"
+  },
+  "hsbc_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/hsbc_full.png"
+  },
+  "hsbc_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/hsbc_icon.png"
+  },
+  "industrial_bank of korea_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/industrial_bank of korea_full.png"
+  },
+  "industrial_bank of korea_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/industrial_bank of korea_icon.png"
+  },
+  "ivb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ivb_full.png"
+  },
+  "ivb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ivb_icon.png"
+  },
+  "kb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/kb_full.png"
+  },
+  "kb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/kb_icon.png"
+  },
+  "keb_hana bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/keb_hana bank_full.png"
+  },
+  "keb_hana bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/keb_hana bank_icon.png"
+  },
+  "kienlong_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/kienlong_bank_full.png"
+  },
+  "kienlong_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/kienlong_bank_icon.png"
+  },
+  "lienviet_postbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/lienviet_postbank_full.png"
+  },
+  "lienviet_postbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/lienviet_postbank_icon.png"
+  },
+  "maybank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/maybank_full.png"
+  },
+  "maybank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/maybank_icon.png"
+  },
+  "mb_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/mb_bank_full.png"
+  },
+  "mb_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/mb_bank_icon.png"
+  },
+  "mega_international commercial bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/mega_international commercial bank_full.png"
+  },
+  "mega_international commercial bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/mega_international commercial bank_icon.png"
+  },
+  "mizuho_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/mizuho_full.png"
+  },
+  "mizuho_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/mizuho_icon.png"
+  },
+  "moca_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/moca_full.png"
+  },
+  "moca_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/moca_icon.png"
+  },
+  "momo_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/momo_full.png"
+  },
+  "momo_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/momo_icon.png"
+  },
+  "msb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/msb_full.png"
+  },
+  "msb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/msb_icon.png"
+  },
+  "nam_a_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/nam_a_bank_full.png"
+  },
+  "nam_a_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/nam_a_bank_icon.png"
+  },
+  "napas_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/napas_full.png"
+  },
+  "napas_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/napas_icon.png"
+  },
+  "ncb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ncb_full.png"
+  },
+  "ncb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ncb_icon.png"
+  },
+  "nextpay_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/nextpay_full.png"
+  },
+  "nextpay_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/nextpay_icon.png"
+  },
+  "ngan_luong_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ngan_luong_full.png"
+  },
+  "ngan_luong_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ngan_luong_icon.png"
+  },
+  "ocb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ocb_full.png"
+  },
+  "ocb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ocb_icon.png"
+  },
+  "ocean_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ocean_bank_full.png"
+  },
+  "ocean_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ocean_bank_icon.png"
+  },
+  "payme_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/payme_full.png"
+  },
+  "payme_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/payme_icon.png"
+  },
+  "payoo_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/payoo_full.png"
+  },
+  "payoo_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/payoo_icon.png"
+  },
+  "pg_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/pg_bank_full.png"
+  },
+  "pg_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/pg_bank_icon.png"
+  },
+  "public_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/public_bank_full.png"
+  },
+  "public_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/public_bank_icon.png"
+  },
+  "pvcom_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/pvcom_bank_full.png"
+  },
+  "pvcom_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/pvcom_bank_icon.png"
+  },
+  "scb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/scb_full.png"
+  },
+  "scb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/scb_icon.png"
+  },
+  "scotiabank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/scotiabank_full.png"
+  },
+  "scotiabank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/scotiabank_icon.png"
+  },
+  "sea_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/sea_bank_full.png"
+  },
+  "sea_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/sea_bank_icon.png"
+  },
+  "shb_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/shb_full.png"
+  },
+  "shb_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/shb_icon.png"
+  },
+  "shinhan_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/shinhan_bank_full.png"
+  },
+  "shinhan_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/shinhan_bank_icon.png"
+  },
+  "shopeepay_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/shopeepay_full.png"
+  },
+  "shopeepay_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/shopeepay_icon.png"
+  },
+  "smfg_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/smfg_full.png"
+  },
+  "smfg_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/smfg_icon.png"
+  },
+  "standard_chartered_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/standard_chartered_full.png"
+  },
+  "standard_chartered_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/standard_chartered_icon.png"
+  },
+  "techcombank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/techcombank_full.png"
+  },
+  "techcombank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/techcombank_icon.png"
+  },
+  "timo_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/timo_full.png"
+  },
+  "timo_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/timo_icon.png"
+  },
+  "tpbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/tpbank_full.png"
+  },
+  "tpbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/tpbank_icon.png"
+  },
+  "truemoney_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/truemoney_full.png"
+  },
+  "truemoney_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/truemoney_icon.png"
+  },
+  "tyme_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/tyme_full.png"
+  },
+  "tyme_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/tyme_icon.png"
+  },
+  "tymebank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/tymebank_full.png"
+  },
+  "tymebank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/tymebank_icon.png"
+  },
+  "ubsp_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ubsp_full.png"
+  },
+  "ubsp_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/ubsp_icon.png"
+  },
+  "vib_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vib_full.png"
+  },
+  "vib_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vib_icon.png"
+  },
+  "viet_a bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/viet_a bank_full.png"
+  },
+  "viet_a bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/viet_a bank_icon.png"
+  },
+  "viet_capital bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/viet_capital bank_full.png"
+  },
+  "viet_capital bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/viet_capital bank_icon.png"
+  },
+  "vietcombank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vietcombank_full.png"
+  },
+  "vietcombank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vietcombank_icon.png"
+  },
+  "vietinbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vietinbank_full.png"
+  },
+  "vietinbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vietinbank_icon.png"
+  },
+  "viettel_money_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/viettel_money_full.png"
+  },
+  "viettel_money_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/viettel_money_icon.png"
+  },
+  "viettel_pay_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/viettel_pay_full.png"
+  },
+  "viettel_pay_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/viettel_pay_icon.png"
+  },
+  "vimo_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vimo_full.png"
+  },
+  "vimo_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vimo_icon.png"
+  },
+  "vinid_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vinid_full.png"
+  },
+  "vinid_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vinid_icon.png"
+  },
+  "vnpay_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vnpay_full.png"
+  },
+  "vnpay_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vnpay_icon.png"
+  },
+  "vnpay_money_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vnpay_money_full.png"
+  },
+  "vnpay_money_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vnpay_money_icon.png"
+  },
+  "vpbank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vpbank_full.png"
+  },
+  "vpbank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vpbank_icon.png"
+  },
+  "vtcpay_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vtcpay_full.png"
+  },
+  "vtcpay_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/vtcpay_icon.png"
+  },
+  "woori_bank_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/woori_bank_full.png"
+  },
+  "woori_bank_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/woori_bank_icon.png"
+  },
+  "zalopay_full": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/zalopay_full.png"
+  },
+  "zalopay_icon": {
+    "uri": "https://static.momocdn.net/app/img/kits/icon_bank/zalopay_icon.png"
+  }
+}

package/Assets/language.json

@@ -1,5 +1,6 @@
 {
   "vi": {
+    "errorCode": "Mã lỗi: ",
     "seeMore": "Xem thêm",
     "cancel": "Huỷ",
     "done": "Xong",
@@ -195,6 +196,7 @@
     "information": "Information",
     "tutorial": "Instruction",
     "question": "FAQ",
-    "support": "Support center"
+    "support": "Support center",
+    "errorCode": "Error code: "
   }
 }

package/Badge/Badge.tsx

@@ -0,0 +1,56 @@
+import React, {FC, useContext} from 'react';
+import {View} from 'react-native';
+
+import {ApplicationContext} from '../Application';
+import {BadgeProps} from './types';
+import styles from './styles';
+import {Colors} from '../Consts';
+import {Text} from '../Text';
+
+const Badge: FC<BadgeProps> = ({label = 'Label', style, backgroundColor}) => {
+  const {theme} = useContext(ApplicationContext);
+
+  const isValidatedColor = () => {
+    const colorKeys = Object.keys(Colors);
+    const colorValue = Object.values(Colors);
+    if (backgroundColor) {
+      const colorIndex = colorValue.indexOf(backgroundColor);
+      if (colorIndex !== -1) {
+        if (colorKeys[colorIndex]?.includes('_03')) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  const isNumber = () => {
+    const numberRegex = /^\d+$/;
+    return numberRegex.test(String(label));
+  };
+
+  const formatTitle = () => {
+    if (isNumber() && Number(label) > 99) {
+      return '99+';
+    }
+    return label.toString();
+  };
+
+  let badgeColor = isNumber()
+    ? theme.colors.error.primary
+    : theme.colors.warning.primary;
+
+  if (backgroundColor && isValidatedColor()) {
+    badgeColor = backgroundColor;
+  }
+
+  return (
+    <View style={[style, styles.badge, {backgroundColor: badgeColor}]}>
+      <Text color={Colors.black_01} typography={'action_xxs_bold'}>
+        {formatTitle()}
+      </Text>
+    </View>
+  );
+};
+
+export default Badge;

package/Badge/BadgeDot.tsx

@@ -0,0 +1,11 @@
+import React, {FC} from 'react';
+import {View} from 'react-native';
+import {BadgeDotProps} from './types';
+import styles from './styles';
+
+const BadgeDot: FC<BadgeDotProps> = ({size = 'large', style}) => {
+  const dotStyle = size === 'small' ? styles.dotSmall : styles.dot;
+  return <View style={[style, dotStyle]} />;
+};
+
+export default BadgeDot;