JSFiddle - React, Tailwind, and code Playground

by sunil puvvada

JavaScript

const data = "{"JSONString": "{\"invoice\":{\"can_send_in_mail\":false,\"bcy_shipping_charge_tax\":\"\",\"gst_no\":\"\",\"tax_reg_no\":\"\",\"is_eway_bill_required\":false,\"tax_specification\":\"intra\",\"stop_reminder_until_payment_expected_date\":false,\"customer_default_billing_address\":{\"zip\":\"\",\"country\":\"\",\"address\":\"\",\"city\":\"\",\"phone\":\"\",\"street2\":\"\",\"state\":\"\",\"fax\":\"\",\"state_code\":\"\"},\"inprocess_transaction_present\":false,\"submitted_date_formatted\":\"\",\"estimate_id\":\"\",\"customer_custom_fields\":[],\"status_formatted\":\"Draft\",\"shipping_charge_tax_id\":\"\",\"ecomm_operator_name\":\"\",\"is_autobill_enabled\":false,\"tax_treatment_formatted\":\"Unregistered Business\",\"shipping_charge_tax_name\":\"\",\"discount_total\":0,\"tax_total\":378,\"write_off_amount\":0,\"is_viewed_by_client\":false,\"salesorder_id\":\"\",\"merchant_gst_no\":\"\",\"sub_statuses\":[],\"last_reminder_sent_date_formatted\":\"\",\"client_viewed_time_formatted\":\"\",\"email\":\"\",\"reason_for_debit_note\":\"others\",\"salesorders\":[],\"adjustment_description\":\"\",\"currency_symbol\":\"\\u20b9\",\"gst_treatment_formatted\":\"Unregistered Business\",\"ach_supported\":false,\"shipping_bills\":[],\"type_formatted\":\"Tax Invoice\",\"transaction_rounding_type\":\"nearest_whole_number_rounding\",\"roundoff_value\":0,\"contact_persons_details\":[],\"template_name\":\"Aditya Birla Housing Finance Format\",\"salesorder_number\":\"\",\"template_id\":\"906597000000350001\",\"customer_name\":\"HDFC BANK LTD\",\"total_formatted\":\"\\u20b92,478.00\",\"discount_total_formatted\":\"\\u20b90.00\",\"payment_terms_label\":\"Net 30\",\"is_reverse_charge_applied\":false,\"show_no_of_copies\":true,\"notes\":\"Thanks for your...