{"version":3,"sources":["services/api.js","components/Context.jsx","components/Login.jsx","components/NotificationModal.jsx","components/Signup.jsx","components/Footer.jsx","components/Home.jsx","utils/currency_formatter.js","components/TopBar.jsx","components/CreateContact.jsx","components/PhoneBook.jsx","components/SelectContact.jsx","components/NewMessageSuccessModal.jsx","components/NewMessage.jsx","components/ViewMessage.jsx","components/Messages.jsx","components/Transactions.jsx","components/ProfileUpdateSuccess.jsx","components/Profile.jsx","components/Settings.jsx","components/DepositModal.jsx","components/Deposit.jsx","components/ForgotPassword.jsx","components/Loading.jsx","components/ContactUs.jsx","App.js","reportWebVitals.js","index.js"],"names":["base_url","get_user_contacts","auth_token","headers","Authorization","Promise","resolve","reject","axios","get","then","res","data","catch","err","StoreContext","React","createContext","StoreProvider","children","useState","isAuthenticated","user","contacts","transactions","messages","refresh","app_state","setAppState","loading","setLoading","store","useEffect","localStorage","getItem","jwt_decode","post","verify_token","response","isValid","console","log","Provider","value","useStore","useContext","withRouter","props","setUser","action","setAction","actions","status","message","toast","success","position","autoClose","hideProgressBar","closeOnClick","pauseOnHover","draggable","progress","undefined","setItem","history","push","toast_config","isObject","Object","keys","forEach","key","error","join","className","onSubmit","e","preventDefault","htmlFor","id","name","type","required","placeholder","autoComplete","onChange","email","target","password","href","xmlns","viewBox","fill","fillRule","d","clipRule","NotificationModal","open","setOpen","Root","show","as","Fragment","static","onClose","Child","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo","Overlay","SignupSuccess","Title","onClick","openModal","setOpenModal","firstname","lastname","mobile_number","minLength","confirm_password","Footer","style","width","height","src","alt","Home","to","stroke","strokeLinecap","strokeLinejoin","strokeWidth","curr_format","Intl","NumberFormat","currency","format","classNames","classes","filter","Boolean","TopBar","location","useLocation","navigation","current","pathname","Button","map","item","title","acc_balance","Items","Item","active","removeItem","Panel","isOpen","setIsOpen","setRefreshContacts","editData","setEditData","setData","path","update_contact","create_contact","appear","cols","phone_numbers","PhoneBook","createNewContact","setCreateNewContact","deleteContact","setDeleteContact","refreshContacts","delete_contact","length","scope","contact","index","split","SelectContact","setSelectedContact","searchInputRef","useRef","setContacts","searchTerm","setSearchTerm","filteredContacts","toLowerCase","includes","ref","messageCost","NewMessage","activeTab","setActiveTab","selectContact","setSelectContact","selectedContact","inputData","setInputData","setSuccess","cost","setCost","smsCount","setSmsCount","forwardedMessage","state","recipients","text","contact_id","send_sms","tab_enter_number_classes","tab_phone_book_classes","remaining","SmsCounter","count","ViewMessage","messageBody","readOnly","viewMessage","setViewMessage","openViewMessage","setOpenViewMessage","get_messages","reverse","substring","date_created","get_transactions","transaction","narrative","amount","Profile","edit","setEdit","updateSuccess","setUpdateSuccess","userId","update_user","disabled","Settings","apiKey","setApiKey","get_api_key","api_key","deposit","phone_number","Loading","size","color","ContactUs","postData","setPostData","subject","rows","CurvedHero","styled","div","AuthFormContainer","Header","Auth_Signup","Auth_Login","exact","component","Messages","Transactions","Deposit","render","window","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","document","getElementById"],"mappings":"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","file":"static/js/main.2c8b4e93.chunk.js","sourcesContent":["import axios from \"axios\";\r\n\r\nlet base_url = \"https://api.textug.com\";\r\n\r\nconst signup = (data) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/signup`, data)\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst login = (data) => {\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/login`, data)\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst get_api_key = (auth_token, userId) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `api-key/new/${userId}`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, {}, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst update_user = (auth_token, data, userId) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `user/update/${userId}`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, data, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst get_password_reset_link = (data) => {\r\n  \r\n  let path = `forgot-password`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, data)\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst get_user_contacts = (auth_token) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `phone-book/user/contacts`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .get(`${base_url}/${path}`, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst deposit = (auth_token, data) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `transaction/deposit`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, data, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst verify_token = (auth_token) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `verify/token`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, {}, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst refresh_balance = (auth_token) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `account-balance/refresh`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, {}, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst get_transactions = (auth_token) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `transactions/user`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .get(`${base_url}/${path}`, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst create_contact = (auth_token, data) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `phone-book/contact/create`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, data, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst update_contact = (auth_token, data, id) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `phone-book/contact/edit/${id}`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, data, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst delete_contact = (auth_token, id) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `phone-book/contact/delete/${id}`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, {}, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst get_messages = (auth_token) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `messages/user`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .get(`${base_url}/${path}`, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nconst send_sms = (auth_token, data) => {\r\n  const headers = {\r\n    Authorization: `Bearer ${auth_token}`,\r\n  };\r\n  let path = `sms/send`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, data, { headers })\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\nconst contact_support = (data) => {\r\n  \r\n  let path = `contact_support`;\r\n\r\n  return new Promise((resolve, reject) => {\r\n    axios\r\n      .post(`${base_url}/${path}`, data)\r\n      .then((res) => {\r\n        resolve(res.data);\r\n      })\r\n      .catch((err) => reject(err));\r\n  });\r\n};\r\n\r\nexport {\r\n  signup,\r\n  login,\r\n  get_api_key,\r\n  update_user,\r\n  get_password_reset_link,\r\n  get_user_contacts,\r\n  deposit,\r\n  verify_token,\r\n  refresh_balance,\r\n  get_transactions,\r\n  create_contact,\r\n  update_contact,\r\n  delete_contact,\r\n  get_messages,\r\n  send_sms,\r\n  contact_support,\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\nimport jwt_decode from \"jwt-decode\";\r\nimport { verify_token } from \"../services/api\";\r\n\r\nconst StoreContext = React.createContext();\r\n\r\nexport const StoreProvider = ({ children }) => {\r\n  const [app_state, setAppState] = useState({\r\n    isAuthenticated: false,\r\n    user: null,\r\n    contacts: [],\r\n    transactions: [],\r\n    messages: [],\r\n    refresh: false,\r\n  });\r\n\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  let store = { app_state, setAppState, loading, setLoading };\r\n\r\n  useEffect(() => {\r\n    let auth_token = localStorage.getItem(\"auth_token\");\r\n    if (auth_token) {\r\n      const { user } = jwt_decode(auth_token);\r\n      setLoading(true);\r\n      verify_token(auth_token)\r\n        .then((response) => {\r\n          setLoading(false);\r\n          if (response.isValid) {\r\n            setAppState({\r\n              ...app_state,\r\n              isAuthenticated: true,\r\n              user: response.user,\r\n              auth_token: auth_token,\r\n            });\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          setLoading(false);\r\n          console.log(err);\r\n          console.log(err.response);\r\n          //console.log(err.response.data.message);\r\n        });\r\n    }\r\n  }, [app_state.refresh]);\r\n\r\n  return (\r\n    <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\r\n  );\r\n};\r\n\r\nexport const useStore = () => {\r\n  const store = React.useContext(StoreContext);\r\n\r\n  return store;\r\n};\r\n","import { isObject } from \"lodash\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Redirect, withRouter } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { login } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\n\r\nconst Login = (props) => {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const [user, setUser] = useState({});\r\n  const [action, setAction] = useState(\"\");\r\n\r\n  const actions = {\r\n    login: \"LOGIN\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (action) {\r\n      switch (action) {\r\n        case actions.login: {\r\n          setLoading(true);\r\n          login(user)\r\n            .then((res) => {\r\n              if (res.status) {\r\n                let message = res.message;\r\n                if (message) {\r\n                  toast.success(message, {\r\n                    position: \"top-right\",\r\n                    autoClose: false,\r\n                    hideProgressBar: true,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                  });\r\n                }\r\n                //console.log(res);\r\n\r\n                localStorage.setItem(\"auth_token\", res.auth_token);\r\n\r\n                setAppState({\r\n                  ...app_state,\r\n                  isAuthenticated: true,\r\n                  user: res.user,\r\n                  auth_token: res.auth_token,\r\n                });\r\n\r\n                \r\n                setLoading(false);\r\n                props.history.push(\"/dashboard\");\r\n              }\r\n              //\r\n            })\r\n            .catch((err) => {\r\n              //console.log(JSON.stringify(err));\r\n              let message = err.response.data.message;\r\n              let toast_config = {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              };\r\n\r\n              if (isObject(message)) {\r\n                let messages = [];\r\n                Object.keys(message).forEach((key) => {\r\n                  messages.push(message[key]);\r\n                });\r\n                //toast(messages.join(' , '));\r\n                toast.error(messages.join(\" , \"), toast_config);\r\n              } else {\r\n                toast.error(message, toast_config);\r\n              }\r\n              console.log(err.response.data);\r\n\r\n              setLoading(false);\r\n\r\n            });\r\n        }\r\n        default: {\r\n          setAction(null);\r\n        }\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  return (\r\n    <div className=\"h-full w-full mx-auto\">\r\n      <div className=\"flex items-center justify-center bg-gray-50 px-4 sm:px-6 lg:px-8\">\r\n        <div className=\"max-w-md w-full space-y-8\">\r\n          <div>\r\n            <h2 className=\"mt-6 text-center text-3xl font-extrabold text-gray-900\">\r\n              Sign in\r\n            </h2>\r\n          </div>\r\n\r\n          <ToastContainer />\r\n\r\n          <form\r\n            className=\"mt-8 space-y-6\"\r\n            onSubmit={(e) => {\r\n              e.preventDefault();\r\n              setAction(actions.login);\r\n            }}\r\n          >\r\n            <div className=\"rounded-md shadow-sm -space-y-px\">\r\n              <div className=\"my-2 lg:my-1\">\r\n                <label\r\n                  htmlFor=\"email-address\"\r\n                  className=\"w-full flex flex-row mb-1 font-bold\"\r\n                >\r\n                  Email address\r\n                </label>\r\n                <input\r\n                  id=\"email-address\"\r\n                  name=\"email\"\r\n                  type=\"email\"\r\n                  required\r\n                  className=\"appearance-none rounded relative block w-full px-3 py-2 border \r\n                  border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                  focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                  placeholder=\"Email address\"\r\n                  autoComplete=\"off\"\r\n                  onChange={(e) => {\r\n                    setUser({ ...user, email: e.target.value });\r\n                  }}\r\n                />\r\n              </div>\r\n              <div className=\"my-2 lg:my-1\">\r\n                <label\r\n                  htmlFor=\"password\"\r\n                  className=\"w-full flex flex-row mb-1 font-bold\"\r\n                >\r\n                  Password\r\n                </label>\r\n                <input\r\n                  id=\"password\"\r\n                  name=\"password\"\r\n                  type=\"password\"\r\n                  required\r\n                  className=\"appearance-none rounded relative block w-full px-3 py-2 border\r\n                   border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none \r\n                   focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                  placeholder=\"Password\"\r\n                  autoComplete=\"off\"\r\n                  onChange={(e) => {\r\n                    setUser({ ...user, password: e.target.value });\r\n                  }}\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"flex items-center justify-center\">\r\n              <div className=\"text-sm\">\r\n                <a\r\n                  href=\"/forgot-password\"\r\n                  className=\"font-normal text-indigo-600 hover:text-indigo-500\"\r\n                >\r\n                  Forgot your password?\r\n                </a>\r\n              </div>\r\n            </div>\r\n\r\n            <div>\r\n              <button\r\n                type=\"submit\"\r\n                className=\"group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-normal rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"\r\n              >\r\n                <span className=\"absolute left-0 inset-y-0 flex items-center pl-3\">\r\n                  <svg\r\n                    className=\"h-5 w-5 text-indigo-500 group-hover:text-indigo-400\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"currentColor\"\r\n                    aria-hidden=\"true\"\r\n                  >\r\n                    <path\r\n                      fillRule=\"evenodd\"\r\n                      d=\"M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z\"\r\n                      clipRule=\"evenodd\"\r\n                    />\r\n                  </svg>\r\n                </span>\r\n                Sign in\r\n              </button>\r\n            </div>\r\n            <div className=\"text-sm flex place-content-center xs:mb-48 xs:pb-28 md:mb-48 md:pb-28 lg:mb-2 lg:pb-2\">\r\n              <span>Not registered? &nbsp;</span>\r\n              <a\r\n                href=\"/signup\"\r\n                className=\"font-medium text-indigo-600 hover:text-indigo-500\"\r\n              >\r\n                Signup\r\n              </a>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default withRouter(Login);\r\n","/* This example requires Tailwind CSS v2.0+ */\r\nimport { Fragment, useRef, useState } from \"react\";\r\nimport { Dialog, Transition } from \"@headlessui/react\";\r\nimport { ExclamationIcon } from \"@heroicons/react/outline\";\r\n\r\nconst NotificationModal = (props) => {\r\n  const { open, setOpen } = props;\r\n\r\n  return (\r\n    <Transition.Root show={open} as={Fragment}>\r\n      <Dialog\r\n        as=\"div\"\r\n        static\r\n        className=\"fixed z-10 inset-0 overflow-y-auto\"\r\n        open={open}\r\n        onClose={setOpen}\r\n      >\r\n        <div className=\"flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0\">\r\n          <Transition.Child\r\n            as={Fragment}\r\n            enter=\"ease-out duration-300\"\r\n            enterFrom=\"opacity-0\"\r\n            enterTo=\"opacity-100\"\r\n            leave=\"ease-in duration-200\"\r\n            leaveFrom=\"opacity-100\"\r\n            leaveTo=\"opacity-0\"\r\n          >\r\n            <Dialog.Overlay className=\"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity\" />\r\n          </Transition.Child>\r\n\r\n          {/* This element is to trick the browser into centering the modal contents. */}\r\n          <span\r\n            className=\"hidden sm:inline-block sm:align-middle sm:h-screen\"\r\n            aria-hidden=\"true\"\r\n          >\r\n            &#8203;\r\n          </span>\r\n          <Transition.Child\r\n            as='span'\r\n            enter=\"ease-out duration-300\"\r\n            enterFrom=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\r\n            enterTo=\"opacity-100 translate-y-0 sm:scale-100\"\r\n            leave=\"ease-in duration-200\"\r\n            leaveFrom=\"opacity-100 translate-y-0 sm:scale-100\"\r\n            leaveTo=\"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95\"\r\n          >\r\n             {props.children} \r\n            \r\n          </Transition.Child>\r\n        </div>\r\n      </Dialog>\r\n    </Transition.Root>\r\n  );\r\n};\r\n\r\nexport default NotificationModal;\r\n","import { Dialog } from \"@headlessui/react\";\r\nimport { CheckIcon } from \"@heroicons/react/outline\";\r\nimport { isObject } from \"lodash\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { signup } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\nimport NotificationModal from \"./NotificationModal\";\r\n\r\nconst SignupSuccess = (props) => {\r\n  return (\r\n    <div className=\"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full\">\r\n      <div className=\"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4\">\r\n        <div className=\"sm:flex sm:items-start\">\r\n          <div className=\"mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-purple-100 sm:mx-0 sm:h-10 sm:w-10\">\r\n            <CheckIcon className=\"h-6 w-6 text-green-60 rounded-full\" />\r\n          </div>\r\n          <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\r\n            <Dialog.Title\r\n              as=\"h3\"\r\n              className=\"text-lg leading-6 font-medium text-gray-900\"\r\n            >\r\n              You have signed up successfully !!\r\n            </Dialog.Title>\r\n            <div className=\"mt-2\">\r\n              <p className=\"text-sm text-gray-500\">Login to continue</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"bg-gray-50 px-4 py-6 sm:px-6 sm:flex sm:flex-row-reverse\">\r\n        <button\r\n          type=\"button\"\r\n          className=\"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-purple-600 text-base font-medium text-white hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 sm:ml-3 sm:w-auto sm:text-sm\"\r\n          onClick={() => props.history.push(\"/login\")}\r\n        >\r\n          Login\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst Signup = (props) => {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const [user, setUser] = useState({});\r\n  const [action, setAction] = useState(\"\");\r\n\r\n  const [openModal, setOpenModal] = useState(false);\r\n\r\n  const actions = {\r\n    signup: \"SIGNUP\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (action) {\r\n      switch (action) {\r\n        case actions.signup: {\r\n          setLoading(true);\r\n\r\n          signup(user)\r\n            .then((res) => {\r\n              setLoading(false);\r\n              return setOpenModal(true);\r\n\r\n              //\r\n            })\r\n            .catch((err) => {\r\n              let message = err.response.data.message;\r\n              let toast_config = {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              };\r\n\r\n              if (isObject(message)) {\r\n                let messages = [];\r\n                Object.keys(message).forEach((key) => {\r\n                  messages.push(message[key]);\r\n                });\r\n                //toast(messages.join(' , '));\r\n                toast.error(messages.join(\" , \"), toast_config);\r\n              } else {\r\n                toast.error(message, toast_config);\r\n              }\r\n              console.log(err.response.data);\r\n\r\n              setLoading(false);\r\n            });\r\n        }\r\n        default: {\r\n          setAction(null);\r\n        }\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  return (\r\n    <>\r\n      {openModal && (\r\n        <NotificationModal open={openModal} setOpen={setOpenModal}>\r\n          <SignupSuccess {...props} />\r\n        </NotificationModal>\r\n      )}\r\n\r\n      <div className=\"h-full w-full mx-auto\">\r\n        <div className=\"flex items-center justify-center bg-gray-50 px-4 sm:px-6 lg:px-8\">\r\n          <div className=\"max-w-md w-full space-y-1\">\r\n            <div>\r\n              <h2 className=\"mt-3 text-center text-3xl font-extrabold text-gray-900\">\r\n                Sign up\r\n              </h2>\r\n            </div>\r\n\r\n            <ToastContainer />\r\n\r\n            <form\r\n              className=\"mt-4 space-y-4 xs:pb-20 md:pb-16 lg:pb-0\"\r\n              onSubmit={(e) => {\r\n                e.preventDefault();\r\n                console.log(\"action => signup\");\r\n                setAction(actions.signup);\r\n              }}\r\n            >\r\n              <div className=\"rounded-md shadow-sm -space-y-px\">\r\n                <div className=\"flex w-full my-2 justify-between flex-wrap\">\r\n                  <div className=\"xs:w-full md:w-max\">\r\n                    <label\r\n                      htmlFor=\"firstname\"\r\n                      className=\"w-full flex flex-row my-1\"\r\n                    >\r\n                      First name\r\n                    </label>\r\n                    <input\r\n                      id=\"firstname\"\r\n                      name=\"firstname\"\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      required\r\n                      className=\"appearance-none rounded relative block w-full px-3 py-2 border \r\n                    border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                    focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                      placeholder=\"First name\"\r\n                      onChange={(e) => {\r\n                        setUser({ ...user, firstname: e.target.value });\r\n                      }}\r\n                    />\r\n                  </div>\r\n                  <div className=\"xs:w-full md:w-max\">\r\n                    <label\r\n                      htmlFor=\"lastname\"\r\n                      className=\"w-full flex flex-row my-1\"\r\n                    >\r\n                      Last name\r\n                    </label>\r\n                    <input\r\n                      id=\"lastname\"\r\n                      name=\"lastname\"\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      required\r\n                      className=\"appearance-none rounded relative block w-full px-3 py-2 border \r\n                    border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                    focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                      placeholder=\"Last name\"\r\n                      onChange={(e) => {\r\n                        setUser({ ...user, lastname: e.target.value });\r\n                      }}\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <div className=\"flex w-full my-2 place-content-between flex-wrap\">\r\n                  <div className=\"xs:w-full md:w-max\">\r\n                    <label\r\n                      htmlFor=\"email-address\"\r\n                      className=\"w-full flex flex-row my-1\"\r\n                    >\r\n                      Email address\r\n                    </label>\r\n                    <input\r\n                      id=\"email-address\"\r\n                      name=\"email\"\r\n                      type=\"email\"\r\n                      autoComplete=\"email\"\r\n                      required\r\n                      className=\"appearance-none rounded relative block w-full px-3 py-2 border \r\n                    border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                    focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                      placeholder=\"Email address\"\r\n                      onChange={(e) => {\r\n                        setUser({ ...user, email: e.target.value });\r\n                      }}\r\n                    />\r\n                  </div>\r\n                  <div className=\"xs:w-full md:w-max\">\r\n                    <label\r\n                      htmlFor=\"mobile_number\"\r\n                      className=\"w-full flex flex-row my-1\"\r\n                    >\r\n                      Mobile number\r\n                    </label>\r\n                    <input\r\n                      id=\"mobile_number\"\r\n                      name=\"mobile_number\"\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      required\r\n                      className=\"appearance-none rounded relative block w-full px-3 py-2 border \r\n                    border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                    focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                      placeholder=\"+256777777777\"\r\n                      onChange={(e) => {\r\n                        setUser({ ...user, mobile_number: e.target.value });\r\n                      }}\r\n                    />\r\n                  </div>\r\n                </div>\r\n\r\n                <div className=\"flex w-full my-2 place-content-between flex-wrap\">\r\n                  <div className=\"xs:w-full md:w-max\">\r\n                    <label\r\n                      htmlFor=\"password\"\r\n                      className=\"w-full flex flex-row my-1\"\r\n                    >\r\n                      Password\r\n                    </label>\r\n                    <input\r\n                      id=\"password\"\r\n                      name=\"password\"\r\n                      type=\"password\"\r\n                      autoComplete=\"off\"\r\n                      required\r\n                      className=\"appearance-none rounded relative block w-full px-3 py-2 border\r\n                     border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none \r\n                     focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                      placeholder=\"Password\"\r\n                      minLength=\"6\"\r\n                      onChange={(e) => {\r\n                        setUser({ ...user, password: e.target.value });\r\n                      }}\r\n                    />\r\n                  </div>\r\n                  <div className=\"xs:w-full md:w-max\">\r\n                    <label\r\n                      htmlFor=\"password\"\r\n                      className=\"w-full flex flex-row my-1\"\r\n                    >\r\n                      Confirm Password\r\n                    </label>\r\n                    <input\r\n                      id=\"confirm_password\"\r\n                      name=\"confirm_password\"\r\n                      type=\"password\"\r\n                      autoComplete=\"off\"\r\n                      required\r\n                      className=\"appearance-none rounded relative block w-full px-3 py-2 border\r\n                     border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none \r\n                     focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                      placeholder=\"Confirm Password\"\r\n                      minLength=\"6\"\r\n                      onChange={(e) => {\r\n                        setUser({ ...user, confirm_password: e.target.value });\r\n                      }}\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div>\r\n                <button\r\n                  type=\"submit\"\r\n                  className=\"group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"\r\n                >\r\n                  Sign up\r\n                </button>\r\n              </div>\r\n              <div className=\"text-sm flex place-content-center\">\r\n                <span>Already registered? &nbsp;</span>\r\n                <a\r\n                  href=\"/login\"\r\n                  className=\"font-medium text-indigo-600 hover:text-indigo-500\"\r\n                >\r\n                  Login\r\n                </a>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default withRouter(Signup);\r\n","const Footer = () => {\r\n  return (\r\n    <div className=\"flex w-full justify-center items-center flex-wrap fixed z-10 bottom-0 pb-2 pt-1 right-0 left-0 text-purple-500 bg-white\">\r\n      <div className=\"flex justify-start items-center\">\r\n        <span className=\"text-gray-700 flex justify-center items-center text-sm\">From </span>\r\n        <a\r\n          className=\"mx-2 hover:text-purple-900\"\r\n          href=\"https://gmtconsults.com\"\r\n        >\r\n          <img className=\"flex justify-center items-center\" style={{width: '140px', height: 'auto'}} src=\"/gmt-logo.png\" alt=\"GMT Consults LTD\" />\r\n        </a>\r\n      </div>\r\n\r\n      <div className=\"flex items-center xs:justify-center xs:w-full md:w-max\">\r\n        <span className=\"text-gray-600 mx-1 xs:hidden md:flex\"> | </span>\r\n        <small>\r\n          <span className=\"text-gray-700\">Other products </span>\r\n          <a className=\"mx-1 hover:text-purple-900\" href=\"https://efinanci.com\">\r\n            <span className=\"text-gray-600\"> : </span> efinanci\r\n          </a>\r\n        </small>\r\n\r\n        <a className=\"mx-1 hover:text-purple-900\" href=\"https://sentepay.com\">\r\n          <small>\r\n            <span className=\"text-gray-600\"> | </span>sentepay\r\n          </small>\r\n        </a>\r\n        <a className=\"mx-1 hover:text-purple-900\" href=\"https://bondstock.ug\">\r\n          <small>\r\n            <span className=\"text-gray-600\"> | </span>bondstock.ug\r\n          </small>\r\n        </a>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n","import { Link } from \"react-router-dom\";\r\nimport Footer from \"./Footer\";\r\n\r\nconst Home = () => {\r\n  return (\r\n    <>\r\n      <div className=\"w-full flex justify-center items-center my-8 pt-8 flex-wrap pb-20\">\r\n        <Link\r\n          to=\"/new-message\"\r\n          className=\"md:w-1/5 xs:w-1/3 m-4 h-28 rounded border hover:border-purple-700 flex flex-col items-center justify-center cursor-pointer\"\r\n        >\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            className=\"h-1/2 w-1/2 text-purple-700 font-bold\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n            stroke=\"currentColor\"\r\n          >\r\n            <path\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n              strokeWidth={2}\r\n              d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\"\r\n            />\r\n          </svg>\r\n          <div className=\"flex justify-center items-center my-2 text-purple-700 font-bold\">\r\n            <span>New Message</span>\r\n          </div>\r\n        </Link>\r\n\r\n        <Link\r\n          to=\"/phone-book\"\r\n          className=\"md:w-1/5 xs:w-1/3 m-4 h-28 rounded border hover:border-purple-700 flex flex-col items-center justify-center cursor-pointer\"\r\n        >\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            className=\"h-1/2 w-1/2 text-purple-700 font-bold\"\r\n            viewBox=\"0 0 20 20\"\r\n            fill=\"currentColor\"\r\n          >\r\n            <path d=\"M9 2a1 1 0 000 2h2a1 1 0 100-2H9z\" />\r\n            <path\r\n              fillRule=\"evenodd\"\r\n              d=\"M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z\"\r\n              clipRule=\"evenodd\"\r\n            />\r\n          </svg>\r\n          <div className=\"flex justify-center items-center my-2 text-purple-700 font-bold\">\r\n            <span>Phone Book</span>\r\n          </div>\r\n        </Link>\r\n\r\n        <Link\r\n          to=\"/transactions\"\r\n          className=\"md:w-1/5 xs:w-1/3 m-4 h-28 rounded border hover:border-purple-700 flex flex-col items-center justify-center cursor-pointer\"\r\n        >\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            className=\"h-1/2 w-1/2 text-purple-700 font-bold\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n            stroke=\"currentColor\"\r\n          >\r\n            <path\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n              strokeWidth={2}\r\n              d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\r\n            />\r\n          </svg>\r\n          <div className=\"flex justify-center items-center my-2 text-purple-700 font-bold\">\r\n            <span>Transactions</span>\r\n          </div>\r\n        </Link>\r\n\r\n        <Link\r\n          to=\"/messages\"\r\n          className=\"md:w-1/5 xs:w-1/3 m-4 h-28 rounded border hover:border-purple-700 flex flex-col items-center justify-center cursor-pointer\"\r\n        >\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            className=\"h-1/2 w-1/2 text-purple-700 font-bold\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n            stroke=\"currentColor\"\r\n          >\r\n            <path\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n              strokeWidth={2}\r\n              d=\"M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z\"\r\n            />\r\n          </svg>\r\n          <div className=\"flex justify-center items-center my-2 text-purple-700 font-bold\">\r\n            <span>Messages</span>\r\n          </div>\r\n        </Link>\r\n\r\n        <Link\r\n          to=\"/profile\"\r\n          className=\"md:w-1/5 xs:w-1/3 m-4 h-28 rounded border hover:border-purple-700 flex flex-col items-center justify-center cursor-pointer\"\r\n        >\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            className=\"h-1/2 w-1/2 text-purple-700 font-bold\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n            stroke=\"currentColor\"\r\n          >\r\n            <path\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n              strokeWidth={2}\r\n              d=\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\r\n            />\r\n          </svg>\r\n          <div className=\"flex justify-center items-center my-2 text-purple-700 font-bold\">\r\n            <span>Profile</span>\r\n          </div>\r\n        </Link>\r\n\r\n        <Link\r\n          to=\"/deposit\"\r\n          className=\"md:w-1/5 xs:w-1/3 m-4 h-28 rounded border hover:border-purple-700 flex flex-col items-center justify-center cursor-pointer\"\r\n        >\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            className=\"h-1/2 w-1/2 text-purple-700 font-bold\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n            stroke=\"currentColor\"\r\n          >\r\n            <path\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n              strokeWidth={2}\r\n              d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\"\r\n            />\r\n          </svg>\r\n          <div className=\"flex justify-center items-center my-2 text-purple-700 font-bold\">\r\n            <span>Top Up</span>\r\n          </div>\r\n        </Link>\r\n      </div>\r\n      <Footer />\r\n\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Home;\r\n","const curr_format = (data) => {\r\n  return new Intl.NumberFormat(\"UG\", {\r\n    style: \"currency\",\r\n    currency: \"UGX\",\r\n  }).format(data);\r\n};\r\n\r\nexport default curr_format;\r\n","/* This example requires Tailwind CSS v2.0+ */\r\nimport { Fragment, useEffect } from \"react\";\r\nimport { Disclosure, Menu, Transition } from \"@headlessui/react\";\r\nimport { BellIcon, MenuIcon, XIcon } from \"@heroicons/react/outline\";\r\nimport { Link, useLocation } from \"react-router-dom\";\r\nimport { useStore } from \"./Context\";\r\nimport curr_format from \"../utils/currency_formatter\";\r\n\r\nfunction classNames(...classes) {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n\r\nconst TopBar = () => {\r\n  const location = useLocation();\r\n  const { app_state, setAppState } = useStore();\r\n  const { user } = app_state;\r\n\r\n  const navigation = [\r\n    {\r\n      name: \"Dashboard\",\r\n      href: \"/dashboard\",\r\n      current: location.pathname === \"/dashboard\",\r\n    },\r\n    {\r\n      name: \"Top Up\",\r\n      href: \"/deposit\",\r\n      current: location.pathname === \"/deposit\",\r\n    },\r\n    {\r\n      name: \"New Message\",\r\n      href: \"/new-message\",\r\n      current: location.pathname === \"/new-message\",\r\n    },\r\n    {\r\n      name: \"Message History\",\r\n      href: \"/messages\",\r\n      current: location.pathname === \"/messages\",\r\n    },\r\n    {\r\n      name: \"Phone-Book\",\r\n      href: \"/phone-book\",\r\n      current: location.pathname === \"/phone-book\",\r\n    },\r\n\r\n    {\r\n      name: \"Transactions\",\r\n      href: \"/transactions\",\r\n      current: location.pathname === \"/transactions\",\r\n    },\r\n    {\r\n      name: \"API documentation\",\r\n      href: \"/api-docs\",\r\n      current: location.pathname === \"/api-docs\",\r\n    },\r\n    {\r\n      name: \"Contact Us\",\r\n      href: \"/contact-us\",\r\n      current: location.pathname === \"/contact-us\",\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <Disclosure\r\n      as=\"nav\"\r\n      className=\"bg-purple-700 fixed z-20 top-0 left-0 right-0\"\r\n    >\r\n      {({ open }) => (\r\n        <>\r\n          <div className=\"w-full flex hmd:pr-6 lg:pr-8 mt-2 text-gray-300 flex-row-reverse\">\r\n            <div className=\"flex text-xs\">\r\n              <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                className=\"h-4 w-4\"\r\n                fill=\"none\"\r\n                viewBox=\"0 0 24 24\"\r\n                stroke=\"currentColor\"\r\n              >\r\n                <path\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  strokeWidth={2}\r\n                  d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\r\n                />\r\n              </svg>\r\n              <small className=\"mx-1\">+256 200902091/+256 702771124</small>\r\n            </div>\r\n            <div className=\"flex text-xs\">\r\n              <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                className=\"h-4 w-4\"\r\n                fill=\"none\"\r\n                viewBox=\"0 0 24 24\"\r\n                stroke=\"currentColor\"\r\n              >\r\n                <path\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  strokeWidth={2}\r\n                  d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\r\n                />\r\n              </svg>\r\n              <small className=\"mx-2\">support@textug.com</small>\r\n            </div>\r\n          </div>\r\n          <div className=\"max-w-7xl mx-auto px-2 hmd:px-6 lg:px-8\">\r\n            <div className=\"relative flex items-center justify-between h-16\">\r\n              <div className=\"absolute inset-y-0 left-0 flex items-center hmd:hidden\">\r\n                {/* Mobile menu button*/}\r\n                <Disclosure.Button className=\"inline-flex items-center justify-center p-2 rounded-md text-white hover:text-white hover:bg-transparent focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white\">\r\n                  <span className=\"sr-only\">Open main menu</span>\r\n                  {open ? (\r\n                    <XIcon className=\"block h-6 w-6\" aria-hidden=\"true\" />\r\n                  ) : (\r\n                    <MenuIcon className=\"block h-6 w-6\" aria-hidden=\"true\" />\r\n                  )}\r\n                </Disclosure.Button>\r\n              </div>\r\n\r\n              <div className=\"flex-1 flex items-center justify-center hmd:items-stretch hmd:justify-start\">\r\n                <div className=\"flex-shrink-0 flex items-center\">\r\n                  {/* <img\r\n                    className=\"block lg:hidden h-8 w-auto\"\r\n                    src=\"https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg\"\r\n                    alt=\"Workflow\"\r\n                  />\r\n                  <img\r\n                    className=\"hidden lg:block h-8 w-auto\"\r\n                    src=\"https://tailwindui.com/img/logos/workflow-logo-indigo-500-mark-white-text.svg\"\r\n                    alt=\"Workflow\"\r\n                  /> */}\r\n                </div>\r\n                <div className=\"hidden hmd:block hmd:ml-6\">\r\n                  <div className=\"flex space-x-4\">\r\n                    {navigation.map((item) => (\r\n                      <Link\r\n                        key={item.name}\r\n                        to={item.href}\r\n                        className={classNames(\r\n                          item.current\r\n                            ? \"bg-purple-500 text-white\"\r\n                            : \"text-gray-300 hover:bg-purple-500 hover:text-white\",\r\n                          \"px-2 py-2 rounded-md text-xs font-medium\"\r\n                        )}\r\n                        aria-current={item.current ? \"page\" : undefined}\r\n                      >\r\n                        {item.name}\r\n                      </Link>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"absolute inset-y-0 right-0 flex items-center pr-2 hmd:static hmd:inset-auto hmd:ml-6 hmd:pr-0\">\r\n                <span\r\n                  title=\"Refresh Balance\"\r\n                  className=\"cursor-pointer\"\r\n                  onClick={() => {\r\n                    setAppState({ ...app_state, refresh: new Object() });\r\n                  }}\r\n                >\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    className=\"h-5 w-5 mr-2 text-white\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"currentColor\"\r\n                  >\r\n                    <path\r\n                      fillRule=\"evenodd\"\r\n                      d=\"M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z\"\r\n                      clipRule=\"evenodd\"\r\n                    />\r\n                  </svg>\r\n                </span>\r\n\r\n                <span className=\"bg-white rounded mr-4 text-xs px-2 py-0.5 font-semibold\">\r\n                  <span>Bal: </span>\r\n                  <span>{curr_format(user.acc_balance)}</span>\r\n                </span>\r\n\r\n                <button className=\"bg-purple-900 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white\">\r\n                  <span className=\"sr-only\">View notifications</span>\r\n                  <BellIcon className=\"h-6 w-6\" aria-hidden=\"true\" />\r\n                </button>\r\n\r\n                {/* Profile dropdown */}\r\n                <Menu as=\"div\" className=\"ml-3 relative\">\r\n                  {({ open }) => (\r\n                    <>\r\n                      <div>\r\n                        <Menu.Button className=\"bg-white flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white\">\r\n                          <span className=\"sr-only\">Open user menu</span>\r\n\r\n                          <svg\r\n                            xmlns=\"http://www.w3.org/2000/svg\"\r\n                            className=\"h-8 w-8 rounded-full\"\r\n                            fill=\"none\"\r\n                            viewBox=\"0 0 24 24\"\r\n                            stroke=\"currentColor\"\r\n                          >\r\n                            <path\r\n                              strokeLinecap=\"round\"\r\n                              strokeLinejoin=\"round\"\r\n                              strokeWidth={2}\r\n                              d=\"M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\r\n                            />\r\n                          </svg>\r\n                        </Menu.Button>\r\n                      </div>\r\n                      <Transition\r\n                        show={open}\r\n                        as={Fragment}\r\n                        enter=\"transition ease-out duration-100\"\r\n                        enterFrom=\"transform opacity-0 scale-95\"\r\n                        enterTo=\"transform opacity-100 scale-100\"\r\n                        leave=\"transition ease-in duration-75\"\r\n                        leaveFrom=\"transform opacity-100 scale-100\"\r\n                        leaveTo=\"transform opacity-0 scale-95\"\r\n                      >\r\n                        <Menu.Items\r\n                          static\r\n                          className=\"origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none\"\r\n                        >\r\n                          <Menu.Item>\r\n                            {({ active }) => (\r\n                              <Link\r\n                                to=\"/profile\"\r\n                                className={classNames(\r\n                                  active ? \"bg-gray-100\" : \"\",\r\n                                  \"block px-4 py-2 text-sm text-gray-700\"\r\n                                )}\r\n                              >\r\n                                Your Profile\r\n                              </Link>\r\n                            )}\r\n                          </Menu.Item>\r\n                          <Menu.Item>\r\n                            {({ active }) => (\r\n                              <Link\r\n                                to=\"/settings\"\r\n                                className={classNames(\r\n                                  active ? \"bg-gray-100\" : \"\",\r\n                                  \"block px-4 py-2 text-sm text-gray-700\"\r\n                                )}\r\n                              >\r\n                                Settings\r\n                              </Link>\r\n                            )}\r\n                          </Menu.Item>\r\n                          <Menu.Item>\r\n                            {({ active }) => (\r\n                              <a\r\n                                href=\"#\"\r\n                                className={classNames(\r\n                                  active ? \"bg-gray-100\" : \"\",\r\n                                  \"block px-4 py-2 text-sm text-gray-700\"\r\n                                )}\r\n                                onClick={() => {\r\n                                  localStorage.removeItem(\"auth_token\");\r\n                                  setAppState({\r\n                                    ...app_state,\r\n                                    user: null,\r\n                                    isAuthenticated: false,\r\n                                  });\r\n                                }}\r\n                              >\r\n                                Sign out\r\n                              </a>\r\n                            )}\r\n                          </Menu.Item>\r\n                        </Menu.Items>\r\n                      </Transition>\r\n                    </>\r\n                  )}\r\n                </Menu>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <Disclosure.Panel className=\"hmd:hidden\">\r\n            <div className=\"px-2 pt-2 pb-3 space-y-1\">\r\n              {navigation.map((item) => (\r\n                <Link\r\n                  key={item.name}\r\n                  to={item.href}\r\n                  className={classNames(\r\n                    item.current\r\n                      ? \"bg-purple-500 text-white\"\r\n                      : \"text-gray-300 hover:bg-purple-500 hover:text-white\",\r\n                    \"block px-3 py-2 rounded-md text-base font-medium\"\r\n                  )}\r\n                  aria-current={item.current ? \"page\" : undefined}\r\n                >\r\n                  {item.name}\r\n                </Link>\r\n              ))}\r\n            </div>\r\n          </Disclosure.Panel>\r\n        </>\r\n      )}\r\n    </Disclosure>\r\n  );\r\n};\r\n\r\nexport default TopBar;\r\n","import { Dialog, Transition } from \"@headlessui/react\";\r\nimport { isObject } from \"lodash\";\r\nimport { Fragment, useEffect, useState } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { create_contact, update_contact } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\n\r\nconst CreateContact = (props) => {\r\n  const { app_state, setLoading } = useStore();\r\n  const { isOpen, setIsOpen, setRefreshContacts, editData, setEditData, toast } = props;\r\n  const [data, setData] = useState({});\r\n  const [action, setAction] = useState(\"\");\r\n\r\n  const actions = {\r\n    createContact: \"CREATE_CONTACT\",\r\n    updateContact: \"UPDATE_CONTACT\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isObject(editData)) {\r\n      setData(editData);\r\n    }\r\n  }, [editData]);\r\n\r\n  useEffect(() => {\r\n    switch (action) {\r\n      case actions.updateContact: {\r\n        setLoading(true);\r\n        update_contact(app_state.auth_token, data, editData.id)\r\n          .then((res) => {\r\n            setLoading(false);\r\n            let message = res.message;\r\n            if (message) {\r\n              toast.success(message, {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              });\r\n            }\r\n\r\n            setEditData(false);\r\n            setData({});\r\n            setIsOpen(false);\r\n            setRefreshContacts(new Object());\r\n\r\n            //\r\n          })\r\n          .catch((err) => {\r\n            let message = err.response.data.message;\r\n            let toast_config = {\r\n              position: \"top-right\",\r\n              autoClose: false,\r\n              hideProgressBar: true,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            };\r\n\r\n            if (isObject(message)) {\r\n              let messages = [];\r\n              Object.keys(message).forEach((key) => {\r\n                messages.push(message[key]);\r\n              });\r\n              //toast(messages.join(' , '));\r\n              toast.error(messages.join(\" , \"), toast_config);\r\n            } else {\r\n              toast.error(message, toast_config);\r\n            }\r\n            console.log(err.response.data);\r\n            setLoading(false);\r\n          });\r\n        break;\r\n      }\r\n      case actions.createContact: {\r\n        setLoading(true);\r\n        create_contact(app_state.auth_token, data)\r\n          .then((res) => {\r\n            setLoading(false);\r\n            let message = res.message;\r\n            if (message) {\r\n              toast.success(message, {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              });\r\n            }\r\n\r\n            setIsOpen(false);\r\n            setRefreshContacts(new Object());\r\n\r\n            //\r\n          })\r\n          .catch((err) => {\r\n            let message = err.response.data.message;\r\n            let toast_config = {\r\n              position: \"top-right\",\r\n              autoClose: false,\r\n              hideProgressBar: true,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            };\r\n\r\n            if (isObject(message)) {\r\n              let messages = [];\r\n              Object.keys(message).forEach((key) => {\r\n                messages.push(message[key]);\r\n              });\r\n              //toast(messages.join(' , '));\r\n              toast.error(messages.join(\" , \"), toast_config);\r\n            } else {\r\n              toast.error(message, toast_config);\r\n            }\r\n            console.log(err.response.data);\r\n            setLoading(false);\r\n          });\r\n          break;\r\n      }\r\n      default: {\r\n        setAction(null);\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  return (\r\n    <>\r\n      <Transition appear show={isOpen} as={Fragment}>\r\n        <Dialog\r\n          as=\"div\"\r\n          className=\"fixed inset-0 z-10 overflow-y-auto\"\r\n          onClose={() => {}}\r\n        >\r\n          <div className=\"min-h-screen px-4 text-center\">\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0\"\r\n              enterTo=\"opacity-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100\"\r\n              leaveTo=\"opacity-0\"\r\n            >\r\n              <Dialog.Overlay className=\"fixed inset-0\" />\r\n            </Transition.Child>\r\n\r\n            {/* This element is to trick the browser into centering the modal contents. */}\r\n            <span\r\n              className=\"inline-block h-screen align-middle\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              &#8203;\r\n            </span>\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0 scale-95\"\r\n              enterTo=\"opacity-100 scale-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100 scale-100\"\r\n              leaveTo=\"opacity-0 scale-95\"\r\n            >\r\n              <div className=\"inline-block w-full max-w-md p-6 my-8 overflow-hidden text-left align-middle transition-all transform bg-white shadow-xl rounded-2xl\">\r\n                <>\r\n                  <div className=\"h-full w-full mx-auto\">\r\n                    <div className=\"flex items-center justify-center bg-gray-50 px-4 sm:px-6 lg:px-8\">\r\n                      <div className=\"max-w-md w-full space-y-8\">\r\n                        <div>\r\n                          <h2 className=\"mt-6 text-center text-2xl font-bold text-gray-900\">\r\n                            {editData ? \"Edit Contact\" : \"New Contact\"}\r\n                          </h2>\r\n                        </div>\r\n\r\n                        <form\r\n                          className=\"mt-8 space-y-6\"\r\n                          onSubmit={(e) => {\r\n                            e.preventDefault();\r\n\r\n                            if (editData) {\r\n                               setAction(actions.updateContact);\r\n                            } else {\r\n                              setAction(actions.createContact);\r\n                            }\r\n                          }}\r\n                        >\r\n                          <div className=\"rounded-md shadow-sm -space-y-px\">\r\n                            <div className=\"my-2\">\r\n                              <label\r\n                                htmlFor=\"name\"\r\n                                className=\"w-full flex flex-row mb-1 font-bold\"\r\n                              >\r\n                                Contact Name\r\n                              </label>\r\n                              <input\r\n                                id=\"name\"\r\n                                name=\"name\"\r\n                                type=\"text\"\r\n                                required\r\n                                className=\"appearance-none rounded relative block w-full px-3 py-2 border \r\n                  border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                  focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                                placeholder=\"Contact name\"\r\n                                autoComplete=\"off\"\r\n                                value={data.name || \"\"}\r\n                                onChange={(e) => {\r\n                                  setData({ ...data, name: e.target.value });\r\n                                }}\r\n                              />\r\n                            </div>\r\n                            <div className=\"my-2\">\r\n                              <label\r\n                                htmlFor=\"phone_numbers\"\r\n                                className=\"w-full flex flex-row mb-1 font-bold\"\r\n                              >\r\n                                Phone number(s)\r\n                              </label>\r\n\r\n                              <textarea\r\n                                name=\"phone_numbers\"\r\n                                placeholder=\"Enter Numbers sperated by ',' E.g 0798765454,0778765454\"\r\n                                cols=\"8\"\r\n                                className=\"w-full h-full my-2 border border-gray-300 focus:border-purple-700 rounded\"\r\n                                value={data.phone_numbers || \"\"}\r\n                                onChange={(e) => {\r\n                                  setData({\r\n                                    ...data,\r\n                                    phone_numbers: e.target.value,\r\n                                  });\r\n                                }}\r\n                              ></textarea>\r\n                            </div>\r\n                          </div>\r\n\r\n                          <div className=\"\">\r\n                            <button\r\n                              type=\"submit\"\r\n                              className=\"group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"\r\n                            >\r\n                              Save\r\n                            </button>\r\n                          </div>\r\n                          <div className=\"pb-10\">\r\n                            <button\r\n                              type=\"button\"\r\n                              className=\"group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-black bg-gray-300 focus:outline-none hover:bg-gray-200 hover:text-gray-600\"\r\n                              onClick={() => setIsOpen(false)}\r\n                            >\r\n                              Cancel\r\n                            </button>\r\n                          </div>\r\n                        </form>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              </div>\r\n            </Transition.Child>\r\n          </div>\r\n        </Dialog>\r\n      </Transition>\r\n    </>\r\n  );\r\n};\r\nexport default withRouter(CreateContact);\r\n","import { useEffect, useState } from \"react\";\r\nimport { delete_contact, get_user_contacts } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\nimport { isObject } from \"lodash\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport CreateContact from \"./CreateContact\";\r\n\r\nexport default function PhoneBook() {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const { contacts, user } = app_state;\r\n  const [createNewContact, setCreateNewContact] = useState(false);\r\n  const [editData, setEditData] = useState(false);\r\n  const [deleteContact, setDeleteContact] = useState(false);\r\n  const [refreshContacts, setRefreshContacts] = useState(null);\r\n\r\n\r\n  useEffect(() => {\r\n    if (isObject(deleteContact)) {\r\n      setLoading(true);\r\n      delete_contact(app_state.auth_token, deleteContact.id)\r\n        .then((res) => {\r\n          setLoading(false);\r\n          let message = res.message;\r\n          if (message) {\r\n            toast.success(message, {\r\n              position: \"top-right\",\r\n              autoClose: false,\r\n              hideProgressBar: true,\r\n              closeOnClick: true,\r\n              pauseOnHover: true,\r\n              draggable: true,\r\n              progress: undefined,\r\n            });\r\n          }\r\n\r\n          return setRefreshContacts(new Object());\r\n        })\r\n        .catch((err) => {\r\n          let message = err.response.data.message;\r\n          let toast_config = {\r\n            position: \"top-right\",\r\n            autoClose: false,\r\n            hideProgressBar: true,\r\n            closeOnClick: true,\r\n            pauseOnHover: true,\r\n            draggable: true,\r\n            progress: undefined,\r\n          };\r\n\r\n          if (isObject(message)) {\r\n            let messages = [];\r\n            Object.keys(message).forEach((key) => {\r\n              messages.push(message[key]);\r\n            });\r\n            //toast(messages.join(' , '));\r\n            toast.error(messages.join(\" , \"), toast_config);\r\n          } else {\r\n            toast.error(message, toast_config);\r\n          }\r\n          console.log(err.response.data);\r\n          setLoading(false);\r\n        });\r\n    }\r\n  }, [deleteContact]);\r\n\r\n  useEffect(() => {\r\n    setLoading(true);\r\n    get_user_contacts(app_state.auth_token)\r\n      .then((res) => {\r\n        setLoading(false);\r\n        if (res.contacts) {\r\n          setAppState({ ...app_state, contacts: res.contacts });\r\n        }\r\n        //\r\n      })\r\n      .catch((err) => {\r\n        let message = err.response.data.message;\r\n        let toast_config = {\r\n          position: \"top-right\",\r\n          autoClose: false,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        };\r\n\r\n        if (isObject(message)) {\r\n          let messages = [];\r\n          Object.keys(message).forEach((key) => {\r\n            messages.push(message[key]);\r\n          });\r\n          //toast(messages.join(' , '));\r\n          toast.error(messages.join(\" , \"), toast_config);\r\n        } else {\r\n          toast.error(message, toast_config);\r\n        }\r\n        console.log(err.response.data);\r\n        setLoading(false);\r\n      });\r\n  }, [refreshContacts]);\r\n\r\n  if (!contacts.length) {\r\n    return (\r\n      <div className=\"flex flex-col w-screen\">\r\n        <CreateContact\r\n          isOpen={createNewContact}\r\n          setIsOpen={setCreateNewContact}\r\n          toast={toast}\r\n          setRefreshContacts={setRefreshContacts}\r\n          editData={editData}\r\n          setEditData={setEditData}\r\n        />\r\n        <ToastContainer />\r\n        <div className=\"w-4/6 py-20 mx-auto my-4  flex flex-col justify-center items-center bg-gray-100 rounded\">\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            className=\"h-8 w-8 text-purple-700 text-2xl\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n            stroke=\"currentColor\"\r\n          >\r\n            <path\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n              strokeWidth={2}\r\n              d=\"M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636\"\r\n            />\r\n          </svg>\r\n          <span className=\"my-4\">You have not added any contact</span>\r\n          <button\r\n            onClick={() => setCreateNewContact(true)}\r\n            className=\"px-4 py-2 border border-purple-700 font-semibold text-purple-700 hover:bg-purple-700 hover:text-white rounded\"\r\n          >\r\n            ADD NEW CONTACT\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col pb-28\">\r\n      <ToastContainer />\r\n      <CreateContact\r\n        isOpen={createNewContact}\r\n        setIsOpen={setCreateNewContact}\r\n        toast={toast}\r\n        setRefreshContacts={setRefreshContacts}\r\n        editData={editData}\r\n        setEditData={setEditData}\r\n      />\r\n\r\n      <div className=\"flex  mx-auto py-2  \">\r\n        <div className=\"shadow overflow-hidden border-b border-gray-200 sm:rounded-lg\">\r\n          <div className=\"flex flex-row-reverse my-4\">\r\n            <button\r\n              onClick={() => setCreateNewContact(true)}\r\n              className=\"px-4 py-2 mx-2 border border-purple-700 font-semibold text-purple-700 hover:bg-purple-700 hover:text-white rounded\"\r\n            >\r\n              NEW CONTACT\r\n            </button>\r\n          </div>\r\n          <table className=\"divide-y divide-gray-200\">\r\n            <thead className=\"bg-gray-50\">\r\n              <tr>\r\n                <th\r\n                  scope=\"col\"\r\n                  className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                >\r\n                  #ID\r\n                </th>\r\n                <th\r\n                  scope=\"col\"\r\n                  className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                >\r\n                  Contact Name\r\n                </th>\r\n\r\n                <th\r\n                  scope=\"col\"\r\n                  className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                >\r\n                  Number of contacts\r\n                </th>\r\n                <th\r\n                  scope=\"col\"\r\n                  className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                >\r\n                  Action\r\n                </th>\r\n              </tr>\r\n            </thead>\r\n            <tbody className=\"bg-white divide-y divide-gray-200\">\r\n              {contacts.map((contact, index) => (\r\n                <tr key={index}>\r\n                  <td className=\"px-6 py-4\">\r\n                    <div className=\"flex items-center\">\r\n                      <div className=\"ml-4\">\r\n                        <div className=\"text-sm font-medium text-gray-900\">\r\n                          {index + 1}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n                  <td className=\"px-6 py-4 whitespace-nowrap\">\r\n                    <div className=\"flex items-center\">\r\n                      <div className=\"ml-4\">\r\n                        <div className=\"text-sm font-medium text-gray-900\">\r\n                          {contact.name}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </td>\r\n\r\n                  <td className=\"px-6 py-4 whitespace-nowrap\">\r\n                    <span className=\"px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800\">\r\n                      {contact.phone_numbers.split(\",\").length}\r\n                    </span>\r\n                  </td>\r\n                  <td className=\"px-6 py-4 whitespace-nowrap text-sm font-medium\">\r\n                    <a\r\n                      href=\"#\"\r\n                      className=\"text-purple-600 hover:text-purple-900 border rounded px-2 py-1\"\r\n                      onClick={() => {\r\n                        setEditData(contact);\r\n                        setCreateNewContact(true);\r\n                      }}\r\n                    >\r\n                      Edit\r\n                    </a>\r\n                    <a\r\n                      href=\"#\"\r\n                      className=\"text-red-600 hover:text-red-900 ml-2 border rounded px-2 py-1\"\r\n                      onClick={() => {\r\n                        setDeleteContact(contact)\r\n                      }}\r\n                    >\r\n                      Delete\r\n                    </a>\r\n                  </td>\r\n                </tr>\r\n              ))}\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","/* This example requires Tailwind CSS v2.0+ */\r\nimport { Fragment, useEffect, useRef, useState } from \"react\";\r\nimport { Dialog, Transition } from \"@headlessui/react\";\r\nimport { ExclamationIcon } from \"@heroicons/react/outline\";\r\nimport { useStore } from \"./Context\";\r\nimport { isObject } from \"lodash\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { get_user_contacts } from \"../services/api\";\r\n\r\nexport default function SelectContact({ open, setOpen, setSelectedContact }) {\r\n  const searchInputRef = useRef(null);\r\n  const { app_state, setAppState } = useStore();\r\n  const [contacts, setContacts] = useState([]);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    if (searchTerm) {\r\n      let filteredContacts = contacts.filter((contact) => {\r\n        return contact.name.toLowerCase().includes(searchTerm);\r\n      });\r\n\r\n      setContacts([...filteredContacts]);\r\n    } else {\r\n      setContacts(app_state.contacts);\r\n    }\r\n  }, [searchTerm]);\r\n\r\n  useEffect(() => {\r\n    setContacts(app_state.contacts);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    get_user_contacts(app_state.auth_token)\r\n      .then((res) => {\r\n        if (res.contacts) {\r\n          setAppState({ ...app_state, contacts: res.contacts });\r\n        }\r\n        //\r\n      })\r\n      .catch((err) => {\r\n        let message = err.response.data.message;\r\n        let toast_config = {\r\n          position: \"top-right\",\r\n          autoClose: false,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        };\r\n\r\n        if (isObject(message)) {\r\n          let messages = [];\r\n          Object.keys(message).forEach((key) => {\r\n            messages.push(message[key]);\r\n          });\r\n          //toast(messages.join(' , '));\r\n          toast.error(messages.join(\" , \"), toast_config);\r\n        } else {\r\n          toast.error(message, toast_config);\r\n        }\r\n        console.log(err.response.data);\r\n      });\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Transition appear show={open} as={Fragment}>\r\n        <Dialog\r\n          as=\"div\"\r\n          className=\"fixed inset-0 z-10 overflow-y-auto\"\r\n          onClose={() => {}}\r\n        >\r\n          <div className=\"min-h-screen sm:px-1 md:px-4 text-center\">\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0\"\r\n              enterTo=\"opacity-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100\"\r\n              leaveTo=\"opacity-0\"\r\n            >\r\n              <Dialog.Overlay className=\"fixed inset-0\" />\r\n            </Transition.Child>\r\n\r\n            {/* This element is to trick the browser into centering the modal contents. */}\r\n            <span\r\n              className=\"inline-block h-screen align-middle\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              &#8203;\r\n            </span>\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0 scale-95\"\r\n              enterTo=\"opacity-100 scale-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100 scale-100\"\r\n              leaveTo=\"opacity-0 scale-95\"\r\n            >\r\n              <div className=\"inline-block w-full max-w-md p-6 my-8 overflow-hidden text-left align-middle transition-all transform bg-white shadow-xl rounded-2xl\">\r\n                <>\r\n                  <ToastContainer />\r\n                  <div className=\"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4\">\r\n                    <div className=\"flex flex-col flex-wrap\">\r\n                      <div className=\"mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left\">\r\n                        <div className=\"flex w-full justify-center\">\r\n                          <input\r\n                            ref={searchInputRef}\r\n                            className=\"rounded w-5/6 shadow border-0 bg-gray-50 focus:outline-none focus:border-0\"\r\n                            type=\"text\"\r\n                            placeholder=\"search contact by name\"\r\n                            onChange={(e) => {\r\n                              setSearchTerm(e.target.value);\r\n                            }}\r\n                          />\r\n                        </div>\r\n                        <div className=\"flex w-full h-52 pt-10 flex-col items-center overflow-y-scroll\">\r\n                          {contacts.map((contact, index) => {\r\n                            return (\r\n                              <div\r\n                                key={index}\r\n                                className=\"flex justify-between w-5/6 mx-4 text-sm uppercase text-gray-500 my-0.5 rounded shadow  py-2\"\r\n                              >\r\n                                <span className=\"px-8\">{contact.name}</span>\r\n\r\n                                <span className=\"mx-4 lowercase\">\r\n                                  <button\r\n                                    className=\"text-purple-700 border hover:border-purple-700 rounded px-2\"\r\n                                    onClick={() => {\r\n                                      setSelectedContact(contact);\r\n                                      setOpen(false);\r\n                                    }}\r\n                                  >\r\n                                    select\r\n                                  </button>\r\n                                </span>\r\n                              </div>\r\n                            );\r\n                          })}\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse\">\r\n                    <button\r\n                      type=\"button\"\r\n                      className=\"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm\"\r\n                      onClick={() => setOpen(false)}\r\n                    >\r\n                      Cancel\r\n                    </button>\r\n                  </div>\r\n                </>\r\n              </div>\r\n            </Transition.Child>\r\n          </div>\r\n        </Dialog>\r\n      </Transition>\r\n    </>\r\n  );\r\n}\r\n","import { Dialog, Transition } from \"@headlessui/react\";\r\nimport { Fragment } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport curr_format from \"../utils/currency_formatter\";\r\n\r\nconst NewMessageSuccessModal = (props) => {\r\n  const { isOpen, setIsOpen, messageCost } = props;\r\n\r\n  return (\r\n    <>\r\n      \r\n\r\n      <Transition appear show={isOpen} as={Fragment}>\r\n        <Dialog\r\n          as=\"div\"\r\n          className=\"fixed inset-0 z-10 overflow-y-auto\"\r\n          onClose={()=>{}}\r\n        >\r\n          <div className=\"min-h-screen px-4 text-center\">\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0\"\r\n              enterTo=\"opacity-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100\"\r\n              leaveTo=\"opacity-0\"\r\n            >\r\n              <Dialog.Overlay className=\"fixed inset-0\" />\r\n            </Transition.Child>\r\n\r\n            {/* This element is to trick the browser into centering the modal contents. */}\r\n            <span\r\n              className=\"inline-block h-screen align-middle\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              &#8203;\r\n            </span>\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0 scale-95\"\r\n              enterTo=\"opacity-100 scale-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100 scale-100\"\r\n              leaveTo=\"opacity-0 scale-95\"\r\n            >\r\n              <div className=\"bg-gray-50 py-8 inline-block w-full max-w-md p-6 my-8 overflow-hidden text-left align-middle transition-all transform  shadow-xl rounded-2xl\">\r\n                <Dialog.Title\r\n                  as=\"h3\"\r\n                  className=\"text-lg leading-6 text-purple-700\"\r\n                >\r\n                  Your Message has been sent successfully!\r\n                </Dialog.Title>\r\n                <div className=\"mt-2\">\r\n                  <p className=\"text-sm text-gray-500\">\r\n                      At a cost of {curr_format(messageCost)}\r\n                  </p>\r\n                </div>\r\n\r\n                <div className=\"mt-4 flex flex-row-reverse\">\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"inline-flex justify-center px-4 py-2 text-sm font-medium text-blue-900 bg-blue-100 border border-transparent rounded-md hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500\"\r\n                    onClick={() => {\r\n                        setIsOpen(false);\r\n                        props.history.push('/dashboard');\r\n                    }}\r\n                  >\r\n                    Got it, thanks!\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </Transition.Child>\r\n          </div>\r\n        </Dialog>\r\n      </Transition>\r\n    </>\r\n  );\r\n}\r\nexport default withRouter(NewMessageSuccessModal);","import { useEffect, useState } from \"react\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { isObject } from \"lodash\";\r\nimport { send_sms } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\nimport SelectContact from \"./SelectContact\";\r\nimport NewMessageSuccessModal from \"./NewMessageSuccessModal\";\r\nimport SmsCounter from \"@marcinkowalczyk/sms-counter\";\r\n\r\nconst NewMessage = (props) => {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const [activeTab, setActiveTab] = useState(\"enterNumber\");\r\n  const [selectContact, setSelectContact] = useState(false);\r\n  const [selectedContact, setSelectedContact] = useState(\"\");\r\n  const [inputData, setInputData] = useState({});\r\n  const [action, setAction] = useState(\"\");\r\n  const [success, setSuccess] = useState(false);\r\n  const [cost, setCost] = useState(\"\");\r\n  const [smsCount, setSmsCount] = useState({});\r\n  const forwardedMessage = props.location.state;\r\n\r\n  const actions = {\r\n    sendSMS: \"SEND_SMS\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (selectedContact) {\r\n      setInputData({ ...inputData, recipients: selectedContact.phone_numbers });\r\n    }\r\n  }, [selectedContact]);\r\n\r\n  useEffect(() => {\r\n    if (forwardedMessage) {\r\n      setInputData({\r\n        ...inputData,\r\n        recipients: forwardedMessage.recipients,\r\n        message: forwardedMessage.text,\r\n      });\r\n    }\r\n  }, [forwardedMessage]);\r\n\r\n  useEffect(() => {\r\n    if (action) {\r\n      switch (action) {\r\n        case actions.sendSMS: {\r\n          setLoading(true);\r\n          let data = { ...inputData };\r\n          if (!data.recipients) {\r\n            data.contact_id = selectedContact.id;\r\n          }\r\n\r\n          send_sms(app_state.auth_token, data)\r\n            .then((res) => {\r\n              setLoading(false);\r\n              if (res.cost) {\r\n                setAppState({ ...app_state, refresh: new Object() });\r\n                setCost(res.cost);\r\n                setSuccess(true);\r\n              }\r\n              //\r\n            })\r\n            .catch((err) => {\r\n              let message = err.response.data.message;\r\n              let toast_config = {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              };\r\n\r\n              if (isObject(message)) {\r\n                let messages = [];\r\n                Object.keys(message).forEach((key) => {\r\n                  messages.push(message[key]);\r\n                });\r\n                //toast(messages.join(' , '));\r\n                toast.error(messages.join(\" , \"), toast_config);\r\n              } else {\r\n                toast.error(message, toast_config);\r\n              }\r\n              console.log(err.response.data);\r\n              setLoading(false);\r\n            });\r\n        }\r\n        default: {\r\n          setAction(null);\r\n        }\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  const tab_enter_number_classes =\r\n    activeTab === \"enterNumber\"\r\n      ? \"border-purple-700 text-purple-700 font-bold\"\r\n      : \"\";\r\n  const tab_phone_book_classes =\r\n    activeTab === \"phoneBook\"\r\n      ? \"border-purple-700 text-purple-700 font-bold\"\r\n      : \"\";\r\n\r\n  if (success) {\r\n    return (\r\n      <NewMessageSuccessModal\r\n        isOpen={success}\r\n        setIsOpen={setSuccess}\r\n        messageCost={cost}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <form\r\n      onSubmit={(e) => {\r\n        e.preventDefault();\r\n        setAction(actions.sendSMS);\r\n      }}\r\n    >\r\n      <ToastContainer />\r\n      <div className=\" py-4 flex-wrap shadow rounded my-10 sm:mx-16 md:mx-44 bg-gray-50\">\r\n        <div className=\"w-full my-2 mx-4\">\r\n          <span className=\"font-bold text-lg\">Send SMS</span>\r\n        </div>\r\n\r\n        <div className=\"mx-4 bg-white rounded\">\r\n          <div className=\"w-full ml-4 pt-4\">\r\n            <span className=\"\">Send Message to :</span>\r\n          </div>\r\n\r\n          <div className=\"flex mb-2\">\r\n            <div\r\n              className={`ml-4 pr-2 flex items-center my-1 rounded border-b-4 cursor-pointer ${tab_enter_number_classes}`}\r\n              onClick={() => setActiveTab(\"enterNumber\")}\r\n            >\r\n              <span>\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  className=\"h-4 w-4\"\r\n                  viewBox=\"0 0 20 20\"\r\n                  fill=\"currentColor\"\r\n                >\r\n                  <path d=\"M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z\" />\r\n                </svg>\r\n              </span>\r\n              <span><small>Enter Number</small></span>\r\n            </div>\r\n            <div\r\n              className={`flex my-1 items-center  border-b-4 pl-3 cursor-pointer rounded ${tab_phone_book_classes}`}\r\n              onClick={() => {\r\n                setActiveTab(\"phoneBook\");\r\n                setSelectContact(true);\r\n              }}\r\n            >\r\n              <span>\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  className=\"h-4 w-4\"\r\n                  fill=\"none\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  stroke=\"currentColor\"\r\n                >\r\n                  <path\r\n                    strokeLinecap=\"round\"\r\n                    strokeLinejoin=\"round\"\r\n                    strokeWidth={2}\r\n                    d=\"M8 9l4-4 4 4m0 6l-4 4-4-4\"\r\n                  />\r\n                </svg>\r\n              </span>\r\n              <span><small>Select from phone-book</small> </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"mx-4 rounded\">\r\n            <textarea\r\n              required\r\n              placeholder=\"Enter Numbers seperated by ',' E.g 0787113924,0703436574\"\r\n              cols=\"8\"\r\n              className=\"w-full h-full my-2 border border-gray-300 focus:border-purple-700 rounded\"\r\n              value={inputData.recipients || \"\"}\r\n              onChange={(e) => {\r\n                setInputData({ ...inputData, recipients: e.target.value });\r\n              }}\r\n            ></textarea>\r\n          </div>\r\n\r\n          <div className=\"mx-4 rounded my-4\">\r\n            <label htmlFor=\"message_body\" className=\"my-1\">\r\n              Your Message\r\n            </label>\r\n            <div className=\"w-full flex flex-row-reverse text-xs\">\r\n              {smsCount.remaining >= 0 && (\r\n                <span>Remaining characters: {smsCount.remaining}</span>\r\n              )}\r\n              {smsCount.messages > 0 && (\r\n                <span className=\"mx-2\">\r\n                  Messages count: {smsCount.messages}\r\n                </span>\r\n              )}\r\n            </div>\r\n            <textarea\r\n              required\r\n              name=\"message_body\"\r\n              placeholder=\"Type your message here...\"\r\n              cols=\"8\"\r\n              className=\"w-full h-full my-2 border border-gray-300 focus:border-purple-700 rounded\"\r\n              value={inputData.message || \"\"}\r\n              onChange={(e) => {\r\n                setInputData({ ...inputData, message: e.target.value });\r\n                setSmsCount(SmsCounter.count(e.target.value));\r\n              }}\r\n            ></textarea>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row-reverse mx-4 pb-4\">\r\n            <button\r\n              type=\"submit\"\r\n              className=\"px-6 py-2 font-bold  rounded bg-purple-700 hover:bg-purple-500 text-white my-2\"\r\n            >\r\n              SEND\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <SelectContact\r\n        open={selectContact}\r\n        setOpen={setSelectContact}\r\n        setSelectedContact={setSelectedContact}\r\n      />\r\n    </form>\r\n  );\r\n};\r\n\r\nexport default NewMessage;\r\n","import { Dialog, Transition } from \"@headlessui/react\";\r\nimport { Fragment, useRef } from \"react\";\r\n\r\nconst ViewMessage = (props) => {\r\n  const { isOpen, setIsOpen, message } = props;\r\n  const messageBody = useRef(null);\r\n\r\n  return (\r\n    <>\r\n      <Transition appear show={isOpen} as={Fragment}>\r\n        <Dialog\r\n          as=\"div\"\r\n          className=\"fixed inset-0 z-10 overflow-y-auto\"\r\n          onClose={() => setIsOpen(false)}\r\n        >\r\n          <div className=\"min-h-screen px-4 text-center\">\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0\"\r\n              enterTo=\"opacity-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100\"\r\n              leaveTo=\"opacity-0\"\r\n            >\r\n              <Dialog.Overlay className=\"fixed inset-0\" />\r\n            </Transition.Child>\r\n\r\n            {/* This element is to trick the browser into centering the modal contents. */}\r\n            <span\r\n              className=\"inline-block h-screen align-middle\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              &#8203;\r\n            </span>\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0 scale-95\"\r\n              enterTo=\"opacity-100 scale-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100 scale-100\"\r\n              leaveTo=\"opacity-0 scale-95\"\r\n            >\r\n              <div className=\"inline-block w-full max-w-md p-6 my-8 overflow-hidden text-left align-middle transition-all transform bg-white shadow-xl rounded-2xl\">\r\n                <>\r\n                  <div className=\"h-full w-full mx-auto\">\r\n                    <div className=\"flex items-center justify-center bg-gray-50 px-4 sm:px-6 lg:px-8\">\r\n                      <div className=\"max-w-md w-full space-y-8\">\r\n                        <div>\r\n                          <h3 className=\"mt-6 text-center text-xl font-bold text-gray-900\">\r\n                            Message\r\n                          </h3>\r\n                        </div>\r\n\r\n                        <div className=\"rounded-md shadow-sm -space-y-px\">\r\n                          <div className=\"\">\r\n                            <div\r\n                              htmlFor=\"name\"\r\n                              className=\"w-full flex flex-row mb-1 font-bold\"\r\n                            >\r\n                              Sent to:\r\n                            </div>\r\n                            <div>{message.recipients}</div>\r\n                          </div>\r\n                          <div className=\"my-2\">\r\n                            <div className=\"w-full flex flex-row mb-1 font-bold\">\r\n                              Message Body\r\n                            </div>\r\n\r\n                            <textarea\r\n                              ref={messageBody}\r\n                              cols=\"8\"\r\n                              className=\"w-full h-full my-2 border-0  focus:border-0 outline-none focus:outline-none rounded\"\r\n                              value={message.text}\r\n                              readOnly={true}\r\n                            ></textarea>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              </div>\r\n            </Transition.Child>\r\n          </div>\r\n        </Dialog>\r\n      </Transition>\r\n    </>\r\n  );\r\n};\r\nexport default ViewMessage;\r\n","import { PreviousMap } from \"postcss\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { get_messages } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\nimport ViewMessage from \"./ViewMessage\";\r\n\r\nconst Messages = (props) => {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const { messages } = app_state;\r\n  const [viewMessage, setViewMessage] = useState({});\r\n  const [openViewMessage, setOpenViewMessage] = useState(false);\r\n\r\n  useEffect(() => {\r\n    setLoading(true);\r\n    get_messages(app_state.auth_token)\r\n      .then((res) => {\r\n        setLoading(false);\r\n        if (res.messages) {\r\n          setAppState({ ...app_state, messages: [...res.messages.reverse()] });\r\n        }\r\n      })\r\n      .catch((err) => {\r\n        console.log(err);\r\n        setLoading(false);\r\n        //console.log(err.response.data);\r\n      });\r\n  }, []);\r\n\r\n  if (!messages.length) {\r\n    return (\r\n      <div className=\"w-4/6 py-20 mx-auto my-10  flex flex-col justify-center items-center bg-gray-100 rounded\">\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          className=\"h-8 w-8 text-purple-700 text-2xl\"\r\n          fill=\"none\"\r\n          viewBox=\"0 0 24 24\"\r\n          stroke=\"currentColor\"\r\n        >\r\n          <path\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n            strokeWidth={2}\r\n            d=\"M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636\"\r\n          />\r\n        </svg>\r\n        <span className=\"my-4\">You have not sent any messages</span>\r\n        <button\r\n          onClick={() => props.history.push(\"/new-message\")}\r\n          className=\"px-4 py-2 border border-purple-700 font-semibold text-purple-700 hover:bg-purple-700 hover:text-white rounded\"\r\n        >\r\n          New Message\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <ViewMessage\r\n        isOpen={openViewMessage}\r\n        setIsOpen={setOpenViewMessage}\r\n        message={viewMessage}\r\n      />\r\n\r\n      <div className=\"flex flex-col items-center pb-28\">\r\n        <div className=\"\">\r\n          <div className=\"py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8\">\r\n            <div className=\"shadow overflow-hidden border-b border-gray-200 sm:rounded-lg\">\r\n              <div className=\"flex flex-row-reverse my-4\">\r\n                <button\r\n                  onClick={() => props.history.push(\"/new-message\")}\r\n                  className=\"px-4 py-2 mx-2 border border-purple-700 font-semibold text-purple-700 hover:bg-purple-700 hover:text-white rounded\"\r\n                >\r\n                  New Message\r\n                </button>\r\n              </div>\r\n\r\n              <table className=\"min-w-full divide-y divide-gray-200\">\r\n                <thead className=\"bg-gray-50\">\r\n                  <tr>\r\n                    <th\r\n                      scope=\"col\"\r\n                      className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                    >\r\n                      #ID\r\n                    </th>\r\n                    <th\r\n                      scope=\"col\"\r\n                      className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                    >\r\n                      Message\r\n                    </th>\r\n\r\n                    <th\r\n                      scope=\"col\"\r\n                      className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                    >\r\n                      Recipient(s)\r\n                    </th>\r\n\r\n                    <th\r\n                      scope=\"col\"\r\n                      className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                    >\r\n                      Cost\r\n                    </th>\r\n                    <th\r\n                      scope=\"col\"\r\n                      className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                    >\r\n                      Date created\r\n                    </th>\r\n                    <th\r\n                      scope=\"col\"\r\n                      className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                    >\r\n                      Status\r\n                    </th>\r\n                    <th\r\n                      scope=\"col\"\r\n                      className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                    >\r\n                      Action\r\n                    </th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody className=\"bg-white divide-y divide-gray-200\">\r\n                  {messages.map((message, index) => (\r\n                    <tr key={index}>\r\n                      <td className=\"px-6 py-4\">\r\n                        <div className=\"flex items-center\">\r\n                          <div className=\"ml-4\">\r\n                            <div className=\"text-sm font-medium text-gray-900\">\r\n                              {index + 1}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </td>\r\n                      <td className=\"px-6 py-4 w-1/3\">\r\n                        <div className=\"flex items-center\">\r\n                          <div className=\"ml-4\">\r\n                            <div className=\"text-sm font-medium text-gray-900\">\r\n                              {`${message.text.substring(0, 20)} `}\r\n                              <span title=\"View message details\">\r\n                                <button\r\n                                  onClick={() => {\r\n                                    setViewMessage(message);\r\n                                    setOpenViewMessage(true);\r\n                                  }}\r\n                                  className=\"mx-1 border rounded-full text-xs px-1 font-bold text-purple-700 hover:border-purple-700\"\r\n                                >\r\n                                  view\r\n                                </button>\r\n                              </span>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </td>\r\n\r\n                      <td className=\"px-6 py-4 whitespace-nowrap\">\r\n                        <span\r\n                          title=\"View recipients\"\r\n                          className=\"px-4 inline-flex text-xs leading-5 cursor-pointer border hover:border-purple-700 font-semibold rounded-full bg-purple-100 text-purple-800\"\r\n                        >\r\n                          {message.recipients\r\n                            ? message.recipients.split(\",\").length\r\n                            : \"\"}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"px-6 py-4 whitespace-nowrap text-sm font-medium\">\r\n                        <span>{message.cost}</span>\r\n                      </td>\r\n\r\n                      <td className=\"px-6 py-4 whitespace-nowrap text-sm font-medium\">\r\n                        <span>{message.date_created}</span>\r\n                      </td>\r\n                      <td className=\"px-6 py-4 whitespace-nowrap text-sm font-medium\">\r\n                        {message.status == 2 && (\r\n                          <span className=\"px-2 bg-green-300 rounded-full\">\r\n                            sent\r\n                          </span>\r\n                        )}\r\n                        {message.status == 1 && (\r\n                          <span className=\"px-2 bg-purple-100 text-purple-800 rounded-full\">\r\n                            pending\r\n                          </span>\r\n                        )}\r\n                        {message.status == 3 && (\r\n                          <span className=\"px-2 bg-red-400  rounded-full\">\r\n                            failed\r\n                          </span>\r\n                        )}\r\n                      </td>\r\n                      <td className=\"px-6 py-4 whitespace-nowrap text-sm font-medium\">\r\n                        <a\r\n                          href=\"#\"\r\n                          className=\"text-purple-600 hover:text-purple-900 border rounded px-2 py-1\"\r\n                          onClick={() => {\r\n                            props.history.push('/new-message', { ...message })\r\n                          }}\r\n                        >\r\n                          Forward\r\n                        </a>\r\n                      </td>\r\n                    </tr>\r\n                  ))}\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default withRouter(Messages);\r\n","import { useEffect, useState } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { get_transactions } from \"../services/api\";\r\nimport curr_format from \"../utils/currency_formatter\";\r\nimport { useStore } from \"./Context\";\r\n\r\nconst Transactions = (props) => {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const { transactions } = app_state;\r\n\r\n  useEffect(() => {\r\n    setLoading(true);\r\n    get_transactions(app_state.auth_token)\r\n      .then((response) => {\r\n        setLoading(false);\r\n        if (response.transactions) {\r\n          setAppState({\r\n            ...app_state,\r\n            transactions: [...response.transactions.reverse()],\r\n          });\r\n        }\r\n      })\r\n      .catch((err) => {\r\n        setLoading(false);\r\n        console.log(err.response.data);\r\n      });\r\n  }, []);\r\n\r\n  if (!transactions.length) {\r\n    return (\r\n      <div className=\"w-4/6 py-20 mx-auto my-10  flex flex-col justify-center items-center bg-gray-100 rounded\">\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          className=\"h-8 w-8 text-purple-700 text-2xl\"\r\n          fill=\"none\"\r\n          viewBox=\"0 0 24 24\"\r\n          stroke=\"currentColor\"\r\n        >\r\n          <path\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n            strokeWidth={2}\r\n            d=\"M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636\"\r\n          />\r\n        </svg>\r\n        <span className=\"my-4\">You have no transactions</span>\r\n        <button\r\n          onClick={() => props.history.push(\"/deposit\")}\r\n          className=\"px-4 py-2 border border-purple-700 font-semibold text-purple-700 hover:bg-purple-700 hover:text-white rounded\"\r\n        >\r\n          Top Up\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col items-center pb-28\">\r\n      <div className=\"\">\r\n        <div className=\"py-2 align-middle inline-block min-w-full sm:px-6 lg:px-8\">\r\n          <div className=\"shadow overflow-hidden border-b border-gray-200 sm:rounded-lg\">\r\n            <div className=\"flex flex-row-reverse my-4\">\r\n              <button\r\n                onClick={() => props.history.push(\"/deposit\")}\r\n                className=\"px-4 py-2 mx-2 border border-purple-700 font-semibold text-purple-700 hover:bg-purple-700 hover:text-white rounded\"\r\n              >\r\n                Top Up\r\n              </button>\r\n            </div>\r\n\r\n            <table className=\"min-w-full divide-y divide-gray-200\">\r\n              <thead className=\"bg-gray-50\">\r\n                <tr>\r\n                  <th\r\n                    scope=\"col\"\r\n                    className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                  >\r\n                    #ID\r\n                  </th>\r\n                  <th\r\n                    scope=\"col\"\r\n                    className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                  >\r\n                    Narrative\r\n                  </th>\r\n\r\n                  <th\r\n                    scope=\"col\"\r\n                    className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                  >\r\n                    Amount\r\n                  </th>\r\n\r\n                  <th\r\n                    scope=\"col\"\r\n                    className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                  >\r\n                    Date created\r\n                  </th>\r\n                  <th\r\n                    scope=\"col\"\r\n                    className=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\r\n                  >\r\n                    Type\r\n                  </th>\r\n                </tr>\r\n              </thead>\r\n              <tbody className=\"bg-white divide-y divide-gray-200\">\r\n                {transactions.map((transaction, index) => (\r\n                  <tr key={index}>\r\n                    <td className=\"px-6 py-4\">\r\n                      <div className=\"flex items-center\">\r\n                        <div className=\"ml-4\">\r\n                          <div className=\"text-sm font-medium text-gray-900\">\r\n                            {index + 1}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </td>\r\n                    <td className=\"px-6 py-4\">\r\n                      <div className=\"flex items-center\">\r\n                        <div className=\"ml-4\">\r\n                          <div className=\"text-sm font-medium text-gray-900\">\r\n                            {transaction.narrative}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </td>\r\n\r\n                    <td className=\"px-6 py-4 whitespace-nowrap\">\r\n                      <span\r\n                        title=\"View recipients\"\r\n                        className=\"px-4 inline-flex text-xs leading-5 cursor-pointer border hover:border-purple-700 font-semibold rounded-full bg-purple-100 text-purple-800\"\r\n                      >\r\n                        {curr_format(transaction.amount)}\r\n                      </span>\r\n                    </td>\r\n                    <td className=\"px-6 py-4 whitespace-nowrap text-sm font-medium\">\r\n                      <span>{transaction.date_created}</span>\r\n                    </td>\r\n                    <td className=\"px-6 py-4 whitespace-nowrap text-sm font-medium\">\r\n                      {transaction.type == \"DEBIT\" && (\r\n                        <span className=\"px-2 border rounded-full\">DEBIT</span>\r\n                      )}\r\n                      {transaction.type == \"DEPOSIT\" && (\r\n                        <span className=\"px-2 text-purple-800 rounded-full\">\r\n                          DEPOSIT\r\n                        </span>\r\n                      )}\r\n                    </td>\r\n                  </tr>\r\n                ))}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default withRouter(Transactions);\r\n","import { Dialog, Transition } from \"@headlessui/react\";\r\nimport { Fragment } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { useStore } from \"./Context\";\r\n\r\nconst ProfileUpdateSuccess = (props) => {\r\n  const { app_state, setAppState } = useStore();\r\n  const { isOpen, setIsOpen } = props;\r\n\r\n  return (\r\n    <>\r\n      <Transition appear show={isOpen} as={Fragment}>\r\n        <Dialog\r\n          as=\"div\"\r\n          className=\"fixed inset-0 z-10 overflow-y-auto\"\r\n          onClose={() => {}}\r\n        >\r\n          <div className=\"min-h-screen px-4 text-center\">\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0\"\r\n              enterTo=\"opacity-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100\"\r\n              leaveTo=\"opacity-0\"\r\n            >\r\n              <Dialog.Overlay className=\"fixed inset-0\" />\r\n            </Transition.Child>\r\n\r\n            {/* This element is to trick the browser into centering the modal contents. */}\r\n            <span\r\n              className=\"inline-block h-screen align-middle\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              &#8203;\r\n            </span>\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0 scale-95\"\r\n              enterTo=\"opacity-100 scale-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100 scale-100\"\r\n              leaveTo=\"opacity-0 scale-95\"\r\n            >\r\n              <div className=\"bg-gray-50 py-8 inline-block w-full max-w-md p-6 my-8 overflow-hidden text-left align-middle transition-all transform  shadow-xl rounded-2xl\">\r\n                <Dialog.Title\r\n                  as=\"h3\"\r\n                  className=\"text-lg leading-6 text-purple-700\"\r\n                >\r\n                  Your Information has been Updated successfully !\r\n                </Dialog.Title>\r\n                <div className=\"mt-2\">\r\n                  <p className=\"text-sm text-gray-500\">\r\n                    You will be required to Login for your new information to\r\n                    propagate.\r\n                  </p>\r\n                </div>\r\n\r\n                <div className=\"mt-4 flex flex-row-reverse\">\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"inline-flex justify-center px-4 py-2 text-sm font-medium text-blue-900 bg-blue-100 border border-transparent rounded-md hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500\"\r\n                    onClick={() => {\r\n                      setIsOpen(false);\r\n                      localStorage.removeItem(\"auth_token\");\r\n                      setAppState({\r\n                        ...app_state,\r\n                        user: null,\r\n                        isAuthenticated: false,\r\n                      });\r\n                    }}\r\n                  >\r\n                    Got it, thanks!\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </Transition.Child>\r\n          </div>\r\n        </Dialog>\r\n      </Transition>\r\n    </>\r\n  );\r\n};\r\nexport default withRouter(ProfileUpdateSuccess);\r\n","import { useEffect, useState } from \"react\";\r\nimport { update_user } from \"../services/api\";\r\nimport curr_format from \"../utils/currency_formatter\";\r\nimport { useStore } from \"./Context\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { isObject } from \"lodash\";\r\nimport ProfileUpdateSuccess from \"./ProfileUpdateSuccess\";\r\n\r\nconst Profile = () => {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const [user, setUser] = useState(app_state.user);\r\n  const [edit, setEdit] = useState(false);\r\n  const [action, setAction] = useState(\"\");\r\n  const [updateSuccess, setUpdateSuccess] = useState(false);\r\n\r\n  const actions = {\r\n    update_user: \"UPDATE_USER\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (action) {\r\n      switch (action) {\r\n        case actions.update_user: {\r\n          setLoading(true);\r\n          update_user(app_state.auth_token, user, user.id)\r\n            .then((res) => {\r\n              setLoading(false);\r\n              if (res.status) {\r\n                setUpdateSuccess(true);\r\n              }\r\n\r\n              //\r\n            })\r\n            .catch((err) => {\r\n              let message = err.response.data.message;\r\n              let toast_config = {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              };\r\n\r\n              if (isObject(message)) {\r\n                let messages = [];\r\n                Object.keys(message).forEach((key) => {\r\n                  messages.push(message[key]);\r\n                });\r\n                //toast(messages.join(' , '));\r\n                toast.error(messages.join(\" , \"), toast_config);\r\n              } else {\r\n                toast.error(message, toast_config);\r\n              }\r\n              console.log(err.response.data);\r\n              setLoading(false);\r\n            });\r\n        }\r\n        default: {\r\n          setAction(null);\r\n        }\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  if (updateSuccess) {\r\n    return (\r\n      <ProfileUpdateSuccess\r\n        isOpen={updateSuccess}\r\n        setIsOpen={setUpdateSuccess}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <form\r\n      className=\"mt-8 space-y-6\"\r\n      onSubmit={(e) => {\r\n        e.preventDefault();\r\n        setAction(actions.update_user);\r\n      }}\r\n    >\r\n      <ToastContainer />\r\n      <div className=\"flex mx-auto md:w-2/5\">\r\n        <span className=\"uppercase mr-4 text-gray-500\">Balance : </span>\r\n        <span>{curr_format(user.acc_balance)}</span>\r\n      </div>\r\n      <div className=\"flex flex-row-reverse mx-auto md:w-2/5\">\r\n        <button\r\n          type=\"button\"\r\n          className=\"text-purple-700 rounded px-4 py-1 font-bold border hover:bg-purple-700 hover:text-white border-purple-700 flex justify-center items-center\"\r\n          onClick={() => {\r\n            setEdit(true);\r\n          }}\r\n        >\r\n          <span>\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              className=\"h-5 w-5\"\r\n              fill=\"none\"\r\n              viewBox=\"0 0 24 24\"\r\n              stroke=\"currentColor\"\r\n            >\r\n              <path\r\n                strokeLinecap=\"round\"\r\n                strokeLinejoin=\"round\"\r\n                strokeWidth={2}\r\n                d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"\r\n              />\r\n            </svg>\r\n          </span>\r\n          <span>Edit</span>\r\n        </button>\r\n      </div>\r\n      <div className=\"rounded-md mx-auto shadow-sm md:w-2/5 bg-gray-50 p-6\">\r\n        <div className=\"flex w-full my-2 justify-between flex-wrap\">\r\n          <div className=\"xs:w-full lg:w-2/5\">\r\n            <label htmlFor=\"firstname\" className=\"xs:w-full\">\r\n              First name\r\n            </label>\r\n            <input\r\n              id=\"firstname\"\r\n              name=\"firstname\"\r\n              type=\"text\"\r\n              autoComplete=\"off\"\r\n              required\r\n              className={` xs:w-full appearance-none rounded relative block w-full px-3 py-2 border \r\n                    border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                    focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm ${\r\n                      !edit ? \"font-bold outline-none \" : \"\"\r\n                    }`}\r\n              placeholder=\"First name\"\r\n              value={user.firstname}\r\n              onChange={(e) => {\r\n                setUser({ ...user, firstname: e.target.value });\r\n              }}\r\n              disabled={!edit}\r\n            />\r\n          </div>\r\n\r\n          <div className=\"xs:w-full xs:my-2 lg:w-2/5\">\r\n            <label htmlFor=\"lastname\" className=\"xs:w-full\">\r\n              Last name\r\n            </label>\r\n            <input\r\n              id=\"lastname\"\r\n              name=\"lastname\"\r\n              type=\"text\"\r\n              autoComplete=\"off\"\r\n              required\r\n              className={`xs:w-full appearance-none rounded relative block w-full px-3 py-2 border \r\n                    border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                    focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm ${\r\n                      !edit ? \"font-bold outline-none \" : \"\"\r\n                    }`}\r\n              placeholder=\"Last name\"\r\n              disabled={!edit}\r\n              value={user.lastname}\r\n              onChange={(e) => {\r\n                setUser({ ...user, lastname: e.target.value });\r\n              }}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"flex w-full lg:my-2 justify-between flex-wrap\">\r\n          <div className=\"xs:w-full lg:w-2/5\">\r\n            <label htmlFor=\"email-address\" className=\"xs:w-full\">\r\n              Email address\r\n            </label>\r\n            <input\r\n              id=\"email-address\"\r\n              name=\"email\"\r\n              type=\"email\"\r\n              autoComplete=\"email\"\r\n              className={`xs:w-full appearance-none rounded relative block w-full px-3 py-2 border \r\n                    border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                    focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm font-bold outline-none`}\r\n              placeholder=\"Email address\"\r\n              disabled={true}\r\n              value={user.email}\r\n              onChange={(e) => {\r\n                setUser({ ...user, email: e.target.value });\r\n              }}\r\n            />\r\n          </div>\r\n          <div className=\"xs:w-full xs:my-2 lg:w-2/5\">\r\n            <label htmlFor=\"mobile_number\" className=\"\">\r\n              Mobile number\r\n            </label>\r\n            <input\r\n              id=\"mobile_number\"\r\n              name=\"mobile_number\"\r\n              type=\"text\"\r\n              autoComplete=\"off\"\r\n              required\r\n              className={`xs:w-full appearance-none rounded relative block w-full px-3 py-2 border \r\n                    border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                    focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm ${\r\n                      !edit ? \"font-bold outline-none \" : \"\"\r\n                    }`}\r\n              placeholder=\"+256777777777\"\r\n              disabled={!edit}\r\n              value={user.mobile_number}\r\n              onChange={(e) => {\r\n                setUser({ ...user, mobile_number: e.target.value });\r\n              }}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"flex w-full lg:my-2 flex-wrap justify-between\">\r\n          {edit && (\r\n            <div className=\"xs:w-full lg:w-2/5\">\r\n              <label htmlFor=\"password\" className=\"xs:w-full\">\r\n                New Password\r\n              </label>\r\n              <input\r\n                id=\"password\"\r\n                name=\"password\"\r\n                type=\"password\"\r\n                autoComplete=\"off\"\r\n                className={`xs:w-full appearance-none rounded relative block w-full px-3 py-2 border\r\n                     border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none \r\n                     focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm ${\r\n                       !edit ? \"font-bold outline-none \" : \"\"\r\n                     }`}\r\n                placeholder=\"Password\"\r\n                minLength=\"6\"\r\n                disabled={!edit}\r\n                onChange={(e) => {\r\n                  setUser({ ...user, password: e.target.value });\r\n                }}\r\n              />\r\n            </div>\r\n          )}\r\n\r\n          {edit && (\r\n            <div className=\"xs:w-full xs:my-2 lg:w-2/5\">\r\n              <label htmlFor=\"password\" className=\"w-full\">\r\n                Confirm Password\r\n              </label>\r\n              <input\r\n                id=\"confirm_password\"\r\n                name=\"confirm_password\"\r\n                type=\"password\"\r\n                autoComplete=\"off\"\r\n                className={`xs:w-full appearance-none rounded relative block w-full px-3 py-2 border\r\n                     border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none \r\n                     focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm ${\r\n                       !edit ? \"font-bold outline-none \" : \"\"\r\n                     }`}\r\n                placeholder=\"Confirm Password\"\r\n                minLength=\"6\"\r\n                disabled={!edit}\r\n                onChange={(e) => {\r\n                  setUser({ ...user, confirm_password: e.target.value });\r\n                }}\r\n              />\r\n            </div>\r\n          )}\r\n\r\n          <div className=\"flex flex-row-reverse w-full\">\r\n            {edit && (\r\n              <>\r\n                <button\r\n                  type=\"submit\"\r\n                  className=\"text-white rounded px-4 py-1 font-bold bg-purple-700 hover:bg-purple-600 mt-6\"\r\n                >\r\n                  SAVE\r\n                </button>\r\n                <button\r\n                  type=\"button\"\r\n                  className=\"rounded px-4 py-1 border border-gray-400 mt-6 mx-2\"\r\n                  onClick={() => {\r\n                    setEdit(false);\r\n                  }}\r\n                >\r\n                  CANCEL\r\n                </button>\r\n              </>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  );\r\n};\r\n\r\nexport default Profile;\r\n","import { isObject } from \"lodash\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { get_api_key } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\nimport Footer from \"./Footer\";\r\n\r\nconst Settings = () => {\r\n  const [apiKey, setApiKey] = useState(\"\");\r\n  const [action, setAction] = useState(\"\");\r\n\r\n  const { app_state, setLoading } = useStore();\r\n  const [user, setUser] = useState(app_state.user);\r\n\r\n  const actions = {\r\n    getApiKey: \"GET_API_KEY\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (action) {\r\n      switch (action) {\r\n        case actions.getApiKey: {\r\n          setLoading(true);\r\n          get_api_key(app_state.auth_token, user.id)\r\n            .then((res) => {\r\n              setLoading(false);\r\n              setApiKey(res.api_key);\r\n            })\r\n            .catch((err) => {\r\n              let message = err.response.data.message;\r\n              let toast_config = {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              };\r\n\r\n              if (isObject(message)) {\r\n                let messages = [];\r\n                Object.keys(message).forEach((key) => {\r\n                  messages.push(message[key]);\r\n                });\r\n                //toast(messages.join(' , '));\r\n                toast.error(messages.join(\" , \"), toast_config);\r\n              } else {\r\n                toast.error(message, toast_config);\r\n              }\r\n              setLoading(false);\r\n            });\r\n        }\r\n        default: {\r\n          setAction(null);\r\n        }\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  return (\r\n    <div className=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\r\n      <ToastContainer />\r\n      <legend className=\"uppercase lg:px-10 text-lg font-bold my-4 border-b-2 py-2 text-gray-500\">\r\n        API Key\r\n      </legend>\r\n\r\n      {!apiKey && (\r\n        <div>\r\n          <button\r\n            className=\"px-6 py-2 border font-semibold uppercase hover:bg-purple-700 hover:text-white rounded\"\r\n            onClick={() => {\r\n              setAction(actions.getApiKey);\r\n            }}\r\n          >\r\n            Generate new API key\r\n          </button>\r\n        </div>\r\n      )}\r\n\r\n      {apiKey && (\r\n        <>\r\n          <div className=\"px-6 py-2 mx-auto\">\r\n            <p>\r\n              Copy and save the generated API key some where as you will not be\r\n              able to retrieve it incase you leave or refresh this page.\r\n            </p>\r\n          </div>\r\n          <div className=\"px-6 py-2 my-4\">\r\n            <span className=\"bg-gray-100 rounded px-10 py-6 font-semibold\">\r\n              {apiKey}\r\n            </span>\r\n          </div>\r\n        </>\r\n      )}\r\n\r\n      <Footer />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Settings;\r\n","import { Dialog, Transition } from \"@headlessui/react\";\r\nimport { Fragment } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nconst DepositModal = (props) => {\r\n  const { isOpen, setIsOpen } = props;\r\n\r\n  return (\r\n    <>\r\n      \r\n\r\n      <Transition appear show={isOpen} as={Fragment}>\r\n        <Dialog\r\n          as=\"div\"\r\n          className=\"fixed inset-0 z-10 overflow-y-auto\"\r\n          onClose={()=>{}}\r\n        >\r\n          <div className=\"min-h-screen px-4 text-center\">\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0\"\r\n              enterTo=\"opacity-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100\"\r\n              leaveTo=\"opacity-0\"\r\n            >\r\n              <Dialog.Overlay className=\"fixed inset-0\" />\r\n            </Transition.Child>\r\n\r\n            {/* This element is to trick the browser into centering the modal contents. */}\r\n            <span\r\n              className=\"inline-block h-screen align-middle\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              &#8203;\r\n            </span>\r\n            <Transition.Child\r\n              as={Fragment}\r\n              enter=\"ease-out duration-300\"\r\n              enterFrom=\"opacity-0 scale-95\"\r\n              enterTo=\"opacity-100 scale-100\"\r\n              leave=\"ease-in duration-200\"\r\n              leaveFrom=\"opacity-100 scale-100\"\r\n              leaveTo=\"opacity-0 scale-95\"\r\n            >\r\n              <div className=\"inline-block w-full max-w-md p-6 my-8 overflow-hidden text-left align-middle transition-all transform bg-white shadow-xl rounded-2xl\">\r\n                <Dialog.Title\r\n                  as=\"h3\"\r\n                  className=\"text-lg font-medium leading-6 text-gray-900\"\r\n                >\r\n                  Request pending your approval\r\n                </Dialog.Title>\r\n                <div className=\"mt-2\">\r\n                  <p className=\"text-sm text-gray-500\">\r\n                    Instruction for completing the transaction have been sent to your phone.\r\n                    Approve the transaction and refresh this page for your balance to reflect on your account.\r\n                  </p>\r\n                </div>\r\n\r\n                <div className=\"mt-4\">\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"inline-flex justify-center px-4 py-2 text-sm font-medium text-blue-900 bg-blue-100 border border-transparent rounded-md hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500\"\r\n                    onClick={() => {\r\n                        setIsOpen(false);\r\n                        props.history.push('/dashboard');\r\n                    }}\r\n                  >\r\n                    Got it, thanks!\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </Transition.Child>\r\n          </div>\r\n        </Dialog>\r\n      </Transition>\r\n    </>\r\n  );\r\n}\r\nexport default withRouter(DepositModal);","import { isObject } from \"lodash\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Redirect, withRouter } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { deposit, login } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\nimport DepositModal from \"./DepositModal\";\r\nimport Footer from \"./Footer\";\r\n\r\nconst Deposit = (props) => {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const [data, setData] = useState({});\r\n  const [action, setAction] = useState(\"\");\r\n  const [success, setSuccess] = useState(false);\r\n\r\n  const actions = {\r\n    deposit: \"DEPOSIT\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (action) {\r\n      switch (action) {\r\n        case actions.deposit: {\r\n          setLoading(true);\r\n          deposit(app_state.auth_token, data)\r\n            .then((res) => {\r\n              setLoading(false);\r\n              console.log(res);\r\n              setSuccess(res.status);\r\n              //\r\n            })\r\n            .catch((err) => {\r\n              console.log(err);\r\n              setSuccess(false);\r\n              let message = err.response.data.message;\r\n              let toast_config = {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              };\r\n\r\n              if (isObject(message)) {\r\n                let messages = [];\r\n                Object.keys(message).forEach((key) => {\r\n                  messages.push(message[key]);\r\n                });\r\n                //toast(messages.join(' , '));\r\n                toast.error(messages.join(\" , \"), toast_config);\r\n              } else {\r\n                toast.error(message, toast_config);\r\n              }\r\n              console.log(err.response.data);\r\n              setLoading(false);\r\n            });\r\n        }\r\n        default: {\r\n          setAction(null);\r\n        }\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  if (success) {\r\n    return <DepositModal isOpen={success} setIsOpen={setSuccess} />;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div className=\"h-full w-full mx-auto\">\r\n        <div className=\"flex items-center justify-center bg-gray-50 px-4 sm:px-6 lg:px-8\">\r\n          <div className=\"max-w-md w-full space-y-8\">\r\n            <div>\r\n              <h2 className=\"mt-6 text-center text-2xl font-bold text-gray-900\">\r\n                Top Up\r\n              </h2>\r\n            </div>\r\n\r\n            <ToastContainer />\r\n\r\n            <form\r\n              className=\"mt-8 space-y-6\"\r\n              onSubmit={(e) => {\r\n                e.preventDefault();\r\n                setAction(actions.deposit);\r\n              }}\r\n            >\r\n              <div className=\"rounded-md shadow-sm -space-y-px\">\r\n                <div className=\"my-2\">\r\n                  <label\r\n                    htmlFor=\"phone_number\"\r\n                    className=\"w-full flex flex-row mb-1 font-bold\"\r\n                  >\r\n                    Mobile Money number\r\n                  </label>\r\n                  <input\r\n                    id=\"phone_number\"\r\n                    name=\"phone_number\"\r\n                    type=\"text\"\r\n                    required\r\n                    className=\"appearance-none rounded relative block w-full px-3 py-2 border \r\n                  border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                  focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                    placeholder=\"e.g 0777777777\"\r\n                    autoComplete=\"off\"\r\n                    onChange={(e) => {\r\n                      setData({ ...data, phone_number: e.target.value });\r\n                    }}\r\n                  />\r\n                </div>\r\n                <div className=\"my-2\">\r\n                  <label\r\n                    htmlFor=\"amount\"\r\n                    className=\"w-full flex flex-row mb-1 font-bold\"\r\n                  >\r\n                    Amount\r\n                  </label>\r\n                  <input\r\n                    id=\"amount\"\r\n                    name=\"amount\"\r\n                    type=\"number\"\r\n                    required\r\n                    className=\"appearance-none rounded relative block w-full px-3 py-2 border\r\n                   border-gray-300 placeholder-gray-500 text-gray-900 rounded-b-md focus:outline-none \r\n                   focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                    placeholder=\"10000\"\r\n                    autoComplete=\"off\"\r\n                    onChange={(e) => {\r\n                      setData({ ...data, amount: e.target.value });\r\n                    }}\r\n                  />\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"pb-10\">\r\n                <button\r\n                  type=\"submit\"\r\n                  className=\"group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"\r\n                >\r\n                  <span className=\"absolute left-0 inset-y-0 flex items-center pl-3\">\r\n                    <svg\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      className=\"h-5 w-5 text-indigo-500 group-hover:text-indigo-400\"\r\n                      fill=\"none\"\r\n                      viewBox=\"0 0 20 20\"\r\n                      stroke=\"currentColor\"\r\n                    >\r\n                      <path\r\n                        strokeLinecap=\"round\"\r\n                        strokeLinejoin=\"round\"\r\n                        strokeWidth={2}\r\n                        d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"\r\n                      />\r\n                    </svg>\r\n                  </span>\r\n                  CONTINUE\r\n                </button>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default withRouter(Deposit);\r\n","import { isObject } from \"lodash\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Redirect, withRouter } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { get_password_reset_link, login } from \"../services/api\";\r\nimport { useStore } from \"./Context\";\r\n\r\nconst ForgotPassword = (props) => {\r\n  const { app_state, setAppState, setLoading } = useStore();\r\n  const [user, setUser] = useState({});\r\n  const [action, setAction] = useState(\"\");\r\n\r\n  const actions = {\r\n    reset_password: \"RESET_PASSWORD\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (action) {\r\n      switch (action) {\r\n        case actions.reset_password: {\r\n          setLoading(true);\r\n          get_password_reset_link(user)\r\n            .then((res) => {\r\n              setLoading(false);\r\n              if (res.status) {\r\n                let message = res.message;\r\n                if (message) {\r\n                  toast.success(message, {\r\n                    position: \"top-right\",\r\n                    autoClose: false,\r\n                    hideProgressBar: true,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                  });\r\n                }\r\n              }\r\n              //\r\n            })\r\n            .catch((err) => {\r\n              let message = err.response.data.message;\r\n              let toast_config = {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              };\r\n\r\n              if (isObject(message)) {\r\n                let messages = [];\r\n                Object.keys(message).forEach((key) => {\r\n                  messages.push(message[key]);\r\n                });\r\n                //toast(messages.join(' , '));\r\n                toast.error(messages.join(\" , \"), toast_config);\r\n              } else {\r\n                toast.error(message, toast_config);\r\n              }\r\n              console.log(err.response.data);\r\n              setLoading(false);\r\n            });\r\n        }\r\n        default: {\r\n          setAction(null);\r\n        }\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  return (\r\n    <div className=\"h-full w-full mx-auto\">\r\n      <div className=\"flex items-center justify-center bg-gray-50 px-4 sm:px-6 lg:px-8\">\r\n        <div className=\"max-w-md w-full space-y-8\">\r\n          <div>\r\n            <h2 className=\"mt-6 text-center text-3xl font-extrabold text-gray-900\">\r\n              Forgot Password\r\n            </h2>\r\n          </div>\r\n\r\n          <ToastContainer />\r\n\r\n          <form\r\n            className=\"mt-8 space-y-6\"\r\n            onSubmit={(e) => {\r\n              e.preventDefault();\r\n              setAction(actions.reset_password);\r\n            }}\r\n          >\r\n            <div className=\"rounded-md shadow-sm -space-y-px\">\r\n              <div className=\"my-2\">\r\n                <label\r\n                  htmlFor=\"email-address\"\r\n                  className=\"w-full flex flex-row mb-1 font-bold\"\r\n                >\r\n                  Email address\r\n                </label>\r\n                <input\r\n                  id=\"email-address\"\r\n                  name=\"email\"\r\n                  type=\"email\"\r\n                  required\r\n                  className=\"appearance-none rounded relative block w-full px-3 py-2 border \r\n                  border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none \r\n                  focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm\"\r\n                  placeholder=\"Email address\"\r\n                  autoComplete=\"off\"\r\n                  onChange={(e) => {\r\n                    setUser({ ...user, email: e.target.value });\r\n                  }}\r\n                />\r\n                <p className=\"my-1 text-purple-700\">\r\n                  <small>\r\n                    A password reset link will be sent to your email after\r\n                    submitting this form\r\n                  </small>\r\n                </p>\r\n              </div>\r\n            </div>\r\n\r\n            <div>\r\n              <button\r\n                type=\"submit\"\r\n                className=\"group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"\r\n              >\r\n                <span className=\"absolute left-0 inset-y-0 flex items-center pl-3\"></span>\r\n                SEND RESET LINK\r\n              </button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default withRouter(ForgotPassword);\r\n","import { DisappearedLoading\t } from \"react-loadingg\";\r\n\r\nconst Loading = () => {\r\n  return (\r\n    <div className=\"w-full h-full fixed top-0 left-0 right-0 bottom-0 flex justify-center items-center bg-black bg-opacity-50 z-20\">\r\n      <DisappearedLoading size=\"large\" color=\"#fff\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Loading;\r\n","import { useEffect, useState } from \"react\";\r\nimport { contact_support } from \"../services/api\";\r\nimport { isObject } from \"lodash\";\r\nimport { Redirect, withRouter } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport { useStore } from \"./Context\";\r\n\r\nconst ContactUs = () => {\r\n  const { setLoading } = useStore();\r\n  const [postData, setPostData] = useState({});\r\n  const [action, setAction] = useState(null);\r\n\r\n  const actions = {\r\n    contactSupport: \"CONTACT_SUPPORT\",\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (action) {\r\n      switch (action) {\r\n        case actions.contactSupport: {\r\n          setLoading(true);\r\n          contact_support(postData)\r\n            .then((res) => {\r\n              if (res.status) {\r\n                let message = res.message;\r\n                if (message) {\r\n                  toast.success(message, {\r\n                    position: \"top-right\",\r\n                    autoClose: false,\r\n                    hideProgressBar: true,\r\n                    closeOnClick: true,\r\n                    pauseOnHover: true,\r\n                    draggable: true,\r\n                    progress: undefined,\r\n                  });\r\n                }\r\n                //console.log(res)\r\n                setPostData({});\r\n                setLoading(false);\r\n                //props.history.push(\"/dashboard\");\r\n              }\r\n              //\r\n            })\r\n            .catch((err) => {\r\n              //console.log(JSON.stringify(err));\r\n              let message = err.response.data.message;\r\n              let toast_config = {\r\n                position: \"top-right\",\r\n                autoClose: false,\r\n                hideProgressBar: true,\r\n                closeOnClick: true,\r\n                pauseOnHover: true,\r\n                draggable: true,\r\n                progress: undefined,\r\n              };\r\n\r\n              if (isObject(message)) {\r\n                let messages = [];\r\n                Object.keys(message).forEach((key) => {\r\n                  messages.push(message[key]);\r\n                });\r\n                //toast(messages.join(' , '));\r\n                toast.error(messages.join(\" , \"), toast_config);\r\n              } else {\r\n                toast.error(message, toast_config);\r\n              }\r\n              console.log(err.response.data);\r\n\r\n              setLoading(false);\r\n            });\r\n        }\r\n        default: {\r\n          setAction(null);\r\n        }\r\n      }\r\n    }\r\n  }, [action]);\r\n\r\n  return (\r\n    <>\r\n      <ToastContainer />\r\n      {/* Large devices */}\r\n      <div className=\"lg:flex hidden flex-col justify-center items-center bg-gray-100 absolute top-0  right-0 left-0 bottom-0 -z-1 mx-8 mt-20 rounded \">\r\n        <div className=\"flex absolute top-8 left-28 right-28 bottom-8 bg-white\">\r\n          <div className=\"absolute flex z-10 w-1/2 right-0  bg-purple-800 self-center\">\r\n            <div className=\"flex flex-col text-gray-200 text-sm m-10\">\r\n              <h2 className=\"text-2xl font-bold\">Info</h2>\r\n              <div className=\"mt-5 flex\">\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  className=\"h-6 w-6\"\r\n                  fill=\"none\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  stroke=\"currentColor\"\r\n                >\r\n                  <path\r\n                    strokeLinecap=\"round\"\r\n                    strokeLinejoin=\"round\"\r\n                    strokeWidth={2}\r\n                    d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\r\n                  />\r\n                </svg>\r\n                <span className=\"mx-2\">support@textug.com</span>\r\n              </div>\r\n              <div className=\"mt-5 flex\">\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  className=\"h-6 w-6\"\r\n                  fill=\"none\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  stroke=\"currentColor\"\r\n                >\r\n                  <path\r\n                    strokeLinecap=\"round\"\r\n                    strokeLinejoin=\"round\"\r\n                    strokeWidth={2}\r\n                    d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\r\n                  />\r\n                </svg>\r\n                <span className=\"mx-2\">+256 200902091 / +256 702771124</span>\r\n              </div>\r\n              <div className=\"mt-5 flex\">\r\n                <svg\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  className=\"h-6 w-6\"\r\n                  fill=\"none\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  stroke=\"currentColor\"\r\n                >\r\n                  <path\r\n                    strokeLinecap=\"round\"\r\n                    strokeLinejoin=\"round\"\r\n                    strokeWidth={2}\r\n                    d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\r\n                  />\r\n                </svg>\r\n                <span className=\"mx-2\">\r\n                  Plot 112 Bukoto Street, Kololo Kampala, Uganda\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"bg-white w-4/5 h-full\">\r\n            <div className=\"w-1/2 h-full pl-20 pt-10  flex flex-col\">\r\n              <h2 className=\"text-3xl font-bold\">Contact Us</h2>\r\n              <p className=\"mt-4 text-gray-500 text-sm\">\r\n                Feel free to contact us anytime. We will get back to you as soon\r\n                as we can!\r\n              </p>\r\n              <form\r\n                className=\"flex flex-col\"\r\n                onSubmit={(e) => {\r\n                  e.preventDefault();\r\n                  setAction(actions.contactSupport);\r\n                }}\r\n              >\r\n                <div className=\"flex flex-col mt-4\">\r\n                  <label\r\n                    className=\"text-gray-500 text-sm sr-only\"\r\n                    htmlFor=\"name\"\r\n                  >\r\n                    Name\r\n                  </label>\r\n                  <input\r\n                    required\r\n                    placeholder=\"Name\"\r\n                    className=\"border-0 border-b outline-white  focus:outline-none focus:ring-transparent\"\r\n                    name=\"name\"\r\n                    type=\"text\"\r\n                    value={postData.name || ''}\r\n                    onChange={(e) =>\r\n                      setPostData({ ...postData, name: e.target.value })\r\n                    }\r\n                  />\r\n                </div>\r\n                <div className=\"flex flex-col mt-4\">\r\n                  <label\r\n                    className=\"text-gray-500 text-sm sr-only\"\r\n                    htmlFor=\"name\"\r\n                  >\r\n                    Email\r\n                  </label>\r\n                  <input\r\n                    required\r\n                    placeholder=\"Email\"\r\n                    className=\"border-0 border-b outline-white  focus:outline-none focus:ring-transparent\"\r\n                    name=\"email\"\r\n                    type=\"email\"\r\n                    value={postData.email || ''}\r\n                    onChange={(e) =>\r\n                      setPostData({ ...postData, email: e.target.value })\r\n                    }\r\n                  />\r\n                </div>\r\n                <div className=\"flex flex-col mt-4\">\r\n                  <label\r\n                    className=\"text-gray-500 text-sm sr-only\"\r\n                    htmlFor=\"subject\"\r\n                  >\r\n                    Subject\r\n                  </label>\r\n                  <input\r\n                    required\r\n                    placeholder=\"subject\"\r\n                    className=\"border-0 border-b outline-white  focus:outline-none focus:ring-transparent\"\r\n                    name=\"name\"\r\n                    type=\"text\"\r\n                    value={postData.subject || ''}\r\n                    onChange={(e) =>\r\n                      setPostData({ ...postData, subject: e.target.value })\r\n                    }\r\n                  />\r\n                </div>\r\n                <div className=\"flex flex-col mt-4\">\r\n                  <label\r\n                    className=\"text-gray-500 text-sm sr-only\"\r\n                    htmlFor=\"message\"\r\n                  >\r\n                    Message\r\n                  </label>\r\n                  <textarea\r\n                    required\r\n                    rows=\"1\"\r\n                    placeholder=\"Message\"\r\n                    className=\"border-0 border-b  outline-white  focus:outline-none focus:ring-transparent resize-none overflow-y-auto\"\r\n                    name=\"message\"\r\n                    value={postData.message || ''}\r\n                    onChange={(e) =>\r\n                      setPostData({ ...postData, message: e.target.value })\r\n                    }\r\n                  />\r\n                </div>\r\n                <div className=\"flex flex-col mt-4\">\r\n                  <button className=\"py-2 px-4 text-sm font-bold text-white tracking-widest bg-purple-700 hover:bg-purple-500\">\r\n                    SEND\r\n                  </button>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <div className=\"bg-gray-300 w-1/5 h-full\"></div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Small devices */}\r\n      <div className=\"lg:hidden flex flex-col items-center bg-gray-100 absolute top-0  right-0 left-0 bottom-0 -z-1 mx-auto mt-20 rounded \">\r\n        <div className=\"bg-white py-5\">\r\n          <div className=\" px-10 flex flex-col\">\r\n            <h2 className=\"text-3xl font-bold\">Contact Us</h2>\r\n            <p className=\"mt-4 text-gray-500 text-sm\">\r\n              Feel free to contact us anytime. We will get back to you as soon\r\n              as we can!\r\n            </p>\r\n            <form\r\n              className=\"flex flex-col\"\r\n              onSubmit={(e) => {\r\n                e.preventDefault();\r\n                setAction(actions.contactSupport);\r\n              }}\r\n            >\r\n              <div className=\"flex flex-col mt-4\">\r\n                <label className=\"text-gray-500 text-sm sr-only\" htmlFor=\"name\">\r\n                  Name\r\n                </label>\r\n                <input\r\n                  required\r\n                  placeholder=\"Name\"\r\n                  className=\"border-0 border-b outline-white  focus:outline-none focus:ring-transparent\"\r\n                  name=\"name\"\r\n                  type=\"text\"\r\n                  value={postData.name || ''}\r\n                  onChange={(e) =>\r\n                    setPostData({ ...postData, name: e.target.value })\r\n                  }\r\n                />\r\n              </div>\r\n              <div className=\"flex flex-col mt-4\">\r\n                <label\r\n                  className=\"text-gray-500 text-sm sr-only\"\r\n                  htmlFor=\"email\"\r\n                >\r\n                  Email\r\n                </label>\r\n                <input\r\n                  required\r\n                  placeholder=\"Email\"\r\n                  className=\"border-0 border-b outline-white  focus:outline-none focus:ring-transparent\"\r\n                  name=\"email\"\r\n                  type=\"email\"\r\n                  value={postData.email || ''}\r\n                  onChange={(e) =>\r\n                    setPostData({ ...postData, email: e.target.value })\r\n                  }\r\n                />\r\n              </div>\r\n              <div className=\"flex flex-col mt-4\">\r\n                  <label\r\n                    className=\"text-gray-500 text-sm sr-only\"\r\n                    htmlFor=\"subject\"\r\n                  >\r\n                    Subject\r\n                  </label>\r\n                  <input\r\n                    required\r\n                    placeholder=\"subject\"\r\n                    className=\"border-0 border-b outline-white  focus:outline-none focus:ring-transparent\"\r\n                    name=\"name\"\r\n                    type=\"text\"\r\n                    value={postData.subject || ''}\r\n                    onChange={(e) =>\r\n                      setPostData({ ...postData, subject: e.target.value })\r\n                    }\r\n                  />\r\n                </div>\r\n              <div className=\"flex flex-col mt-4\">\r\n                <label\r\n                  className=\"text-gray-500 text-sm sr-only\"\r\n                  htmlFor=\"message\"\r\n                >\r\n                  Message\r\n                </label>\r\n                <textarea\r\n                  required\r\n                  rows=\"2\"\r\n                  placeholder=\"Message\"\r\n                  className=\"border-0 border-b  outline-white  focus:outline-none focus:ring-transparent resize-none overflow-y-auto\"\r\n                  name=\"message\"\r\n                  value={postData.message || ''}\r\n                  onChange={(e) =>\r\n                    setPostData({ ...postData, message: e.target.value })\r\n                  }\r\n                />\r\n              </div>\r\n              <div className=\"flex flex-col mt-4\">\r\n                <button className=\"py-2 px-4 text-sm font-bold text-white tracking-widest bg-purple-700 hover:bg-purple-500\">\r\n                  SEND\r\n                </button>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\" flex my-10  bg-purple-800\">\r\n          <div className=\"flex flex-col text-gray-200 text-sm p-6\">\r\n            <h2 className=\"text-2xl font-bold\">Info</h2>\r\n            <div className=\"mt-5 flex\">\r\n              <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                className=\"h-6 w-6\"\r\n                fill=\"none\"\r\n                viewBox=\"0 0 24 24\"\r\n                stroke=\"currentColor\"\r\n              >\r\n                <path\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  strokeWidth={2}\r\n                  d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\r\n                />\r\n              </svg>\r\n              <span className=\"mx-2\">support@textug.com</span>\r\n            </div>\r\n            <div className=\"mt-5 flex\">\r\n              <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                className=\"h-6 w-6\"\r\n                fill=\"none\"\r\n                viewBox=\"0 0 24 24\"\r\n                stroke=\"currentColor\"\r\n              >\r\n                <path\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  strokeWidth={2}\r\n                  d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"\r\n                />\r\n              </svg>\r\n              <span className=\"mx-2\">+256 200902091 / +256 702771124</span>\r\n            </div>\r\n            <div className=\"mt-5 flex\">\r\n              <svg\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n                className=\"h-6 w-6\"\r\n                fill=\"none\"\r\n                viewBox=\"0 0 24 24\"\r\n                stroke=\"currentColor\"\r\n              >\r\n                <path\r\n                  strokeLinecap=\"round\"\r\n                  strokeLinejoin=\"round\"\r\n                  strokeWidth={2}\r\n                  d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\r\n                />\r\n              </svg>\r\n              <span className=\"mx-2\">\r\n                Plot 112 Bukoto Street, Kololo Kampala, Uganda\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ContactUs;\r\n","import \"./App.css\";\r\nimport Login from \"./components/Login\";\r\nimport styled from \"styled-components\";\r\nimport Signup from \"./components/Signup\";\r\nimport Home from \"./components/Home\";\r\nimport TopBar from \"./components/TopBar\";\r\nimport PhoneBook from \"./components/PhoneBook\";\r\nimport { Route, Switch, withRouter } from \"react-router-dom\";\r\nimport NewMessage from \"./components/NewMessage\";\r\nimport Messages from \"./components/Messages\";\r\nimport Transactions from \"./components/Transactions\";\r\nimport { useStore } from \"./components/Context\";\r\nimport Profile from \"./components/Profile\";\r\nimport Settings from \"./components/Settings\";\r\nimport Deposit from \"./components/Deposit\";\r\nimport ForgotPassword from \"./components/ForgotPassword\";\r\nimport Loading from \"./components/Loading\";\r\nimport Footer from \"./components/Footer\";\r\nimport ContactUs from \"./components/ContactUs\";\r\n\r\nconst CurvedHero = styled.div`\r\n  margin: 0vw auto 0;\r\n  height: 30vw;\r\n  overflow: hidden;\r\n  border-radius: 0 0 90% 90%;\r\n`;\r\n\r\nconst AuthFormContainer = styled.div`\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 0;\r\n  right: 0;\r\n`;\r\n\r\nconst Header = styled.div`\r\n  position: absolute;\r\n  z-index: 2;\r\n  width: 185px;\r\n  height: 185px;\r\n  top: -60px;\r\n  left: 0;\r\n  right: 0;\r\n  margin: auto;\r\n  border-radius: 0 0 75% 75%;\r\n  background-color: #fff;\r\n`;\r\n\r\nconst Auth_Signup = (props) => {\r\n  return (\r\n    <div className=\"h-screen w-screen\">\r\n      <div className=\"flex flex-col h-full w-full\">\r\n        <CurvedHero className=\"h-1/3 bg-purple-700 w-full\"></CurvedHero>\r\n        <Header\r\n          onClick={() => props.history.push(\"/\")}\r\n          className=\"text-white flex justify-center items-center cursor-pointer\"\r\n        >\r\n          <span className=\" bg-white flex justify-center items-end pt-6\">\r\n            <img className=\"\" src=\"/logo.png\" style={{ height: \"75px\" }} />\r\n          </span>\r\n        </Header>\r\n        <AuthFormContainer className=\"bg-gray-50 h-2/3  w-4/6 rounded mx-auto top-1/4\">\r\n          <Signup />\r\n        </AuthFormContainer>\r\n        {/* <div className=\"h-2/3 w-full\">\r\n          <Login />\r\n        </div> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst Auth_Login = (props) => {\r\n  return (\r\n    <div className=\"h-full w-full\">\r\n      <div className=\"flex flex-col h-full w-full\">\r\n        <CurvedHero className=\"h-1/3 bg-purple-700 w-full\"></CurvedHero>\r\n        <Header\r\n          onClick={() => props.history.push(\"/\")}\r\n          className=\"text-white flex justify-center items-center cursor-pointer\"\r\n        >\r\n          <span className=\" bg-white flex justify-center items-end pt-6\">\r\n            <img className=\"\" src=\"/logo.png\" style={{ height: \"75px\" }} />\r\n          </span>\r\n        </Header>\r\n        <AuthFormContainer className=\"bg-gray-50 h-2/3  w-4/6 rounded mx-auto top-1/4\">\r\n          <Login />\r\n        </AuthFormContainer>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nfunction App(props) {\r\n  const { app_state, loading } = useStore();\r\n\r\n  if (!app_state.isAuthenticated) {\r\n    return (\r\n      <>\r\n        {loading && <Loading />}\r\n\r\n        <Switch>\r\n          <Route\r\n            exact\r\n            path=\"/\"\r\n            render={() => {\r\n              return <Auth_Login {...props} />;\r\n            }}\r\n          />\r\n\r\n          <Route\r\n            path=\"/login\"\r\n            render={() => {\r\n              return <Auth_Login {...props} />;\r\n            }}\r\n          />\r\n          <Route\r\n            path=\"/signup\"\r\n            render={() => {\r\n              return <Auth_Signup {...props} />;\r\n            }}\r\n          />\r\n          <Route\r\n            path=\"/forgot-password\"\r\n            render={() => {\r\n              return (\r\n                <div className=\"h-full w-full\">\r\n                  <div className=\"flex flex-col h-full w-full\">\r\n                    <CurvedHero className=\"h-1/3 bg-purple-700 w-full\"></CurvedHero>\r\n                    <Header\r\n                      onClick={() => props.history.push(\"/\")}\r\n                      className=\"text-white flex justify-center items-center cursor-pointer\"\r\n                    >\r\n                      <span className=\" bg-white flex justify-center items-end pt-6\">\r\n                        <img\r\n                          className=\"\"\r\n                          src=\"/logo.png\"\r\n                          style={{ height: \"90px\" }}\r\n                        />\r\n                      </span>\r\n                    </Header>\r\n                    <AuthFormContainer className=\"bg-gray-50 h-2/3  w-4/6 rounded mx-auto top-1/4\">\r\n                      <ForgotPassword {...props} />\r\n                    </AuthFormContainer>\r\n                  </div>\r\n                </div>\r\n              );\r\n            }}\r\n          />\r\n          <Route\r\n            path=\"*\"\r\n            render={() => {\r\n              return <Auth_Login {...props} />;\r\n            }}\r\n          />\r\n          <Route\r\n            path=\"/api-docs\"\r\n            render={() => {\r\n              props.history.push(\"/\");\r\n              window.open(\r\n                \"https://documenter.getpostman.com/view/8269645/Tzz8qcBw\",\r\n                \"_blank\"\r\n              );\r\n            }}\r\n          />\r\n        </Switch>\r\n        <Footer />\r\n      </>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n    <TopBar />\r\n    <div className=\"mt-20\">\r\n      {loading && <Loading />}\r\n\r\n      \r\n      <Switch>\r\n        <Route exact path=\"/\" component={Home} />\r\n\r\n        <Route path=\"/dashboard\" component={Home} />\r\n\r\n        <Route path=\"/phone-book\" component={PhoneBook} />\r\n        <Route path=\"/messages\" component={Messages} />\r\n        <Route path=\"/transactions\" component={Transactions} />\r\n        <Route path=\"/deposit\" component={Deposit} />\r\n        <Route path=\"/profile\" component={Profile} />\r\n        <Route path=\"/settings\" component={Settings} />\r\n        <Route path=\"/contact-us\" component={ContactUs} />\r\n\r\n        <Route path=\"/new-message\" component={NewMessage} />\r\n        <Route\r\n          path=\"/api-docs\"\r\n          render={() => {\r\n            props.history.push(\"/\");\r\n            window.open(\r\n              \"https://documenter.getpostman.com/view/8269645/Tzz8qcBw\",\r\n              \"_blank\"\r\n            );\r\n          }}\r\n        />\r\n\r\n        <Route\r\n          path=\"*\"\r\n          render={() => {\r\n            return <div>404 Page</div>;\r\n          }}\r\n        />\r\n      </Switch>\r\n    </div>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default withRouter(App);\r\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport { StoreProvider } from \"./components/Context\";\nimport Loading from \"./components/Loading\";\n\nReactDOM.render(\n  <BrowserRouter>\n    <StoreProvider>\n      <App />\n    </StoreProvider>\n  </BrowserRouter>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}