@bigbinary/neeto-payments-frontend 2.2.0 → 2.2.2

package/dist/cjs/StripeConnect.js

@@ -1,10 +1,12 @@
 'use strict';
 
-var React$1 = require('react');
+var defineProperty = require('./defineProperty-f3094d6c.js');
+var slicedToArray = require('./slicedToArray-f320d9e7.js');
+var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var neetointegrations = require('neetointegrations');
-var useConnectApi = require('./useConnectApi-a80cbf88.js');
+var useConnectApi = require('./useConnectApi-67c912ae.js');
 var Label = require('@bigbinary/neetoui/Label');
 var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
@@ -16,14 +18,16 @@ var reactRouterDom = require('react-router-dom');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
 var constants = require('./constants.js');
-var queryConstants = require('./queryConstants-45f84f3e.js');
+var queryConstants = require('./queryConstants-cb79f600.js');
 var i18next = require('i18next');
 var yup = require('yup');
 require('ramda');
+var jsxRuntime = require('react/jsx-runtime');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Button = require('@bigbinary/neetoui/Button');
 var Radio = require('@bigbinary/neetoui/Radio');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
+require('./_commonjsHelpers-755157d3.js');
 require('util');
 require('@bigbinary/neeto-commons-frontend/constants');
 
@@ -47,7 +51,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
@@ -78,34 +82,38 @@ const SvgStripe = props => /*#__PURE__*/React__namespace.createElement("svg", _e
   d: "m69.164 8.47-.302-1.434h-4.196V24.04h4.848V12.5c1.147-1.5 3.082-1.208 3.698-1.017V7.038c-.646-.232-2.913-.658-4.048 1.43zm-9.73-5.646L54.698 3.83l-.02 15.562c0 2.87 2.158 4.993 5.038 4.993 1.585 0 2.756-.302 3.405-.643v-3.95c-.622.248-3.683 1.138-3.683-1.72v-6.9h3.683V7.035h-3.683zM46.3 11.97c0-.758.63-1.05 1.648-1.05a10.868 10.868 0 0 1 4.83 1.25V7.6a12.815 12.815 0 0 0-4.83-.888c-3.924 0-6.557 2.056-6.557 5.488 0 5.37 7.375 4.498 7.375 6.813 0 .906-.78 1.186-1.863 1.186-1.606 0-3.68-.664-5.307-1.55v4.63a13.461 13.461 0 0 0 5.307 1.117c4.033 0 6.813-1.992 6.813-5.485 0-5.796-7.417-4.76-7.417-6.943zM13.88 9.515c0-1.37 1.14-1.9 2.982-1.9A19.661 19.661 0 0 1 25.6 9.876v-8.27A23.184 23.184 0 0 0 16.862.001C9.762.001 5 3.72 5 9.93c0 9.716 13.342 8.138 13.342 12.326 0 1.638-1.4 2.146-3.37 2.146-2.905 0-6.657-1.202-9.6-2.802v8.378A24.353 24.353 0 0 0 14.973 32C22.27 32 27.3 28.395 27.3 22.077c0-10.486-13.42-8.613-13.42-12.56z"
 })));
 
-const fetchCountries = () => axios__default["default"].get(`${constants.BASE_URL}/api/v1/stripe/countries`);
-const countriesApi = {
-  fetchCountries
+var fetchCountries = function fetchCountries() {
+  return axios__default["default"].get("".concat(constants.BASE_URL, "/api/v1/stripe/countries"));
+};
+var countriesApi = {
+  fetchCountries: fetchCountries
 };
 
-const useFetchStripeCountries = () => reactQuery.useQuery({
-  queryKey: [queryConstants.QUERY_KEYS.STRIPE_COUNTRIES],
-  queryFn: countriesApi.fetchCountries
-});
+var useFetchStripeCountries = function useFetchStripeCountries() {
+  return reactQuery.useQuery({
+    queryKey: [queryConstants.QUERY_KEYS.STRIPE_COUNTRIES],
+    queryFn: countriesApi.fetchCountries
+  });
+};
 
-const POLLING_INTERVAL = 5000;
-const MAX_POLLING_TIME = 30000;
-const INITIAL_VALUES = {
+var POLLING_INTERVAL = 5000;
+var MAX_POLLING_TIME = 30000;
+var INITIAL_VALUES = {
   country: "",
   return_url: ""
 };
-const VALIDATION_SCHEMA = yup__namespace.object().shape({
+var VALIDATION_SCHEMA = yup__namespace.object().shape({
   country: yup__namespace.object().required(i18next.t("neetoPayments.validations.countryRequired")),
   returnUrl: yup__namespace.string().url(i18next.t("neetoPayments.validations.invalidUrl"))
 });
 
-const STEPS = {
+var STEPS = {
   connect: "connect",
   configure: "configure",
   finish: "finish",
   demo: "demo"
 };
-const INTEGRATION_STEPS = [{
+var INTEGRATION_STEPS = [{
   step: "1",
   label: i18next.t("neetoPayments.common.connect"),
   isActive: false,
@@ -124,184 +132,199 @@ const INTEGRATION_STEPS = [{
 // { step: "4", label: "demo", isActive: false, isCompleted: false },
 ];
 
-const INTEGRATION_METHOD = {
+var INTEGRATION_METHOD = {
   useExistingAccount: "use_existing_account",
   createNewAccount: "create_new_account"
 };
-const STRIPE_CONNECT_URL = `/${constants.BASE_URL}/api/v1/integrations/connect/stripe`;
+var STRIPE_CONNECT_URL = "/".concat(constants.BASE_URL, "/api/v1/integrations/connect/stripe");
 
-const buildRefreshUrl = (accountId, returnUrl) => `/payments/api/v1/stripe/callbacks/${accountId}/refresh?return_url=${returnUrl}`;
-const buildCountryOptions = countries => Object.entries(countries)?.map(country => ({
-  label: neetoCist.humanize(country[0]),
-  value: country[1]
-}));
+var buildRefreshUrl = function buildRefreshUrl(accountId, returnUrl) {
+  return "/payments/api/v1/stripe/callbacks/".concat(accountId, "/refresh?return_url=").concat(returnUrl);
+};
+var buildCountryOptions = function buildCountryOptions(countries) {
+  var _Object$entries;
+  return (_Object$entries = Object.entries(countries)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (country) {
+    return {
+      label: neetoCist.humanize(country[0]),
+      value: country[1]
+    };
+  });
+};
 
-const AccountForm = _ref => {
-  let {
-    holdableId,
-    returnUrl
-  } = _ref;
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const history = reactRouterDom.useHistory();
-  const [isPolling, setIsPolling] = React$1.useState(false);
-  const submitButtonLabel = isPolling ? t("neetoPayments.integrationModal.creating") : t("neetoPayments.common.connect");
-  const refetchInterval = function () {
-    let {
-      jobStatus,
-      onboarding
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+var AccountForm = function AccountForm(_ref) {
+  var holdableId = _ref.holdableId,
+    returnUrl = _ref.returnUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var history = reactRouterDom.useHistory();
+  var _useState = React.useState(false),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    isPolling = _useState2[0],
+    setIsPolling = _useState2[1];
+  var submitButtonLabel = isPolling ? t("neetoPayments.integrationModal.creating") : t("neetoPayments.common.connect");
+  var refetchInterval = function refetchInterval() {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      jobStatus = _ref2.jobStatus,
+      onboarding = _ref2.onboarding;
     if (jobStatus === "complete") {
-      window.open(onboarding?.url, "_self");
+      window.open(onboarding === null || onboarding === void 0 ? void 0 : onboarding.url, "_self");
       return false;
     }
     return POLLING_INTERVAL;
   };
-  const {
-    isPending: isCreating,
-    data: {
-      jobId
-    } = {},
-    mutate: createStripeAccount
-  } = useConnectApi.useCreateStripeAccount({
-    onSuccess: () => setIsPolling(true)
-  });
+  var _useCreateStripeAccou = useConnectApi.useCreateStripeAccount({
+      onSuccess: function onSuccess() {
+        return setIsPolling(true);
+      }
+    }),
+    isCreating = _useCreateStripeAccou.isPending,
+    _useCreateStripeAccou2 = _useCreateStripeAccou.data,
+    _useCreateStripeAccou3 = _useCreateStripeAccou2 === void 0 ? {} : _useCreateStripeAccou2,
+    jobId = _useCreateStripeAccou3.jobId,
+    createStripeAccount = _useCreateStripeAccou.mutate;
   useConnectApi.usePollingStripeAccountCreationStatus(jobId, {
-    refetchInterval,
+    refetchInterval: refetchInterval,
     enabled: neetoCist.isPresent(jobId)
   });
-  const {
-    isLoading,
-    data: {
-      countries = {}
-    } = {}
-  } = useFetchStripeCountries();
-  const handleSubmit = _ref2 => {
-    let {
-      country
-    } = _ref2;
-    const payload = {
-      returnUrl,
+  var _useFetchStripeCountr = useFetchStripeCountries(),
+    isLoading = _useFetchStripeCountr.isLoading,
+    _useFetchStripeCountr2 = _useFetchStripeCountr.data,
+    _useFetchStripeCountr3 = _useFetchStripeCountr2 === void 0 ? {} : _useFetchStripeCountr2,
+    _useFetchStripeCountr4 = _useFetchStripeCountr3.countries,
+    countries = _useFetchStripeCountr4 === void 0 ? {} : _useFetchStripeCountr4;
+  var handleSubmit = function handleSubmit(_ref3) {
+    var country = _ref3.country;
+    var payload = {
+      returnUrl: returnUrl,
       country: country.value,
-      holdableId
+      holdableId: holdableId
     };
     createStripeAccount(payload);
   };
   if (isLoading) {
-    return /*#__PURE__*/React.createElement(PageLoader__default["default"], null);
+    return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
   }
-  return /*#__PURE__*/React.createElement(Form__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
     formikProps: {
       enableReinitialize: true,
       initialValues: INITIAL_VALUES,
       validationSchema: VALIDATION_SCHEMA,
       onSubmit: handleSubmit
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "space-y-3"
-  }, /*#__PURE__*/React.createElement(Select__default["default"], {
-    required: true,
-    helpText: t("neetoPayments.integrationModal.form.helpText"),
-    label: t("neetoPayments.integrationModal.form.label"),
-    name: "country",
-    options: buildCountryOptions(countries),
-    placeholder: t("neetoPayments.integrationModal.form.placeholder")
-  }), /*#__PURE__*/React.createElement(ActionBlock__default["default"], {
-    cancelButtonProps: {
-      onClick: () => history.goBack()
     },
-    isSubmitting: isCreating || isPolling,
-    submitButtonProps: {
-      label: submitButtonLabel
-    }
-  })));
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+        required: true,
+        helpText: t("neetoPayments.integrationModal.form.helpText"),
+        label: t("neetoPayments.integrationModal.form.label"),
+        name: "country",
+        options: buildCountryOptions(countries),
+        placeholder: t("neetoPayments.integrationModal.form.placeholder")
+      }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+        cancelButtonProps: {
+          onClick: function onClick() {
+            return history.goBack();
+          }
+        },
+        isSubmitting: isCreating || isPolling,
+        submitButtonProps: {
+          label: submitButtonLabel
+        }
+      })]
+    })
+  });
 };
 
-const AccountDetails = _ref => {
-  let {
-    holdableId
-  } = _ref;
-  const {
-    data: {
-      account: stripeAccount
-    } = {}
-  } = useConnectApi.useFetchConnectedStripeAccount(holdableId);
-  const {
-    t
-  } = reactI18next.useTranslation();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "mb-6 space-y-3"
-  }, /*#__PURE__*/React.createElement(Typography__default["default"], {
-    style: "h5",
-    weight: "medium"
-  }, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-4 gap-y-3"
-  }, /*#__PURE__*/React.createElement(Label__default["default"], {
-    className: "neeto-ui-text-gray-800"
-  }, t("neetoPayments.common.id")), /*#__PURE__*/React.createElement(Label__default["default"], {
-    className: "neeto-ui-text-gray-800 col-span-3"
-  }, stripeAccount?.identifier), /*#__PURE__*/React.createElement(Label__default["default"], {
-    className: "neeto-ui-text-gray-800"
-  }, t("neetoPayments.common.email")), /*#__PURE__*/React.createElement(Label__default["default"], {
-    className: "neeto-ui-text-gray-800 col-span-3"
-  }, stripeAccount?.email), /*#__PURE__*/React.createElement(Label__default["default"], {
-    className: "neeto-ui-text-gray-800"
-  }, t("neetoPayments.common.country")), /*#__PURE__*/React.createElement(Label__default["default"], {
-    className: "neeto-ui-text-gray-800 col-span-3"
-  }, stripeAccount?.country)));
+var AccountDetails = function AccountDetails(_ref) {
+  var holdableId = _ref.holdableId;
+  var _useFetchConnectedStr = useConnectApi.useFetchConnectedStripeAccount(holdableId),
+    _useFetchConnectedStr2 = _useFetchConnectedStr.data,
+    _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
+    stripeAccount = _useFetchConnectedStr3.account;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "mb-6 space-y-3",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      style: "h5",
+      weight: "medium",
+      children: t("neetoPayments.integrationModal.account.title")
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "grid grid-cols-4 gap-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-ui-text-gray-800",
+        children: t("neetoPayments.common.id")
+      }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-ui-text-gray-800 col-span-3",
+        children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.identifier
+      }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-ui-text-gray-800",
+        children: t("neetoPayments.common.email")
+      }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-ui-text-gray-800 col-span-3",
+        children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
+      }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-ui-text-gray-800",
+        children: t("neetoPayments.common.country")
+      }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "neeto-ui-text-gray-800 col-span-3",
+        children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.country
+      })]
+    })]
+  });
 };
 
-const AccountProcessing = _ref => {
-  let {
-    holdableId,
-    returnUrl
-  } = _ref;
-  const {
-    app
-  } = reactUtils.useQueryParams();
-  const [isAlertOpen, setIsAlertOpen] = React$1.useState(false);
-  const [isPolling, setIsPolling] = React$1.useState(false);
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const isStripeCallback = app === "stripe";
-  React$1.useEffect(() => {
+var AccountProcessing = function AccountProcessing(_ref) {
+  var holdableId = _ref.holdableId,
+    returnUrl = _ref.returnUrl;
+  var _useQueryParams = reactUtils.useQueryParams(),
+    app = _useQueryParams.app;
+  var _useState = React.useState(false),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    isPolling = _useState4[0],
+    setIsPolling = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var isStripeCallback = app === "stripe";
+  React.useEffect(function () {
     if (!isStripeCallback) return;
     setIsPolling(true);
-    setInterval(() => {
+    setInterval(function () {
       setIsPolling(false);
     }, MAX_POLLING_TIME);
   }, [isStripeCallback]);
-  const {
-    data: {
-      account: stripeAccount
-    } = {}
-  } = useConnectApi.useFetchConnectedStripeAccount(holdableId);
-  const {
-    isPending: isStripeAccountDestroying,
-    mutate: destroyStripeAccount
-  } = useConnectApi.useDestroyStripeAccount({
-    onSuccess: () => setIsAlertOpen(false),
-    holdableId
-  });
-  const refetchInterval = function () {
-    let {
-      account
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (isStripeCallback && !account?.isConnected && isPolling) {
+  var _useFetchConnectedStr = useConnectApi.useFetchConnectedStripeAccount(holdableId),
+    _useFetchConnectedStr2 = _useFetchConnectedStr.data,
+    _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
+    stripeAccount = _useFetchConnectedStr3.account;
+  var _useDestroyStripeAcco = useConnectApi.useDestroyStripeAccount({
+      onSuccess: function onSuccess() {
+        return setIsAlertOpen(false);
+      },
+      holdableId: holdableId
+    }),
+    isStripeAccountDestroying = _useDestroyStripeAcco.isPending,
+    destroyStripeAccount = _useDestroyStripeAcco.mutate;
+  var refetchInterval = function refetchInterval() {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      account = _ref2.account;
+    if (isStripeCallback && !(account !== null && account !== void 0 && account.isConnected) && isPolling) {
       return POLLING_INTERVAL;
     }
-    if (account?.isConnected) {
+    if (account !== null && account !== void 0 && account.isConnected) {
       setIsPolling(false);
     }
     return false;
   };
   useConnectApi.usePollingStripeAccount(holdableId, {
-    refetchInterval
+    refetchInterval: refetchInterval
   });
-  const isAccountProcessingFailed = isStripeCallback && !isPolling && !stripeAccount?.isConnected;
-  const buttonLabel = () => {
+  var isAccountProcessingFailed = isStripeCallback && !isPolling && !(stripeAccount !== null && stripeAccount !== void 0 && stripeAccount.isConnected);
+  var buttonLabel = function buttonLabel() {
     if (isPolling) {
       return t("neetoPayments.integrationModal.creating");
     }
@@ -310,76 +333,81 @@ const AccountProcessing = _ref => {
     }
     return t("neetoPayments.common.continue");
   };
-  const handleUseAnotherStripeAccount = () => {
-    destroyStripeAccount(stripeAccount?.id);
+  var handleUseAnotherStripeAccount = function handleUseAnotherStripeAccount() {
+    destroyStripeAccount(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccountDetails, null), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col items-start space-y-2"
-  }, /*#__PURE__*/React.createElement(Button__default["default"], {
-    disabled: isPolling,
-    href: buildRefreshUrl(stripeAccount?.id, returnUrl),
-    label: buttonLabel(),
-    loading: isPolling,
-    size: "small"
-  }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React.createElement(Button__default["default"], {
-    disabled: isStripeAccountDestroying || isPolling,
-    label: t("neetoPayments.integrationModal.anotherAccount"),
-    size: "small",
-    style: "link",
-    onClick: () => setIsAlertOpen(true)
-  })), /*#__PURE__*/React.createElement(Alert__default["default"], {
-    isOpen: isAlertOpen,
-    title: t("neetoPayments.integrationModal.alert.changeTitle"),
-    message: /*#__PURE__*/React.createElement(reactI18next.Trans, {
-      i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
-      values: {
-        account: stripeAccount?.email
-      }
-    }),
-    onClose: () => setIsAlertOpen(false),
-    onSubmit: handleUseAnotherStripeAccount
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(AccountDetails, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col items-start space-y-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        disabled: isPolling,
+        href: buildRefreshUrl(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id, returnUrl),
+        label: buttonLabel(),
+        loading: isPolling,
+        size: "small"
+      }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        disabled: isStripeAccountDestroying || isPolling,
+        label: t("neetoPayments.integrationModal.anotherAccount"),
+        size: "small",
+        style: "link",
+        onClick: function onClick() {
+          return setIsAlertOpen(true);
+        }
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+      isOpen: isAlertOpen,
+      title: t("neetoPayments.integrationModal.alert.changeTitle"),
+      message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
+        values: {
+          account: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
+        }
+      }),
+      onClose: function onClose() {
+        return setIsAlertOpen(false);
+      },
+      onSubmit: handleUseAnotherStripeAccount
+    })]
+  });
 };
 
-const Configure = _ref => {
-  let {
-    holdableId,
-    returnUrl
-  } = _ref;
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const {
-    data: {
-      account: stripeAccount
-    } = {}
-  } = useConnectApi.useFetchConnectedStripeAccount(holdableId);
-  const handleStripeAccountCreated = _ref2 => {
-    let {
-      onboarding
-    } = _ref2;
-    window.open(onboarding?.url, "_self");
+var Configure = function Configure(_ref) {
+  var holdableId = _ref.holdableId,
+    returnUrl = _ref.returnUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchConnectedStr = useConnectApi.useFetchConnectedStripeAccount(holdableId),
+    _useFetchConnectedStr2 = _useFetchConnectedStr.data,
+    _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
+    stripeAccount = _useFetchConnectedStr3.account;
+  var handleStripeAccountCreated = function handleStripeAccountCreated(_ref2) {
+    var onboarding = _ref2.onboarding;
+    window.open(onboarding === null || onboarding === void 0 ? void 0 : onboarding.url, "_self");
   };
-  const connectDescription = neetoCist.isPresent(stripeAccount) ? t("neetoPayments.integrationModal.linkedDescription") : t("neetoPayments.integrationModal.subtitle");
-  return /*#__PURE__*/React.createElement("div", {
-    className: "mx-auto w-full max-w-lg space-y-8"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "space-y-2"
-  }, /*#__PURE__*/React.createElement(SvgStripe, null), /*#__PURE__*/React.createElement(Typography__default["default"], {
-    "data-cy": "configure-payment-title",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React.createElement(Label__default["default"], {
-    className: "leading-snug"
-  }, connectDescription)), neetoCist.isPresent(stripeAccount) ? /*#__PURE__*/React.createElement(AccountProcessing, {
-    onAccountCreated: handleStripeAccountCreated,
-    holdableId,
-    returnUrl
-  }) : /*#__PURE__*/React.createElement(AccountForm, {
-    holdableId,
-    returnUrl,
-    onAccountCreated: handleStripeAccountCreated
-  }));
+  var connectDescription = neetoCist.isPresent(stripeAccount) ? t("neetoPayments.integrationModal.linkedDescription") : t("neetoPayments.integrationModal.subtitle");
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "mx-auto w-full max-w-lg space-y-8",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(SvgStripe, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        "data-cy": "configure-payment-title",
+        style: "h2",
+        weight: "semibold",
+        children: t("neetoPayments.integrationModal.title")
+      }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "leading-snug",
+        children: connectDescription
+      })]
+    }), neetoCist.isPresent(stripeAccount) ? /*#__PURE__*/jsxRuntime.jsx(AccountProcessing, {
+      onAccountCreated: handleStripeAccountCreated,
+      holdableId: holdableId,
+      returnUrl: returnUrl
+    }) : /*#__PURE__*/jsxRuntime.jsx(AccountForm, {
+      holdableId: holdableId,
+      returnUrl: returnUrl,
+      onAccountCreated: handleStripeAccountCreated
+    })]
+  });
 };
 
 /*! @license DOMPurify 3.0.2 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.2/LICENSE */
@@ -1975,8 +2003,8 @@ function createDOMPurify() {
 
 var purify = createDOMPurify();
 
-const getInitialTab = stripeAccount => {
-  if (stripeAccount?.isConnected) {
+var getInitialTab = function getInitialTab(stripeAccount) {
+  if (stripeAccount !== null && stripeAccount !== void 0 && stripeAccount.isConnected) {
     return STEPS.finish;
   }
   if (neetoCist.isPresent(stripeAccount)) {
@@ -1984,120 +2012,133 @@ const getInitialTab = stripeAccount => {
   }
   return STEPS.connect;
 };
-const buildStripeConnectUrl = (holdableId, returnUrl) => utils.buildUrl(STRIPE_CONNECT_URL, {
-  holdable_id: holdableId,
-  return_url: returnUrl
-});
+var buildStripeConnectUrl = function buildStripeConnectUrl(holdableId, returnUrl) {
+  return utils.buildUrl(STRIPE_CONNECT_URL, {
+    holdable_id: holdableId,
+    return_url: returnUrl
+  });
+};
 
-const Connect = _ref => {
-  let {
-    setActiveTab,
-    holdableId,
-    returnUrl
-  } = _ref;
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const [selectedOption, setSelectedOption] = React$1.useState(INTEGRATION_METHOD.createNewAccount);
-  const stripeConnectUrl = buildStripeConnectUrl(holdableId, returnUrl);
-  const handleSubmit = () => {
+var Connect = function Connect(_ref) {
+  var setActiveTab = _ref.setActiveTab,
+    holdableId = _ref.holdableId,
+    returnUrl = _ref.returnUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(INTEGRATION_METHOD.createNewAccount),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    selectedOption = _useState2[0],
+    setSelectedOption = _useState2[1];
+  var stripeConnectUrl = buildStripeConnectUrl(holdableId, returnUrl);
+  var handleSubmit = function handleSubmit() {
     if (selectedOption !== INTEGRATION_METHOD.useExistingAccount) {
       setActiveTab(STEPS.configure);
       return;
     }
     window.location.href = purify.sanitize(stripeConnectUrl);
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "mx-auto w-full max-w-lg space-y-8"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "space-y-2"
-  }, /*#__PURE__*/React.createElement(SvgStripe, null), /*#__PURE__*/React.createElement(Typography__default["default"], {
-    "data-cy": "configure-payment-title",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React.createElement(Label__default["default"], {
-    className: "leading-snug"
-  }, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React.createElement(Radio__default["default"], {
-    stacked: true,
-    value: selectedOption,
-    onChange: event => setSelectedOption(event.target.value)
-  }, /*#__PURE__*/React.createElement(Radio__default["default"].Item, {
-    className: "neeto-ui-border-black w-96 py-2",
-    label: t("neetoPayments.integrationModal.createAccount"),
-    name: "accountMethod",
-    value: INTEGRATION_METHOD.createNewAccount
-  }), /*#__PURE__*/React.createElement(Radio__default["default"].Item, {
-    className: "neeto-ui-border-black w-96 py-2",
-    label: t("neetoPayments.integrationModal.connectAccount"),
-    name: "accountMethod",
-    value: INTEGRATION_METHOD.useExistingAccount
-  })), /*#__PURE__*/React.createElement(Button__default["default"], {
-    label: t("neetoPayments.common.continue"),
-    onClick: handleSubmit
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "mx-auto w-full max-w-lg space-y-8",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(SvgStripe, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        "data-cy": "configure-payment-title",
+        style: "h2",
+        weight: "semibold",
+        children: t("neetoPayments.integrationModal.title")
+      }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
+        className: "leading-snug",
+        children: t("neetoPayments.integrationModal.subtitle")
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs(Radio__default["default"], {
+      stacked: true,
+      value: selectedOption,
+      onChange: function onChange(event) {
+        return setSelectedOption(event.target.value);
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
+        className: "neeto-ui-border-black w-96 py-2",
+        label: t("neetoPayments.integrationModal.createAccount"),
+        name: "accountMethod",
+        value: INTEGRATION_METHOD.createNewAccount
+      }), /*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
+        className: "neeto-ui-border-black w-96 py-2",
+        label: t("neetoPayments.integrationModal.connectAccount"),
+        name: "accountMethod",
+        value: INTEGRATION_METHOD.useExistingAccount
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      label: t("neetoPayments.common.continue"),
+      onClick: handleSubmit
+    })]
+  });
 };
 
-const Finish = reactUtils.withT(_ref => {
-  let {
-    t,
-    onSuccess
-  } = _ref;
-  return /*#__PURE__*/React.createElement(neetointegrations.Finish, {
+var Finish = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    onSuccess = _ref.onSuccess;
+  return /*#__PURE__*/jsxRuntime.jsx(neetointegrations.Finish, {
     title: t("v2.payment.finishTitle"),
-    onClick: onSuccess
-  }, /*#__PURE__*/React.createElement(AccountDetails, null));
+    onClick: onSuccess,
+    children: /*#__PURE__*/jsxRuntime.jsx(AccountDetails, {})
+  });
 });
 
-const StripeConnect = _ref => {
-  let {
-    holdableId = null,
-    isOpen,
-    onClose,
-    isPlatform = false,
-    returnUrl
-  } = _ref;
-  const {
-    data: {
-      account: stripeAccount
-    } = {}
-  } = useConnectApi.useFetchConnectedStripeAccount(holdableId);
-  const [activeTab, setActiveTab] = reactUtils.useStateWithDependency(getInitialTab(stripeAccount), [stripeAccount]);
-  const steps = React$1.useMemo(() => {
-    const [connect, configure, finish, demo] = INTEGRATION_STEPS;
-    return [{
-      ...connect,
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StripeConnect = function StripeConnect(_ref) {
+  var _ref$holdableId = _ref.holdableId,
+    holdableId = _ref$holdableId === void 0 ? null : _ref$holdableId,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    _ref$isPlatform = _ref.isPlatform,
+    isPlatform = _ref$isPlatform === void 0 ? false : _ref$isPlatform,
+    returnUrl = _ref.returnUrl;
+  var _useFetchConnectedStr = useConnectApi.useFetchConnectedStripeAccount(holdableId),
+    _useFetchConnectedStr2 = _useFetchConnectedStr.data,
+    _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
+    stripeAccount = _useFetchConnectedStr3.account;
+  var _useStateWithDependen = reactUtils.useStateWithDependency(getInitialTab(stripeAccount), [stripeAccount]),
+    _useStateWithDependen2 = slicedToArray._slicedToArray(_useStateWithDependen, 2),
+    activeTab = _useStateWithDependen2[0],
+    setActiveTab = _useStateWithDependen2[1];
+  var steps = React.useMemo(function () {
+    var _INTEGRATION_STEPS = slicedToArray._slicedToArray(INTEGRATION_STEPS, 4),
+      connect = _INTEGRATION_STEPS[0],
+      configure = _INTEGRATION_STEPS[1],
+      finish = _INTEGRATION_STEPS[2],
+      demo = _INTEGRATION_STEPS[3];
+    return [_objectSpread(_objectSpread({}, connect), {}, {
       isActive: activeTab === STEPS.connect,
       isCompleted: neetoCist.isPresent(stripeAccount) || activeTab === STEPS.configure || isPlatform
-    }, {
-      ...configure,
+    }), _objectSpread(_objectSpread({}, configure), {}, {
       isActive: activeTab === STEPS.configure,
-      isCompleted: !!stripeAccount?.isConnected
-    }, {
-      ...finish,
+      isCompleted: !!(stripeAccount !== null && stripeAccount !== void 0 && stripeAccount.isConnected)
+    }), _objectSpread(_objectSpread({}, finish), {}, {
       isActive: activeTab === STEPS.finish,
       isCompleted: activeTab === STEPS.finish || activeTab === STEPS.demo
-    }, {
-      ...demo,
+    }), _objectSpread(_objectSpread({}, demo), {}, {
       isActive: activeTab === STEPS.demo,
       isCompleted: activeTab === STEPS.demo
-    }];
+    })];
   }, [activeTab, stripeAccount]);
-  return /*#__PURE__*/React.createElement(neetointegrations.Modal, {
-    isOpen,
-    onClose,
-    steps
-  }, activeTab === STEPS.connect && /*#__PURE__*/React.createElement(Connect, {
-    holdableId,
-    returnUrl,
-    setActiveTab
-  }), activeTab === STEPS.configure && /*#__PURE__*/React.createElement(Configure, {
-    holdableId,
-    returnUrl
-  }), activeTab === STEPS.finish && /*#__PURE__*/React.createElement(Finish, {
-    onSuccess: onClose
-  }), activeTab === STEPS.demo && /*#__PURE__*/React.createElement(neetointegrations.Demo, {
-    onClose
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs(neetointegrations.Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    steps: steps,
+    children: [activeTab === STEPS.connect && /*#__PURE__*/jsxRuntime.jsx(Connect, {
+      holdableId: holdableId,
+      returnUrl: returnUrl,
+      setActiveTab: setActiveTab
+    }), activeTab === STEPS.configure && /*#__PURE__*/jsxRuntime.jsx(Configure, {
+      holdableId: holdableId,
+      returnUrl: returnUrl
+    }), activeTab === STEPS.finish && /*#__PURE__*/jsxRuntime.jsx(Finish, {
+      onSuccess: onClose
+    }), activeTab === STEPS.demo && /*#__PURE__*/jsxRuntime.jsx(neetointegrations.Demo, {
+      onClose: onClose
+    })]
+  });
 };
 
 module.exports = StripeConnect;