@bigbinary/neeto-payments-frontend 6.1.31 → 6.2.1

package/dist/cjs/AdminCancelRecurringPaymentButton.js

@@ -3,10 +3,11 @@
 var react = require('react');
 var neetoui = require('@bigbinary/neetoui');
 var reactI18next = require('react-i18next');
-var reactUtils = require('neetocommons/react-utils');
-var axios = require('axios');
-var constants = require('./index-C3dlLi3r.js');
+var useRecurringPaymentsApi = require('./useRecurringPaymentsApi-Dow6RjiT.js');
 var jsxRuntime = require('react/jsx-runtime');
+require('neetocommons/react-utils');
+require('axios');
+require('./index-CpEnC-Gq.js');
 require('i18next');
 require('neetocommons/constants');
 require('decimal.js');
@@ -14,20 +15,6 @@ require('neetocist');
 require('neetocommons/utils');
 require('ramda');
 
-const update = ({
-  id,
-  payload
-}) => axios.put(`${constants.BASE_URL}/api/v1/recurring_payments/${id}`, {
-  recurring_payment: payload
-});
-const recurringPaymentsApi = {
-  update
-};
-
-const useUpdateRecurringPayments = (keysToInvalidate = []) => reactUtils.useMutationWithInvalidation(recurringPaymentsApi.update, {
-  keysToInvalidate: [...keysToInvalidate]
-});
-
 const AdminCancelRecurringPaymentButton = ({
   id,
   style = "primary",
@@ -37,7 +24,7 @@ const AdminCancelRecurringPaymentButton = ({
   const {
     isPending,
     mutate: updateRecurringPayment
-  } = useUpdateRecurringPayments(keysToInvalidate);
+  } = useRecurringPaymentsApi.useUpdateRecurringPayments(keysToInvalidate);
   const {
     t
   } = reactI18next.useTranslation();

package/dist/cjs/AdminCancelRecurringPaymentButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminCancelRecurringPaymentButton.js","sources":["../../app/javascript/src/apis/recurring_payments.js","../../app/javascript/src/hooks/reactQuery/useRecurringPaymentsApi.js","../../app/javascript/src/components/AdminCancelRecurringPaymentButton/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst update = ({ id, payload }) =>\n  axios.put(`${BASE_URL}/api/v1/recurring_payments/${id}`, {\n    recurring_payment: payload,\n  });\n\nconst recurringPaymentsApi = { update };\n\nexport default recurringPaymentsApi;\n","import { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport recurringPaymentsApi from \"apis/recurring_payments\";\n\nexport const useUpdateRecurringPayments = (keysToInvalidate = []) =>\n  useMutationWithInvalidation(recurringPaymentsApi.update, {\n    keysToInvalidate: [...keysToInvalidate],\n  });\n","import { useState } from \"react\";\n\nimport { Button, Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateRecurringPayments } from \"hooks/reactQuery/useRecurringPaymentsApi\";\n\nconst AdminCancelRecurringPaymentButton = ({\n  id,\n  style = \"primary\",\n  keysToInvalidate = [],\n}) => {\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { isPending, mutate: updateRecurringPayment } =\n    useUpdateRecurringPayments(keysToInvalidate);\n\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <Button\n        {...{ style }}\n        label={t(\"neetoPayments.recurringPaymentCancel.buttonLabel\")}\n        onClick={() => setIsAlertOpen(true)}\n      />\n      <Alert\n        isOpen={isAlertOpen}\n        isSubmitting={isPending}\n        message={t(\"neetoPayments.recurringPaymentCancel.alertMessage\")}\n        submitButtonLabel={t(\"neetoPayments.common.continue\")}\n        title={t(\"neetoPayments.recurringPaymentCancel.alertTitle\")}\n        onClose={() => setIsAlertOpen(false)}\n        onSubmit={() =>\n          updateRecurringPayment({ id, payload: { status: \"cancelled\" } })\n        }\n      />\n    </>\n  );\n};\n\nexport default AdminCancelRecurringPaymentButton;\n"],"names":["update","id","payload","axios","put","BASE_URL","recurring_payment","recurringPaymentsApi","useUpdateRecurringPayments","keysToInvalidate","useMutationWithInvalidation","AdminCancelRecurringPaymentButton","style","isAlertOpen","setIsAlertOpen","useState","isPending","mutate","updateRecurringPayment","t","useTranslation","_jsxs","_Fragment","children","_jsx","Button","label","onClick","Alert","isOpen","isSubmitting","message","submitButtonLabel","title","onClose","onSubmit","status"],"mappings":";;;;;;;;;;;;;;;;AAIA,MAAMA,MAAM,GAAGA,CAAC;EAAEC,EAAE;AAAEC,EAAAA;AAAQ,CAAC,KAC7BC,KAAK,CAACC,GAAG,CAAC,GAAGC,kBAAQ,CAAA,2BAAA,EAA8BJ,EAAE,CAAA,CAAE,EAAE;AACvDK,EAAAA,iBAAiB,EAAEJ;AACrB,CAAC,CAAC;AAEJ,MAAMK,oBAAoB,GAAG;AAAEP,EAAAA;AAAO,CAAC;;ACLhC,MAAMQ,0BAA0B,GAAGA,CAACC,gBAAgB,GAAG,EAAE,KAC9DC,sCAA2B,CAACH,oBAAoB,CAACP,MAAM,EAAE;EACvDS,gBAAgB,EAAE,CAAC,GAAGA,gBAAgB;AACxC,CAAC,CAAC;;ACAJ,MAAME,iCAAiC,GAAGA,CAAC;EACzCV,EAAE;AACFW,EAAAA,KAAK,GAAG,SAAS;AACjBH,EAAAA,gBAAgB,GAAG;AACrB,CAAC,KAAK;EACJ,MAAM,CAACI,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EACrD,MAAM;IAAEC,SAAS;AAAEC,IAAAA,MAAM,EAAEC;AAAuB,GAAC,GACjDV,0BAA0B,CAACC,gBAAgB,CAAC;EAE9C,MAAM;AAAEU,IAAAA;GAAG,GAAGC,2BAAc,EAAE;EAE9B,oBACEC,eAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,cAAM,EAAA;MACCb,KAAK;AACXc,MAAAA,KAAK,EAAEP,CAAC,CAAC,kDAAkD,CAAE;AAC7DQ,MAAAA,OAAO,EAAEA,MAAMb,cAAc,CAAC,IAAI;AAAE,KACrC,CAAC,eACFU,cAAA,CAACI,aAAK,EAAA;AACJC,MAAAA,MAAM,EAAEhB,WAAY;AACpBiB,MAAAA,YAAY,EAAEd,SAAU;AACxBe,MAAAA,OAAO,EAAEZ,CAAC,CAAC,mDAAmD,CAAE;AAChEa,MAAAA,iBAAiB,EAAEb,CAAC,CAAC,+BAA+B,CAAE;AACtDc,MAAAA,KAAK,EAAEd,CAAC,CAAC,iDAAiD,CAAE;AAC5De,MAAAA,OAAO,EAAEA,MAAMpB,cAAc,CAAC,KAAK,CAAE;AACrCqB,MAAAA,QAAQ,EAAEA,MACRjB,sBAAsB,CAAC;QAAEjB,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAEkC,UAAAA,MAAM,EAAE;AAAY;OAAG;AAChE,KACF,CAAC;AAAA,GACF,CAAC;AAEP;;;;"}
+{"version":3,"file":"AdminCancelRecurringPaymentButton.js","sources":["../../app/javascript/src/components/AdminCancelRecurringPaymentButton/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Button, Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateRecurringPayments } from \"hooks/reactQuery/useRecurringPaymentsApi\";\n\nconst AdminCancelRecurringPaymentButton = ({\n  id,\n  style = \"primary\",\n  keysToInvalidate = [],\n}) => {\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { isPending, mutate: updateRecurringPayment } =\n    useUpdateRecurringPayments(keysToInvalidate);\n\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <Button\n        {...{ style }}\n        label={t(\"neetoPayments.recurringPaymentCancel.buttonLabel\")}\n        onClick={() => setIsAlertOpen(true)}\n      />\n      <Alert\n        isOpen={isAlertOpen}\n        isSubmitting={isPending}\n        message={t(\"neetoPayments.recurringPaymentCancel.alertMessage\")}\n        submitButtonLabel={t(\"neetoPayments.common.continue\")}\n        title={t(\"neetoPayments.recurringPaymentCancel.alertTitle\")}\n        onClose={() => setIsAlertOpen(false)}\n        onSubmit={() =>\n          updateRecurringPayment({ id, payload: { status: \"cancelled\" } })\n        }\n      />\n    </>\n  );\n};\n\nexport default AdminCancelRecurringPaymentButton;\n"],"names":["AdminCancelRecurringPaymentButton","id","style","keysToInvalidate","isAlertOpen","setIsAlertOpen","useState","isPending","mutate","updateRecurringPayment","useUpdateRecurringPayments","t","useTranslation","_jsxs","_Fragment","children","_jsx","Button","label","onClick","Alert","isOpen","isSubmitting","message","submitButtonLabel","title","onClose","onSubmit","payload","status"],"mappings":";;;;;;;;;;;;;;;;;AAOA,MAAMA,iCAAiC,GAAGA,CAAC;EACzCC,EAAE;AACFC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,gBAAgB,GAAG;AACrB,CAAC,KAAK;EACJ,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EACrD,MAAM;IAAEC,SAAS;AAAEC,IAAAA,MAAM,EAAEC;AAAuB,GAAC,GACjDC,kDAA0B,CAACP,gBAAgB,CAAC;EAE9C,MAAM;AAAEQ,IAAAA;GAAG,GAAGC,2BAAc,EAAE;EAE9B,oBACEC,eAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,cAAM,EAAA;MACCf,KAAK;AACXgB,MAAAA,KAAK,EAAEP,CAAC,CAAC,kDAAkD,CAAE;AAC7DQ,MAAAA,OAAO,EAAEA,MAAMd,cAAc,CAAC,IAAI;AAAE,KACrC,CAAC,eACFW,cAAA,CAACI,aAAK,EAAA;AACJC,MAAAA,MAAM,EAAEjB,WAAY;AACpBkB,MAAAA,YAAY,EAAEf,SAAU;AACxBgB,MAAAA,OAAO,EAAEZ,CAAC,CAAC,mDAAmD,CAAE;AAChEa,MAAAA,iBAAiB,EAAEb,CAAC,CAAC,+BAA+B,CAAE;AACtDc,MAAAA,KAAK,EAAEd,CAAC,CAAC,iDAAiD,CAAE;AAC5De,MAAAA,OAAO,EAAEA,MAAMrB,cAAc,CAAC,KAAK,CAAE;AACrCsB,MAAAA,QAAQ,EAAEA,MACRlB,sBAAsB,CAAC;QAAER,EAAE;AAAE2B,QAAAA,OAAO,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAY;OAAG;AAChE,KACF,CAAC;AAAA,GACF,CAAC;AAEP;;;;"}

package/dist/cjs/CashPaymentButton.js

@@ -2,12 +2,12 @@
 
 var neetocist = require('neetocist');
 var reactI18next = require('react-i18next');
-var usePaymentApi = require('./usePaymentApi-CbNuVb24.js');
+var usePaymentApi = require('./usePaymentApi-DZYqqfhc.js');
 var neetoui = require('@bigbinary/neetoui');
 var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('axios');
-require('./index-C3dlLi3r.js');
+require('./index-CpEnC-Gq.js');
 require('i18next');
 require('neetocommons/constants');
 require('decimal.js');

package/dist/cjs/ConfirmCashPaymentButton.js

@@ -3,13 +3,13 @@
 var react = require('react');
 var neetocist = require('neetocist');
 var reactI18next = require('react-i18next');
-var usePaymentApi = require('./usePaymentApi-CbNuVb24.js');
+var usePaymentApi = require('./usePaymentApi-DZYqqfhc.js');
 var neetoui = require('@bigbinary/neetoui');
 var formik = require('@bigbinary/neetoui/formik');
 var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('axios');
-require('./index-C3dlLi3r.js');
+require('./index-CpEnC-Gq.js');
 require('i18next');
 require('neetocommons/constants');
 require('decimal.js');

package/dist/cjs/CopyButtonWrapper-CXzqqYIp.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var neetocist = require('neetocist');
+var CopyToClipboardButton = require('@bigbinary/neeto-molecules/v2/CopyToClipboardButton');
+require('./copy-button-DdBSM5yi.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const CopyButtonWrapper = ({
+  content,
+  children
+}) => /*#__PURE__*/jsxRuntime.jsxs("div", {
+  className: "flex items-center space-x-2",
+  children: [children, neetocist.isPresent(content) && /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "identifier-copy-button invisible",
+    children: /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+      size: "sm",
+      value: content,
+      variant: "ghost"
+    })
+  })]
+});
+
+exports.CopyButtonWrapper = CopyButtonWrapper;
+//# sourceMappingURL=CopyButtonWrapper-CXzqqYIp.js.map

package/dist/cjs/CopyButtonWrapper-CXzqqYIp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButtonWrapper-CXzqqYIp.js","sources":["../../app/javascript/src/v2/components/Common/CopyButtonWrapper.jsx"],"sourcesContent":["import { isPresent } from \"neetocist\";\nimport CopyToClipboardButton from \"neetomolecules/v2/CopyToClipboardButton\";\n\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/components/copy-button.css\";\n\nconst CopyButtonWrapper = ({ content, children }) => (\n  <div className=\"flex items-center space-x-2\">\n    {children}\n    {isPresent(content) && (\n      <div className=\"identifier-copy-button invisible\">\n        <CopyToClipboardButton size=\"sm\" value={content} variant=\"ghost\" />\n      </div>\n    )}\n  </div>\n);\n\nexport default CopyButtonWrapper;\n"],"names":["CopyButtonWrapper","content","children","_jsxs","className","isPresent","_jsx","CopyToClipboardButton","size","value","variant"],"mappings":";;;;;;;AAMA,MAAMA,iBAAiB,GAAGA,CAAC;EAAEC,OAAO;AAAEC,EAAAA;AAAS,CAAC,kBAC9CC,eAAA,CAAA,KAAA,EAAA;AAAKC,EAAAA,SAAS,EAAC,6BAA6B;EAAAF,QAAA,EAAA,CACzCA,QAAQ,EACRG,mBAAS,CAACJ,OAAO,CAAC,iBACjBK,cAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAC,kCAAkC;IAAAF,QAAA,eAC/CI,cAAA,CAACC,qBAAqB,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAER,OAAQ;AAACS,MAAAA,OAAO,EAAC;KAAS;AAAC,GAChE,CACN;AAAA,CACE;;;;"}

package/dist/cjs/CopyButtonWrapper-CbcAHUmk.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var neetocist = require('neetocist');
+var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+require('./copy-button-DdBSM5yi.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const CopyButtonWrapper = ({
+  content,
+  children
+}) => /*#__PURE__*/jsxRuntime.jsxs("div", {
+  className: "flex items-center space-x-2",
+  children: [children, neetocist.isPresent(content) && /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "identifier-copy-button invisible",
+    children: /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+      size: "small",
+      style: "text",
+      value: content
+    })
+  })]
+});
+
+exports.CopyButtonWrapper = CopyButtonWrapper;
+//# sourceMappingURL=CopyButtonWrapper-CbcAHUmk.js.map

package/dist/cjs/CopyButtonWrapper-CbcAHUmk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButtonWrapper-CbcAHUmk.js","sources":["../../app/javascript/src/components/Common/CopyButtonWrapper.jsx"],"sourcesContent":["import { isPresent } from \"neetocist\";\nimport CopyToClipboardButton from \"neetomolecules/CopyToClipboardButton\";\n\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/components/copy-button.css\";\n\nconst CopyButtonWrapper = ({ content, children }) => (\n  <div className=\"flex items-center space-x-2\">\n    {children}\n    {isPresent(content) && (\n      <div className=\"identifier-copy-button invisible\">\n        <CopyToClipboardButton size=\"small\" style=\"text\" value={content} />\n      </div>\n    )}\n  </div>\n);\n\nexport default CopyButtonWrapper;\n"],"names":["CopyButtonWrapper","content","children","_jsxs","className","isPresent","_jsx","CopyToClipboardButton","size","style","value"],"mappings":";;;;;;;AAMA,MAAMA,iBAAiB,GAAGA,CAAC;EAAEC,OAAO;AAAEC,EAAAA;AAAS,CAAC,kBAC9CC,eAAA,CAAA,KAAA,EAAA;AAAKC,EAAAA,SAAS,EAAC,6BAA6B;EAAAF,QAAA,EAAA,CACzCA,QAAQ,EACRG,mBAAS,CAACJ,OAAO,CAAC,iBACjBK,cAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAC,kCAAkC;IAAAF,QAAA,eAC/CI,cAAA,CAACC,qBAAqB,EAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,KAAK,EAAC,MAAM;AAACC,MAAAA,KAAK,EAAET;KAAU;AAAC,GAChE,CACN;AAAA,CACE;;;;"}

package/dist/cjs/CustomerCancelRecurringPaymentForm.js

@@ -1,41 +1,21 @@
 'use strict';
 
 var reactI18next = require('react-i18next');
-var reactUtils = require('neetocommons/react-utils');
-var axios = require('axios');
-var constants = require('./index-C3dlLi3r.js');
-var reactQuery = require('@tanstack/react-query');
-var ramda = require('ramda');
-var queryConstants = require('./queryConstants-CGUF7zol.js');
+var useRecurringPaymentsApi = require('./useRecurringPaymentsApi-DQpypVjt.js');
 var neetoui = require('@bigbinary/neetoui');
 var formik = require('@bigbinary/neetoui/formik');
 var jsxRuntime = require('react/jsx-runtime');
+require('neetocommons/react-utils');
+require('axios');
+require('./index-CpEnC-Gq.js');
 require('i18next');
 require('neetocommons/constants');
 require('decimal.js');
 require('neetocist');
 require('neetocommons/utils');
-
-const show = payableId => axios.get(`${constants.BASE_URL}/api/v1/public/recurring_payments/${payableId}`);
-const update = ({
-  payableId,
-  payload
-}) => axios.put(`${constants.BASE_URL}/api/v1/public/recurring_payments/${payableId}`, {
-  recurring_payment: payload
-});
-const recurringPaymentsApi = {
-  show,
-  update
-};
-
-const useFetchRecurringPayment = payableId => reactQuery.useQuery({
-  queryKey: [queryConstants.QUERY_KEYS.RECURRING_PAYMENT, payableId],
-  queryFn: () => recurringPaymentsApi.show(payableId),
-  enabled: ramda.isNotNil(payableId)
-});
-const useUpdateRecurringPayments = payableId => reactUtils.useMutationWithInvalidation(recurringPaymentsApi.update, {
-  keysToInvalidate: [queryConstants.QUERY_KEYS.RECURRING_PAYMENT, payableId]
-});
+require('ramda');
+require('@tanstack/react-query');
+require('./queryConstants-CGUF7zol.js');
 
 const CustomerCancelRecurringPaymentForm = ({
   payableId
@@ -48,11 +28,11 @@ const CustomerCancelRecurringPaymentForm = ({
     data: {
       recurringPayment
     } = {}
-  } = useFetchRecurringPayment(payableId);
+  } = useRecurringPaymentsApi.useFetchRecurringPayment(payableId);
   const {
     isPending,
     mutate: updateRecurringPayment
-  } = useUpdateRecurringPayments(payableId);
+  } = useRecurringPaymentsApi.useUpdateRecurringPayments(payableId);
   if (isLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",

package/dist/cjs/CustomerCancelRecurringPaymentForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerCancelRecurringPaymentForm.js","sources":["../../app/javascript/src/apis/public/recurring_payments.js","../../app/javascript/src/hooks/reactQuery/public/useRecurringPaymentsApi.js","../../app/javascript/src/components/CustomerCancelRecurringPaymentForm/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst show = payableId =>\n  axios.get(`${BASE_URL}/api/v1/public/recurring_payments/${payableId}`);\n\nconst update = ({ payableId, payload }) =>\n  axios.put(`${BASE_URL}/api/v1/public/recurring_payments/${payableId}`, {\n    recurring_payment: payload,\n  });\n\nconst recurringPaymentsApi = { show, update };\n\nexport default recurringPaymentsApi;\n","import { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport recurringPaymentsApi from \"apis/public/recurring_payments\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { isNotNil } from \"ramda\";\n\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRecurringPayment = payableId =>\n  useQuery({\n    queryKey: [QUERY_KEYS.RECURRING_PAYMENT, payableId],\n    queryFn: () => recurringPaymentsApi.show(payableId),\n    enabled: isNotNil(payableId),\n  });\n\nexport const useUpdateRecurringPayments = payableId =>\n  useMutationWithInvalidation(recurringPaymentsApi.update, {\n    keysToInvalidate: [QUERY_KEYS.RECURRING_PAYMENT, payableId],\n  });\n","import { useTranslation } from \"react-i18next\";\n\nimport {\n  useUpdateRecurringPayments,\n  useFetchRecurringPayment,\n} from \"hooks/reactQuery/public/useRecurringPaymentsApi\";\nimport { Typography, Spinner } from \"neetoui\";\nimport { Form, Textarea, Button } from \"neetoui/formik\";\n\nconst CustomerCancelRecurringPaymentForm = ({ payableId }) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringPayment } = {} } =\n    useFetchRecurringPayment(payableId);\n\n  const { isPending, mutate: updateRecurringPayment } =\n    useUpdateRecurringPayments(payableId);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  if (recurringPayment?.status === \"cancelled\") {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Typography>\n          {t(\"neetoPayments.recurringPaymentCancel.message\")}\n        </Typography>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full w-full items-center justify-center\">\n      <Form\n        className=\"space-y-6\"\n        formikProps={{\n          onSubmit: ({ cancelReason }) =>\n            updateRecurringPayment({\n              payableId,\n              payload: { status: \"cancelled\", cancelReason },\n            }),\n          initialValues: { cancelReason: \"\" },\n        }}\n      >\n        <Textarea\n          data-testid=\"cancel-meeting-input-textfield\"\n          label={t(\"neetoPayments.recurringPaymentCancel.reasonLabel\")}\n          name=\"cancelReason\"\n          placeholder={t(\n            \"neetoPayments.recurringPaymentCancel.reasonPlaceholder\"\n          )}\n        />\n        <Button\n          data-testid=\"cancel-meeting-submit-button\"\n          disabled={isPending}\n          label={t(\"neetoPayments.recurringPaymentCancel.buttonLabel\")}\n          loading={isPending}\n          style=\"danger\"\n        />\n      </Form>\n    </div>\n  );\n};\n\nexport default CustomerCancelRecurringPaymentForm;\n"],"names":["show","payableId","axios","get","BASE_URL","update","payload","put","recurring_payment","recurringPaymentsApi","useFetchRecurringPayment","useQuery","queryKey","QUERY_KEYS","RECURRING_PAYMENT","queryFn","enabled","isNotNil","useUpdateRecurringPayments","useMutationWithInvalidation","keysToInvalidate","CustomerCancelRecurringPaymentForm","t","useTranslation","isLoading","data","recurringPayment","isPending","mutate","updateRecurringPayment","_jsx","className","children","Spinner","status","Typography","_jsxs","Form","formikProps","onSubmit","cancelReason","initialValues","Textarea","label","name","placeholder","Button","disabled","loading","style"],"mappings":"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"}
+{"version":3,"file":"CustomerCancelRecurringPaymentForm.js","sources":["../../app/javascript/src/components/CustomerCancelRecurringPaymentForm/index.jsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nimport {\n  useUpdateRecurringPayments,\n  useFetchRecurringPayment,\n} from \"hooks/reactQuery/public/useRecurringPaymentsApi\";\nimport { Typography, Spinner } from \"neetoui\";\nimport { Form, Textarea, Button } from \"neetoui/formik\";\n\nconst CustomerCancelRecurringPaymentForm = ({ payableId }) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringPayment } = {} } =\n    useFetchRecurringPayment(payableId);\n\n  const { isPending, mutate: updateRecurringPayment } =\n    useUpdateRecurringPayments(payableId);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  if (recurringPayment?.status === \"cancelled\") {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Typography>\n          {t(\"neetoPayments.recurringPaymentCancel.message\")}\n        </Typography>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full w-full items-center justify-center\">\n      <Form\n        className=\"space-y-6\"\n        formikProps={{\n          onSubmit: ({ cancelReason }) =>\n            updateRecurringPayment({\n              payableId,\n              payload: { status: \"cancelled\", cancelReason },\n            }),\n          initialValues: { cancelReason: \"\" },\n        }}\n      >\n        <Textarea\n          data-testid=\"cancel-meeting-input-textfield\"\n          label={t(\"neetoPayments.recurringPaymentCancel.reasonLabel\")}\n          name=\"cancelReason\"\n          placeholder={t(\n            \"neetoPayments.recurringPaymentCancel.reasonPlaceholder\"\n          )}\n        />\n        <Button\n          data-testid=\"cancel-meeting-submit-button\"\n          disabled={isPending}\n          label={t(\"neetoPayments.recurringPaymentCancel.buttonLabel\")}\n          loading={isPending}\n          style=\"danger\"\n        />\n      </Form>\n    </div>\n  );\n};\n\nexport default CustomerCancelRecurringPaymentForm;\n"],"names":["CustomerCancelRecurringPaymentForm","payableId","t","useTranslation","isLoading","data","recurringPayment","useFetchRecurringPayment","isPending","mutate","updateRecurringPayment","useUpdateRecurringPayments","_jsx","className","children","Spinner","status","Typography","_jsxs","Form","formikProps","onSubmit","cancelReason","payload","initialValues","Textarea","label","name","placeholder","Button","disabled","loading","style"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,MAAMA,kCAAkC,GAAGA,CAAC;AAAEC,EAAAA;AAAU,CAAC,KAAK;EAC5D,MAAM;AAAEC,IAAAA;GAAG,GAAGC,2BAAc,EAAE;EAE9B,MAAM;IAAEC,SAAS;AAAEC,IAAAA,IAAI,EAAE;AAAEC,MAAAA;AAAiB,KAAC,GAAG;AAAG,GAAC,GAClDC,gDAAwB,CAACN,SAAS,CAAC;EAErC,MAAM;IAAEO,SAAS;AAAEC,IAAAA,MAAM,EAAEC;AAAuB,GAAC,GACjDC,kDAA0B,CAACV,SAAS,CAAC;AAEvC,EAAA,IAAIG,SAAS,EAAE;AACb,IAAA,oBACEQ,cAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,gDAAgD;AAAAC,MAAAA,QAAA,eAC7DF,cAAA,CAACG,eAAO,EAAA,EAAE;AAAC,KACR,CAAC;AAEV,EAAA;AAEA,EAAA,IAAIT,gBAAgB,EAAEU,MAAM,KAAK,WAAW,EAAE;AAC5C,IAAA,oBACEJ,cAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,gDAAgD;MAAAC,QAAA,eAC7DF,cAAA,CAACK,kBAAU,EAAA;QAAAH,QAAA,EACRZ,CAAC,CAAC,8CAA8C;OACvC;AAAC,KACV,CAAC;AAEV,EAAA;AAEA,EAAA,oBACEU,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gDAAgD;IAAAC,QAAA,eAC7DI,eAAA,CAACC,WAAI,EAAA;AACHN,MAAAA,SAAS,EAAC,WAAW;AACrBO,MAAAA,WAAW,EAAE;AACXC,QAAAA,QAAQ,EAAEA,CAAC;AAAEC,UAAAA;SAAc,KACzBZ,sBAAsB,CAAC;UACrBT,SAAS;AACTsB,UAAAA,OAAO,EAAE;AAAEP,YAAAA,MAAM,EAAE,WAAW;AAAEM,YAAAA;AAAa;AAC/C,SAAC,CAAC;AACJE,QAAAA,aAAa,EAAE;AAAEF,UAAAA,YAAY,EAAE;AAAG;OAClC;MAAAR,QAAA,EAAA,cAEFF,cAAA,CAACa,eAAQ,EAAA;AACP,QAAA,aAAA,EAAY,gCAAgC;AAC5CC,QAAAA,KAAK,EAAExB,CAAC,CAAC,kDAAkD,CAAE;AAC7DyB,QAAAA,IAAI,EAAC,cAAc;QACnBC,WAAW,EAAE1B,CAAC,CACZ,wDACF;AAAE,OACH,CAAC,eACFU,cAAA,CAACiB,aAAM,EAAA;AACL,QAAA,aAAA,EAAY,8BAA8B;AAC1CC,QAAAA,QAAQ,EAAEtB,SAAU;AACpBkB,QAAAA,KAAK,EAAExB,CAAC,CAAC,kDAAkD,CAAE;AAC7D6B,QAAAA,OAAO,EAAEvB,SAAU;AACnBwB,QAAAA,KAAK,EAAC;AAAQ,OACf,CAAC;KACE;AAAC,GACJ,CAAC;AAEV;;;;"}

package/dist/cjs/ExportModal-C7_QKb9q.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var neetocist = require('neetocist');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var useExportsApi = require('./useExportsApi-rYuPpXWl.js');
+var utils = require('neetocommons/utils');
+var exportChannel = require('./exportChannel-BL2RGGhP.js');
+var constants = require('./index-CpEnC-Gq.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const ExportModal = ({
+  filters,
+  dashboardKind,
+  holdableIds,
+  sortProperties,
+  isExportModalOpen,
+  setIsExportModalOpen
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [downloadUrl, setDownloadUrl] = react.useState("");
+  const [isGenerating, setIsGenerating] = react.useState(false);
+  const {
+    tab = "all"
+  } = utils.getQueryParams();
+  const {
+    mutate: exportsData
+  } = useExportsApi.useExportsData();
+  const token = react.useMemo(() => `${dashboardKind}-report-${constants.uuidV4()}`, [dashboardKind]);
+  const receivedCallback = data => {
+    if (!data.download_url) return;
+    setDownloadUrl(data.download_url);
+    setIsGenerating(false);
+  };
+  react.useEffect(() => {
+    if (isExportModalOpen) {
+      const channel = exportChannel.exportChannel(token, receivedCallback);
+      setDownloadUrl("");
+      setIsGenerating(false);
+      return () => {
+        channel.disconnected();
+      };
+    }
+    return undefined;
+  }, [isExportModalOpen, token]);
+  const onClose = () => setIsExportModalOpen(false);
+  const handleExport = () => {
+    setDownloadUrl("");
+    setIsGenerating(true);
+    const payload = ramda.mergeLeft(sortProperties, {
+      token,
+      filters,
+      tab,
+      holdableIds,
+      dashboard: neetocist.camelToSnakeCase(dashboardKind)
+    });
+    exportsData(payload);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    onClose,
+    isOpen: isExportModalOpen,
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+        children: t(`neetoPayments.export.title.${dashboardKind}`)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Body, {
+      children: isGenerating ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body2",
+        children: t("neetoPayments.export.pleaseWait")
+      }) : /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body2",
+        children: neetocist.isPresent(downloadUrl) ? t("neetoPayments.export.fileReady") : t(`neetoPayments.export.download.${dashboardKind}`)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Footer, {
+      className: "space-x-2",
+      children: neetocist.isPresent(downloadUrl) ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        "data-testid": "neeto-payments-download-button",
+        href: downloadUrl,
+        icon: neetoIcons.Download,
+        label: t("neetoPayments.common.download"),
+        onClick: onClose
+      }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          "data-testid": "cancel-button",
+          disabled: isGenerating,
+          label: t("neetoPayments.common.cancel"),
+          variant: "outline",
+          onClick: onClose
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          "data-testid": "neeto-payments-export-button",
+          disabled: isGenerating,
+          label: t("neetoPayments.common.export"),
+          loading: isGenerating,
+          onClick: handleExport
+        })]
+      })
+    })]
+  });
+};
+
+exports.ExportModal = ExportModal;
+//# sourceMappingURL=ExportModal-C7_QKb9q.js.map

package/dist/cjs/ExportModal-C7_QKb9q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportModal-C7_QKb9q.js","sources":["../../app/javascript/src/v2/components/Common/ExportModal.jsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { Button, Dialog, Typography } from \"@bigbinary/neeto-atoms\";\nimport { isPresent, camelToSnakeCase } from \"neetocist\";\nimport { Download } from \"neetoicons\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useExportsData } from \"hooks/reactQuery/useExportsApi\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport exportChannel from \"src/channels/exportChannel\";\nimport { uuidV4 } from \"utils\";\n\nconst ExportModal = ({\n  filters,\n  dashboardKind,\n  holdableIds,\n  sortProperties,\n  isExportModalOpen,\n  setIsExportModalOpen,\n}) => {\n  const { t } = useTranslation();\n  const [downloadUrl, setDownloadUrl] = useState(\"\");\n  const [isGenerating, setIsGenerating] = useState(false);\n\n  const { tab = \"all\" } = getQueryParams();\n\n  const { mutate: exportsData } = useExportsData();\n\n  const token = useMemo(\n    () => `${dashboardKind}-report-${uuidV4()}`,\n    [dashboardKind]\n  );\n\n  const receivedCallback = data => {\n    if (!data.download_url) return;\n    setDownloadUrl(data.download_url);\n    setIsGenerating(false);\n  };\n\n  useEffect(() => {\n    if (isExportModalOpen) {\n      const channel = exportChannel(token, receivedCallback);\n      setDownloadUrl(\"\");\n      setIsGenerating(false);\n\n      return () => {\n        channel.disconnected();\n      };\n    }\n\n    return undefined;\n  }, [isExportModalOpen, token]);\n\n  const onClose = () => setIsExportModalOpen(false);\n\n  const handleExport = () => {\n    setDownloadUrl(\"\");\n    setIsGenerating(true);\n    const payload = mergeLeft(sortProperties, {\n      token,\n      filters,\n      tab,\n      holdableIds,\n      dashboard: camelToSnakeCase(dashboardKind),\n    });\n\n    exportsData(payload);\n  };\n\n  return (\n    <Dialog {...{ onClose }} isOpen={isExportModalOpen}>\n      <Dialog.Header>\n        <Dialog.Title>\n          {t(`neetoPayments.export.title.${dashboardKind}`)}\n        </Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        {isGenerating ? (\n          <Typography variant=\"body2\">\n            {t(\"neetoPayments.export.pleaseWait\")}\n          </Typography>\n        ) : (\n          <Typography variant=\"body2\">\n            {isPresent(downloadUrl)\n              ? t(\"neetoPayments.export.fileReady\")\n              : t(`neetoPayments.export.download.${dashboardKind}`)}\n          </Typography>\n        )}\n      </Dialog.Body>\n      <Dialog.Footer className=\"space-x-2\">\n        {isPresent(downloadUrl) ? (\n          <Button\n            data-testid=\"neeto-payments-download-button\"\n            href={downloadUrl}\n            icon={Download}\n            label={t(\"neetoPayments.common.download\")}\n            onClick={onClose}\n          />\n        ) : (\n          <>\n            <Button\n              data-testid=\"cancel-button\"\n              disabled={isGenerating}\n              label={t(\"neetoPayments.common.cancel\")}\n              variant=\"outline\"\n              onClick={onClose}\n            />\n            <Button\n              data-testid=\"neeto-payments-export-button\"\n              disabled={isGenerating}\n              label={t(\"neetoPayments.common.export\")}\n              loading={isGenerating}\n              onClick={handleExport}\n            />\n          </>\n        )}\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nexport default ExportModal;\n"],"names":["ExportModal","filters","dashboardKind","holdableIds","sortProperties","isExportModalOpen","setIsExportModalOpen","t","useTranslation","downloadUrl","setDownloadUrl","useState","isGenerating","setIsGenerating","tab","getQueryParams","mutate","exportsData","useExportsData","token","useMemo","uuidV4","receivedCallback","data","download_url","useEffect","channel","exportChannel","disconnected","undefined","onClose","handleExport","payload","mergeLeft","dashboard","camelToSnakeCase","_jsxs","Dialog","isOpen","children","_jsx","Header","Title","Body","Typography","variant","isPresent","Footer","className","Button","href","icon","Download","label","onClick","_Fragment","disabled","loading"],"mappings":"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"}

package/dist/cjs/{ExportModal-Bo-VRErR.js → ExportModal-DwLOAhIs.js}

@@ -5,27 +5,13 @@ var neetocist = require('neetocist');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var reactQuery = require('@tanstack/react-query');
-var axios = require('axios');
-var constants = require('./index-C3dlLi3r.js');
+var useExportsApi = require('./useExportsApi-rYuPpXWl.js');
 var utils = require('neetocommons/utils');
 var neetoui = require('@bigbinary/neetoui');
 var exportChannel = require('./exportChannel-BL2RGGhP.js');
+var constants = require('./index-CpEnC-Gq.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-const create = payload => axios.post(`${constants.BASE_URL}/api/v1/exports`, {
-  export: payload
-}, {
-  showToastr: false
-});
-const exportsApi = {
-  create
-};
-
-const useExportsData = () => reactQuery.useMutation({
-  mutationFn: exportsApi.create
-});
-
 const ExportModal = ({
   filters,
   dashboardKind,
@@ -44,7 +30,7 @@ const ExportModal = ({
   } = utils.getQueryParams();
   const {
     mutate: exportsData
-  } = useExportsData();
+  } = useExportsApi.useExportsData();
   const token = react.useMemo(() => `${dashboardKind}-report-${constants.uuidV4()}`, [dashboardKind]);
   const receivedCallback = data => {
     if (!data.download_url) return;
@@ -119,4 +105,4 @@ const ExportModal = ({
 };
 
 exports.ExportModal = ExportModal;
-//# sourceMappingURL=ExportModal-Bo-VRErR.js.map
+//# sourceMappingURL=ExportModal-DwLOAhIs.js.map

package/dist/cjs/ExportModal-DwLOAhIs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportModal-DwLOAhIs.js","sources":["../../app/javascript/src/components/Common/ExportModal.jsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { isPresent, camelToSnakeCase } from \"neetocist\";\nimport { Download } from \"neetoicons\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useExportsData } from \"hooks/reactQuery/useExportsApi\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { Button, Modal, Typography } from \"neetoui\";\nimport exportChannel from \"src/channels/exportChannel\";\nimport { uuidV4 } from \"utils\";\n\nconst ExportModal = ({\n  filters,\n  dashboardKind,\n  holdableIds,\n  sortProperties,\n  isExportModalOpen,\n  setIsExportModalOpen,\n}) => {\n  const { t } = useTranslation();\n  const [downloadUrl, setDownloadUrl] = useState(\"\");\n  const [isGenerating, setIsGenerating] = useState(false);\n\n  const { tab = \"all\" } = getQueryParams();\n\n  const { mutate: exportsData } = useExportsData();\n\n  const token = useMemo(\n    () => `${dashboardKind}-report-${uuidV4()}`,\n    [dashboardKind]\n  );\n\n  const receivedCallback = data => {\n    if (!data.download_url) return;\n    setDownloadUrl(data.download_url);\n    setIsGenerating(false);\n  };\n\n  useEffect(() => {\n    if (isExportModalOpen) {\n      const channel = exportChannel(token, receivedCallback);\n      setDownloadUrl(\"\");\n      setIsGenerating(false);\n\n      return () => {\n        channel.disconnected();\n      };\n    }\n\n    return undefined;\n  }, [isExportModalOpen, token]);\n\n  const onClose = () => setIsExportModalOpen(false);\n\n  const handleExport = () => {\n    setDownloadUrl(\"\");\n    setIsGenerating(true);\n    const payload = mergeLeft(sortProperties, {\n      token,\n      filters,\n      tab,\n      holdableIds,\n      dashboard: camelToSnakeCase(dashboardKind),\n    });\n\n    exportsData(payload);\n  };\n\n  return (\n    <Modal {...{ onClose }} isOpen={isExportModalOpen}>\n      <Modal.Header>\n        <Typography style=\"h2\">\n          {t(`neetoPayments.export.title.${dashboardKind}`)}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        {isGenerating ? (\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.export.pleaseWait\")}\n          </Typography>\n        ) : (\n          <Typography style=\"body2\">\n            {isPresent(downloadUrl)\n              ? t(\"neetoPayments.export.fileReady\")\n              : t(`neetoPayments.export.download.${dashboardKind}`)}\n          </Typography>\n        )}\n      </Modal.Body>\n      <Modal.Footer className=\"space-x-2\">\n        {isPresent(downloadUrl) ? (\n          <Button\n            data-testid=\"neeto-payments-download-button\"\n            href={downloadUrl}\n            icon={Download}\n            label={t(\"neetoPayments.common.download\")}\n            onClick={onClose}\n          />\n        ) : (\n          <>\n            <Button\n              data-testid=\"cancel-button\"\n              disabled={isGenerating}\n              label={t(\"neetoPayments.common.cancel\")}\n              style=\"tertiary\"\n              onClick={onClose}\n            />\n            <Button\n              data-testid=\"neeto-payments-export-button\"\n              disabled={isGenerating}\n              label={t(\"neetoPayments.common.export\")}\n              loading={isGenerating}\n              onClick={handleExport}\n            />\n          </>\n        )}\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nexport default ExportModal;\n"],"names":["ExportModal","filters","dashboardKind","holdableIds","sortProperties","isExportModalOpen","setIsExportModalOpen","t","useTranslation","downloadUrl","setDownloadUrl","useState","isGenerating","setIsGenerating","tab","getQueryParams","mutate","exportsData","useExportsData","token","useMemo","uuidV4","receivedCallback","data","download_url","useEffect","channel","exportChannel","disconnected","undefined","onClose","handleExport","payload","mergeLeft","dashboard","camelToSnakeCase","_jsxs","Modal","isOpen","children","_jsx","Header","Typography","style","Body","isPresent","Footer","className","Button","href","icon","Download","label","onClick","_Fragment","disabled","loading"],"mappings":"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"}

package/dist/cjs/ManualUpiConnect.js

@@ -1,11 +1,7 @@
 'use strict';
 
 var neetoui = require('@bigbinary/neetoui');
-var reactQuery = require('@tanstack/react-query');
-var reactUtils = require('neetocommons/react-utils');
-var axios = require('axios');
-var constants = require('./index-C3dlLi3r.js');
-var queryConstants = require('./queryConstants-CGUF7zol.js');
+var useVpasApi = require('./useVpasApi-Ts1ivO7S.js');
 var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var formik = require('@bigbinary/neetoui/formik');
 var reactI18next = require('react-i18next');
@@ -17,9 +13,14 @@ var react = require('react');
 var ramda = require('ramda');
 var utils = require('neetocommons/utils');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('./index-CpEnC-Gq.js');
 require('neetocommons/constants');
 require('decimal.js');
 require('neetocist');
+require('./queryConstants-CGUF7zol.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -40,38 +41,6 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-const list = holdableId => axios.get(`${constants.BASE_URL}/api/v1/manual_upi/vpas`, {
-  params: {
-    holdableId
-  }
-});
-const create = payload => axios.post(`${constants.BASE_URL}/api/v1/manual_upi/vpas`, payload);
-const destroy = ({
-  id,
-  holdableId
-}) => axios.delete(`${constants.BASE_URL}/api/v1/manual_upi/vpas/${id}`, {
-  params: {
-    holdableId
-  }
-});
-const vpasApi = {
-  list,
-  create,
-  destroy
-};
-
-const useFetchVpas = (holdableId, options = {}) => reactQuery.useQuery({
-  queryKey: [queryConstants.QUERY_KEYS.VPAS_LIST, holdableId],
-  queryFn: () => vpasApi.list(holdableId),
-  ...options
-});
-const useCreateVpa = (keysToInvalidateOnCreate = []) => reactUtils.useMutationWithInvalidation(vpasApi.create, {
-  keysToInvalidate: [[queryConstants.QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnCreate]
-});
-const useDestroyVpa = (keysToInvalidateOnDelete = []) => reactUtils.useMutationWithInvalidation(vpasApi.destroy, {
-  keysToInvalidate: [[queryConstants.QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnDelete]
-});
-
 const VALIDATION_SCHEMA = yup__namespace.object({
   upiId: yup__namespace.string().matches(/^[a-zA-Z0-9][a-zA-Z0-9._-]{2,30}@[a-zA-Z][a-zA-Z0-9]{2,20}$/, i18next.t("neetoPayments.upi.form.validation.invalidUpi")).required(i18next.t("neetoPayments.upi.form.validation.required"))
 });
@@ -87,7 +56,7 @@ const Add = ({
   const {
     isPending: isCreatingVpa,
     mutate: createVpa
-  } = useCreateVpa(keysToInvalidateOnCreate);
+  } = useVpasApi.useCreateVpa(keysToInvalidateOnCreate);
   return /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
     className: "w-full",
     formikProps: {
@@ -173,7 +142,7 @@ const List = ({
   const [selectedUpiId, setSelectedUpiId] = react.useState({});
   const {
     mutate: deleteVpa
-  } = useDestroyVpa(keysToInvalidateOnDelete);
+  } = useVpasApi.useDestroyVpa(keysToInvalidateOnDelete);
   const handleOpenDeleteModal = id => {
     setSelectedUpiId(id);
     setIsAlertOpen(true);
@@ -225,7 +194,7 @@ const ManualUpiConnect = ({
       vpas: upiIds = []
     } = {},
     isLoading
-  } = useFetchVpas(holdableId);
+  } = useVpasApi.useFetchVpas(holdableId);
   if (isLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex items-center justify-center w-full h-full",

package/dist/cjs/ManualUpiConnect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManualUpiConnect.js","sources":["../../app/javascript/src/apis/manual_upi/vpas.js","../../app/javascript/src/hooks/reactQuery/manualUpi/useVpasApi.js","../../app/javascript/src/components/ManualUpiConnect/constants.js","../../app/javascript/src/components/ManualUpiConnect/Add.jsx","../../app/javascript/src/components/ManualUpiConnect/utils.jsx","../../app/javascript/src/components/ManualUpiConnect/List.jsx","../../app/javascript/src/components/ManualUpiConnect/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = holdableId =>\n  axios.get(`${BASE_URL}/api/v1/manual_upi/vpas`, {\n    params: { holdableId },\n  });\n\nconst create = payload =>\n  axios.post(`${BASE_URL}/api/v1/manual_upi/vpas`, payload);\n\nconst destroy = ({ id, holdableId }) =>\n  axios.delete(`${BASE_URL}/api/v1/manual_upi/vpas/${id}`, {\n    params: { holdableId },\n  });\n\nconst vpasApi = { list, create, destroy };\n\nexport default vpasApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport vpasApi from \"apis/manual_upi/vpas\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchVpas = (holdableId, options = {}) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.VPAS_LIST, holdableId],\n    queryFn: () => vpasApi.list(holdableId),\n    ...options,\n  });\n\nexport const useCreateVpa = (keysToInvalidateOnCreate = []) =>\n  useMutationWithInvalidation(vpasApi.create, {\n    keysToInvalidate: [[QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnCreate],\n  });\n\nexport const useDestroyVpa = (keysToInvalidateOnDelete = []) =>\n  useMutationWithInvalidation(vpasApi.destroy, {\n    keysToInvalidate: [[QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnDelete],\n  });\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object({\n  upiId: yup\n    .string()\n    .matches(\n      /^[a-zA-Z0-9][a-zA-Z0-9._-]{2,30}@[a-zA-Z][a-zA-Z0-9]{2,20}$/,\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 { useCreateVpa } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\n\nconst Add = ({ holdableId, keysToInvalidateOnCreate }) => {\n  const { t } = useTranslation();\n  const history = useHistory();\n  const { isPending: isCreatingVpa, mutate: createVpa } = useCreateVpa(\n    keysToInvalidateOnCreate\n  );\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        initialValues: { upiId: \"\" },\n        onSubmit: (values, { resetForm }) => {\n          createVpa({ holdableId, address: values.upiId });\n          resetForm();\n        },\n        validationSchema: VALIDATION_SCHEMA,\n      }}\n    >\n      {({ dirty }) => (\n        <CardLayout\n          actionBlock={\n            <ActionBlock\n              cancelButtonProps={{ onClick: history.goBack }}\n              isSubmitting={isCreatingVpa}\n              submitButtonProps={{\n                label: t(\"neetoPayments.upi.form.add\"),\n                disabled: !dirty || isCreatingVpa,\n              }}\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      )}\n    </Form>\n  );\n};\n\nexport default Add;\n","import { t } from \"i18next\";\n\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          dropdownButtonProps={{ \"data-testid\": \"upi-more-dropdown\" }}\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete-meeting\",\n              label: t(\"neetoPayments.common.delete\"),\n              onClick: () => handleDeleteClick(upiId),\n              \"data-testid\": \"menu-dropdown-delete-btn\",\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 { useDestroyVpa } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport { getColumnData } from \"./utils\";\n\nconst List = ({ holdableId, upiIds, keysToInvalidateOnDelete }) => {\n  const { t } = useTranslation();\n\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const [selectedUpiId, setSelectedUpiId] = useState({});\n\n  const { mutate: deleteVpa } = useDestroyVpa(keysToInvalidateOnDelete);\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    deleteVpa({ id: selectedUpiId?.id, holdableId });\n    setIsAlertOpen(false);\n  };\n\n  if (isEmpty(upiIds)) {\n    return null;\n  }\n\n  return (\n    <div className=\"w-full max-w-3xl mx-auto\">\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 { Spinner } from \"neetoui\";\n\nimport { useFetchVpas } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport Add from \"./Add\";\nimport List from \"./List\";\n\nconst ManualUpiConnect = ({\n  holdableId,\n  keysToInvalidateOnDelete = [],\n  keysToInvalidateOnCreate = [],\n}) => {\n  const { data: { vpas: upiIds = [] } = {}, isLoading } =\n    useFetchVpas(holdableId);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center w-full h-full\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col items-start w-full\">\n      {upiIds.length < 3 && (\n        <Add {...{ holdableId, keysToInvalidateOnCreate }} />\n      )}\n      <List {...{ holdableId, keysToInvalidateOnDelete, upiIds }} />\n    </div>\n  );\n};\n\nexport default ManualUpiConnect;\n"],"names":["list","holdableId","axios","get","BASE_URL","params","create","payload","post","destroy","id","delete","vpasApi","useFetchVpas","options","useQuery","queryKey","QUERY_KEYS","VPAS_LIST","queryFn","useCreateVpa","keysToInvalidateOnCreate","useMutationWithInvalidation","keysToInvalidate","useDestroyVpa","keysToInvalidateOnDelete","VALIDATION_SCHEMA","yup","object","upiId","string","matches","t","required","Add","useTranslation","history","useHistory","isPending","isCreatingVpa","mutate","createVpa","_jsx","Form","className","formikProps","initialValues","onSubmit","values","resetForm","address","validationSchema","children","dirty","CardLayout","actionBlock","ActionBlock","cancelButtonProps","onClick","goBack","isSubmitting","submitButtonProps","label","disabled","Input","name","placeholder","getColumnData","handleDeleteClick","title","dataIndex","key","width","render","_","_jsxs","Typography","style","MoreDropdown","dropdownButtonProps","dropdownProps","strategy","menuItems","dateFormat","dateTime","List","upiIds","isAlertOpen","setIsAlertOpen","useState","selectedUpiId","setSelectedUpiId","deleteVpa","handleOpenDeleteModal","handleAlertClose","handleAlertSubmit","isEmpty","Table","columnData","rowData","Alert","isOpen","message","Trans","components","b","i18nKey","onClose","ManualUpiConnect","data","vpas","isLoading","Spinner","length"],"mappings":"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"}
+{"version":3,"file":"ManualUpiConnect.js","sources":["../../app/javascript/src/components/ManualUpiConnect/constants.js","../../app/javascript/src/components/ManualUpiConnect/Add.jsx","../../app/javascript/src/components/ManualUpiConnect/utils.jsx","../../app/javascript/src/components/ManualUpiConnect/List.jsx","../../app/javascript/src/components/ManualUpiConnect/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object({\n  upiId: yup\n    .string()\n    .matches(\n      /^[a-zA-Z0-9][a-zA-Z0-9._-]{2,30}@[a-zA-Z][a-zA-Z0-9]{2,20}$/,\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 { useCreateVpa } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\n\nconst Add = ({ holdableId, keysToInvalidateOnCreate }) => {\n  const { t } = useTranslation();\n  const history = useHistory();\n  const { isPending: isCreatingVpa, mutate: createVpa } = useCreateVpa(\n    keysToInvalidateOnCreate\n  );\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        initialValues: { upiId: \"\" },\n        onSubmit: (values, { resetForm }) => {\n          createVpa({ holdableId, address: values.upiId });\n          resetForm();\n        },\n        validationSchema: VALIDATION_SCHEMA,\n      }}\n    >\n      {({ dirty }) => (\n        <CardLayout\n          actionBlock={\n            <ActionBlock\n              cancelButtonProps={{ onClick: history.goBack }}\n              isSubmitting={isCreatingVpa}\n              submitButtonProps={{\n                label: t(\"neetoPayments.upi.form.add\"),\n                disabled: !dirty || isCreatingVpa,\n              }}\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      )}\n    </Form>\n  );\n};\n\nexport default Add;\n","import { t } from \"i18next\";\n\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          dropdownButtonProps={{ \"data-testid\": \"upi-more-dropdown\" }}\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete-meeting\",\n              label: t(\"neetoPayments.common.delete\"),\n              onClick: () => handleDeleteClick(upiId),\n              \"data-testid\": \"menu-dropdown-delete-btn\",\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 { useDestroyVpa } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport { getColumnData } from \"./utils\";\n\nconst List = ({ holdableId, upiIds, keysToInvalidateOnDelete }) => {\n  const { t } = useTranslation();\n\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const [selectedUpiId, setSelectedUpiId] = useState({});\n\n  const { mutate: deleteVpa } = useDestroyVpa(keysToInvalidateOnDelete);\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    deleteVpa({ id: selectedUpiId?.id, holdableId });\n    setIsAlertOpen(false);\n  };\n\n  if (isEmpty(upiIds)) {\n    return null;\n  }\n\n  return (\n    <div className=\"w-full max-w-3xl mx-auto\">\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 { Spinner } from \"neetoui\";\n\nimport { useFetchVpas } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport Add from \"./Add\";\nimport List from \"./List\";\n\nconst ManualUpiConnect = ({\n  holdableId,\n  keysToInvalidateOnDelete = [],\n  keysToInvalidateOnCreate = [],\n}) => {\n  const { data: { vpas: upiIds = [] } = {}, isLoading } =\n    useFetchVpas(holdableId);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center w-full h-full\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col items-start w-full\">\n      {upiIds.length < 3 && (\n        <Add {...{ holdableId, keysToInvalidateOnCreate }} />\n      )}\n      <List {...{ holdableId, keysToInvalidateOnDelete, upiIds }} />\n    </div>\n  );\n};\n\nexport default ManualUpiConnect;\n"],"names":["VALIDATION_SCHEMA","yup","object","upiId","string","matches","t","required","Add","holdableId","keysToInvalidateOnCreate","useTranslation","history","useHistory","isPending","isCreatingVpa","mutate","createVpa","useCreateVpa","_jsx","Form","className","formikProps","initialValues","onSubmit","values","resetForm","address","validationSchema","children","dirty","CardLayout","actionBlock","ActionBlock","cancelButtonProps","onClick","goBack","isSubmitting","submitButtonProps","label","disabled","Input","name","placeholder","getColumnData","handleDeleteClick","title","dataIndex","key","width","render","_","_jsxs","Typography","style","MoreDropdown","dropdownButtonProps","dropdownProps","strategy","menuItems","dateFormat","dateTime","List","upiIds","keysToInvalidateOnDelete","isAlertOpen","setIsAlertOpen","useState","selectedUpiId","setSelectedUpiId","deleteVpa","useDestroyVpa","handleOpenDeleteModal","id","handleAlertClose","handleAlertSubmit","isEmpty","Table","columnData","rowData","Alert","isOpen","message","Trans","components","b","i18nKey","onClose","ManualUpiConnect","data","vpas","isLoading","useFetchVpas","Spinner","length"],"mappings":"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"}

package/dist/cjs/ManualUpiPayment.js

@@ -9,8 +9,8 @@ var formik = require('@bigbinary/neetoui/formik');
 var QRCodeImage = require('qrcode.react');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var usePaymentApi = require('./usePaymentApi-DXJeVvg3.js');
-var constants = require('./index-C3dlLi3r.js');
+var usePaymentApi = require('./usePaymentApi-CuL13mny.js');
+var constants = require('./index-CpEnC-Gq.js');
 var i18next = require('i18next');
 var yup = require('yup');
 var jsxRuntime = require('react/jsx-runtime');
@@ -228,6 +228,7 @@ const ManualUpiPayment = ({
         }), /*#__PURE__*/jsxRuntime.jsx("input", {
           accept: ACCEPTED_SCREENSHOT_FORMATS,
           className: "hidden",
+          "data-testid": "manual-upi-screenshot-upload-input-field",
           ref: fileInputRef,
           type: "file",
           onChange: handleScreenshotSelect