@bigbinary/neeto-payments-frontend 3.3.9 → 3.3.10

package/dist/RecurringPaymentSettings.js

@@ -1,4 +1,5 @@
 import { isNotPresent } from '@bigbinary/neeto-cist';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import Container from '@bigbinary/neeto-molecules/Container';
 import Header from '@bigbinary/neeto-molecules/Header';
 import Typography from '@bigbinary/neetoui/Typography';
@@ -88,27 +89,26 @@ var RecurringPaymentSettings = function RecurringPaymentSettings(_ref) {
       breadcrumbs: breadcrumbs,
       title: t("neetoPayments.recurringPaymentSettings.title")
     }), /*#__PURE__*/jsx("div", {
-      className: "mx-auto w-full max-w-3xl lg:px-6",
-      children: /*#__PURE__*/jsx("div", {
-        className: "neeto-ui-border-gray-300 neeto-ui-rounded space-y-6 border p-4 md:p-6",
-        children: fee !== null && fee !== void 0 && fee.isRecurringPaymentEnabled ? /*#__PURE__*/jsx(Form, {
-          formikProps: {
-            enableReinitialize: true,
-            onSubmit: handleSubmit,
-            initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),
-            validationSchema: VALIDATION_SCHEMA
-          },
-          children: /*#__PURE__*/jsxs("div", {
-            className: "flex flex-col space-y-4",
-            children: [/*#__PURE__*/jsx(Input, {
-              required: true,
-              name: "attemptOffsetDays",
-              label: t("neetoPayments.recurringPaymentSettings.attemptOffsetDays.label")
-            }), /*#__PURE__*/jsx(ActionBlock, {
-              isSubmitting: isPending
-            })]
+      className: "w-full",
+      children: fee !== null && fee !== void 0 && fee.isRecurringPaymentEnabled ? /*#__PURE__*/jsx(Form, {
+        formikProps: {
+          enableReinitialize: true,
+          onSubmit: handleSubmit,
+          initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),
+          validationSchema: VALIDATION_SCHEMA
+        },
+        children: /*#__PURE__*/jsx(CardLayout, {
+          actionBlock: /*#__PURE__*/jsx(ActionBlock, {
+            isSubmitting: isPending
+          }),
+          children: /*#__PURE__*/jsx(Input, {
+            required: true,
+            name: "attemptOffsetDays",
+            label: t("neetoPayments.recurringPaymentSettings.attemptOffsetDays.label")
           })
-        }) : /*#__PURE__*/jsx(Typography, {
+        })
+      }) : /*#__PURE__*/jsx(CardLayout, {
+        children: /*#__PURE__*/jsx(Typography, {
           lineHeight: "normal",
           style: "body1",
           children: /*#__PURE__*/jsx(Trans, {

package/dist/RecurringPaymentSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecurringPaymentSettings.js","sources":["../app/javascript/src/apis/recurring_settings.js","../app/javascript/src/hooks/reactQuery/useRecurringSettingsApi.js","../app/javascript/src/components/RecurringPaymentSettings/constants.js","../app/javascript/src/components/RecurringPaymentSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst show = feeId =>\n  axios.get(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`);\n\nconst update = (feeId, payload) =>\n  axios.put(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`, {\n    recurringSetting: payload,\n  });\n\nconst recurringSettingsApi = { show, update };\n\nexport default recurringSettingsApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { isNotNil } from \"ramda\";\n\nimport recurringSettingsApi from \"apis/recurring_settings\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRecurringSettings = feeId =>\n  useQuery({\n    queryKey: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n    queryFn: () => recurringSettingsApi.show(feeId),\n    enabled: isNotNil(feeId),\n  });\n\nexport const useUpdateRecurringSettings = (feeId, options) =>\n  useMutationWithInvalidation(\n    payload => recurringSettingsApi.update(feeId, payload),\n    {\n      keysToInvalidate: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n      ...options,\n    }\n  );\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { attemptOffsetDays: 1 };\nexport const VALIDATION_SCHEMA = yup.object({\n  attemptOffsetDays: yup\n    .number()\n    .max(15, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.max\"))\n    .min(1, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.min\"))\n    .required(\n      t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.isRequired\")\n    ),\n});\n","import { isNotPresent } from \"neetocist\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Typography, Button, Spinner } from \"neetoui\";\nimport { ActionBlock, Input, Form } from \"neetoui/formik\";\nimport { mergeLeft } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useFetchRecurringSettings,\n  useUpdateRecurringSettings,\n} from \"hooks/reactQuery/useRecurringSettingsApi\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst RecurringPaymentSettings = ({\n  fee,\n  breadcrumbs,\n  enableRecurringPaymentUrl,\n}) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringSetting } = {} } =\n    useFetchRecurringSettings(fee?.id);\n\n  const { mutate: updateRecurringSetting, isPending } =\n    useUpdateRecurringSettings(fee?.id);\n\n  const handleSubmit = values => {\n    updateRecurringSetting(values);\n  };\n\n  if (isLoading || isNotPresent(fee)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoPayments.recurringPaymentSettings.title\")}\n      />\n      <div className=\"mx-auto w-full max-w-3xl lg:px-6\">\n        <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded space-y-6 border p-4 md:p-6\">\n          {fee?.isRecurringPaymentEnabled ? (\n            <Form\n              formikProps={{\n                enableReinitialize: true,\n                onSubmit: handleSubmit,\n                initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),\n                validationSchema: VALIDATION_SCHEMA,\n              }}\n            >\n              <div className=\"flex flex-col space-y-4\">\n                <Input\n                  required\n                  name=\"attemptOffsetDays\"\n                  label={t(\n                    \"neetoPayments.recurringPaymentSettings.attemptOffsetDays.label\"\n                  )}\n                />\n                <ActionBlock isSubmitting={isPending} />\n              </div>\n            </Form>\n          ) : (\n            <Typography lineHeight=\"normal\" style=\"body1\">\n              <Trans\n                i18nKey=\"neetoPayments.recurringPaymentSettings.enableRecurringPayment\"\n                components={{\n                  button: (\n                    <Button\n                      data-cy=\"split-payment-connect-button\"\n                      size=\"large\"\n                      style=\"link\"\n                      to={enableRecurringPaymentUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default RecurringPaymentSettings;\n"],"names":["show","feeId","axios","get","concat","BASE_URL","update","payload","put","recurringSetting","recurringSettingsApi","useFetchRecurringSettings","useQuery","queryKey","QUERY_KEYS","RECURRING_SETTINGS","queryFn","enabled","isNotNil","useUpdateRecurringSettings","options","useMutationWithInvalidation","_objectSpread","keysToInvalidate","INITIAL_VALUE","attemptOffsetDays","VALIDATION_SCHEMA","yup","object","number","max","t","min","required","RecurringPaymentSettings","_ref","fee","breadcrumbs","enableRecurringPaymentUrl","_useTranslation","useTranslation","_useFetchRecurringSet","id","isLoading","_useFetchRecurringSet2","data","_useFetchRecurringSet3","_useUpdateRecurringSe","updateRecurringSetting","mutate","isPending","handleSubmit","values","isNotPresent","_jsx","className","children","Spinner","_jsxs","Container","Header","title","isRecurringPaymentEnabled","Form","formikProps","enableReinitialize","onSubmit","initialValues","mergeLeft","validationSchema","Input","name","label","ActionBlock","isSubmitting","Typography","lineHeight","style","Trans","i18nKey","components","button","Button","size","to"],"mappings":"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"}
+{"version":3,"file":"RecurringPaymentSettings.js","sources":["../app/javascript/src/apis/recurring_settings.js","../app/javascript/src/hooks/reactQuery/useRecurringSettingsApi.js","../app/javascript/src/components/RecurringPaymentSettings/constants.js","../app/javascript/src/components/RecurringPaymentSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst show = feeId =>\n  axios.get(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`);\n\nconst update = (feeId, payload) =>\n  axios.put(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`, {\n    recurringSetting: payload,\n  });\n\nconst recurringSettingsApi = { show, update };\n\nexport default recurringSettingsApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { isNotNil } from \"ramda\";\n\nimport recurringSettingsApi from \"apis/recurring_settings\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRecurringSettings = feeId =>\n  useQuery({\n    queryKey: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n    queryFn: () => recurringSettingsApi.show(feeId),\n    enabled: isNotNil(feeId),\n  });\n\nexport const useUpdateRecurringSettings = (feeId, options) =>\n  useMutationWithInvalidation(\n    payload => recurringSettingsApi.update(feeId, payload),\n    {\n      keysToInvalidate: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n      ...options,\n    }\n  );\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { attemptOffsetDays: 1 };\nexport const VALIDATION_SCHEMA = yup.object({\n  attemptOffsetDays: yup\n    .number()\n    .max(15, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.max\"))\n    .min(1, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.min\"))\n    .required(\n      t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.isRequired\")\n    ),\n});\n","import { isNotPresent } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Typography, Button, Spinner } from \"neetoui\";\nimport { ActionBlock, Input, Form } from \"neetoui/formik\";\nimport { mergeLeft } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useFetchRecurringSettings,\n  useUpdateRecurringSettings,\n} from \"hooks/reactQuery/useRecurringSettingsApi\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst RecurringPaymentSettings = ({\n  fee,\n  breadcrumbs,\n  enableRecurringPaymentUrl,\n}) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringSetting } = {} } =\n    useFetchRecurringSettings(fee?.id);\n\n  const { mutate: updateRecurringSetting, isPending } =\n    useUpdateRecurringSettings(fee?.id);\n\n  const handleSubmit = values => {\n    updateRecurringSetting(values);\n  };\n\n  if (isLoading || isNotPresent(fee)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoPayments.recurringPaymentSettings.title\")}\n      />\n      <div className=\"w-full\">\n        {fee?.isRecurringPaymentEnabled ? (\n          <Form\n            formikProps={{\n              enableReinitialize: true,\n              onSubmit: handleSubmit,\n              initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),\n              validationSchema: VALIDATION_SCHEMA,\n            }}\n          >\n            <CardLayout actionBlock={<ActionBlock isSubmitting={isPending} />}>\n              <Input\n                required\n                name=\"attemptOffsetDays\"\n                label={t(\n                  \"neetoPayments.recurringPaymentSettings.attemptOffsetDays.label\"\n                )}\n              />\n            </CardLayout>\n          </Form>\n        ) : (\n          <CardLayout>\n            <Typography lineHeight=\"normal\" style=\"body1\">\n              <Trans\n                i18nKey=\"neetoPayments.recurringPaymentSettings.enableRecurringPayment\"\n                components={{\n                  button: (\n                    <Button\n                      data-cy=\"split-payment-connect-button\"\n                      size=\"large\"\n                      style=\"link\"\n                      to={enableRecurringPaymentUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          </CardLayout>\n        )}\n      </div>\n    </Container>\n  );\n};\n\nexport default RecurringPaymentSettings;\n"],"names":["show","feeId","axios","get","concat","BASE_URL","update","payload","put","recurringSetting","recurringSettingsApi","useFetchRecurringSettings","useQuery","queryKey","QUERY_KEYS","RECURRING_SETTINGS","queryFn","enabled","isNotNil","useUpdateRecurringSettings","options","useMutationWithInvalidation","_objectSpread","keysToInvalidate","INITIAL_VALUE","attemptOffsetDays","VALIDATION_SCHEMA","yup","object","number","max","t","min","required","RecurringPaymentSettings","_ref","fee","breadcrumbs","enableRecurringPaymentUrl","_useTranslation","useTranslation","_useFetchRecurringSet","id","isLoading","_useFetchRecurringSet2","data","_useFetchRecurringSet3","_useUpdateRecurringSe","updateRecurringSetting","mutate","isPending","handleSubmit","values","isNotPresent","_jsx","className","children","Spinner","_jsxs","Container","Header","title","isRecurringPaymentEnabled","Form","formikProps","enableReinitialize","onSubmit","initialValues","mergeLeft","validationSchema","CardLayout","actionBlock","ActionBlock","isSubmitting","Input","name","label","Typography","lineHeight","style","Trans","i18nKey","components","button","Button","size","to"],"mappings":"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"}

package/dist/UpiConnect.js

@@ -1,5 +1,6 @@
 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';
@@ -7,7 +8,7 @@ import { useTranslation, Trans } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
 import { t } from 'i18next';
 import * as yup from 'yup';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState } from 'react';
 import Alert from '@bigbinary/neetoui/Alert';
@@ -27,6 +28,7 @@ var Add = function Add(_ref) {
     t = _useTranslation.t;
   var history = useHistory();
   return /*#__PURE__*/jsx(Form, {
+    className: "w-full",
     formikProps: {
       initialValues: {
         upiId: ""
@@ -34,14 +36,8 @@ var Add = function Add(_ref) {
       onSubmit: handleCreateUpiId,
       validationSchema: VALIDATION_SCHEMA
     },
-    children: /*#__PURE__*/jsxs("div", {
-      className: "space-y-3",
-      children: [/*#__PURE__*/jsx(Input, {
-        className: "w-64",
-        label: t("neetoPayments.upi.form.enterUpi"),
-        name: "upiId",
-        placeholder: t("neetoPayments.upi.form.enterUpi")
-      }), /*#__PURE__*/jsx(ActionBlock, {
+    children: /*#__PURE__*/jsx(CardLayout, {
+      actionBlock: /*#__PURE__*/jsx(ActionBlock, {
         cancelButtonProps: {
           onClick: function onClick() {
             return history.goBack();
@@ -50,7 +46,13 @@ var Add = function Add(_ref) {
         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")
+      })
     })
   });
 };
@@ -118,7 +120,8 @@ var List = function List(_ref) {
   if (isEmpty(upiIds)) {
     return null;
   }
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs("div", {
+    className: "mx-auto w-full max-w-3xl",
     children: [/*#__PURE__*/jsx(Table, {
       columnData: getColumnData(handleOpenDeleteModal),
       rowData: upiIds
@@ -153,7 +156,7 @@ var UpiConnect = function UpiConnect(_ref) {
     handleCreateUpiId = _ref$handleCreateUpiI === void 0 ? noop : _ref$handleCreateUpiI;
   if (isLoading) return /*#__PURE__*/jsx(Spinner, {});
   return /*#__PURE__*/jsxs("div", {
-    className: "flex w-full max-w-3xl flex-col items-start space-y-6",
+    className: "flex w-full flex-col items-start",
     children: [/*#__PURE__*/jsx(Add, {
       handleCreateUpiId: handleCreateUpiId
     }), /*#__PURE__*/jsx(List, {

package/dist/UpiConnect.js.map

@@ -1 +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 { 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      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  );\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    <>\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 { 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","useTranslation","history","useHistory","_jsx","Form","formikProps","initialValues","onSubmit","validationSchema","children","_jsxs","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","_useState","useState","_useState2","_slicedToArray","isAlertOpen","setIsAlertOpen","_useState3","_useState4","selectedUpiId","setSelectedUpiId","handleOpenDeleteModal","id","handleAlertClose","handleAlertSubmit","isEmpty","_Fragment","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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"}
+{"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/cjs/RecurringPaymentSettings.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var neetoCist = require('@bigbinary/neeto-cist');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var Header = require('@bigbinary/neeto-molecules/Header');
 var Typography = require('@bigbinary/neetoui/Typography');
@@ -109,27 +110,26 @@ var RecurringPaymentSettings = function RecurringPaymentSettings(_ref) {
       breadcrumbs: breadcrumbs,
       title: t("neetoPayments.recurringPaymentSettings.title")
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "mx-auto w-full max-w-3xl lg:px-6",
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "neeto-ui-border-gray-300 neeto-ui-rounded space-y-6 border p-4 md:p-6",
-        children: fee !== null && fee !== void 0 && fee.isRecurringPaymentEnabled ? /*#__PURE__*/jsxRuntime.jsx(Form, {
-          formikProps: {
-            enableReinitialize: true,
-            onSubmit: handleSubmit,
-            initialValues: ramda.mergeLeft(recurringSetting, INITIAL_VALUE),
-            validationSchema: VALIDATION_SCHEMA
-          },
-          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "flex flex-col space-y-4",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-              required: true,
-              name: "attemptOffsetDays",
-              label: t("neetoPayments.recurringPaymentSettings.attemptOffsetDays.label")
-            }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
-              isSubmitting: isPending
-            })]
+      className: "w-full",
+      children: fee !== null && fee !== void 0 && fee.isRecurringPaymentEnabled ? /*#__PURE__*/jsxRuntime.jsx(Form, {
+        formikProps: {
+          enableReinitialize: true,
+          onSubmit: handleSubmit,
+          initialValues: ramda.mergeLeft(recurringSetting, INITIAL_VALUE),
+          validationSchema: VALIDATION_SCHEMA
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+          actionBlock: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+            isSubmitting: isPending
+          }),
+          children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+            required: true,
+            name: "attemptOffsetDays",
+            label: t("neetoPayments.recurringPaymentSettings.attemptOffsetDays.label")
           })
-        }) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        })
+      }) : /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           lineHeight: "normal",
           style: "body1",
           children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {

package/dist/cjs/RecurringPaymentSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecurringPaymentSettings.js","sources":["../../app/javascript/src/apis/recurring_settings.js","../../app/javascript/src/hooks/reactQuery/useRecurringSettingsApi.js","../../app/javascript/src/components/RecurringPaymentSettings/constants.js","../../app/javascript/src/components/RecurringPaymentSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst show = feeId =>\n  axios.get(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`);\n\nconst update = (feeId, payload) =>\n  axios.put(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`, {\n    recurringSetting: payload,\n  });\n\nconst recurringSettingsApi = { show, update };\n\nexport default recurringSettingsApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { isNotNil } from \"ramda\";\n\nimport recurringSettingsApi from \"apis/recurring_settings\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRecurringSettings = feeId =>\n  useQuery({\n    queryKey: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n    queryFn: () => recurringSettingsApi.show(feeId),\n    enabled: isNotNil(feeId),\n  });\n\nexport const useUpdateRecurringSettings = (feeId, options) =>\n  useMutationWithInvalidation(\n    payload => recurringSettingsApi.update(feeId, payload),\n    {\n      keysToInvalidate: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n      ...options,\n    }\n  );\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { attemptOffsetDays: 1 };\nexport const VALIDATION_SCHEMA = yup.object({\n  attemptOffsetDays: yup\n    .number()\n    .max(15, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.max\"))\n    .min(1, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.min\"))\n    .required(\n      t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.isRequired\")\n    ),\n});\n","import { isNotPresent } from \"neetocist\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Typography, Button, Spinner } from \"neetoui\";\nimport { ActionBlock, Input, Form } from \"neetoui/formik\";\nimport { mergeLeft } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useFetchRecurringSettings,\n  useUpdateRecurringSettings,\n} from \"hooks/reactQuery/useRecurringSettingsApi\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst RecurringPaymentSettings = ({\n  fee,\n  breadcrumbs,\n  enableRecurringPaymentUrl,\n}) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringSetting } = {} } =\n    useFetchRecurringSettings(fee?.id);\n\n  const { mutate: updateRecurringSetting, isPending } =\n    useUpdateRecurringSettings(fee?.id);\n\n  const handleSubmit = values => {\n    updateRecurringSetting(values);\n  };\n\n  if (isLoading || isNotPresent(fee)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoPayments.recurringPaymentSettings.title\")}\n      />\n      <div className=\"mx-auto w-full max-w-3xl lg:px-6\">\n        <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded space-y-6 border p-4 md:p-6\">\n          {fee?.isRecurringPaymentEnabled ? (\n            <Form\n              formikProps={{\n                enableReinitialize: true,\n                onSubmit: handleSubmit,\n                initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),\n                validationSchema: VALIDATION_SCHEMA,\n              }}\n            >\n              <div className=\"flex flex-col space-y-4\">\n                <Input\n                  required\n                  name=\"attemptOffsetDays\"\n                  label={t(\n                    \"neetoPayments.recurringPaymentSettings.attemptOffsetDays.label\"\n                  )}\n                />\n                <ActionBlock isSubmitting={isPending} />\n              </div>\n            </Form>\n          ) : (\n            <Typography lineHeight=\"normal\" style=\"body1\">\n              <Trans\n                i18nKey=\"neetoPayments.recurringPaymentSettings.enableRecurringPayment\"\n                components={{\n                  button: (\n                    <Button\n                      data-cy=\"split-payment-connect-button\"\n                      size=\"large\"\n                      style=\"link\"\n                      to={enableRecurringPaymentUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default RecurringPaymentSettings;\n"],"names":["show","feeId","axios","get","concat","BASE_URL","update","payload","put","recurringSetting","recurringSettingsApi","useFetchRecurringSettings","useQuery","queryKey","QUERY_KEYS","RECURRING_SETTINGS","queryFn","enabled","isNotNil","useUpdateRecurringSettings","options","useMutationWithInvalidation","_objectSpread","keysToInvalidate","INITIAL_VALUE","attemptOffsetDays","VALIDATION_SCHEMA","yup","object","number","max","t","min","required","RecurringPaymentSettings","_ref","fee","breadcrumbs","enableRecurringPaymentUrl","_useTranslation","useTranslation","_useFetchRecurringSet","id","isLoading","_useFetchRecurringSet2","data","_useFetchRecurringSet3","_useUpdateRecurringSe","updateRecurringSetting","mutate","isPending","handleSubmit","values","isNotPresent","_jsx","className","children","Spinner","_jsxs","Container","Header","title","isRecurringPaymentEnabled","Form","formikProps","enableReinitialize","onSubmit","initialValues","mergeLeft","validationSchema","Input","name","label","ActionBlock","isSubmitting","Typography","lineHeight","style","Trans","i18nKey","components","button","Button","size","to"],"mappings":"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"}
+{"version":3,"file":"RecurringPaymentSettings.js","sources":["../../app/javascript/src/apis/recurring_settings.js","../../app/javascript/src/hooks/reactQuery/useRecurringSettingsApi.js","../../app/javascript/src/components/RecurringPaymentSettings/constants.js","../../app/javascript/src/components/RecurringPaymentSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst show = feeId =>\n  axios.get(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`);\n\nconst update = (feeId, payload) =>\n  axios.put(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`, {\n    recurringSetting: payload,\n  });\n\nconst recurringSettingsApi = { show, update };\n\nexport default recurringSettingsApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { isNotNil } from \"ramda\";\n\nimport recurringSettingsApi from \"apis/recurring_settings\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRecurringSettings = feeId =>\n  useQuery({\n    queryKey: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n    queryFn: () => recurringSettingsApi.show(feeId),\n    enabled: isNotNil(feeId),\n  });\n\nexport const useUpdateRecurringSettings = (feeId, options) =>\n  useMutationWithInvalidation(\n    payload => recurringSettingsApi.update(feeId, payload),\n    {\n      keysToInvalidate: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n      ...options,\n    }\n  );\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { attemptOffsetDays: 1 };\nexport const VALIDATION_SCHEMA = yup.object({\n  attemptOffsetDays: yup\n    .number()\n    .max(15, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.max\"))\n    .min(1, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.min\"))\n    .required(\n      t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.isRequired\")\n    ),\n});\n","import { isNotPresent } from \"neetocist\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Typography, Button, Spinner } from \"neetoui\";\nimport { ActionBlock, Input, Form } from \"neetoui/formik\";\nimport { mergeLeft } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useFetchRecurringSettings,\n  useUpdateRecurringSettings,\n} from \"hooks/reactQuery/useRecurringSettingsApi\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst RecurringPaymentSettings = ({\n  fee,\n  breadcrumbs,\n  enableRecurringPaymentUrl,\n}) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringSetting } = {} } =\n    useFetchRecurringSettings(fee?.id);\n\n  const { mutate: updateRecurringSetting, isPending } =\n    useUpdateRecurringSettings(fee?.id);\n\n  const handleSubmit = values => {\n    updateRecurringSetting(values);\n  };\n\n  if (isLoading || isNotPresent(fee)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoPayments.recurringPaymentSettings.title\")}\n      />\n      <div className=\"w-full\">\n        {fee?.isRecurringPaymentEnabled ? (\n          <Form\n            formikProps={{\n              enableReinitialize: true,\n              onSubmit: handleSubmit,\n              initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),\n              validationSchema: VALIDATION_SCHEMA,\n            }}\n          >\n            <CardLayout actionBlock={<ActionBlock isSubmitting={isPending} />}>\n              <Input\n                required\n                name=\"attemptOffsetDays\"\n                label={t(\n                  \"neetoPayments.recurringPaymentSettings.attemptOffsetDays.label\"\n                )}\n              />\n            </CardLayout>\n          </Form>\n        ) : (\n          <CardLayout>\n            <Typography lineHeight=\"normal\" style=\"body1\">\n              <Trans\n                i18nKey=\"neetoPayments.recurringPaymentSettings.enableRecurringPayment\"\n                components={{\n                  button: (\n                    <Button\n                      data-cy=\"split-payment-connect-button\"\n                      size=\"large\"\n                      style=\"link\"\n                      to={enableRecurringPaymentUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          </CardLayout>\n        )}\n      </div>\n    </Container>\n  );\n};\n\nexport default RecurringPaymentSettings;\n"],"names":["show","feeId","axios","get","concat","BASE_URL","update","payload","put","recurringSetting","recurringSettingsApi","useFetchRecurringSettings","useQuery","queryKey","QUERY_KEYS","RECURRING_SETTINGS","queryFn","enabled","isNotNil","useUpdateRecurringSettings","options","useMutationWithInvalidation","_objectSpread","keysToInvalidate","INITIAL_VALUE","attemptOffsetDays","VALIDATION_SCHEMA","yup","object","number","max","t","min","required","RecurringPaymentSettings","_ref","fee","breadcrumbs","enableRecurringPaymentUrl","_useTranslation","useTranslation","_useFetchRecurringSet","id","isLoading","_useFetchRecurringSet2","data","_useFetchRecurringSet3","_useUpdateRecurringSe","updateRecurringSetting","mutate","isPending","handleSubmit","values","isNotPresent","_jsx","className","children","Spinner","_jsxs","Container","Header","title","isRecurringPaymentEnabled","Form","formikProps","enableReinitialize","onSubmit","initialValues","mergeLeft","validationSchema","CardLayout","actionBlock","ActionBlock","isSubmitting","Input","name","label","Typography","lineHeight","style","Trans","i18nKey","components","button","Button","size","to"],"mappings":"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"}

package/dist/cjs/UpiConnect.js

@@ -2,6 +2,7 @@
 
 var neetoCist = require('@bigbinary/neeto-cist');
 var Spinner = require('@bigbinary/neetoui/Spinner');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var Form = require('@bigbinary/neetoui/formik/Form');
 var Input = require('@bigbinary/neetoui/formik/Input');
@@ -48,6 +49,7 @@ var Add = function Add(_ref) {
     t = _useTranslation.t;
   var history = reactRouterDom.useHistory();
   return /*#__PURE__*/jsxRuntime.jsx(Form, {
+    className: "w-full",
     formikProps: {
       initialValues: {
         upiId: ""
@@ -55,14 +57,8 @@ var Add = function Add(_ref) {
       onSubmit: handleCreateUpiId,
       validationSchema: VALIDATION_SCHEMA
     },
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "space-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-        className: "w-64",
-        label: t("neetoPayments.upi.form.enterUpi"),
-        name: "upiId",
-        placeholder: t("neetoPayments.upi.form.enterUpi")
-      }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+    children: /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
         cancelButtonProps: {
           onClick: function onClick() {
             return history.goBack();
@@ -71,7 +67,13 @@ var Add = function Add(_ref) {
         submitButtonProps: {
           label: t("neetoPayments.upi.form.add")
         }
-      })]
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+        className: "w-full",
+        label: t("neetoPayments.upi.form.enterUpi"),
+        name: "upiId",
+        placeholder: t("neetoPayments.upi.form.enterUpi")
+      })
     })
   });
 };
@@ -139,7 +141,8 @@ var List = function List(_ref) {
   if (ramda.isEmpty(upiIds)) {
     return null;
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "mx-auto w-full max-w-3xl",
     children: [/*#__PURE__*/jsxRuntime.jsx(Table, {
       columnData: getColumnData(handleOpenDeleteModal),
       rowData: upiIds
@@ -174,7 +177,7 @@ var UpiConnect = function UpiConnect(_ref) {
     handleCreateUpiId = _ref$handleCreateUpiI === void 0 ? neetoCist.noop : _ref$handleCreateUpiI;
   if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(Spinner, {});
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex w-full max-w-3xl flex-col items-start space-y-6",
+    className: "flex w-full flex-col items-start",
     children: [/*#__PURE__*/jsxRuntime.jsx(Add, {
       handleCreateUpiId: handleCreateUpiId
     }), /*#__PURE__*/jsxRuntime.jsx(List, {

package/dist/cjs/UpiConnect.js.map

@@ -1 +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 { 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      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  );\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    <>\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 { 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","useTranslation","history","useHistory","_jsx","Form","formikProps","initialValues","onSubmit","validationSchema","children","_jsxs","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","_useState","useState","_useState2","_slicedToArray","isAlertOpen","setIsAlertOpen","_useState3","_useState4","selectedUpiId","setSelectedUpiId","handleOpenDeleteModal","id","handleAlertClose","handleAlertSubmit","isEmpty","_Fragment","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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"}
+{"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/cjs/index.js

@@ -87,6 +87,7 @@ require('@bigbinary/neetoui/formik/Input');
 require('@bigbinary/neetoui/formik/Radio');
 require('@bigbinary/neeto-molecules/MoreDropdown');
 require('./usePaymentsApi-Dz6uXFhx.js');
+require('@bigbinary/neeto-molecules/CardLayout');
 require('qrcode.react');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neetoui/formik/Button');

package/dist/cjs/index.js.map

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

package/dist/index.js

@@ -85,6 +85,7 @@ import '@bigbinary/neetoui/formik/Input';
 import '@bigbinary/neetoui/formik/Radio';
 import '@bigbinary/neeto-molecules/MoreDropdown';
 import './usePaymentsApi-K6rhWzss.js';
+import '@bigbinary/neeto-molecules/CardLayout';
 import 'qrcode.react';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neetoui/formik/Button';

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-payments-frontend",
-  "version": "3.3.9",
+  "version": "3.3.10",
   "description": "To manage payments across the neeto products.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-payments-nano",
@@ -60,12 +60,12 @@
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "1.5.7",
     "@bigbinary/neeto-cist": "1.0.15",
-    "@bigbinary/neeto-commons-frontend": "4.13.21",
-    "@bigbinary/neeto-editor": "1.45.6",
+    "@bigbinary/neeto-commons-frontend": "4.13.22",
+    "@bigbinary/neeto-editor": "1.45.12",
     "@bigbinary/neeto-filters-frontend": "4.3.14",
     "@bigbinary/neeto-icons": "1.20.26",
-    "@bigbinary/neeto-molecules": "3.15.19",
-    "@bigbinary/neetoui": "8.2.62",
+    "@bigbinary/neeto-molecules": "3.15.31",
+    "@bigbinary/neetoui": "8.2.63",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
     "@honeybadger-io/js": "6.10.1",
@@ -170,12 +170,12 @@
   "peerDependencies": {
     "@babel/runtime": "7.26.0",
     "@bigbinary/neeto-cist": "1.0.15",
-    "@bigbinary/neeto-commons-frontend": "4.13.21",
-    "@bigbinary/neeto-editor": "1.45.6",
+    "@bigbinary/neeto-commons-frontend": "4.13.22",
+    "@bigbinary/neeto-editor": "1.45.12",
     "@bigbinary/neeto-filters-frontend": "4.3.14",
     "@bigbinary/neeto-icons": "1.20.26",
-    "@bigbinary/neeto-molecules": "3.15.19",
-    "@bigbinary/neetoui": "8.2.62",
+    "@bigbinary/neeto-molecules": "3.15.31",
+    "@bigbinary/neetoui": "8.2.63",
     "@honeybadger-io/js": "6.10.1",
     "@honeybadger-io/react": "6.1.25",
     "@tailwindcss/container-queries": "^0.1.1",