@bigbinary/neeto-payments-frontend 1.5.0-beta1 → 1.6.0-beta2

package/dist/UpiConnect.js

@@ -0,0 +1,148 @@
+import React__default, { useState } from 'react';
+import { noop } from '@bigbinary/neeto-cist';
+import Spinner from '@bigbinary/neetoui/Spinner';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Input from '@bigbinary/neetoui/formik/Input';
+import { useTranslation, Trans } from 'react-i18next';
+import { useHistory } from 'react-router-dom';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import Alert from '@bigbinary/neetoui/Alert';
+import Table from '@bigbinary/neetoui/Table';
+import { isEmpty } from 'ramda';
+import { dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
+import Typography from '@bigbinary/neetoui/Typography';
+
+const VALIDATION_SCHEMA = yup.object({
+  upiId: yup.string().matches(/^[a-zA-Z0-9.-]{2,256}@[a-zA-Z][a-zA-Z]{2,64}$/, t("neetoPayments.upi.form.validation.invalidUpi")).required(t("neetoPayments.upi.form.validation.required"))
+});
+
+const Add = _ref => {
+  let {
+    handleCreateUpiId
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const history = useHistory();
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Form, {
+    formikProps: {
+      initialValues: {
+        upiId: ""
+      },
+      onSubmit: handleCreateUpiId,
+      validationSchema: VALIDATION_SCHEMA
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "space-y-3"
+  }, /*#__PURE__*/React__default.createElement(Input, {
+    className: "w-64",
+    label: t("neetoPayments.upi.form.enterUpi"),
+    name: "upiId",
+    placeholder: t("neetoPayments.upi.form.enterUpi")
+  }), /*#__PURE__*/React__default.createElement(ActionBlock, {
+    cancelButtonProps: {
+      onClick: () => history.goBack()
+    },
+    submitButtonProps: {
+      label: t("neetoPayments.upi.form.add")
+    }
+  }))));
+};
+
+const getColumnData = handleDeleteClick => [{
+  title: t("neetoPayments.common.upiId"),
+  dataIndex: "address",
+  key: "address",
+  width: 272,
+  render: (_, upiId) => /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center justify-between gap-3"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    className: "w-4/5",
+    style: "body2"
+  }, upiId.address), /*#__PURE__*/React__default.createElement(MoreDropdown, {
+    dropdownProps: {
+      strategy: "fixed"
+    },
+    menuItems: [{
+      key: "delete-meeting",
+      label: t("neetoPayments.common.delete"),
+      onClick: () => handleDeleteClick(upiId)
+    }]
+  }))
+}, {
+  title: t("neetoPayments.common.createdAt"),
+  dataIndex: "createdAt",
+  key: "createdAt",
+  render: dateFormat.dateTime
+}];
+
+const List = _ref => {
+  let {
+    handleDeleteUpiId,
+    upiIds
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const [selectedUpiId, setSelectedUpiId] = useState({});
+  const handleOpenDeleteModal = id => {
+    setSelectedUpiId(id);
+    setIsAlertOpen(true);
+  };
+  const handleAlertClose = () => {
+    setSelectedUpiId({});
+    setIsAlertOpen(false);
+  };
+  const handleAlertSubmit = () => {
+    handleDeleteUpiId(selectedUpiId);
+    setIsAlertOpen(false);
+  };
+  if (isEmpty(upiIds)) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Table, {
+    columnData: getColumnData(handleOpenDeleteModal),
+    rowData: upiIds
+  }), /*#__PURE__*/React__default.createElement(Alert, {
+    isOpen: isAlertOpen,
+    title: t("neetoPayments.upi.alert.title"),
+    message: /*#__PURE__*/React__default.createElement(Trans, {
+      components: {
+        b: /*#__PURE__*/React__default.createElement("strong", null)
+      },
+      i18nKey: "neetoPayments.upi.alert.message",
+      values: {
+        upiId: selectedUpiId.address
+      }
+    }),
+    onClose: handleAlertClose,
+    onSubmit: handleAlertSubmit
+  }));
+};
+
+const UpiConnect = _ref => {
+  let {
+    upiIds = [],
+    isLoading = false,
+    isDeleting = false,
+    handleDeleteUpiId = noop,
+    handleCreateUpiId = noop
+  } = _ref;
+  if (isLoading) return /*#__PURE__*/React__default.createElement(Spinner, null);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "flex w-full max-w-3xl flex-col items-start space-y-6"
+  }, /*#__PURE__*/React__default.createElement(Add, {
+    handleCreateUpiId
+  }), /*#__PURE__*/React__default.createElement(List, {
+    handleDeleteUpiId,
+    isDeleting,
+    upiIds
+  }));
+};
+
+export { UpiConnect as default };
+//# sourceMappingURL=UpiConnect.js.map

package/dist/UpiConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpiConnect.js","sources":["../app/javascript/src/components/UpiConnect/constants.js","../app/javascript/src/components/UpiConnect/Add.jsx","../app/javascript/src/components/UpiConnect/utils.jsx","../app/javascript/src/components/UpiConnect/List.jsx","../app/javascript/src/components/UpiConnect/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = Yup.object({\n  upiId: Yup.string()\n    .matches(\n      /^[a-zA-Z0-9.-]{2,256}@[a-zA-Z][a-zA-Z]{2,64}$/,\n      t(\"neetoPayments.upi.form.validation.invalidUpi\")\n    )\n    .required(t(\"neetoPayments.upi.form.validation.required\")),\n});\n","import React from \"react\";\n\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\n\nconst Add = ({ handleCreateUpiId }) => {\n  const { t } = useTranslation();\n\n  const history = useHistory();\n\n  return (\n    <div>\n      <Form\n        formikProps={{\n          initialValues: { upiId: \"\" },\n          onSubmit: handleCreateUpiId,\n          validationSchema: VALIDATION_SCHEMA,\n        }}\n      >\n        <div className=\"space-y-3\">\n          <Input\n            className=\"w-64\"\n            label={t(\"neetoPayments.upi.form.enterUpi\")}\n            name=\"upiId\"\n            placeholder={t(\"neetoPayments.upi.form.enterUpi\")}\n          />\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            submitButtonProps={{ label: t(\"neetoPayments.upi.form.add\") }}\n          />\n        </div>\n      </Form>\n    </div>\n  );\n};\n\nexport default Add;\n","import React from \"react\";\n\nimport { t } from \"i18next\";\nimport { dateFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nexport const getColumnData = handleDeleteClick => [\n  {\n    title: t(\"neetoPayments.common.upiId\"),\n    dataIndex: \"address\",\n    key: \"address\",\n    width: 272,\n    render: (_, upiId) => (\n      <div className=\"flex items-center justify-between gap-3\">\n        <Typography className=\"w-4/5\" style=\"body2\">\n          {upiId.address}\n        </Typography>\n        <MoreDropdown\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete-meeting\",\n              label: t(\"neetoPayments.common.delete\"),\n              onClick: () => handleDeleteClick(upiId),\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoPayments.common.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    render: dateFormat.dateTime,\n  },\n];\n","import React, { useState } from \"react\";\n\nimport { Alert, Table } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getColumnData } from \"./utils\";\n\nconst List = ({ handleDeleteUpiId, upiIds }) => {\n  const { t } = useTranslation();\n\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const [selectedUpiId, setSelectedUpiId] = useState({});\n\n  const handleOpenDeleteModal = id => {\n    setSelectedUpiId(id);\n    setIsAlertOpen(true);\n  };\n\n  const handleAlertClose = () => {\n    setSelectedUpiId({});\n    setIsAlertOpen(false);\n  };\n\n  const handleAlertSubmit = () => {\n    handleDeleteUpiId(selectedUpiId);\n    setIsAlertOpen(false);\n  };\n\n  if (isEmpty(upiIds)) {\n    return null;\n  }\n\n  return (\n    <>\n      <Table\n        columnData={getColumnData(handleOpenDeleteModal)}\n        rowData={upiIds}\n      />\n      <Alert\n        isOpen={isAlertOpen}\n        title={t(\"neetoPayments.upi.alert.title\")}\n        message={\n          <Trans\n            components={{ b: <strong /> }}\n            i18nKey=\"neetoPayments.upi.alert.message\"\n            values={{ upiId: selectedUpiId.address }}\n          />\n        }\n        onClose={handleAlertClose}\n        onSubmit={handleAlertSubmit}\n      />\n    </>\n  );\n};\n\nexport default List;\n","import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Spinner } from \"neetoui\";\n\nimport Add from \"./Add\";\nimport List from \"./List\";\n\nconst UpiConnect = ({\n  upiIds = [],\n  isLoading = false,\n  isDeleting = false,\n  handleDeleteUpiId = noop,\n  handleCreateUpiId = noop,\n}) => {\n  if (isLoading) return <Spinner />;\n\n  return (\n    <div className=\"flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <Add {...{ handleCreateUpiId }} />\n      <List {...{ handleDeleteUpiId, isDeleting, upiIds }} />\n    </div>\n  );\n};\n\nexport default UpiConnect;\n"],"names":["VALIDATION_SCHEMA","Yup","object","upiId","string","matches","t","required","Add","_ref","handleCreateUpiId","useTranslation","history","useHistory","React","createElement","Form","formikProps","initialValues","onSubmit","validationSchema","className","Input","label","name","placeholder","ActionBlock","cancelButtonProps","onClick","goBack","submitButtonProps","getColumnData","handleDeleteClick","title","dataIndex","key","width","render","_","Typography","style","address","MoreDropdown","dropdownProps","strategy","menuItems","dateFormat","dateTime","List","handleDeleteUpiId","upiIds","isAlertOpen","setIsAlertOpen","useState","selectedUpiId","setSelectedUpiId","handleOpenDeleteModal","id","handleAlertClose","handleAlertSubmit","isEmpty","Fragment","Table","columnData","rowData","Alert","isOpen","message","Trans","components","b","i18nKey","values","onClose","UpiConnect","isLoading","isDeleting","noop","Spinner"],"mappings":"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"}

package/dist/UpiMarkAsPaidButton.js

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import { noop } from '@bigbinary/neeto-cist';
+import Button from '@bigbinary/neetoui/Button';
+import { useTranslation } from 'react-i18next';
+import { u as useUpdateUpiPayment } from './usePaymentsApi-a801ab15.js';
+import './useMutation-8d67f853.js';
+import './mutation-286611ef.js';
+import './utils-e29db9c9.js';
+import 'react/jsx-runtime';
+import 'axios';
+import './constants.js';
+import 'i18next';
+import '@bigbinary/neeto-commons-frontend/constants';
+
+const UpiMarkAsPaidButton = _ref => {
+  let {
+    paymentId,
+    payableId,
+    onSuccess = noop
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const {
+    mutate: updateUpiPayment,
+    isLoading
+  } = useUpdateUpiPayment(paymentId, {
+    onSuccess
+  });
+  const handleClick = () => updateUpiPayment({
+    status: "successful",
+    payableId
+  });
+  return /*#__PURE__*/React__default.createElement(Button, {
+    label: t("neetoPayments.upi.payment.buttons.markAsPaid"),
+    loading: isLoading,
+    onClick: handleClick
+  });
+};
+
+export { UpiMarkAsPaidButton as default };
+//# sourceMappingURL=UpiMarkAsPaidButton.js.map

package/dist/UpiMarkAsPaidButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpiMarkAsPaidButton.js","sources":["../app/javascript/src/components/UpiMarkAsPaidButton.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateUpiPayment } from \"hooks/reactQuery/upi/usePaymentsApi\";\n\nconst UpiMarkAsPaidButton = ({ paymentId, payableId, onSuccess = noop }) => {\n  const { t } = useTranslation();\n  const { mutate: updateUpiPayment, isLoading } = useUpdateUpiPayment(\n    paymentId,\n    { onSuccess }\n  );\n\n  const handleClick = () =>\n    updateUpiPayment({ status: \"successful\", payableId });\n\n  return (\n    <Button\n      label={t(\"neetoPayments.upi.payment.buttons.markAsPaid\")}\n      loading={isLoading}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default UpiMarkAsPaidButton;\n"],"names":["UpiMarkAsPaidButton","_ref","paymentId","payableId","onSuccess","noop","t","useTranslation","mutate","updateUpiPayment","isLoading","useUpdateUpiPayment","handleClick","status","React","createElement","Button","label","loading","onClick"],"mappings":";;;;;;;;;;;;;;AAQMA,MAAAA,mBAAmB,GAAGC,IAAA,IAAgD;EAAA,IAA/C;IAAEC,SAAS;IAAEC,SAAS;AAAEC,IAAAA,SAAS,GAAGC,IAAAA;AAAK,GAAC,GAAAJ,IAAA,CAAA;EACrE,MAAM;AAAEK,IAAAA,CAAAA;GAAG,GAAGC,cAAc,EAAE,CAAA;EAC9B,MAAM;AAAEC,IAAAA,MAAM,EAAEC,gBAAgB;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,mBAAmB,CACjET,SAAS,EACT;AAAEE,IAAAA,SAAAA;AAAU,GACd,CAAC,CAAA;AAED,EAAA,MAAMQ,WAAW,GAAGA,MAClBH,gBAAgB,CAAC;AAAEI,IAAAA,MAAM,EAAE,YAAY;AAAEV,IAAAA,SAAAA;AAAU,GAAC,CAAC,CAAA;AAEvD,EAAA,oBACEW,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAA;AACLC,IAAAA,KAAK,EAAEX,CAAC,CAAC,8CAA8C,CAAE;AACzDY,IAAAA,OAAO,EAAER,SAAU;AACnBS,IAAAA,OAAO,EAAEP,WAAAA;AAAY,GACtB,CAAC,CAAA;AAEN;;;;"}

package/dist/UpiPayment.js

@@ -0,0 +1,94 @@
+import React__default from 'react';
+import { isPresent, noop } from '@bigbinary/neeto-cist';
+import Typography from '@bigbinary/neetoui/Typography';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Input from '@bigbinary/neetoui/formik/Input';
+import QRCodeImage from 'qrcode.react';
+import { pluck } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { a as useCreateUpiPayment } from './usePaymentsApi-a801ab15.js';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import './useMutation-8d67f853.js';
+import './mutation-286611ef.js';
+import './utils-e29db9c9.js';
+import 'react/jsx-runtime';
+import 'axios';
+import './constants.js';
+import '@bigbinary/neeto-commons-frontend/constants';
+
+const VALIDATION_SCHEMA = yup.object({
+  transactionId: yup.string().required(t("neetoPayments.upi.payment.transaction.required")).min(6, t("neetoPayments.upi.payment.transaction.sixCharacters")).max(6, t("neetoPayments.upi.payment.transaction.sixCharacters"))
+});
+
+const vpaIdToQrCodeValue = vpaId => `upi://pay?pa=${vpaId}`;
+
+const UpiPayment = _ref => {
+  let {
+    fee = {},
+    onSubmit = noop,
+    onBackClick = noop,
+    payableId
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const vpaIds = pluck("address", fee?.vpas);
+  const {
+    mutate: createPayment
+  } = useCreateUpiPayment({});
+  const handleSubmit = values => {
+    const payload = {
+      ...values,
+      payableId
+    };
+    createPayment(payload);
+    onSubmit(values);
+  };
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Form, {
+    className: "space-y-4",
+    formikProps: {
+      onSubmit: handleSubmit,
+      initialValues: {
+        transactionId: ""
+      },
+      validationSchema: VALIDATION_SCHEMA
+    }
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body1"
+  }, t("neetoPayments.upi.payment.vpaText", {
+    count: vpaIds.length
+  })), isPresent(vpaIds) && /*#__PURE__*/React__default.createElement("div", {
+    className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2"
+  }, vpaIds.map(vpaId => /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col items-center justify-center",
+    key: vpaId
+  }, /*#__PURE__*/React__default.createElement(QRCodeImage, {
+    size: 256,
+    style: {
+      width: 80,
+      height: 80
+    },
+    value: vpaIdToQrCodeValue(vpaId)
+  }), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "mt-2 w-full break-words text-center",
+    style: "body2"
+  }, vpaId)))), /*#__PURE__*/React__default.createElement(Input, {
+    required: true,
+    label: t("neetoPayments.upi.payment.transaction.label"),
+    name: "transactionId",
+    placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
+  }), /*#__PURE__*/React__default.createElement(ActionBlock, {
+    cancelButtonProps: {
+      label: t("neetoPayments.upi.payment.buttons.back"),
+      onClick: onBackClick
+    },
+    submitButtonProps: {
+      label: t("neetoPayments.upi.payment.buttons.submit")
+    }
+  })));
+};
+
+export { UpiPayment as default };
+//# sourceMappingURL=UpiPayment.js.map

package/dist/UpiPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpiPayment.js","sources":["../app/javascript/src/components/UpiPayment/constants.js","../app/javascript/src/components/UpiPayment/utils.js","../app/javascript/src/components/UpiPayment/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object({\n  transactionId: yup\n    .string()\n    .required(t(\"neetoPayments.upi.payment.transaction.required\"))\n    .min(6, t(\"neetoPayments.upi.payment.transaction.sixCharacters\"))\n    .max(6, t(\"neetoPayments.upi.payment.transaction.sixCharacters\")),\n});\n","export const vpaIdToQrCodeValue = vpaId => `upi://pay?pa=${vpaId}`;\n","import React from \"react\";\n\nimport { noop, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport QRCodeImage from \"qrcode.react\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateUpiPayment } from \"hooks/reactQuery/upi/usePaymentsApi\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\nimport { vpaIdToQrCodeValue } from \"./utils\";\n\nconst UpiPayment = ({\n  fee = {},\n  onSubmit = noop,\n  onBackClick = noop,\n  payableId,\n}) => {\n  const { t } = useTranslation();\n\n  const vpaIds = pluck(\"address\", fee?.vpas);\n\n  const { mutate: createPayment } = useCreateUpiPayment({});\n\n  const handleSubmit = values => {\n    const payload = { ...values, payableId };\n    createPayment(payload);\n    onSubmit(values);\n  };\n\n  return (\n    <div>\n      <Form\n        className=\"space-y-4\"\n        formikProps={{\n          onSubmit: handleSubmit,\n          initialValues: { transactionId: \"\" },\n          validationSchema: VALIDATION_SCHEMA,\n        }}\n      >\n        <Typography style=\"body1\">\n          {t(\"neetoPayments.upi.payment.vpaText\", { count: vpaIds.length })}\n        </Typography>\n        {isPresent(vpaIds) && (\n          <div className=\"grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2\">\n            {vpaIds.map(vpaId => (\n              <div\n                className=\"flex flex-col items-center justify-center\"\n                key={vpaId}\n              >\n                <QRCodeImage\n                  size={256}\n                  style={{ width: 80, height: 80 }}\n                  value={vpaIdToQrCodeValue(vpaId)}\n                />\n                <Typography\n                  className=\"mt-2 w-full break-words text-center\"\n                  style=\"body2\"\n                >\n                  {vpaId}\n                </Typography>\n              </div>\n            ))}\n          </div>\n        )}\n        <Input\n          required\n          label={t(\"neetoPayments.upi.payment.transaction.label\")}\n          name=\"transactionId\"\n          placeholder={t(\"neetoPayments.upi.payment.transaction.placeholder\")}\n        />\n        <ActionBlock\n          cancelButtonProps={{\n            label: t(\"neetoPayments.upi.payment.buttons.back\"),\n            onClick: onBackClick,\n          }}\n          submitButtonProps={{\n            label: t(\"neetoPayments.upi.payment.buttons.submit\"),\n          }}\n        />\n      </Form>\n    </div>\n  );\n};\n\nexport default UpiPayment;\n"],"names":["VALIDATION_SCHEMA","yup","object","transactionId","string","required","t","min","max","vpaIdToQrCodeValue","vpaId","UpiPayment","_ref","fee","onSubmit","noop","onBackClick","payableId","useTranslation","vpaIds","pluck","vpas","mutate","createPayment","useCreateUpiPayment","handleSubmit","values","payload","React","createElement","Form","className","formikProps","initialValues","validationSchema","Typography","style","count","length","isPresent","map","key","QRCodeImage","size","width","height","value","Input","label","name","placeholder","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,iBAAiB,GAAGC,GAAG,CAACC,MAAM,CAAC;AAC1CC,EAAAA,aAAa,EAAEF,GAAG,CACfG,MAAM,EAAE,CACRC,QAAQ,CAACC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAC7DC,GAAG,CAAC,CAAC,EAAED,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAChEE,GAAG,CAAC,CAAC,EAAEF,CAAC,CAAC,qDAAqD,CAAC,CAAA;AACpE,CAAC,CAAC;;ACTK,MAAMG,kBAAkB,GAAGC,KAAK,IAAK,CAAA,aAAA,EAAeA,KAAM,CAAC,CAAA;;ACc5DC,MAAAA,UAAU,GAAGC,IAAA,IAKb;EAAA,IALc;IAClBC,GAAG,GAAG,EAAE;AACRC,IAAAA,QAAQ,GAAGC,IAAI;AACfC,IAAAA,WAAW,GAAGD,IAAI;AAClBE,IAAAA,SAAAA;AACF,GAAC,GAAAL,IAAA,CAAA;EACC,MAAM;AAAEN,IAAAA,CAAAA;GAAG,GAAGY,cAAc,EAAE,CAAA;EAE9B,MAAMC,MAAM,GAAGC,KAAK,CAAC,SAAS,EAAEP,GAAG,EAAEQ,IAAI,CAAC,CAAA;EAE1C,MAAM;AAAEC,IAAAA,MAAM,EAAEC,aAAAA;AAAc,GAAC,GAAGC,mBAAmB,CAAC,EAAE,CAAC,CAAA;EAEzD,MAAMC,YAAY,GAAGC,MAAM,IAAI;AAC7B,IAAA,MAAMC,OAAO,GAAG;AAAE,MAAA,GAAGD,MAAM;AAAET,MAAAA,SAAAA;KAAW,CAAA;IACxCM,aAAa,CAACI,OAAO,CAAC,CAAA;IACtBb,QAAQ,CAACY,MAAM,CAAC,CAAA;GACjB,CAAA;EAED,oBACEE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACHC,IAAAA,SAAS,EAAC,WAAW;AACrBC,IAAAA,WAAW,EAAE;AACXlB,MAAAA,QAAQ,EAAEW,YAAY;AACtBQ,MAAAA,aAAa,EAAE;AAAE9B,QAAAA,aAAa,EAAE,EAAA;OAAI;AACpC+B,MAAAA,gBAAgB,EAAElC,iBAAAA;AACpB,KAAA;AAAE,GAAA,eAEF4B,cAAA,CAAAC,aAAA,CAACM,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,OAAA;GACf9B,EAAAA,CAAC,CAAC,mCAAmC,EAAE;IAAE+B,KAAK,EAAElB,MAAM,CAACmB,MAAAA;GAAQ,CACtD,CAAC,EACZC,SAAS,CAACpB,MAAM,CAAC,iBAChBS,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,+CAAA;GACZZ,EAAAA,MAAM,CAACqB,GAAG,CAAC9B,KAAK,iBACfkB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,2CAA2C;AACrDU,IAAAA,GAAG,EAAE/B,KAAAA;AAAM,GAAA,eAEXkB,cAAA,CAAAC,aAAA,CAACa,WAAW,EAAA;AACVC,IAAAA,IAAI,EAAE,GAAI;AACVP,IAAAA,KAAK,EAAE;AAAEQ,MAAAA,KAAK,EAAE,EAAE;AAAEC,MAAAA,MAAM,EAAE,EAAA;KAAK;IACjCC,KAAK,EAAErC,kBAAkB,CAACC,KAAK,CAAA;AAAE,GAClC,CAAC,eACFkB,cAAA,CAAAC,aAAA,CAACM,UAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,qCAAqC;AAC/CK,IAAAA,KAAK,EAAC,OAAA;GAEL1B,EAAAA,KACS,CACT,CACN,CACE,CACN,eACDkB,cAAA,CAAAC,aAAA,CAACkB,KAAK,EAAA;IACJ1C,QAAQ,EAAA,IAAA;AACR2C,IAAAA,KAAK,EAAE1C,CAAC,CAAC,6CAA6C,CAAE;AACxD2C,IAAAA,IAAI,EAAC,eAAe;IACpBC,WAAW,EAAE5C,CAAC,CAAC,mDAAmD,CAAA;AAAE,GACrE,CAAC,eACFsB,cAAA,CAAAC,aAAA,CAACsB,WAAW,EAAA;AACVC,IAAAA,iBAAiB,EAAE;AACjBJ,MAAAA,KAAK,EAAE1C,CAAC,CAAC,wCAAwC,CAAC;AAClD+C,MAAAA,OAAO,EAAErC,WAAAA;KACT;AACFsC,IAAAA,iBAAiB,EAAE;MACjBN,KAAK,EAAE1C,CAAC,CAAC,0CAA0C,CAAA;AACrD,KAAA;GACD,CACG,CACH,CAAC,CAAA;AAEV;;;;"}

package/dist/V2PaymentsDashboard.js

@@ -0,0 +1,302 @@
+import { _ as _extends } from './extends-093996c9.js';
+import React__default, { useEffect } from 'react';
+import { t } from 'i18next';
+import { withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useTranslation } from 'react-i18next';
+import { u as useFiltersAndPagination, F as FilterWrapper } from './useFiltersAndPagination-2ab7bc8f.js';
+import { r as renderStatus, c as renderDate, e as buildPayload, w as withReactQuery } from './renderFunctions-97b121a4.js';
+import { isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
+import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
+import Table from '@bigbinary/neetoui/Table';
+import NoData from '@bigbinary/neetoui/NoData';
+import { isEmpty, mergeLeft, assoc } from 'ramda';
+import { useHistory } from 'react-router-dom';
+import { u as useQuery, Q as QUERY_KEYS } from './queryConstants-765c8816.js';
+import axios from 'axios';
+import { BASE_URL, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES } from './constants.js';
+import { p as processDataIndex } from './index-48f8b281.js';
+import '@bigbinary/neeto-filters-frontend';
+import '@bigbinary/neeto-molecules/Header';
+import '@bigbinary/neeto-molecules/SubHeader';
+import '@bigbinary/neetoui/Tab';
+import '@bigbinary/neetoui/Typography';
+import './index-1aedc364.js';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neetoui/Tooltip';
+import './utils-e29db9c9.js';
+import 'react/jsx-runtime';
+import '@bigbinary/neeto-commons-frontend/constants';
+import './mutation-286611ef.js';
+import '@bigbinary/neeto-molecules/DateFormat';
+import '@bigbinary/neetoui/Tag';
+import '@bigbinary/neeto-molecules/CopyToClipboardButton';
+
+const TAB = {
+  all: "all",
+  successful: "successful",
+  declined: "declined"
+};
+const TABS = Object.values(TAB);
+const COLUMNS = [{
+  title: t("neetoPayments.common.id"),
+  dataIndex: "id",
+  key: "id",
+  width: "72px",
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.transactionId"),
+  dataIndex: "identifier",
+  key: "identifier",
+  width: "290px",
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "status",
+  sorter: true,
+  width: "150px",
+  render: renderStatus("upiTransaction"),
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  key: "amount",
+  sorter: true,
+  width: "150px"
+}, {
+  title: t("neetoPayments.common.paymentTime"),
+  dataIndex: "paymentAt",
+  key: "paymentTime",
+  sorter: true,
+  width: "220px",
+  render: renderDate
+}];
+const COLUMN_METADATA = {
+  status: {
+    isHidden: {
+      successful: true,
+      declined: true,
+      pending: true,
+      refunded: true
+    }
+  }
+};
+
+const list = payload => axios.get(`${BASE_URL}/api/v2/payments`, {
+  params: payload
+});
+const paymentsApi = {
+  list
+};
+
+const useFetchV2Payments = function () {
+  let payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useQuery({
+    queryKey: [QUERY_KEYS.V2_PAYMENTS, payload],
+    queryFn: () => paymentsApi.list(payload),
+    ...options
+  });
+};
+
+const buildPaymentColumns = _ref => {
+  let {
+    tab,
+    kind,
+    payableEntityColumns = []
+  } = _ref;
+  return COLUMNS.filter(_ref2 => {
+    let {
+      key
+    } = _ref2;
+    return !(COLUMN_METADATA[key]?.isHidden?.[kind] || COLUMN_METADATA[key]?.isHidden?.[tab]);
+  }).concat(payableEntityColumns.filter(_ref3 => {
+    let {
+      isHidden
+    } = _ref3;
+    return !(isHidden?.[tab] || isHidden?.[kind]);
+  }));
+};
+const buildRowData = _ref4 => {
+  let {
+    data,
+    pageProperties = {},
+    tab = "all"
+  } = _ref4;
+  return data.map((element, index) => ({
+    ...element,
+    payable: element.payable,
+    identifier: element.identifier,
+    id: isEmpty(pageProperties) ? index + 1 : pageProperties[tab]?.pageSize * (pageProperties[tab]?.page - 1) + index + 1
+  }));
+};
+
+const List = _ref => {
+  let {
+    kind,
+    filters,
+    setIsFilterButtonVisible,
+    pageProperties,
+    payableEntityColumns,
+    setPageProperties,
+    tab,
+    sortProperties,
+    setSortProperties,
+    setDataSize
+  } = _ref;
+  const history = useHistory();
+  const {
+    t
+  } = useTranslation();
+  const columnData = buildPaymentColumns({
+    tab,
+    kind,
+    payableEntityColumns
+  });
+  const payload = buildPayload({
+    tab,
+    filters,
+    pageProperties,
+    sortProperties
+  });
+  const {
+    hideColumn,
+    hiddenColumns = []
+  } = useHiddenColumns(`paymentDashboard_${kind}`);
+  const {
+    data: {
+      payments,
+      views = {}
+    } = {},
+    isLoading: isPaymentsLoading,
+    isFetching
+  } = useFetchV2Payments(payload);
+  useEffect(() => {
+    setIsFilterButtonVisible(isPresent(payments) || isPresent(filters));
+    setDataSize(views[tab]);
+  }, [payments]);
+  const handleTablePaginaton = (page, pageSize) => {
+    const queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    history.push(buildUrl(window.location.pathname, mergeLeft({
+      page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties(assoc(tab, {
+      page,
+      pageSize
+    }));
+  };
+  const handleTableChange = (_, __, sorter) => {
+    setSortProperties(isPresent(sorter?.column) ? {
+      sortBy: camelToSnakeCase(sorter.field),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : DEFAULT_SORT_PROPERTIES);
+  };
+  const visibleColumns = columnData.filter(_ref2 => {
+    let {
+      dataIndex
+    } = _ref2;
+    return !hiddenColumns.includes(processDataIndex(dataIndex));
+  });
+  if (isPaymentsLoading) {
+    return /*#__PURE__*/React__default.createElement(PageLoader, null);
+  }
+  if (!isPresent(payments)) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex h-full w-full items-center justify-center"
+    }, /*#__PURE__*/React__default.createElement(NoData, {
+      title: tab === TAB.all ? t(`neetoPayments.emptyState.${kind}`) : t(`neetoPayments.emptyState.${kind}WithStatus`, {
+        status: tab
+      })
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(TableWrapper, {
+    hasPagination: views > pageProperties[tab]?.pageSize
+  }, /*#__PURE__*/React__default.createElement(Table, {
+    fixedHeight: true,
+    allowRowClick: false,
+    columnData: visibleColumns,
+    currentPageNumber: pageProperties[tab]?.page,
+    handlePageChange: handleTablePaginaton,
+    loading: isFetching,
+    rowData: buildRowData({
+      data: payments,
+      pageProperties,
+      tab
+    }),
+    rowSelection: false,
+    sortDirections: SORT_DIRECTIONS,
+    totalCount: views,
+    paginationProps: {
+      showSizeChanger: true,
+      hideOnSinglePage: true,
+      pageSize: pageProperties[tab]?.pageSize,
+      total: views
+    },
+    onChange: handleTableChange,
+    onColumnHide: columnData => {
+      hideColumn(processDataIndex(columnData.dataIndex));
+    }
+  }));
+};
+
+const V2PaymentsDashboard = _ref => {
+  let {
+    searchProps,
+    headerProps = {},
+    payableEntityColumns = [],
+    kind = "upiPayment"
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const filterPaginationState = useFiltersAndPagination({
+    payableEntityColumns,
+    kind,
+    initialTabs: TABS,
+    tabMetaData: {}
+  });
+  const {
+    filters,
+    setIsFilterButtonVisible,
+    pageProperties,
+    setPageProperties,
+    sortProperties,
+    setSortProperties,
+    tab,
+    setDataSize
+  } = filterPaginationState;
+  return (
+    /*#__PURE__*/
+    // Note: For now this component would be called UPI payments
+    // Note: This cannot be called payments as right now this only shows upi payments.
+    // TODO: Once other payments are integrated change the header and subsequent usages of "upi"
+    React__default.createElement(FilterWrapper, _extends({
+      title: t("neetoPayments.common.upiPayments"),
+      headerProps,
+      kind,
+      payableEntityColumns,
+      searchProps
+    }, filterPaginationState), /*#__PURE__*/React__default.createElement(List, {
+      filters,
+      kind,
+      pageProperties,
+      payableEntityColumns,
+      setDataSize,
+      setIsFilterButtonVisible,
+      setPageProperties,
+      setSortProperties,
+      sortProperties,
+      tab
+    }))
+  );
+};
+var index = withTitle(withReactQuery(V2PaymentsDashboard), t("neetoPayments.common.upiPayments"));
+
+export { index as default };
+//# sourceMappingURL=V2PaymentsDashboard.js.map