@bigbinary/neeto-payments-frontend 3.3.31 → 3.3.32

package/dist/TaxesDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaxesDashboard.js","sources":["../app/javascript/src/apis/taxes.js","../app/javascript/src/hooks/reactQuery/useTaxesApi.js","../app/javascript/src/components/TaxesDashboard/FormPane/constants.js","../app/javascript/src/components/TaxesDashboard/FormPane/index.jsx","../app/javascript/src/components/TaxesDashboard/utils.jsx","../app/javascript/src/components/TaxesDashboard/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = feeId => axios.get(`${BASE_URL}/api/v1/fees/${feeId}/taxes`);\n\nconst create = ({ feeId, payload }) =>\n  axios.post(`${BASE_URL}/api/v1/fees/${feeId}/taxes`, {\n    tax: payload,\n  });\n\nconst update = ({ feeId, taxId, payload }) =>\n  axios.put(`${BASE_URL}/api/v1/fees/${feeId}/taxes/${taxId}`, {\n    tax: payload,\n  });\n\nconst destroy = ({ feeId, taxId }) =>\n  axios.delete(`${BASE_URL}/api/v1/fees/${feeId}/taxes/${taxId}`);\n\nconst taxesApi = { list, create, update, destroy };\n\nexport default taxesApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { isNotNil } from \"ramda\";\n\nimport taxesApi from \"apis/taxes\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchTaxes = ({ feeId }) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.TAXES, feeId],\n    queryFn: () => taxesApi.list(feeId),\n    enabled: isNotNil(feeId),\n  });\n\nexport const useCreateTax = ({ feeId }, options) =>\n  useMutationWithInvalidation(taxesApi.create, {\n    keysToInvalidate: [QUERY_KEYS.TAXES, feeId],\n    ...options,\n  });\n\nexport const useUpdateTax = ({ feeId }, options) =>\n  useMutationWithInvalidation(taxesApi.update, {\n    keysToInvalidate: [QUERY_KEYS.TAXES, feeId],\n    ...options,\n  });\n\nexport const useDeleteTax = ({ feeId }, options) =>\n  useMutationWithInvalidation(taxesApi.destroy, {\n    keysToInvalidate: [QUERY_KEYS.TAXES, feeId],\n    ...options,\n  });\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUES = {\n  name: \"\",\n  description: \"\",\n  kind: \"percentage\",\n  value: \"\",\n};\n\nexport const VALIDATION_SCHEMA = yup.object().shape({\n  name: yup.string().required(t(\"neetoPayments.validations.nameRequired\")),\n  description: yup.string().nullable(),\n  kind: yup.string().required(t(\"neetoPayments.validations.kindRequired\")),\n  value: yup\n    .number()\n    .when(\"kind\", {\n      is: \"percentage\",\n      then: yup.number().min(0).max(100),\n    })\n    .positive()\n    .required(t(\"neetoPayments.validations.valueRequired\")),\n});\n","import { isPresent } from \"neetocist\";\nimport { Label, Typography, Pane } from \"neetoui\";\nimport { Form, Input, Radio, ActionBlock } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateTax, useUpdateTax } from \"hooks/reactQuery/useTaxesApi\";\n\nimport { INITIAL_VALUES, VALIDATION_SCHEMA } from \"./constants\";\n\nconst { Header, Body, Footer } = Pane;\nconst FormPane = ({\n  feeId,\n  taxToEdit,\n  setTaxToEdit,\n  isOpen,\n  setIsOpen,\n  onTaxesChange,\n}) => {\n  const { t } = useTranslation();\n  const { mutate: create, isUpdating: isCreating } = useCreateTax(\n    { feeId },\n    { onSuccess: onTaxesChange }\n  );\n\n  const { mutate: update, isUpdating } = useUpdateTax(\n    { feeId },\n    { onSuccess: onTaxesChange }\n  );\n\n  const isEdit = isPresent(taxToEdit?.id);\n  const handleSubmit = values => {\n    if (isEdit) {\n      update({ feeId, taxId: taxToEdit.id, payload: values });\n      setTaxToEdit(null);\n    } else {\n      create({ feeId, payload: values });\n    }\n    setIsOpen(false);\n  };\n\n  return (\n    <Pane\n      {...{ isOpen }}\n      onClose={() => {\n        setIsOpen(false);\n        setTaxToEdit(null);\n      }}\n    >\n      <Header>\n        <Typography style=\"h3\">\n          {isEdit\n            ? t(\"neetoPayments.taxesDashboard.form.title.edit\")\n            : t(\"neetoPayments.taxesDashboard.form.title.create\")}\n        </Typography>\n      </Header>\n      <Form\n        formikProps={{\n          initialValues: isEdit ? taxToEdit : INITIAL_VALUES,\n          validationSchema: VALIDATION_SCHEMA,\n          onSubmit: handleSubmit,\n        }}\n      >\n        <Body>\n          <div className=\"flex w-full flex-col gap-4\">\n            <Input\n              required\n              label={t(\"neetoPayments.taxesDashboard.form.name.label\")}\n              name=\"name\"\n              placeholder={t(\n                \"neetoPayments.taxesDashboard.form.name.placeholder\"\n              )}\n            />\n            <Input\n              label={t(\"neetoPayments.taxesDashboard.form.description.label\")}\n              name=\"description\"\n              placeholder={t(\n                \"neetoPayments.taxesDashboard.form.description.placeholder\"\n              )}\n            />\n            <Label>{t(\"neetoPayments.taxesDashboard.form.kind.label\")}</Label>\n            <Radio stacked name=\"kind\">\n              <Radio.Item\n                label={t(\"neetoPayments.taxesDashboard.form.kind.percentage\")}\n                value=\"percentage\"\n              />\n              <Radio.Item\n                label={t(\"neetoPayments.taxesDashboard.form.kind.fixed\")}\n                value=\"fixed\"\n              />\n            </Radio>\n            <Input\n              required\n              label={t(\"neetoPayments.taxesDashboard.form.value.label\")}\n              name=\"value\"\n              type=\"number\"\n              placeholder={t(\n                \"neetoPayments.taxesDashboard.form.value.placeholder\"\n              )}\n            />\n          </div>\n        </Body>\n        <Footer>\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => setIsOpen(false) }}\n            isSubmitting={isCreating || isUpdating}\n          />\n        </Footer>\n      </Form>\n    </Pane>\n  );\n};\n\nexport default FormPane;\n","import { t } from \"i18next\";\nimport { humanize, truncate } from \"neetocist\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nexport const generateColumnData = handleDropdownClick => [\n  {\n    title: t(\"neetoPayments.taxesDashboard.table.taxName\"),\n    dataIndex: \"name\",\n    render: (name, tax) => (\n      <div className=\"flex justify-between gap-2\">\n        <Typography style=\"body1\">{truncate(name, 100)}</Typography>\n        <MoreDropdown\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"edit\",\n              label: t(\"neetoPayments.common.edit\"),\n              onClick: () => handleDropdownClick(tax, \"edit\"),\n              \"data-cy\": \"menu-dropdown-edit-button\",\n            },\n            {\n              key: \"delete\",\n              label: t(\"neetoPayments.common.delete\"),\n              onClick: () => handleDropdownClick(tax, \"delete\"),\n              \"data-cy\": \"menu-dropdown-delete-button\",\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoPayments.taxesDashboard.table.description\"),\n    dataIndex: \"description\",\n    width: 300,\n  },\n  {\n    title: t(\"neetoPayments.taxesDashboard.table.value\"),\n    dataIndex: \"value\",\n    render: (value, tax) => (\n      <>{tax.kind === \"percentage\" ? `${value}%` : value}</>\n    ),\n  },\n  {\n    title: t(\"neetoPayments.taxesDashboard.table.type\"),\n    dataIndex: \"kind\",\n    render: value => <>{humanize(value)}</>,\n  },\n];\n","import { useState } from \"react\";\n\nimport { noop, isPresent } from \"neetocist\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Button, Table, Alert, NoData } from \"neetoui\";\nimport { isEmpty, isNil } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { useFetchTaxes, useDeleteTax } from \"hooks/reactQuery/useTaxesApi\";\n\nimport FormPane from \"./FormPane\";\nimport { generateColumnData } from \"./utils\";\n\nconst TaxesDashboard = ({\n  feeId,\n  breadcrumbs,\n  paymentUrl = \"\",\n  headerSize = \"small\",\n  noDataHelpText = \"\",\n  onTaxesChange = noop,\n  titleHelpPopoverProps = {},\n}) => {\n  const [isFormPaneOpen, setIsFormPaneOpen] = useState(false);\n  const [taxToEdit, setTaxToEdit] = useState(null);\n  const [taxToDelete, setTaxToDelete] = useState(null);\n\n  const { data: { taxes = [] } = {}, isLoading } = useFetchTaxes({ feeId });\n  const { mutate: deleteTax } = useDeleteTax(\n    { feeId },\n    { onSuccess: onTaxesChange }\n  );\n\n  const { t } = useTranslation();\n\n  const handleDropdownClick = (tax, action) => {\n    switch (action) {\n      case \"edit\":\n        setTaxToEdit(tax);\n        setIsFormPaneOpen(true);\n        break;\n      case \"delete\":\n        setTaxToDelete(tax);\n        break;\n    }\n  };\n\n  if (isNil(feeId)) {\n    return (\n      <Container>\n        <Header\n          {...{ breadcrumbs, titleHelpPopoverProps }}\n          size={headerSize}\n          title={t(\"neetoPayments.taxesDashboard.title\")}\n        />\n        <div className=\"flex h-full w-full items-center justify-center\">\n          <NoData\n            title={t(\"neetoPayments.taxesDashboard.noFee\")}\n            primaryButtonProps={{\n              label: t(\"neetoPayments.taxesDashboard.buttons.enablePayment\"),\n              to: paymentUrl,\n            }}\n          />\n        </div>\n      </Container>\n    );\n  }\n\n  if (isLoading) {\n    return <PageLoader />;\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs, titleHelpPopoverProps }}\n        title={t(\"neetoPayments.taxesDashboard.title\")}\n        actionBlock={\n          <Button\n            data-cy=\"add-new-tax-button\"\n            label={t(\"neetoPayments.taxesDashboard.buttons.add\")}\n            onClick={() => setIsFormPaneOpen(true)}\n          />\n        }\n      />\n      {isEmpty(taxes) ? (\n        <div className=\"flex h-full w-full items-center justify-center\">\n          <NoData\n            helpText={noDataHelpText}\n            title={t(\"neetoPayments.taxesDashboard.noData\")}\n            primaryButtonProps={{\n              label: t(\"neetoPayments.taxesDashboard.buttons.add\"),\n              onClick: () => setIsFormPaneOpen(true),\n            }}\n          />\n        </div>\n      ) : (\n        <TableWrapper>\n          <Table\n            fixedHeight\n            columnData={generateColumnData(handleDropdownClick)}\n            loading={isLoading}\n            rowData={taxes}\n          />\n        </TableWrapper>\n      )}\n      <FormPane\n        {...{ feeId, onTaxesChange, setTaxToEdit, taxToEdit }}\n        isOpen={isFormPaneOpen}\n        setIsOpen={setIsFormPaneOpen}\n      />\n      <Alert\n        isOpen={isPresent(taxToDelete)}\n        title={t(\"neetoPayments.alert.delete.tax.title\")}\n        message={\n          <Trans\n            components={{ strong: <strong /> }}\n            i18nKey=\"neetoPayments.alert.delete.tax.message\"\n            values={{ name: taxToDelete?.name }}\n          />\n        }\n        onClose={() => setTaxToDelete(null)}\n        onSubmit={() => {\n          deleteTax({ feeId, taxId: taxToDelete?.id });\n          setTaxToDelete(null);\n        }}\n      />\n    </Container>\n  );\n};\n\nexport default TaxesDashboard;\n"],"names":["list","feeId","axios","get","concat","BASE_URL","create","_ref","payload","post","tax","update","_ref2","taxId","put","destroy","_ref3","taxesApi","useFetchTaxes","useQuery","queryKey","QUERY_KEYS","TAXES","queryFn","enabled","isNotNil","useCreateTax","options","useMutationWithInvalidation","_objectSpread","keysToInvalidate","useUpdateTax","useDeleteTax","_ref4","INITIAL_VALUES","name","description","kind","value","VALIDATION_SCHEMA","yup","object","shape","string","required","t","nullable","number","when","is","then","min","max","positive","Header","Pane","Body","Footer","FormPane","taxToEdit","setTaxToEdit","isOpen","setIsOpen","onTaxesChange","_useTranslation","useTranslation","_useCreateTax","onSuccess","mutate","isCreating","isUpdating","_useUpdateTax","isEdit","isPresent","id","handleSubmit","values","_jsxs","onClose","children","_jsx","Typography","style","Form","formikProps","initialValues","validationSchema","onSubmit","className","Input","label","placeholder","Label","Radio","stacked","Item","type","ActionBlock","cancelButtonProps","onClick","isSubmitting","generateColumnData","handleDropdownClick","title","dataIndex","render","truncate","MoreDropdown","dropdownProps","strategy","menuItems","key","width","_Fragment","humanize","TaxesDashboard","breadcrumbs","_ref$paymentUrl","paymentUrl","_ref$headerSize","headerSize","_ref$noDataHelpText","noDataHelpText","_ref$onTaxesChange","noop","_ref$titleHelpPopover","titleHelpPopoverProps","_useState","useState","_useState2","_slicedToArray","isFormPaneOpen","setIsFormPaneOpen","_useState3","_useState4","_useState5","_useState6","taxToDelete","setTaxToDelete","_useFetchTaxes","_useFetchTaxes$data","data","_useFetchTaxes$data2","_useFetchTaxes$data2$","taxes","isLoading","_useDeleteTax","deleteTax","action","isNil","Container","size","NoData","primaryButtonProps","to","PageLoader","actionBlock","Button","isEmpty","helpText","TableWrapper","Table","fixedHeight","columnData","loading","rowData","Alert","message","Trans","components","strong","i18nKey"],"mappings":"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"}

package/dist/UpiConnect.js

@@ -0,0 +1,171 @@
+import { noop } from '@bigbinary/neeto-cist';
+import Spinner from '@bigbinary/neetoui/Spinner';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
+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 { jsx, jsxs } from 'react/jsx-runtime';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+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';
+
+var 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"))
+});
+
+var Add = function Add(_ref) {
+  var handleCreateUpiId = _ref.handleCreateUpiId;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var history = useHistory();
+  return /*#__PURE__*/jsx(Form, {
+    className: "w-full",
+    formikProps: {
+      initialValues: {
+        upiId: ""
+      },
+      onSubmit: handleCreateUpiId,
+      validationSchema: VALIDATION_SCHEMA
+    },
+    children: /*#__PURE__*/jsx(CardLayout, {
+      actionBlock: /*#__PURE__*/jsx(ActionBlock, {
+        cancelButtonProps: {
+          onClick: function onClick() {
+            return history.goBack();
+          }
+        },
+        submitButtonProps: {
+          label: t("neetoPayments.upi.form.add")
+        }
+      }),
+      children: /*#__PURE__*/jsx(Input, {
+        className: "w-full",
+        label: t("neetoPayments.upi.form.enterUpi"),
+        name: "upiId",
+        placeholder: t("neetoPayments.upi.form.enterUpi")
+      })
+    })
+  });
+};
+
+var getColumnData = function getColumnData(handleDeleteClick) {
+  return [{
+    title: t("neetoPayments.common.upiId"),
+    dataIndex: "address",
+    key: "address",
+    width: 272,
+    render: function render(_, upiId) {
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex items-center justify-between gap-3",
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: "w-4/5",
+          style: "body2",
+          children: upiId.address
+        }), /*#__PURE__*/jsx(MoreDropdown, {
+          dropdownProps: {
+            strategy: "fixed"
+          },
+          menuItems: [{
+            key: "delete-meeting",
+            label: t("neetoPayments.common.delete"),
+            onClick: function onClick() {
+              return handleDeleteClick(upiId);
+            }
+          }]
+        })]
+      });
+    }
+  }, {
+    title: t("neetoPayments.common.createdAt"),
+    dataIndex: "createdAt",
+    key: "createdAt",
+    render: dateFormat.dateTime
+  }];
+};
+
+var List = function List(_ref) {
+  var handleDeleteUpiId = _ref.handleDeleteUpiId,
+    upiIds = _ref.upiIds;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedUpiId = _useState4[0],
+    setSelectedUpiId = _useState4[1];
+  var handleOpenDeleteModal = function handleOpenDeleteModal(id) {
+    setSelectedUpiId(id);
+    setIsAlertOpen(true);
+  };
+  var handleAlertClose = function handleAlertClose() {
+    setSelectedUpiId({});
+    setIsAlertOpen(false);
+  };
+  var handleAlertSubmit = function handleAlertSubmit() {
+    handleDeleteUpiId(selectedUpiId);
+    setIsAlertOpen(false);
+  };
+  if (isEmpty(upiIds)) {
+    return null;
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: "mx-auto w-full max-w-3xl",
+    children: [/*#__PURE__*/jsx(Table, {
+      columnData: getColumnData(handleOpenDeleteModal),
+      rowData: upiIds
+    }), /*#__PURE__*/jsx(Alert, {
+      isOpen: isAlertOpen,
+      title: t("neetoPayments.upi.alert.title"),
+      message: /*#__PURE__*/jsx(Trans, {
+        components: {
+          b: /*#__PURE__*/jsx("strong", {})
+        },
+        i18nKey: "neetoPayments.upi.alert.message",
+        values: {
+          upiId: selectedUpiId.address
+        }
+      }),
+      onClose: handleAlertClose,
+      onSubmit: handleAlertSubmit
+    })]
+  });
+};
+
+var UpiConnect = function UpiConnect(_ref) {
+  var _ref$upiIds = _ref.upiIds,
+    upiIds = _ref$upiIds === void 0 ? [] : _ref$upiIds,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$isDeleting = _ref.isDeleting,
+    isDeleting = _ref$isDeleting === void 0 ? false : _ref$isDeleting,
+    _ref$handleDeleteUpiI = _ref.handleDeleteUpiId,
+    handleDeleteUpiId = _ref$handleDeleteUpiI === void 0 ? noop : _ref$handleDeleteUpiI,
+    _ref$handleCreateUpiI = _ref.handleCreateUpiId,
+    handleCreateUpiId = _ref$handleCreateUpiI === void 0 ? noop : _ref$handleCreateUpiI;
+  if (isLoading) return /*#__PURE__*/jsx(Spinner, {});
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex w-full flex-col items-start",
+    children: [/*#__PURE__*/jsx(Add, {
+      handleCreateUpiId: handleCreateUpiId
+    }), /*#__PURE__*/jsx(List, {
+      handleDeleteUpiId: handleDeleteUpiId,
+      isDeleting: isDeleting,
+      upiIds: 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 CardLayout from \"neetomolecules/CardLayout\";\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    <Form\n      className=\"w-full\"\n      formikProps={{\n        initialValues: { upiId: \"\" },\n        onSubmit: handleCreateUpiId,\n        validationSchema: VALIDATION_SCHEMA,\n      }}\n    >\n      <CardLayout\n        actionBlock={\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            submitButtonProps={{ label: t(\"neetoPayments.upi.form.add\") }}\n          />\n        }\n      >\n        <Input\n          className=\"w-full\"\n          label={t(\"neetoPayments.upi.form.enterUpi\")}\n          name=\"upiId\"\n          placeholder={t(\"neetoPayments.upi.form.enterUpi\")}\n        />\n      </CardLayout>\n    </Form>\n  );\n};\n\nexport default Add;\n","import { 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 { 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    <div className=\"mx-auto w-full max-w-3xl\">\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    </div>\n  );\n};\n\nexport default List;\n","import { 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 flex-col items-start\">\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","useTranslation","history","useHistory","_jsx","Form","className","formikProps","initialValues","onSubmit","validationSchema","children","CardLayout","actionBlock","ActionBlock","cancelButtonProps","onClick","goBack","submitButtonProps","label","Input","name","placeholder","getColumnData","handleDeleteClick","title","dataIndex","key","width","render","_","_jsxs","Typography","style","address","MoreDropdown","dropdownProps","strategy","menuItems","dateFormat","dateTime","List","handleDeleteUpiId","upiIds","_useState","useState","_useState2","_slicedToArray","isAlertOpen","setIsAlertOpen","_useState3","_useState4","selectedUpiId","setSelectedUpiId","handleOpenDeleteModal","id","handleAlertClose","handleAlertSubmit","isEmpty","Table","columnData","rowData","Alert","isOpen","message","Trans","components","b","i18nKey","values","onClose","UpiConnect","_ref$upiIds","_ref$isLoading","isLoading","_ref$isDeleting","isDeleting","_ref$handleDeleteUpiI","noop","_ref$handleCreateUpiI","Spinner"],"mappings":"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"}

package/dist/UpiPayment.js

@@ -0,0 +1,120 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+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-K6rhWzss.js';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '@tanstack/react-query';
+import 'axios';
+import './index-ER2sofJn.js';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neeto-commons-frontend/utils';
+
+var VALIDATION_SCHEMA = yup.object({
+  identifier: 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"))
+});
+
+var vpaIdToQrCodeValue = function vpaIdToQrCodeValue(vpaId) {
+  return "upi://pay?pa=".concat(vpaId);
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var UpiPayment = function UpiPayment(_ref) {
+  var fee = _ref.fee,
+    payableId = _ref.payableId,
+    discountCode = _ref.discountCode,
+    handleCancel = _ref.handleCancel,
+    _ref$payableType = _ref.payableType,
+    payableType = _ref$payableType === void 0 ? null : _ref$payableType,
+    _ref$onBeforePayment = _ref.onBeforePayment,
+    onBeforePayment = _ref$onBeforePayment === void 0 ? noop : _ref$onBeforePayment,
+    _ref$onFailedPayment = _ref.onFailedPayment,
+    onFailedPayment = _ref$onFailedPayment === void 0 ? noop : _ref$onFailedPayment,
+    _ref$onSuccessfulPaym = _ref.onSuccessfulPayment,
+    onSuccessfulPayment = _ref$onSuccessfulPaym === void 0 ? noop : _ref$onSuccessfulPaym;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var vpaIds = pluck("address", fee === null || fee === void 0 ? void 0 : fee.vpas);
+  var _useCreateUpiPayment = useCreateUpiPayment({
+      onSuccess: onSuccessfulPayment,
+      onError: onFailedPayment
+    }),
+    isPending = _useCreateUpiPayment.isPending,
+    createPayment = _useCreateUpiPayment.mutate;
+  var handleSubmit = function handleSubmit(values) {
+    onBeforePayment();
+    var payload = _objectSpread(_objectSpread({}, values), {}, {
+      payableId: payableId,
+      payableType: payableType,
+      discountCode: discountCode
+    });
+    createPayment(payload);
+  };
+  return /*#__PURE__*/jsx(Form, {
+    className: "space-y-4",
+    formikProps: {
+      onSubmit: handleSubmit,
+      initialValues: {
+        identifier: ""
+      },
+      validationSchema: VALIDATION_SCHEMA
+    },
+    children: function children(_ref2) {
+      var dirty = _ref2.dirty;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Typography, {
+          style: "body1",
+          children: t("neetoPayments.upi.payment.vpaText", {
+            count: vpaIds.length
+          })
+        }), isPresent(vpaIds) && /*#__PURE__*/jsx("div", {
+          className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2",
+          children: vpaIds.map(function (vpaId) {
+            return /*#__PURE__*/jsxs("div", {
+              className: "flex flex-col items-center justify-center",
+              children: [/*#__PURE__*/jsx(QRCodeImage, {
+                size: 256,
+                style: {
+                  width: 80,
+                  height: 80
+                },
+                value: vpaIdToQrCodeValue(vpaId)
+              }), /*#__PURE__*/jsx(Typography, {
+                className: "mt-2 w-full break-words text-center",
+                style: "body2",
+                children: vpaId
+              })]
+            }, vpaId);
+          })
+        }), /*#__PURE__*/jsx(Input, {
+          required: true,
+          label: t("neetoPayments.upi.payment.transaction.label"),
+          name: "identifier",
+          placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
+        }), /*#__PURE__*/jsx(ActionBlock, {
+          cancelButtonProps: {
+            label: t("neetoPayments.upi.payment.buttons.back"),
+            onClick: handleCancel,
+            disabled: isPending
+          },
+          submitButtonProps: {
+            label: t("neetoPayments.upi.payment.buttons.submit"),
+            disabled: !dirty || isPending,
+            loading: isPending
+          }
+        })]
+      });
+    }
+  });
+};
+
+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  identifier: 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 { 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  payableId,\n  discountCode,\n  handleCancel,\n  payableType = null,\n  onBeforePayment = noop,\n  onFailedPayment = noop,\n  onSuccessfulPayment = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const vpaIds = pluck(\"address\", fee?.vpas);\n\n  const { isPending, mutate: createPayment } = useCreateUpiPayment({\n    onSuccess: onSuccessfulPayment,\n    onError: onFailedPayment,\n  });\n\n  const handleSubmit = values => {\n    onBeforePayment();\n    const payload = { ...values, payableId, payableType, discountCode };\n    createPayment(payload);\n  };\n\n  return (\n    <Form\n      className=\"space-y-4\"\n      formikProps={{\n        onSubmit: handleSubmit,\n        initialValues: { identifier: \"\" },\n        validationSchema: VALIDATION_SCHEMA,\n      }}\n    >\n      {({ dirty }) => (\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=\"identifier\"\n            placeholder={t(\"neetoPayments.upi.payment.transaction.placeholder\")}\n          />\n          <ActionBlock\n            cancelButtonProps={{\n              label: t(\"neetoPayments.upi.payment.buttons.back\"),\n              onClick: handleCancel,\n              disabled: isPending,\n            }}\n            submitButtonProps={{\n              label: t(\"neetoPayments.upi.payment.buttons.submit\"),\n              disabled: !dirty || isPending,\n              loading: isPending,\n            }}\n          />\n        </>\n      )}\n    </Form>\n  );\n};\n\nexport default UpiPayment;\n"],"names":["VALIDATION_SCHEMA","yup","object","identifier","string","required","t","min","max","vpaIdToQrCodeValue","vpaId","concat","UpiPayment","_ref","fee","payableId","discountCode","handleCancel","_ref$payableType","payableType","_ref$onBeforePayment","onBeforePayment","noop","_ref$onFailedPayment","onFailedPayment","_ref$onSuccessfulPaym","onSuccessfulPayment","_useTranslation","useTranslation","vpaIds","pluck","vpas","_useCreateUpiPayment","useCreateUpiPayment","onSuccess","onError","isPending","createPayment","mutate","handleSubmit","values","payload","_objectSpread","_jsx","Form","className","formikProps","onSubmit","initialValues","validationSchema","children","_ref2","dirty","_jsxs","_Fragment","Typography","style","count","length","isPresent","map","QRCodeImage","size","width","height","value","Input","label","name","placeholder","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":"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"}

package/dist/buildStripeTransactionLink.js

@@ -0,0 +1,11 @@
+import { b as buildStripeTransactionLink } from './index-ER2sofJn.js';
+import 'i18next';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/utils';
+import 'ramda';
+
+
+
+export { buildStripeTransactionLink as default };
+//# sourceMappingURL=buildStripeTransactionLink.js.map

package/dist/buildStripeTransactionLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildStripeTransactionLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}