@bigbinary/neeto-payments-frontend 3.3.31 → 3.3.33

package/dist/cjs/AdminCancelRecurringPaymentButton.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var Button = require('@bigbinary/neetoui/Button');
+var Alert = require('@bigbinary/neetoui/Alert');
+var reactI18next = require('react-i18next');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var axios = require('axios');
+var constants = require('./index-CihS_E6s.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('i18next');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('ramda');
+
+var update = function update(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload;
+  return axios.put("".concat(constants.BASE_URL, "/api/v1/recurring_payments/").concat(id), {
+    recurring_payment: payload
+  });
+};
+var recurringPaymentsApi = {
+  update: update
+};
+
+var useUpdateRecurringPayments = function useUpdateRecurringPayments() {
+  var keysToInvalidate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return reactUtils.useMutationWithInvalidation(recurringPaymentsApi.update, {
+    keysToInvalidate: _toConsumableArray(keysToInvalidate)
+  });
+};
+
+var AdminCancelRecurringPaymentButton = function AdminCancelRecurringPaymentButton(_ref) {
+  var id = _ref.id,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? "primary" : _ref$style,
+    _ref$keysToInvalidate = _ref.keysToInvalidate,
+    keysToInvalidate = _ref$keysToInvalidate === void 0 ? [] : _ref$keysToInvalidate;
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useUpdateRecurringPa = useUpdateRecurringPayments(keysToInvalidate),
+    isPending = _useUpdateRecurringPa.isPending,
+    updateRecurringPayment = _useUpdateRecurringPa.mutate;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+      style: style,
+      label: t("neetoPayments.recurringPaymentCancel.buttonLabel"),
+      onClick: function onClick() {
+        return setIsAlertOpen(true);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
+      isOpen: isAlertOpen,
+      isSubmitting: isPending,
+      message: t("neetoPayments.recurringPaymentCancel.alertMessage"),
+      submitButtonLabel: t("neetoPayments.common.continue"),
+      title: t("neetoPayments.recurringPaymentCancel.alertTitle"),
+      onClose: function onClose() {
+        return setIsAlertOpen(false);
+      },
+      onSubmit: function onSubmit() {
+        return updateRecurringPayment({
+          id: id,
+          payload: {
+            status: "cancelled"
+          }
+        });
+      }
+    })]
+  });
+};
+
+module.exports = AdminCancelRecurringPaymentButton;
+//# sourceMappingURL=AdminCancelRecurringPaymentButton.js.map

package/dist/cjs/AdminCancelRecurringPaymentButton.js.map

@@ -0,0 +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","_ref","id","payload","axios","put","concat","BASE_URL","recurring_payment","recurringPaymentsApi","useUpdateRecurringPayments","keysToInvalidate","arguments","length","undefined","useMutationWithInvalidation","_toConsumableArray","AdminCancelRecurringPaymentButton","_ref$style","style","_ref$keysToInvalidate","_useState","useState","_useState2","_slicedToArray","isAlertOpen","setIsAlertOpen","_useUpdateRecurringPa","isPending","updateRecurringPayment","mutate","_useTranslation","useTranslation","t","_jsxs","_Fragment","children","_jsx","Button","label","onClick","Alert","isOpen","isSubmitting","message","submitButtonLabel","title","onClose","onSubmit","status"],"mappings":"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"}

package/dist/cjs/CashPaymentButton.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var neetoCist = require('@bigbinary/neeto-cist');
+var Button = require('@bigbinary/neetoui/Button');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('./usePaymentApi-BR4z3fpQ.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('axios');
+require('./index-CihS_E6s.js');
+require('i18next');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('ramda');
+
+var CashPaymentButton = function CashPaymentButton(_ref) {
+  var label = _ref.label,
+    payableId = _ref.payableId,
+    payableType = _ref.payableType,
+    discountCode = _ref.discountCode,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$onBeforePayment = _ref.onBeforePayment,
+    onBeforePayment = _ref$onBeforePayment === void 0 ? neetoCist.noop : _ref$onBeforePayment,
+    _ref$onFailedPayment = _ref.onFailedPayment,
+    onFailedPayment = _ref$onFailedPayment === void 0 ? neetoCist.noop : _ref$onFailedPayment,
+    _ref$onSuccessfulPaym = _ref.onSuccessfulPayment,
+    onSuccessfulPayment = _ref$onSuccessfulPaym === void 0 ? neetoCist.noop : _ref$onSuccessfulPaym;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useCreateCashPayment = usePaymentApi.useCreateCashPayment({
+      onSuccess: onSuccessfulPayment,
+      onError: onFailedPayment
+    }),
+    isPending = _useCreateCashPayment.isPending,
+    createCashPayment = _useCreateCashPayment.mutate;
+  var handleSubmit = function handleSubmit() {
+    onBeforePayment();
+    createCashPayment({
+      payableId: payableId,
+      payableType: payableType,
+      discountCode: discountCode
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Button, {
+    disabled: isPending || isDisabled,
+    label: label || t("neetoPayments.common.proceed"),
+    loading: isPending || isLoading,
+    onClick: handleSubmit
+  });
+};
+
+module.exports = CashPaymentButton;
+//# sourceMappingURL=CashPaymentButton.js.map

package/dist/cjs/CashPaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CashPaymentButton.js","sources":["../../app/javascript/src/components/CashPaymentButton.jsx"],"sourcesContent":["import { noop } from \"neetocist\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateCashPayment } from \"hooks/reactQuery/cash/usePaymentApi\";\n\nconst CashPaymentButton = ({\n  label,\n  payableId,\n  payableType,\n  discountCode,\n  isDisabled = false,\n  isLoading = false,\n  onBeforePayment = noop,\n  onFailedPayment = noop,\n  onSuccessfulPayment = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const { isPending, mutate: createCashPayment } = useCreateCashPayment({\n    onSuccess: onSuccessfulPayment,\n    onError: onFailedPayment,\n  });\n\n  const handleSubmit = () => {\n    onBeforePayment();\n    createCashPayment({ payableId, payableType, discountCode });\n  };\n\n  return (\n    <Button\n      disabled={isPending || isDisabled}\n      label={label || t(\"neetoPayments.common.proceed\")}\n      loading={isPending || isLoading}\n      onClick={handleSubmit}\n    />\n  );\n};\n\nexport default CashPaymentButton;\n"],"names":["CashPaymentButton","_ref","label","payableId","payableType","discountCode","_ref$isDisabled","isDisabled","_ref$isLoading","isLoading","_ref$onBeforePayment","onBeforePayment","noop","_ref$onFailedPayment","onFailedPayment","_ref$onSuccessfulPaym","onSuccessfulPayment","_useTranslation","useTranslation","t","_useCreateCashPayment","useCreateCashPayment","onSuccess","onError","isPending","createCashPayment","mutate","handleSubmit","_jsx","Button","disabled","loading","onClick"],"mappings":";;;;;;;;;;;;;;;;AAMA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAUjB;AAAA,EAAA,IATJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAAC,eAAA,GAAAL,IAAA,CACZM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,cAAA,GAAAP,IAAA,CAClBQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IAAAE,oBAAA,GAAAT,IAAA,CACjBU,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,oBAAA;IAAAG,oBAAA,GAAAZ,IAAA,CACtBa,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAGD,KAAAA,CAAAA,GAAAA,cAAI,GAAAC,oBAAA;IAAAE,qBAAA,GAAAd,IAAA,CACtBe,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAGH,KAAAA,CAAAA,GAAAA,cAAI,GAAAG,qBAAA;AAE1B,EAAA,IAAAE,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;EAET,IAAAC,qBAAA,GAAiDC,kCAAoB,CAAC;AACpEC,MAAAA,SAAS,EAAEN,mBAAmB;AAC9BO,MAAAA,OAAO,EAAET;AACX,KAAC,CAAC;IAHMU,SAAS,GAAAJ,qBAAA,CAATI,SAAS;IAAUC,iBAAiB,GAAAL,qBAAA,CAAzBM,MAAM;AAKzB,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;AACzBhB,IAAAA,eAAe,EAAE;AACjBc,IAAAA,iBAAiB,CAAC;AAAEtB,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,WAAW,EAAXA,WAAW;AAAEC,MAAAA,YAAY,EAAZA;AAAa,KAAC,CAAC;GAC5D;EAED,oBACEuB,cAAA,CAACC,MAAM,EAAA;IACLC,QAAQ,EAAEN,SAAS,IAAIjB,UAAW;AAClCL,IAAAA,KAAK,EAAEA,KAAK,IAAIiB,CAAC,CAAC,8BAA8B,CAAE;IAClDY,OAAO,EAAEP,SAAS,IAAIf,SAAU;AAChCuB,IAAAA,OAAO,EAAEL;AAAa,GACvB,CAAC;AAEN;;;;"}

package/dist/cjs/ConfirmCashPaymentButton.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Button = require('@bigbinary/neetoui/Button');
+var Modal = require('@bigbinary/neetoui/Modal');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('./usePaymentApi-BR4z3fpQ.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('axios');
+require('./index-CihS_E6s.js');
+require('i18next');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-commons-frontend/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,
+      status: "successful"
+    };
+    updateUpiPayment(payload);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+      label: t("neetoPayments.common.confirmPayment"),
+      loading: isPending,
+      size: "small",
+      onClick: function onClick() {
+        return setIsModalOpen(true);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsxs(Modal, {
+      onClose: onClose,
+      isOpen: isModalOpen,
+      size: "large",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          style: "h2",
+          children: t("neetoPayments.cash.confirmModal.title")
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Form, {
+        formikProps: {
+          initialValues: {
+            notes: ""
+          },
+          enableReinitialize: true,
+          onSubmit: handleSubmit
+        },
+        children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
+            children: /*#__PURE__*/jsxRuntime.jsx(Textarea, {
+              "data-cy": "confirm-booking-modal-input-textfield",
+              label: t("neetoPayments.cash.confirmModal.notes"),
+              name: "notes",
+              placeholder: t("neetoPayments.cash.confirmModal.notesPlaceholder")
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(Modal.Footer, {
+            className: "space-x-2",
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+              isSubmitting: isPending,
+              position: "right",
+              cancelButtonProps: {
+                onClick: onClose,
+                style: "tertiary"
+              },
+              submitButtonProps: {
+                label: t("neetoPayments.common.confirm")
+              }
+            })
+          })]
+        })
+      })]
+    })]
+  });
+};
+
+module.exports = ConfirmCashPaymentButton;
+//# sourceMappingURL=ConfirmCashPaymentButton.js.map

package/dist/cjs/ConfirmCashPaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmCashPaymentButton.js","sources":["../../app/javascript/src/components/ConfirmCashPaymentButton.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button, Modal, Typography } from \"neetoui\";\nimport { Form, Textarea, ActionBlock } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateCashPayment } from \"hooks/reactQuery/cash/usePaymentApi\";\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        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            enableReinitialize: true,\n            onSubmit: handleSubmit,\n          }}\n        >\n          <>\n            <Modal.Body>\n              <Textarea\n                data-cy=\"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                  label: t(\"neetoPayments.common.confirm\"),\n                }}\n              />\n            </Modal.Footer>\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","_jsxs","_Fragment","children","_jsx","Button","label","loading","size","onClick","Modal","isOpen","Header","Typography","style","Form","formikProps","initialValues","enableReinitialize","onSubmit","Body","Textarea","name","placeholder","Footer","className","ActionBlock","isSubmitting","position","cancelButtonProps","submitButtonProps"],"mappings":"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"}

package/dist/cjs/ConfirmUpiPaymentButton.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Button = require('@bigbinary/neetoui/Button');
+var Modal = require('@bigbinary/neetoui/Modal');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+var Select = require('@bigbinary/neetoui/formik/Select');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentsApi = require('./usePaymentsApi-DY7TZaXP.js');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('axios');
+require('./index-CihS_E6s.js');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-commons-frontend/utils');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var INITIAL_VALUE = {
+  vpaId: "",
+  notes: ""
+};
+var VALIDATION_SCHEMA = yup__namespace.object({
+  vpaId: yup__namespace.string().required(i18next.t("neetoPayments.upi.confirmModal.vpasIdRequired"))
+});
+
+var ConfirmUpiPaymentButton = function ConfirmUpiPaymentButton(_ref) {
+  var vpas = _ref.vpas,
+    identifier = _ref.identifier,
+    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 _useUpdateUpiPayment = usePaymentsApi.useUpdateUpiPayment(paymentId, {
+      onSuccess: onSuccess
+    }),
+    updateUpiPayment = _useUpdateUpiPayment.mutate,
+    isPending = _useUpdateUpiPayment.isPending;
+  var initialValues = vpas.length === 1 ? ramda.mergeLeft({
+    vpaId: vpas[0].id
+  }, INITIAL_VALUE) : INITIAL_VALUE;
+  var onClose = function onClose() {
+    return setIsModalOpen(false);
+  };
+  var handleSubmit = function handleSubmit(_ref2) {
+    var vpaId = _ref2.vpaId,
+      notes = _ref2.notes;
+    var vpa = neetoCist.findBy({
+      id: vpaId
+    }, vpas);
+    var payload = {
+      notes: notes,
+      vpaId: vpaId,
+      payableId: payableId,
+      upiId: vpa.upiId,
+      status: "successful"
+    };
+    updateUpiPayment(payload);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+      label: t("neetoPayments.upi.payment.buttons.confirmPayment"),
+      loading: isPending,
+      size: "small",
+      onClick: function onClick() {
+        return setIsModalOpen(true);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsxs(Modal, {
+      onClose: onClose,
+      isOpen: isModalOpen,
+      size: "large",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          style: "h2",
+          children: t("neetoPayments.upi.confirmModal.title")
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Form, {
+        formikProps: {
+          initialValues: initialValues,
+          enableReinitialize: true,
+          onSubmit: handleSubmit,
+          validationSchema: VALIDATION_SCHEMA
+        },
+        children: function children(_ref3) {
+          var setFieldValue = _ref3.setFieldValue;
+          return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
+              children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex flex-col space-y-4",
+                children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+                  lineHeight: "normal",
+                  style: "body2",
+                  children: t("neetoPayments.upi.confirmModal.upiTransactionId", {
+                    identifier: identifier
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsx(Select, {
+                  label: t("neetoPayments.upi.confirmModal.accountIdLabel"),
+                  name: "vpaId",
+                  options: vpas === null || vpas === void 0 ? void 0 : vpas.map(function (_ref4) {
+                    var address = _ref4.address,
+                      id = _ref4.id;
+                    return {
+                      label: address,
+                      value: id
+                    };
+                  }),
+                  onChange: function onChange(_ref5) {
+                    var value = _ref5.value;
+                    return setFieldValue("vpaId", value);
+                  }
+                }), /*#__PURE__*/jsxRuntime.jsx(Textarea, {
+                  "data-cy": "confirm-booking-modal-input-textfield",
+                  label: t("neetoPayments.upi.confirmModal.notes"),
+                  name: "notes",
+                  placeholder: t("neetoPayments.upi.confirmModal.notesPlaceholder")
+                })]
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx(Modal.Footer, {
+              className: "space-x-2",
+              children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+                isSubmitting: isPending,
+                position: "right",
+                cancelButtonProps: {
+                  onClick: onClose,
+                  style: "tertiary"
+                },
+                submitButtonProps: {
+                  label: t("neetoPayments.common.confirm")
+                }
+              })
+            })]
+          });
+        }
+      })]
+    })]
+  });
+};
+
+module.exports = ConfirmUpiPaymentButton;
+//# sourceMappingURL=ConfirmUpiPaymentButton.js.map

package/dist/cjs/ConfirmUpiPaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmUpiPaymentButton.js","sources":["../../app/javascript/src/components/ConfirmUpiPaymentButton/constants.js","../../app/javascript/src/components/ConfirmUpiPaymentButton/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { vpaId: \"\", notes: \"\" };\n\nexport const VALIDATION_SCHEMA = yup.object({\n  vpaId: yup\n    .string()\n    .required(t(\"neetoPayments.upi.confirmModal.vpasIdRequired\")),\n});\n","import { useState } from \"react\";\n\nimport { findBy, noop } from \"neetocist\";\nimport { Button, Modal, Typography } from \"neetoui\";\nimport { Form, Textarea, Select, ActionBlock } from \"neetoui/formik\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateUpiPayment } from \"hooks/reactQuery/upi/usePaymentsApi\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst ConfirmUpiPaymentButton = ({\n  vpas,\n  identifier,\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 } = useUpdateUpiPayment(\n    paymentId,\n    { onSuccess }\n  );\n\n  const initialValues =\n    vpas.length === 1\n      ? mergeLeft({ vpaId: vpas[0].id }, INITIAL_VALUE)\n      : INITIAL_VALUE;\n\n  const onClose = () => setIsModalOpen(false);\n\n  const handleSubmit = ({ vpaId, notes }) => {\n    const vpa = findBy({ id: vpaId }, vpas);\n    const payload = {\n      notes,\n      vpaId,\n      payableId,\n      upiId: vpa.upiId,\n      status: \"successful\",\n    };\n    updateUpiPayment(payload);\n  };\n\n  return (\n    <>\n      <Button\n        label={t(\"neetoPayments.upi.payment.buttons.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.upi.confirmModal.title\")}\n          </Typography>\n        </Modal.Header>\n        <Form\n          formikProps={{\n            initialValues,\n            enableReinitialize: true,\n            onSubmit: handleSubmit,\n            validationSchema: VALIDATION_SCHEMA,\n          }}\n        >\n          {({ setFieldValue }) => (\n            <>\n              <Modal.Body>\n                <div className=\"flex flex-col space-y-4\">\n                  <Typography lineHeight=\"normal\" style=\"body2\">\n                    {t(\"neetoPayments.upi.confirmModal.upiTransactionId\", {\n                      identifier,\n                    })}\n                  </Typography>\n                  <Select\n                    label={t(\"neetoPayments.upi.confirmModal.accountIdLabel\")}\n                    name=\"vpaId\"\n                    options={vpas?.map(({ address, id }) => ({\n                      label: address,\n                      value: id,\n                    }))}\n                    onChange={({ value }) => setFieldValue(\"vpaId\", value)}\n                  />\n                  <Textarea\n                    data-cy=\"confirm-booking-modal-input-textfield\"\n                    label={t(\"neetoPayments.upi.confirmModal.notes\")}\n                    name=\"notes\"\n                    placeholder={t(\n                      \"neetoPayments.upi.confirmModal.notesPlaceholder\"\n                    )}\n                  />\n                </div>\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                    label: t(\"neetoPayments.common.confirm\"),\n                  }}\n                />\n              </Modal.Footer>\n            </>\n          )}\n        </Form>\n      </Modal>\n    </>\n  );\n};\n\nexport default ConfirmUpiPaymentButton;\n"],"names":["INITIAL_VALUE","vpaId","notes","VALIDATION_SCHEMA","yup","object","string","required","t","ConfirmUpiPaymentButton","_ref","vpas","identifier","paymentId","payableId","_ref$onSuccess","onSuccess","noop","_useState","useState","_useState2","_slicedToArray","isModalOpen","setIsModalOpen","_useTranslation","useTranslation","_useUpdateUpiPayment","useUpdateUpiPayment","updateUpiPayment","mutate","isPending","initialValues","length","mergeLeft","id","onClose","handleSubmit","_ref2","vpa","findBy","payload","upiId","status","_jsxs","_Fragment","children","_jsx","Button","label","loading","size","onClick","Modal","isOpen","Header","Typography","style","Form","formikProps","enableReinitialize","onSubmit","validationSchema","_ref3","setFieldValue","Body","className","lineHeight","Select","name","options","map","_ref4","address","value","onChange","_ref5","Textarea","placeholder","Footer","ActionBlock","isSubmitting","position","cancelButtonProps","submitButtonProps"],"mappings":"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"}

package/dist/cjs/CopyButtonWrapper-Ds1k64E0.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var neetoCist = require('@bigbinary/neeto-cist');
+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__*/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-Ds1k64E0.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButtonWrapper-Ds1k64E0.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.scss\";\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","_ref","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;;;;;ACMruB,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAA,EAAA,oBAC5CC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,6BAA6B;IAAAF,QAAA,EAAA,CACzCA,QAAQ,EACRG,mBAAS,CAACJ,OAAO,CAAC,iBACjBK,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,kCAAkC;MAAAF,QAAA,eAC/CI,cAAA,CAACC,qBAAqB,EAAA;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,KAAK,EAAC,MAAM;AAACC,QAAAA,KAAK,EAAET;OAAU;AAAC,KAChE,CACN;AAAA,GACE,CAAC;AAAA;;;;;","x_google_ignoreList":[0]}

package/dist/cjs/CustomerCancelRecurringPaymentForm.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var Typography = require('@bigbinary/neetoui/Typography');
+var Spinner = require('@bigbinary/neetoui/Spinner');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+var Button = require('@bigbinary/neetoui/formik/Button');
+var reactI18next = require('react-i18next');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var axios = require('axios');
+var constants = require('./index-CihS_E6s.js');
+var reactQuery = require('@tanstack/react-query');
+var ramda = require('ramda');
+var queryConstants = require('./queryConstants-DGg4cX3r.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('i18next');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neeto-commons-frontend/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
+};
+
+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]
+  });
+};
+
+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;
+  if (isLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
+    });
+  }
+  if ((recurringPayment === null || recurringPayment === void 0 ? void 0 : recurringPayment.status) === "cancelled") {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        children: t("neetoPayments.recurringPaymentCancel.message")
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex h-full w-full items-center justify-center",
+    children: /*#__PURE__*/jsxRuntime.jsxs(Form, {
+      className: "space-y-6",
+      formikProps: {
+        onSubmit: function onSubmit(_ref2) {
+          var cancelReason = _ref2.cancelReason;
+          return updateRecurringPayment({
+            payableId: payableId,
+            payload: {
+              status: "cancelled",
+              cancelReason: cancelReason
+            }
+          });
+        },
+        initialValues: {
+          cancelReason: ""
+        }
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(Textarea, {
+        "data-cy": "cancel-meeting-input-textfield",
+        label: t("neetoPayments.recurringPaymentCancel.reasonLabel"),
+        name: "cancelReason",
+        placeholder: t("neetoPayments.recurringPaymentCancel.reasonPlaceholder")
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+        "data-cy": "cancel-meeting-submit-button",
+        disabled: isPending,
+        label: t("neetoPayments.recurringPaymentCancel.buttonLabel"),
+        loading: isPending,
+        style: "danger"
+      })]
+    })
+  });
+};
+
+module.exports = CustomerCancelRecurringPaymentForm;
+//# sourceMappingURL=CustomerCancelRecurringPaymentForm.js.map