@bigbinary/neeto-payments-frontend 3.3.8 → 3.3.10

package/app/javascript/src/translations/en.json

@@ -468,6 +468,14 @@
         "max": "Must be less than 15"
       }
     },
+    "recurringPaymentCancel": {
+      "buttonLabel": "Cancel recurring payment",
+      "alertTitle": "Cancel recurring payment?",
+      "alertMessage": "You are cancelling the recurring payment for this submission. This can't be undone.",
+      "reasonLabel": "Reason for cancellation (optional)",
+      "reasonPlaceholder": "Type reason here...",
+      "message": "Recurring payment cancelled"
+    },
     "taxesDashboard": {
       "title": "Taxes",
       "noData": "There are no taxes to show",

package/dist/AccountsDashboard.js

@@ -32,7 +32,7 @@ import NoData from '@bigbinary/neetoui/NoData';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
-import { Q as QUERY_KEYS } from './queryConstants-CqEabttJ.js';
+import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
 import '@tanstack/react-query-devtools';
 import '@bigbinary/neeto-molecules/DateFormat';
 import '@bigbinary/neetoui/Tag';

package/dist/AdminCancelRecurringPaymentButton.js

@@ -0,0 +1,79 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import Button from '@bigbinary/neetoui/Button';
+import Alert from '@bigbinary/neetoui/Alert';
+import { useTranslation } from 'react-i18next';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
+import axios from 'axios';
+import { B as BASE_URL } from './index-ER2sofJn.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'i18next';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/utils';
+import 'ramda';
+
+var update = function update(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload;
+  return axios.put("".concat(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 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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useUpdateRecurringPa = useUpdateRecurringPayments(keysToInvalidate),
+    isPending = _useUpdateRecurringPa.isPending,
+    updateRecurringPayment = _useUpdateRecurringPa.mutate;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Button, {
+      style: style,
+      label: t("neetoPayments.recurringPaymentCancel.buttonLabel"),
+      onClick: function onClick() {
+        return setIsAlertOpen(true);
+      }
+    }), /*#__PURE__*/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"
+          }
+        });
+      }
+    })]
+  });
+};
+
+export { AdminCancelRecurringPaymentButton as default };
+//# sourceMappingURL=AdminCancelRecurringPaymentButton.js.map

package/dist/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/CustomerCancelRecurringPaymentForm.js

@@ -0,0 +1,111 @@
+import Typography from '@bigbinary/neetoui/Typography';
+import Spinner from '@bigbinary/neetoui/Spinner';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Textarea from '@bigbinary/neetoui/formik/Textarea';
+import Button from '@bigbinary/neetoui/formik/Button';
+import { useTranslation } from 'react-i18next';
+import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
+import axios from 'axios';
+import { B as BASE_URL } from './index-ER2sofJn.js';
+import { useQuery } from '@tanstack/react-query';
+import { isNotNil } from 'ramda';
+import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'i18next';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-commons-frontend/utils';
+
+var show = function show(payableId) {
+  return axios.get("".concat(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(BASE_URL, "/api/v1/public/recurring_payments/").concat(payableId), {
+    recurring_payment: payload
+  });
+};
+var recurringPaymentsApi = {
+  show: show,
+  update: update
+};
+
+var useFetchRecurringPayment = function useFetchRecurringPayment(payableId) {
+  return useQuery({
+    queryKey: [QUERY_KEYS.RECURRING_PAYMENT, payableId],
+    queryFn: function queryFn() {
+      return recurringPaymentsApi.show(payableId);
+    },
+    enabled: isNotNil(payableId)
+  });
+};
+var useUpdateRecurringPayments = function useUpdateRecurringPayments(payableId) {
+  return useMutationWithInvalidation(recurringPaymentsApi.update, {
+    keysToInvalidate: [QUERY_KEYS.RECURRING_PAYMENT, payableId]
+  });
+};
+
+var CustomerCancelRecurringPaymentForm = function CustomerCancelRecurringPaymentForm(_ref) {
+  var payableId = _ref.payableId;
+  var _useTranslation = 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__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  if ((recurringPayment === null || recurringPayment === void 0 ? void 0 : recurringPayment.status) === "cancelled") {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Typography, {
+        children: t("neetoPayments.recurringPaymentCancel.message")
+      })
+    });
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: "flex h-full w-full items-center justify-center",
+    children: /*#__PURE__*/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__*/jsx(Textarea, {
+        "data-cy": "cancel-meeting-input-textfield",
+        label: t("neetoPayments.recurringPaymentCancel.reasonLabel"),
+        name: "cancelReason",
+        placeholder: t("neetoPayments.recurringPaymentCancel.reasonPlaceholder")
+      }), /*#__PURE__*/jsx(Button, {
+        "data-cy": "cancel-meeting-submit-button",
+        disabled: isPending,
+        label: t("neetoPayments.recurringPaymentCancel.buttonLabel"),
+        loading: isPending,
+        style: "danger"
+      })]
+    })
+  });
+};
+
+export { CustomerCancelRecurringPaymentForm as default };
+//# sourceMappingURL=CustomerCancelRecurringPaymentForm.js.map

package/dist/CustomerCancelRecurringPaymentForm.js.map

@@ -0,0 +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 { Typography, Spinner } from \"neetoui\";\nimport { Form, Textarea, Button } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  useUpdateRecurringPayments,\n  useFetchRecurringPayment,\n} from \"hooks/reactQuery/public/useRecurringPaymentsApi\";\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-cy=\"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-cy=\"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","_jsx","className","children","Spinner","status","Typography","_jsxs","Form","formikProps","onSubmit","_ref2","cancelReason","initialValues","Textarea","label","name","placeholder","Button","disabled","loading","style"],"mappings":"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"}

package/dist/PaymentsDashboard.js

@@ -12,7 +12,7 @@ import { E as ExportModal } from './ExportModal-DCGDM_Fa.js';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { B as BASE_URL, P as PAYMENT_PROVIDERS, c as DEFAULT_TAG_STYLE, f as formatAmount, d as formatCurrency, e as getUniquePaymentProviders, h as buildDefaultTableColumns, S as SORT_DIRECTIONS, p as processDataIndex, D as DEFAULT_SORT_PROPERTIES, s as shouldTabsVisible, U as UN_HIDEABLE_COLUMNS, i as DEFAULT_PAGE_VALUES, j as DASHBOARD_KIND } from './index-ER2sofJn.js';
-import { Q as QUERY_KEYS } from './queryConstants-CqEabttJ.js';
+import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
 import { t } from 'i18next';
 import { toLabelAndValue, snakeToCamelCase, humanize, isNotPresent, isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
 import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';

package/dist/PayoutsDashboard.js

@@ -30,8 +30,8 @@ import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import Table from '@bigbinary/neetoui/Table';
 import NoData from '@bigbinary/neetoui/NoData';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import { u as useFetchStripePayouts } from './useConnectApi-BJyvgLXQ.js';
-import { u as useFetchStripePlatformPayouts } from './usePlatformApi-D-E9w189.js';
+import { u as useFetchStripePayouts } from './useConnectApi-DLJNjz8A.js';
+import { u as useFetchStripePlatformPayouts } from './usePlatformApi-BmTjLVDt.js';
 import '@tanstack/react-query';
 import '@tanstack/react-query-devtools';
 import 'axios';
@@ -40,7 +40,7 @@ import '@bigbinary/neetoui/Tag';
 import '@bigbinary/neetoui/Tooltip';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import 'qs';
-import './queryConstants-CqEabttJ.js';
+import './queryConstants-mgjK5Hgk.js';
 
 var TAB = {
   all: "all",

package/dist/PayoutsPage.js

@@ -5,8 +5,8 @@ import Typography from '@bigbinary/neetoui/Typography';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom/cjs/react-router-dom';
 import { r as renderStatus, c as renderDate } from './renderFunctions-COtuAmF9.js';
-import { a as useShowStripePayout } from './useConnectApi-BJyvgLXQ.js';
-import { a as useShowStripePlatformPayout } from './usePlatformApi-D-E9w189.js';
+import { a as useShowStripePayout } from './useConnectApi-DLJNjz8A.js';
+import { a as useShowStripePlatformPayout } from './usePlatformApi-BmTjLVDt.js';
 import Button from '@bigbinary/neetoui/Button';
 import { C as CopyButtonWrapper } from './CopyButtonWrapper-SoJkwX-d.js';
 import { k as buildStripePayoutLink } from './index-ER2sofJn.js';
@@ -21,7 +21,7 @@ import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import 'qs';
-import './queryConstants-CqEabttJ.js';
+import './queryConstants-mgjK5Hgk.js';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import '@bigbinary/neeto-commons-frontend/constants';
 import '@bigbinary/neeto-commons-frontend/utils';

package/dist/RecurringPaymentSettings.js

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

package/dist/RecurringPaymentSettings.js.map

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

package/dist/RefundsDashboard.js

@@ -12,7 +12,7 @@ import { E as ExportModal } from './ExportModal-DCGDM_Fa.js';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { B as BASE_URL, P as PAYMENT_PROVIDERS, c as DEFAULT_TAG_STYLE, f as formatAmount, d as formatCurrency, h as buildDefaultTableColumns, S as SORT_DIRECTIONS, p as processDataIndex, A as ASSOCIATED_TABLE_COLUMNS, D as DEFAULT_SORT_PROPERTIES, s as shouldTabsVisible, U as UN_HIDEABLE_COLUMNS, i as DEFAULT_PAGE_VALUES, j as DASHBOARD_KIND } from './index-ER2sofJn.js';
-import { Q as QUERY_KEYS } from './queryConstants-CqEabttJ.js';
+import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
 import { t } from 'i18next';
 import { toLabelAndValue, snakeToCamelCase, humanize, isNotPresent, camelToSnakeCase, isPresent } from '@bigbinary/neeto-cist';
 import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';

package/dist/SplitTransfersDashboard.js

@@ -13,7 +13,7 @@ import { useQuery } from '@tanstack/react-query';
 import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
 import axios from 'axios';
 import { B as BASE_URL, l as preProcessStatus, m as getTagStyle, f as formatAmount, d as formatCurrency, n as PAYMENT_KIND, p as processDataIndex, S as SORT_DIRECTIONS, D as DEFAULT_SORT_PROPERTIES, s as shouldTabsVisible, U as UN_HIDEABLE_COLUMNS, i as DEFAULT_PAGE_VALUES, j as DASHBOARD_KIND } from './index-ER2sofJn.js';
-import { Q as QUERY_KEYS } from './queryConstants-CqEabttJ.js';
+import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
 import Modal from '@bigbinary/neetoui/Modal';
 import Typography from '@bigbinary/neetoui/Typography';
 import Form from '@bigbinary/neetoui/formik/Form';

package/dist/StripeConnect.js

@@ -6,7 +6,7 @@ import { humanize, isPresent } from '@bigbinary/neeto-cist';
 import { useQueryParams, withT, useStateWithDependency } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Demo from 'neetointegrations/Demo';
 import IntegrationModal from 'neetointegrations/Modal';
-import { b as useCreateStripeAccount, c as usePollingStripeAccountCreationStatus, d as useFetchConnectedStripeAccount, e as useDestroyStripeAccount, f as usePollingStripeAccount } from './useConnectApi-BJyvgLXQ.js';
+import { b as useCreateStripeAccount, c as usePollingStripeAccountCreationStatus, d as useFetchConnectedStripeAccount, e as useDestroyStripeAccount, f as usePollingStripeAccount } from './useConnectApi-DLJNjz8A.js';
 import Label from '@bigbinary/neetoui/Label';
 import Typography from '@bigbinary/neetoui/Typography';
 import { useTranslation, Trans } from 'react-i18next';
@@ -18,7 +18,7 @@ import { useHistory } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { B as BASE_URL } from './index-ER2sofJn.js';
-import { Q as QUERY_KEYS } from './queryConstants-CqEabttJ.js';
+import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
 import { t } from 'i18next';
 import * as yup from 'yup';
 import 'ramda';

package/dist/TaxesDashboard.js

@@ -16,7 +16,7 @@ import { useQuery } from '@tanstack/react-query';
 import { useMutationWithInvalidation } from '@bigbinary/neeto-commons-frontend/react-utils';
 import axios from 'axios';
 import { B as BASE_URL } from './index-ER2sofJn.js';
-import { Q as QUERY_KEYS } from './queryConstants-CqEabttJ.js';
+import { Q as QUERY_KEYS } from './queryConstants-mgjK5Hgk.js';
 import Label from '@bigbinary/neetoui/Label';
 import Typography from '@bigbinary/neetoui/Typography';
 import Pane from '@bigbinary/neetoui/Pane';
@@ -266,7 +266,9 @@ var TaxesDashboard = function TaxesDashboard(_ref) {
     _ref$onTaxesChange = _ref.onTaxesChange,
     onTaxesChange = _ref$onTaxesChange === void 0 ? noop : _ref$onTaxesChange,
     _ref$paymentUrl = _ref.paymentUrl,
-    paymentUrl = _ref$paymentUrl === void 0 ? "" : _ref$paymentUrl;
+    paymentUrl = _ref$paymentUrl === void 0 ? "" : _ref$paymentUrl,
+    _ref$headerSize = _ref.headerSize,
+    headerSize = _ref$headerSize === void 0 ? "small" : _ref$headerSize;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isFormPaneOpen = _useState2[0],
@@ -310,6 +312,7 @@ var TaxesDashboard = function TaxesDashboard(_ref) {
     return /*#__PURE__*/jsxs(Container, {
       children: [/*#__PURE__*/jsx(Header$1, {
         breadcrumbs: breadcrumbs,
+        size: headerSize,
         title: t("neetoPayments.taxesDashboard.title")
       }), /*#__PURE__*/jsx("div", {
         className: "flex h-full w-full items-center justify-center",