@bigbinary/neeto-payments-frontend 6.1.12 → 6.1.14

package/dist/cjs/ConfirmCashPaymentButton.js

@@ -1,93 +1,99 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var neetocist = require('neetocist');
 var reactI18next = require('react-i18next');
-var usePaymentApi = require('./usePaymentApi-CrKom4eT.js');
+var usePaymentApi = require('./usePaymentApi-C034qyn4.js');
 var neetoui = require('@bigbinary/neetoui');
 var formik = require('@bigbinary/neetoui/formik');
-require('@babel/runtime/helpers/defineProperty');
+var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('axios');
-require('./index-CZ_VFGNj.js');
+require('./index-C3LUTqjR.js');
 require('i18next');
 require('neetocommons/constants');
 require('decimal.js');
 require('neetocommons/utils');
 require('ramda');
 
-var ConfirmCashPaymentButton = function ConfirmCashPaymentButton(_ref) {
-  var paymentId = _ref.paymentId,
-    payableId = _ref.payableId,
-    _ref$onSuccess = _ref.onSuccess,
-    onSuccess = _ref$onSuccess === void 0 ? neetocist.noop : _ref$onSuccess;
-  var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isModalOpen = _useState2[0],
-    setIsModalOpen = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useUpdateCashPayment = usePaymentApi.useUpdateCashPayment(paymentId, {
-      onSuccess: onSuccess
-    }),
-    updateUpiPayment = _useUpdateCashPayment.mutate,
-    isPending = _useUpdateCashPayment.isPending;
-  var onClose = function onClose() {
-    return setIsModalOpen(false);
-  };
-  var handleSubmit = function handleSubmit(_ref2) {
-    var notes = _ref2.notes;
-    var payload = {
-      notes: notes,
-      payableId: payableId,
+const ConfirmCashPaymentButton = ({
+  paymentId,
+  payableId,
+  onSuccess = neetocist.noop
+}) => {
+  const [isModalOpen, setIsModalOpen] = react.useState(false);
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    mutate: updateUpiPayment,
+    isPending
+  } = usePaymentApi.useUpdateCashPayment(paymentId, {
+    onSuccess
+  });
+  const onClose = () => setIsModalOpen(false);
+  const handleSubmit = ({
+    notes
+  }) => {
+    const payload = {
+      notes,
+      payableId,
       status: "successful"
     };
     updateUpiPayment(payload);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Button, {
-    "data-testid": "confirm-cash-payment-button",
-    label: t("neetoPayments.common.confirmPayment"),
-    loading: isPending,
-    size: "small",
-    onClick: function onClick() {
-      return setIsModalOpen(true);
-    }
-  }), /*#__PURE__*/React.createElement(neetoui.Modal, {
-    onClose: onClose,
-    isOpen: isModalOpen,
-    size: "large"
-  }, /*#__PURE__*/React.createElement(neetoui.Modal.Header, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
-    style: "h2"
-  }, t("neetoPayments.cash.confirmModal.title"))), /*#__PURE__*/React.createElement(formik.Form, {
-    formikProps: {
-      initialValues: {
-        notes: ""
-      },
-      onSubmit: handleSubmit
-    }
-  }, function (_ref3) {
-    var isSubmitting = _ref3.isSubmitting;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Modal.Body, null, /*#__PURE__*/React.createElement(formik.Textarea, {
-      "data-testid": "confirm-booking-modal-input-textfield",
-      label: t("neetoPayments.cash.confirmModal.notes"),
-      name: "notes",
-      placeholder: t("neetoPayments.cash.confirmModal.notesPlaceholder")
-    })), /*#__PURE__*/React.createElement(neetoui.Modal.Footer, {
-      className: "space-x-2"
-    }, /*#__PURE__*/React.createElement(formik.ActionBlock, {
-      isSubmitting: isPending,
-      position: "right",
-      cancelButtonProps: {
-        onClick: onClose,
-        style: "tertiary"
-      },
-      submitButtonProps: {
-        disabled: isSubmitting || isPending,
-        label: t("neetoPayments.common.confirm")
-      }
-    })));
-  })));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Button, {
+      "data-testid": "confirm-cash-payment-button",
+      label: t("neetoPayments.common.confirmPayment"),
+      loading: isPending,
+      size: "small",
+      onClick: () => setIsModalOpen(true)
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoui.Modal, {
+      onClose,
+      isOpen: isModalOpen,
+      size: "large",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "h2",
+          children: t("neetoPayments.cash.confirmModal.title")
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+        formikProps: {
+          initialValues: {
+            notes: ""
+          },
+          onSubmit: handleSubmit
+        },
+        children: ({
+          isSubmitting
+        }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Body, {
+            children: /*#__PURE__*/jsxRuntime.jsx(formik.Textarea, {
+              "data-testid": "confirm-booking-modal-input-textfield",
+              label: t("neetoPayments.cash.confirmModal.notes"),
+              name: "notes",
+              placeholder: t("neetoPayments.cash.confirmModal.notesPlaceholder")
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Footer, {
+            className: "space-x-2",
+            children: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+              isSubmitting: isPending,
+              position: "right",
+              cancelButtonProps: {
+                onClick: onClose,
+                style: "tertiary"
+              },
+              submitButtonProps: {
+                disabled: isSubmitting || isPending,
+                label: t("neetoPayments.common.confirm")
+              }
+            })
+          })]
+        })
+      })]
+    })]
+  });
 };
 
 module.exports = ConfirmCashPaymentButton;

package/dist/cjs/ConfirmCashPaymentButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmCashPaymentButton.js","sources":["../../app/javascript/src/components/ConfirmCashPaymentButton.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateCashPayment } from \"hooks/reactQuery/cash/usePaymentApi\";\nimport { Button, Modal, Typography } from \"neetoui\";\nimport { Form, Textarea, ActionBlock } from \"neetoui/formik\";\n\nconst ConfirmCashPaymentButton = ({\n  paymentId,\n  payableId,\n  onSuccess = noop,\n}) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const { t } = useTranslation();\n\n  const { mutate: updateUpiPayment, isPending } = useUpdateCashPayment(\n    paymentId,\n    { onSuccess }\n  );\n\n  const onClose = () => setIsModalOpen(false);\n\n  const handleSubmit = ({ notes }) => {\n    const payload = { notes, payableId, status: \"successful\" };\n    updateUpiPayment(payload);\n  };\n\n  return (\n    <>\n      <Button\n        data-testid=\"confirm-cash-payment-button\"\n        label={t(\"neetoPayments.common.confirmPayment\")}\n        loading={isPending}\n        size=\"small\"\n        onClick={() => setIsModalOpen(true)}\n      />\n      <Modal {...{ onClose }} isOpen={isModalOpen} size=\"large\">\n        <Modal.Header>\n          <Typography style=\"h2\">\n            {t(\"neetoPayments.cash.confirmModal.title\")}\n          </Typography>\n        </Modal.Header>\n        <Form\n          formikProps={{\n            initialValues: { notes: \"\" },\n            onSubmit: handleSubmit,\n          }}\n        >\n          {({ isSubmitting }) => (\n            <>\n              <Modal.Body>\n                <Textarea\n                  data-testid=\"confirm-booking-modal-input-textfield\"\n                  label={t(\"neetoPayments.cash.confirmModal.notes\")}\n                  name=\"notes\"\n                  placeholder={t(\n                    \"neetoPayments.cash.confirmModal.notesPlaceholder\"\n                  )}\n                />\n              </Modal.Body>\n              <Modal.Footer className=\"space-x-2\">\n                <ActionBlock\n                  isSubmitting={isPending}\n                  position=\"right\"\n                  cancelButtonProps={{\n                    onClick: onClose,\n                    style: \"tertiary\",\n                  }}\n                  submitButtonProps={{\n                    disabled: isSubmitting || isPending,\n                    label: t(\"neetoPayments.common.confirm\"),\n                  }}\n                />\n              </Modal.Footer>\n            </>\n          )}\n        </Form>\n      </Modal>\n    </>\n  );\n};\n\nexport default ConfirmCashPaymentButton;\n"],"names":["ConfirmCashPaymentButton","_ref","paymentId","payableId","_ref$onSuccess","onSuccess","noop","_useState","useState","_useState2","_slicedToArray","isModalOpen","setIsModalOpen","_useTranslation","useTranslation","t","_useUpdateCashPayment","useUpdateCashPayment","updateUpiPayment","mutate","isPending","onClose","handleSubmit","_ref2","notes","payload","status","React","createElement","Fragment","Button","label","loading","size","onClick","Modal","isOpen","Header","Typography","style","Form","formikProps","initialValues","onSubmit","_ref3","isSubmitting","Body","Textarea","name","placeholder","Footer","className","ActionBlock","position","cancelButtonProps","submitButtonProps","disabled"],"mappings":"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"}
+{"version":3,"file":"ConfirmCashPaymentButton.js","sources":["../../app/javascript/src/components/ConfirmCashPaymentButton.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateCashPayment } from \"hooks/reactQuery/cash/usePaymentApi\";\nimport { Button, Modal, Typography } from \"neetoui\";\nimport { Form, Textarea, ActionBlock } from \"neetoui/formik\";\n\nconst ConfirmCashPaymentButton = ({\n  paymentId,\n  payableId,\n  onSuccess = noop,\n}) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const { t } = useTranslation();\n\n  const { mutate: updateUpiPayment, isPending } = useUpdateCashPayment(\n    paymentId,\n    { onSuccess }\n  );\n\n  const onClose = () => setIsModalOpen(false);\n\n  const handleSubmit = ({ notes }) => {\n    const payload = { notes, payableId, status: \"successful\" };\n    updateUpiPayment(payload);\n  };\n\n  return (\n    <>\n      <Button\n        data-testid=\"confirm-cash-payment-button\"\n        label={t(\"neetoPayments.common.confirmPayment\")}\n        loading={isPending}\n        size=\"small\"\n        onClick={() => setIsModalOpen(true)}\n      />\n      <Modal {...{ onClose }} isOpen={isModalOpen} size=\"large\">\n        <Modal.Header>\n          <Typography style=\"h2\">\n            {t(\"neetoPayments.cash.confirmModal.title\")}\n          </Typography>\n        </Modal.Header>\n        <Form\n          formikProps={{\n            initialValues: { notes: \"\" },\n            onSubmit: handleSubmit,\n          }}\n        >\n          {({ isSubmitting }) => (\n            <>\n              <Modal.Body>\n                <Textarea\n                  data-testid=\"confirm-booking-modal-input-textfield\"\n                  label={t(\"neetoPayments.cash.confirmModal.notes\")}\n                  name=\"notes\"\n                  placeholder={t(\n                    \"neetoPayments.cash.confirmModal.notesPlaceholder\"\n                  )}\n                />\n              </Modal.Body>\n              <Modal.Footer className=\"space-x-2\">\n                <ActionBlock\n                  isSubmitting={isPending}\n                  position=\"right\"\n                  cancelButtonProps={{\n                    onClick: onClose,\n                    style: \"tertiary\",\n                  }}\n                  submitButtonProps={{\n                    disabled: isSubmitting || isPending,\n                    label: t(\"neetoPayments.common.confirm\"),\n                  }}\n                />\n              </Modal.Footer>\n            </>\n          )}\n        </Form>\n      </Modal>\n    </>\n  );\n};\n\nexport default ConfirmCashPaymentButton;\n"],"names":["ConfirmCashPaymentButton","paymentId","payableId","onSuccess","noop","isModalOpen","setIsModalOpen","useState","t","useTranslation","mutate","updateUpiPayment","isPending","useUpdateCashPayment","onClose","handleSubmit","notes","payload","status","_jsxs","_Fragment","children","_jsx","Button","label","loading","size","onClick","Modal","isOpen","Header","Typography","style","Form","formikProps","initialValues","onSubmit","isSubmitting","Body","Textarea","name","placeholder","Footer","className","ActionBlock","position","cancelButtonProps","submitButtonProps","disabled"],"mappings":"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"}

package/dist/cjs/{CopyButtonWrapper-BkpN0Wmd.js → CopyButtonWrapper-I-kdKiiB.js}

@@ -2,26 +2,28 @@
 
 var neetocist = require('neetocist');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+var jsxRuntime = require('react/jsx-runtime');
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ".ant-table-cell-row-hover .identifier-copy-button{visibility:visible!important}";
 n(css,{});
 
-var CopyButtonWrapper = function CopyButtonWrapper(_ref) {
-  var content = _ref.content,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center space-x-2"
-  }, children, neetocist.isPresent(content) && /*#__PURE__*/React.createElement("div", {
-    className: "identifier-copy-button invisible"
-  }, /*#__PURE__*/React.createElement(CopyToClipboardButton, {
-    size: "small",
-    style: "text",
-    value: content
-  })));
-};
+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;
 exports.n = n;
-//# sourceMappingURL=CopyButtonWrapper-BkpN0Wmd.js.map
+//# sourceMappingURL=CopyButtonWrapper-I-kdKiiB.js.map

package/dist/cjs/CopyButtonWrapper-I-kdKiiB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButtonWrapper-I-kdKiiB.js","sources":["../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../../app/javascript/src/components/Common/CopyButtonWrapper.jsx"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n","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":";;;;;;AAAA,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAC,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;ACM/tBA,MAAAA,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;;;;;","x_google_ignoreList":[0]}

package/dist/cjs/CustomerCancelRecurringPaymentForm.js

@@ -3,101 +3,102 @@
 var reactI18next = require('react-i18next');
 var reactUtils = require('neetocommons/react-utils');
 var axios = require('axios');
-var constants = require('./index-CZ_VFGNj.js');
+var constants = require('./index-C3LUTqjR.js');
 var reactQuery = require('@tanstack/react-query');
 var ramda = require('ramda');
-var queryConstants = require('./queryConstants-Cka1X6GX.js');
+var queryConstants = require('./queryConstants-Dc6wh21D.js');
 var neetoui = require('@bigbinary/neetoui');
 var formik = require('@bigbinary/neetoui/formik');
+var jsxRuntime = require('react/jsx-runtime');
 require('i18next');
 require('neetocommons/constants');
 require('decimal.js');
 require('neetocist');
 require('neetocommons/utils');
 
-var show = function show(payableId) {
-  return axios.get("".concat(constants.BASE_URL, "/api/v1/public/recurring_payments/").concat(payableId));
-};
-var update = function update(_ref) {
-  var payableId = _ref.payableId,
-    payload = _ref.payload;
-  return axios.put("".concat(constants.BASE_URL, "/api/v1/public/recurring_payments/").concat(payableId), {
-    recurring_payment: payload
-  });
-};
-var recurringPaymentsApi = {
-  show: show,
-  update: update
+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
 };
 
-var useFetchRecurringPayment = function useFetchRecurringPayment(payableId) {
-  return reactQuery.useQuery({
-    queryKey: [queryConstants.QUERY_KEYS.RECURRING_PAYMENT, payableId],
-    queryFn: function queryFn() {
-      return recurringPaymentsApi.show(payableId);
-    },
-    enabled: ramda.isNotNil(payableId)
-  });
-};
-var useUpdateRecurringPayments = function useUpdateRecurringPayments(payableId) {
-  return reactUtils.useMutationWithInvalidation(recurringPaymentsApi.update, {
-    keysToInvalidate: [queryConstants.QUERY_KEYS.RECURRING_PAYMENT, payableId]
-  });
-};
+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]
+});
 
-var CustomerCancelRecurringPaymentForm = function CustomerCancelRecurringPaymentForm(_ref) {
-  var payableId = _ref.payableId;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchRecurringPay = useFetchRecurringPayment(payableId),
-    isLoading = _useFetchRecurringPay.isLoading,
-    _useFetchRecurringPay2 = _useFetchRecurringPay.data,
-    _useFetchRecurringPay3 = _useFetchRecurringPay2 === void 0 ? {} : _useFetchRecurringPay2,
-    recurringPayment = _useFetchRecurringPay3.recurringPayment;
-  var _useUpdateRecurringPa = useUpdateRecurringPayments(payableId),
-    isPending = _useUpdateRecurringPa.isPending,
-    updateRecurringPayment = _useUpdateRecurringPa.mutate;
+const CustomerCancelRecurringPaymentForm = ({
+  payableId
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    isLoading,
+    data: {
+      recurringPayment
+    } = {}
+  } = useFetchRecurringPayment(payableId);
+  const {
+    isPending,
+    mutate: updateRecurringPayment
+  } = useUpdateRecurringPayments(payableId);
   if (isLoading) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "flex h-full w-full items-center justify-center"
-    }, /*#__PURE__*/React.createElement(neetoui.Spinner, null));
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Spinner, {})
+    });
   }
-  if ((recurringPayment === null || recurringPayment === void 0 ? void 0 : recurringPayment.status) === "cancelled") {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "flex h-full w-full items-center justify-center"
-    }, /*#__PURE__*/React.createElement(neetoui.Typography, null, t("neetoPayments.recurringPaymentCancel.message")));
+  if (recurringPayment?.status === "cancelled") {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+        children: t("neetoPayments.recurringPaymentCancel.message")
+      })
+    });
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex h-full w-full items-center justify-center"
-  }, /*#__PURE__*/React.createElement(formik.Form, {
-    className: "space-y-6",
-    formikProps: {
-      onSubmit: function onSubmit(_ref2) {
-        var cancelReason = _ref2.cancelReason;
-        return updateRecurringPayment({
-          payableId: payableId,
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex h-full w-full items-center justify-center",
+    children: /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
+      className: "space-y-6",
+      formikProps: {
+        onSubmit: ({
+          cancelReason
+        }) => updateRecurringPayment({
+          payableId,
           payload: {
             status: "cancelled",
-            cancelReason: cancelReason
+            cancelReason
           }
-        });
+        }),
+        initialValues: {
+          cancelReason: ""
+        }
       },
-      initialValues: {
-        cancelReason: ""
-      }
-    }
-  }, /*#__PURE__*/React.createElement(formik.Textarea, {
-    "data-testid": "cancel-meeting-input-textfield",
-    label: t("neetoPayments.recurringPaymentCancel.reasonLabel"),
-    name: "cancelReason",
-    placeholder: t("neetoPayments.recurringPaymentCancel.reasonPlaceholder")
-  }), /*#__PURE__*/React.createElement(formik.Button, {
-    "data-testid": "cancel-meeting-submit-button",
-    disabled: isPending,
-    label: t("neetoPayments.recurringPaymentCancel.buttonLabel"),
-    loading: isPending,
-    style: "danger"
-  })));
+      children: [/*#__PURE__*/jsxRuntime.jsx(formik.Textarea, {
+        "data-testid": "cancel-meeting-input-textfield",
+        label: t("neetoPayments.recurringPaymentCancel.reasonLabel"),
+        name: "cancelReason",
+        placeholder: t("neetoPayments.recurringPaymentCancel.reasonPlaceholder")
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Button, {
+        "data-testid": "cancel-meeting-submit-button",
+        disabled: isPending,
+        label: t("neetoPayments.recurringPaymentCancel.buttonLabel"),
+        loading: isPending,
+        style: "danger"
+      })]
+    })
+  });
 };
 
 module.exports = CustomerCancelRecurringPaymentForm;

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","concat","BASE_URL","update","_ref","payload","put","recurring_payment","recurringPaymentsApi","useFetchRecurringPayment","useQuery","queryKey","QUERY_KEYS","RECURRING_PAYMENT","queryFn","enabled","isNotNil","useUpdateRecurringPayments","useMutationWithInvalidation","keysToInvalidate","CustomerCancelRecurringPaymentForm","_useTranslation","useTranslation","t","_useFetchRecurringPay","isLoading","_useFetchRecurringPay2","data","_useFetchRecurringPay3","recurringPayment","_useUpdateRecurringPa","isPending","updateRecurringPayment","mutate","React","createElement","className","Spinner","status","Typography","Form","formikProps","onSubmit","_ref2","cancelReason","initialValues","Textarea","label","name","placeholder","Button","disabled","loading","style"],"mappings":"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"}
+{"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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"}

package/dist/cjs/ExportModal-ClKqp-oy.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var react = require('react');
+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-C3LUTqjR.js');
+var utils = require('neetocommons/utils');
+var neetoui = require('@bigbinary/neetoui');
+var exportChannel = require('./exportChannel-BL2RGGhP.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,
+  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
+  } = 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(neetoui.Modal, {
+    onClose,
+    isOpen: isExportModalOpen,
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+        style: "h2",
+        children: t(`neetoPayments.export.title.${dashboardKind}`)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Body, {
+      children: isGenerating ? /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+        style: "body2",
+        children: t("neetoPayments.export.pleaseWait")
+      }) : /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+        style: "body2",
+        children: neetocist.isPresent(downloadUrl) ? t("neetoPayments.export.fileReady") : t(`neetoPayments.export.download.${dashboardKind}`)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Footer, {
+      className: "space-x-2",
+      children: neetocist.isPresent(downloadUrl) ? /*#__PURE__*/jsxRuntime.jsx(neetoui.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(neetoui.Button, {
+          "data-testid": "cancel-button",
+          disabled: isGenerating,
+          label: t("neetoPayments.common.cancel"),
+          style: "tertiary",
+          onClick: onClose
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Button, {
+          "data-testid": "neeto-payments-export-button",
+          disabled: isGenerating,
+          label: t("neetoPayments.common.export"),
+          loading: isGenerating,
+          onClick: handleExport
+        })]
+      })
+    })]
+  });
+};
+
+exports.ExportModal = ExportModal;
+//# sourceMappingURL=ExportModal-ClKqp-oy.js.map