@bigbinary/neeto-integrations-frontend 3.1.2 → 3.1.4

package/dist/cjs/GoogleCalendar.js

@@ -1,7 +1,8 @@
 'use strict';
 
-var defineProperty = require('../defineProperty-f3094d6c.js');
-var slicedToArray = require('../slicedToArray-f320d9e7.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
@@ -18,31 +19,7 @@ var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neetoui/Modal');
 require('classnames');
 require('@bigbinary/neeto-commons-frontend/react-utils');
-require('../index-2f3a953b.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var GoogleCalendarIcon__default = /*#__PURE__*/_interopDefaultLegacy(GoogleCalendarIcon);
-var Google__default = /*#__PURE__*/_interopDefaultLegacy(Google);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return slicedToArray._arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || slicedToArray._unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
+require('../index-dxk7jTL7.js');
 
 var INTEGRATION_STEPS = [{
   step: "1",
@@ -61,7 +38,7 @@ var STEPS = {
 };
 
 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; }
+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(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 GoogleCalendar = function GoogleCalendar(_ref) {
   var permissionImage = _ref.permissionImage,
     fetchAuthorizationUrl = _ref.fetchAuthorizationUrl,
@@ -70,7 +47,7 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(INTEGRATION_STEPS),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     steps = _useState2[0],
     setSteps = _useState2[1];
   var _getQueryParams = utils.getQueryParams(),
@@ -96,15 +73,15 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
     onClose: handleClose,
     children: [activeTab === STEPS.connect && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "mx-auto w-full max-w-3xl",
-      children: [/*#__PURE__*/jsxRuntime.jsx(GoogleCalendarIcon__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(GoogleCalendarIcon, {
         size: 48
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "mb-4 mt-2",
         style: "h2",
         children: t("neetoIntegrations.google.connect.title")
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex w-full flex-col items-start",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Callout, {
           className: "block leading-5",
           children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
             components: {
@@ -121,8 +98,8 @@ var GoogleCalendar = function GoogleCalendar(_ref) {
             src: permissionImage
           })
         })]
-      }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-        icon: Google__default["default"],
+      }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+        icon: Google,
         label: t("neetoIntegrations.google.connect.signIn"),
         onClick: fetchAuthorizationUrl
       })]

package/dist/cjs/GoogleCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoogleCalendar.js","sources":["../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","../../app/javascript/src/components/Integrations/GoogleCalender/constants.js","../../app/javascript/src/components/Integrations/GoogleCalender/index.jsx"],"sourcesContent":["import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles.js\";\nimport iterableToArray from \"./iterableToArray.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableSpread from \"./nonIterableSpread.js\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","import { t } from \"i18next\";\n\nexport const INTEGRATION_STEPS = [\n  {\n    step: \"1\",\n    label: t(\"neetoIntegrations.common.connect\"),\n    isActive: true,\n    isCompleted: false,\n  },\n  {\n    step: \"2\",\n    label: t(\"neetoIntegrations.common.finish\"),\n    isActive: false,\n    isCompleted: false,\n  },\n];\n\nexport const STEPS = {\n  connect: t(\"neetoIntegrations.common.connect\"),\n  finish: t(\"neetoIntegrations.common.finish\"),\n};\n","import { useState, useEffect } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { GoogleCalendar as GoogleCalendarIcon, Google } from \"neetoicons/misc\";\nimport { Typography, Callout, Button } from \"neetoui\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport IntegrationsModal from \"components/Modal\";\nimport Finish from \"components/Steps/Finish\";\n\nimport { INTEGRATION_STEPS, STEPS } from \"./constants\";\n\nconst GoogleCalendar = ({\n  permissionImage,\n  fetchAuthorizationUrl,\n  handleClose,\n  handleRedirect,\n}) => {\n  const { t } = useTranslation();\n  const [steps, setSteps] = useState(INTEGRATION_STEPS);\n  const { status } = getQueryParams();\n\n  const activeTab = isPresent(status) ? STEPS.finish : STEPS.connect;\n\n  useEffect(() => {\n    setSteps(() => {\n      const stepsClone = [...steps];\n      stepsClone[0] = {\n        ...steps[0],\n        isActive: activeTab === STEPS.connect,\n        isCompleted: activeTab !== STEPS.connect,\n      };\n\n      stepsClone[1] = {\n        ...steps[1],\n        isActive: activeTab === STEPS.finish,\n        isCompleted: activeTab === STEPS.finish,\n      };\n\n      return stepsClone;\n    });\n  }, [activeTab]);\n\n  return (\n    <IntegrationsModal {...{ steps }} isOpen onClose={handleClose}>\n      {activeTab === STEPS.connect && (\n        <div className=\"mx-auto w-full max-w-3xl\">\n          <GoogleCalendarIcon size={48} />\n          <Typography className=\"mb-4 mt-2\" style=\"h2\">\n            {t(\"neetoIntegrations.google.connect.title\")}\n          </Typography>\n          <div className=\"flex w-full flex-col items-start\">\n            <Callout className=\"block leading-5\">\n              <Trans\n                components={{ bold: <strong /> }}\n                i18nKey=\"neetoIntegrations.google.connect.reminderToAcceptPermissions\"\n                values={{\n                  selectCheckbox: t(\n                    \"neetoIntegrations.google.connect.selectCheckbox\"\n                  ),\n                }}\n              />\n            </Callout>\n            {permissionImage && (\n              <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-md my-4 overflow-hidden border\">\n                <img src={permissionImage} />\n              </div>\n            )}\n          </div>\n          <Button\n            icon={Google}\n            label={t(\"neetoIntegrations.google.connect.signIn\")}\n            onClick={fetchAuthorizationUrl}\n          />\n        </div>\n      )}\n      {activeTab === STEPS.finish && (\n        <Finish\n          title={t(\"neetoIntegrations.google.finish.title\")}\n          onClick={handleRedirect}\n        />\n      )}\n    </IntegrationsModal>\n  );\n};\n\nexport default GoogleCalendar;\n"],"names":["_arrayWithoutHoles","arr","Array","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","from","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","INTEGRATION_STEPS","step","label","t","isActive","isCompleted","STEPS","connect","finish","GoogleCalendar","_ref","permissionImage","fetchAuthorizationUrl","handleClose","handleRedirect","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","steps","setSteps","_getQueryParams","getQueryParams","status","activeTab","isPresent","useEffect","stepsClone","_objectSpread","_jsxs","IntegrationsModal","isOpen","onClose","children","className","_jsx","GoogleCalendarIcon","size","Typography","style","Callout","Trans","components","bold","i18nKey","values","selectCheckbox","src","Button","icon","Google","onClick","Finish","title"],"mappings":"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"}
+{"version":3,"file":"GoogleCalendar.js","sources":["../../app/javascript/src/components/Integrations/GoogleCalender/constants.js","../../app/javascript/src/components/Integrations/GoogleCalender/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const INTEGRATION_STEPS = [\n  {\n    step: \"1\",\n    label: t(\"neetoIntegrations.common.connect\"),\n    isActive: true,\n    isCompleted: false,\n  },\n  {\n    step: \"2\",\n    label: t(\"neetoIntegrations.common.finish\"),\n    isActive: false,\n    isCompleted: false,\n  },\n];\n\nexport const STEPS = {\n  connect: t(\"neetoIntegrations.common.connect\"),\n  finish: t(\"neetoIntegrations.common.finish\"),\n};\n","import { useState, useEffect } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { GoogleCalendar as GoogleCalendarIcon, Google } from \"neetoicons/misc\";\nimport { Typography, Callout, Button } from \"neetoui\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport IntegrationsModal from \"components/Modal\";\nimport Finish from \"components/Steps/Finish\";\n\nimport { INTEGRATION_STEPS, STEPS } from \"./constants\";\n\nconst GoogleCalendar = ({\n  permissionImage,\n  fetchAuthorizationUrl,\n  handleClose,\n  handleRedirect,\n}) => {\n  const { t } = useTranslation();\n  const [steps, setSteps] = useState(INTEGRATION_STEPS);\n  const { status } = getQueryParams();\n\n  const activeTab = isPresent(status) ? STEPS.finish : STEPS.connect;\n\n  useEffect(() => {\n    setSteps(() => {\n      const stepsClone = [...steps];\n      stepsClone[0] = {\n        ...steps[0],\n        isActive: activeTab === STEPS.connect,\n        isCompleted: activeTab !== STEPS.connect,\n      };\n\n      stepsClone[1] = {\n        ...steps[1],\n        isActive: activeTab === STEPS.finish,\n        isCompleted: activeTab === STEPS.finish,\n      };\n\n      return stepsClone;\n    });\n  }, [activeTab]);\n\n  return (\n    <IntegrationsModal {...{ steps }} isOpen onClose={handleClose}>\n      {activeTab === STEPS.connect && (\n        <div className=\"mx-auto w-full max-w-3xl\">\n          <GoogleCalendarIcon size={48} />\n          <Typography className=\"mb-4 mt-2\" style=\"h2\">\n            {t(\"neetoIntegrations.google.connect.title\")}\n          </Typography>\n          <div className=\"flex w-full flex-col items-start\">\n            <Callout className=\"block leading-5\">\n              <Trans\n                components={{ bold: <strong /> }}\n                i18nKey=\"neetoIntegrations.google.connect.reminderToAcceptPermissions\"\n                values={{\n                  selectCheckbox: t(\n                    \"neetoIntegrations.google.connect.selectCheckbox\"\n                  ),\n                }}\n              />\n            </Callout>\n            {permissionImage && (\n              <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-md my-4 overflow-hidden border\">\n                <img src={permissionImage} />\n              </div>\n            )}\n          </div>\n          <Button\n            icon={Google}\n            label={t(\"neetoIntegrations.google.connect.signIn\")}\n            onClick={fetchAuthorizationUrl}\n          />\n        </div>\n      )}\n      {activeTab === STEPS.finish && (\n        <Finish\n          title={t(\"neetoIntegrations.google.finish.title\")}\n          onClick={handleRedirect}\n        />\n      )}\n    </IntegrationsModal>\n  );\n};\n\nexport default GoogleCalendar;\n"],"names":["INTEGRATION_STEPS","step","label","t","isActive","isCompleted","STEPS","connect","finish","GoogleCalendar","_ref","permissionImage","fetchAuthorizationUrl","handleClose","handleRedirect","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","steps","setSteps","_getQueryParams","getQueryParams","status","activeTab","isPresent","useEffect","stepsClone","_toConsumableArray","_objectSpread","_jsxs","IntegrationsModal","isOpen","onClose","children","className","_jsx","GoogleCalendarIcon","size","Typography","style","Callout","Trans","components","bold","i18nKey","values","selectCheckbox","src","Button","icon","Google","onClick","Finish","title"],"mappings":"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"}

package/dist/cjs/Manage.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var defineProperty = require('../defineProperty-f3094d6c.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -11,19 +11,12 @@ var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
 var DisconnectAlert = require('./DisconnectAlert.js');
 var jsxRuntime = require('react/jsx-runtime');
+require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-commons-frontend/react-utils/withT');
 require('@bigbinary/neetoui/Alert');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-
 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; }
+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(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 Manage = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     _ref$title = _ref.title,
@@ -84,32 +77,32 @@ var Manage = reactUtils.withT(function (_ref) {
           className: "space-y-2",
           children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "flex items-center space-x-4",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
               className: "neeto-ui-text-gray-800 mb-0.5",
               style: "h2",
               weight: "semibold",
               children: title
             }), isConnected && /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
-              children: /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
+              children: /*#__PURE__*/jsxRuntime.jsx(Check, {
                 size: 24
               })
             })]
-          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
             style: "body1",
             weight: "normal",
-            className: classnames__default["default"]("neeto-ui-text-gray-800", {
+            className: classnames("neeto-ui-text-gray-800", {
               "break-all": isConnected
             }),
             children: description
-          }), helpDocUrl && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          }), helpDocUrl && /*#__PURE__*/jsxRuntime.jsx(Typography, {
             className: "neeto-ui-text-gray-800",
             style: "body2",
             weight: "normal",
             children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
               i18nKey: "neetoIntegrations.common.helpDocUrl",
               components: {
-                helpLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                helpLink: /*#__PURE__*/jsxRuntime.jsx(Button, {
                   href: helpDocUrl,
                   style: "link",
                   target: "_blank"
@@ -122,7 +115,7 @@ var Manage = reactUtils.withT(function (_ref) {
           })]
         }), isConnected ? /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "space-x-2",
-          children: [(managePath || manageUrl) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+          children: [(managePath || manageUrl) && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
             "data-cy": "manage-button",
             href: manageUrl,
             target: manageUrl ? "_blank" : "_self",
@@ -130,7 +123,7 @@ var Manage = reactUtils.withT(function (_ref) {
             label: t("neetoIntegrations.common.manageIntegration", {
               integration: integrationName || neetoCist.humanize(integration)
             })
-          }, buttonProps)), onDisconnect && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+          }, buttonProps)), onDisconnect && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
             "data-cy": "disconnect-button",
             style: "secondary",
             label: t("neetoIntegrations.common.disconnectIntegration", {
@@ -141,11 +134,11 @@ var Manage = reactUtils.withT(function (_ref) {
             }
           }, secondaryButtonProps))]
         }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-          children: /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], _objectSpread(_objectSpread({
+          children: /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread(_objectSpread({
             disabled: !isConnectDisabled
           }, connectTooltipProps), {}, {
             children: /*#__PURE__*/jsxRuntime.jsx("span", {
-              children: (connectPath || connectUrl || onConnect) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread({
+              children: (connectPath || connectUrl || onConnect) && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
                 "data-cy": "connect-button",
                 disabled: isConnectDisabled,
                 href: connectUrl,

package/dist/cjs/Manage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Manage.js","sources":["../../app/javascript/src/components/commons/Manage.jsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { humanize, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Button, Tooltip, Typography } from \"neetoui\";\nimport { Trans } from \"react-i18next\";\n\nimport DisconnectAlert from \"components/DisconnectAlert\";\n\nconst Manage = withT(\n  ({\n    t,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    isDisconnectAlertOpen = false,\n    setIsDisconnectAlertOpen = noop,\n    isDisconnecting = false,\n    onConnect = undefined,\n    onDisconnect = undefined,\n    onClose = noop,\n    Icon = null,\n    isConnected = false,\n    connectPath = \"\",\n    connectUrl = \"\",\n    helpDocUrl = \"\",\n    managePath = \"\",\n    manageUrl = \"\",\n    integrationName = \"\",\n    disconnectMessage = \"\",\n    disconnectTitle = \"\",\n    isConnectDisabled = false,\n    connectTooltipProps = null,\n    buttonProps = {},\n    secondaryButtonProps = {},\n  }) => (\n    <>\n      <div className=\"mx-auto w-full max-w-3xl\">\n        <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full space-y-4 border p-6\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-600\" size={48} />}\n          <div className=\"space-y-2\">\n            <div className=\"flex items-center space-x-4\">\n              <Typography\n                className=\"neeto-ui-text-gray-800 mb-0.5\"\n                style=\"h2\"\n                weight=\"semibold\"\n              >\n                {title}\n              </Typography>\n              {isConnected && (\n                <div className=\"neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1\">\n                  <Check size={24} />\n                </div>\n              )}\n            </div>\n            <Typography\n              style=\"body1\"\n              weight=\"normal\"\n              className={classNames(\"neeto-ui-text-gray-800\", {\n                \"break-all\": isConnected,\n              })}\n            >\n              {description}\n            </Typography>\n            {helpDocUrl && (\n              <Typography\n                className=\"neeto-ui-text-gray-800\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                <Trans\n                  i18nKey=\"neetoIntegrations.common.helpDocUrl\"\n                  components={{\n                    helpLink: (\n                      <Button href={helpDocUrl} style=\"link\" target=\"_blank\" />\n                    ),\n                  }}\n                  values={{\n                    integration: integrationName || humanize(integration),\n                  }}\n                />\n              </Typography>\n            )}\n          </div>\n          {isConnected ? (\n            <div className=\"space-x-2\">\n              {(managePath || manageUrl) && (\n                <Button\n                  data-cy=\"manage-button\"\n                  href={manageUrl}\n                  target={manageUrl ? \"_blank\" : \"_self\"}\n                  to={managePath}\n                  label={t(\"neetoIntegrations.common.manageIntegration\", {\n                    integration: integrationName || humanize(integration),\n                  })}\n                  {...buttonProps}\n                />\n              )}\n              {onDisconnect && (\n                <Button\n                  data-cy=\"disconnect-button\"\n                  style=\"secondary\"\n                  label={t(\"neetoIntegrations.common.disconnectIntegration\", {\n                    integration: integrationName || humanize(integration),\n                  })}\n                  onClick={() => setIsDisconnectAlertOpen(true)}\n                  {...secondaryButtonProps}\n                />\n              )}\n            </div>\n          ) : (\n            <div>\n              <Tooltip disabled={!isConnectDisabled} {...connectTooltipProps}>\n                <span>\n                  {(connectPath || connectUrl || onConnect) && (\n                    <Button\n                      data-cy=\"connect-button\"\n                      disabled={isConnectDisabled}\n                      href={connectUrl}\n                      to={connectPath}\n                      label={t(\"neetoIntegrations.common.connectIntegration\", {\n                        integration: integrationName || humanize(integration),\n                      })}\n                      onClick={onConnect}\n                      {...buttonProps}\n                    />\n                  )}\n                </span>\n              </Tooltip>\n            </div>\n          )}\n        </div>\n      </div>\n      <DisconnectAlert\n        {...{ isDisconnecting, onClose, onDisconnect }}\n        isOpen={isDisconnectAlertOpen}\n        message={\n          disconnectMessage ||\n          t(`settings.integrations.${integration}.disconnect.message`)\n        }\n        title={\n          disconnectTitle ||\n          t(`settings.integrations.${integration}.disconnect.title`)\n        }\n      />\n    </>\n  )\n);\n\nexport default Manage;\n"],"names":["Manage","withT","_ref","t","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$isDisconnectAler","isDisconnectAlertOpen","_ref$setIsDisconnectA","setIsDisconnectAlertOpen","noop","_ref$isDisconnecting","isDisconnecting","_ref$onConnect","onConnect","undefined","_ref$onDisconnect","onDisconnect","_ref$onClose","onClose","_ref$Icon","Icon","_ref$isConnected","isConnected","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","_ref$helpDocUrl","helpDocUrl","_ref$managePath","managePath","_ref$manageUrl","manageUrl","_ref$integrationName","integrationName","_ref$disconnectMessag","disconnectMessage","_ref$disconnectTitle","disconnectTitle","_ref$isConnectDisable","isConnectDisabled","_ref$connectTooltipPr","connectTooltipProps","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_jsxs","_Fragment","children","_jsx","className","size","Typography","style","weight","Check","classNames","Trans","i18nKey","components","helpLink","Button","href","target","values","humanize","_objectSpread","to","label","onClick","Tooltip","disabled","DisconnectAlert","isOpen","message","concat"],"mappings":"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"}
+{"version":3,"file":"Manage.js","sources":["../../app/javascript/src/components/commons/Manage.jsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { humanize, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Button, Tooltip, Typography } from \"neetoui\";\nimport { Trans } from \"react-i18next\";\n\nimport DisconnectAlert from \"components/DisconnectAlert\";\n\nconst Manage = withT(\n  ({\n    t,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    isDisconnectAlertOpen = false,\n    setIsDisconnectAlertOpen = noop,\n    isDisconnecting = false,\n    onConnect = undefined,\n    onDisconnect = undefined,\n    onClose = noop,\n    Icon = null,\n    isConnected = false,\n    connectPath = \"\",\n    connectUrl = \"\",\n    helpDocUrl = \"\",\n    managePath = \"\",\n    manageUrl = \"\",\n    integrationName = \"\",\n    disconnectMessage = \"\",\n    disconnectTitle = \"\",\n    isConnectDisabled = false,\n    connectTooltipProps = null,\n    buttonProps = {},\n    secondaryButtonProps = {},\n  }) => (\n    <>\n      <div className=\"mx-auto w-full max-w-3xl\">\n        <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full space-y-4 border p-6\">\n          {Icon && <Icon className=\"neeto-ui-text-gray-600\" size={48} />}\n          <div className=\"space-y-2\">\n            <div className=\"flex items-center space-x-4\">\n              <Typography\n                className=\"neeto-ui-text-gray-800 mb-0.5\"\n                style=\"h2\"\n                weight=\"semibold\"\n              >\n                {title}\n              </Typography>\n              {isConnected && (\n                <div className=\"neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1\">\n                  <Check size={24} />\n                </div>\n              )}\n            </div>\n            <Typography\n              style=\"body1\"\n              weight=\"normal\"\n              className={classNames(\"neeto-ui-text-gray-800\", {\n                \"break-all\": isConnected,\n              })}\n            >\n              {description}\n            </Typography>\n            {helpDocUrl && (\n              <Typography\n                className=\"neeto-ui-text-gray-800\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                <Trans\n                  i18nKey=\"neetoIntegrations.common.helpDocUrl\"\n                  components={{\n                    helpLink: (\n                      <Button href={helpDocUrl} style=\"link\" target=\"_blank\" />\n                    ),\n                  }}\n                  values={{\n                    integration: integrationName || humanize(integration),\n                  }}\n                />\n              </Typography>\n            )}\n          </div>\n          {isConnected ? (\n            <div className=\"space-x-2\">\n              {(managePath || manageUrl) && (\n                <Button\n                  data-cy=\"manage-button\"\n                  href={manageUrl}\n                  target={manageUrl ? \"_blank\" : \"_self\"}\n                  to={managePath}\n                  label={t(\"neetoIntegrations.common.manageIntegration\", {\n                    integration: integrationName || humanize(integration),\n                  })}\n                  {...buttonProps}\n                />\n              )}\n              {onDisconnect && (\n                <Button\n                  data-cy=\"disconnect-button\"\n                  style=\"secondary\"\n                  label={t(\"neetoIntegrations.common.disconnectIntegration\", {\n                    integration: integrationName || humanize(integration),\n                  })}\n                  onClick={() => setIsDisconnectAlertOpen(true)}\n                  {...secondaryButtonProps}\n                />\n              )}\n            </div>\n          ) : (\n            <div>\n              <Tooltip disabled={!isConnectDisabled} {...connectTooltipProps}>\n                <span>\n                  {(connectPath || connectUrl || onConnect) && (\n                    <Button\n                      data-cy=\"connect-button\"\n                      disabled={isConnectDisabled}\n                      href={connectUrl}\n                      to={connectPath}\n                      label={t(\"neetoIntegrations.common.connectIntegration\", {\n                        integration: integrationName || humanize(integration),\n                      })}\n                      onClick={onConnect}\n                      {...buttonProps}\n                    />\n                  )}\n                </span>\n              </Tooltip>\n            </div>\n          )}\n        </div>\n      </div>\n      <DisconnectAlert\n        {...{ isDisconnecting, onClose, onDisconnect }}\n        isOpen={isDisconnectAlertOpen}\n        message={\n          disconnectMessage ||\n          t(`settings.integrations.${integration}.disconnect.message`)\n        }\n        title={\n          disconnectTitle ||\n          t(`settings.integrations.${integration}.disconnect.title`)\n        }\n      />\n    </>\n  )\n);\n\nexport default Manage;\n"],"names":["Manage","withT","_ref","t","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$isDisconnectAler","isDisconnectAlertOpen","_ref$setIsDisconnectA","setIsDisconnectAlertOpen","noop","_ref$isDisconnecting","isDisconnecting","_ref$onConnect","onConnect","undefined","_ref$onDisconnect","onDisconnect","_ref$onClose","onClose","_ref$Icon","Icon","_ref$isConnected","isConnected","_ref$connectPath","connectPath","_ref$connectUrl","connectUrl","_ref$helpDocUrl","helpDocUrl","_ref$managePath","managePath","_ref$manageUrl","manageUrl","_ref$integrationName","integrationName","_ref$disconnectMessag","disconnectMessage","_ref$disconnectTitle","disconnectTitle","_ref$isConnectDisable","isConnectDisabled","_ref$connectTooltipPr","connectTooltipProps","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_jsxs","_Fragment","children","_jsx","className","size","Typography","style","weight","Check","classNames","Trans","i18nKey","components","helpLink","Button","href","target","values","humanize","_objectSpread","to","label","onClick","Tooltip","disabled","DisconnectAlert","isOpen","message","concat"],"mappings":"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"}

package/dist/cjs/Modal.js

@@ -6,12 +6,6 @@ var classnames = require('classnames');
 var Typography = require('@bigbinary/neetoui/Typography');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal$1);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-
 var Stepper = function Stepper(_ref) {
   var _ref$steps = _ref.steps,
     steps = _ref$steps === void 0 ? {} : _ref$steps;
@@ -28,28 +22,28 @@ var Stepper = function Stepper(_ref) {
       return /*#__PURE__*/jsxRuntime.jsxs("li", {
         className: "flex items-center gap-4",
         children: [step !== "1" && /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: classnames__default["default"]("w-10 border-b", {
+          className: classnames("w-10 border-b", {
             "neeto-ui-border-gray-800": isActiveOrCompleted(isActive, isCompleted),
             "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
           })
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-center gap-2",
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-            className: classnames__default["default"]("neeto-ui-rounded-full neeto-ui-gray-600 flex h-6 w-6 items-center justify-center border", {
+            className: classnames("neeto-ui-rounded-full neeto-ui-gray-600 flex h-6 w-6 items-center justify-center border", {
               "neeto-ui-bg-success-600 neeto-ui-border-success-600 neeto-ui-text-white": isActive,
               "neeto-ui-bg-primary-600 neeto-ui-border-primary-600 neeto-ui-text-white": isCompleted,
               "neeto-ui-border-gray-400": !isActiveOrCompleted(isActive, isCompleted)
             }),
-            children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
               component: "span",
               style: "body2",
               weight: "normal",
               children: step
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
             style: "body2",
             weight: "normal",
-            className: classnames__default["default"]({
+            className: classnames({
               "neeto-ui-text-gray-800": isActiveOrCompleted(isActive, isCompleted),
               "neeto-ui-text-gray-600": !isActiveOrCompleted(isActive, isCompleted)
             }),
@@ -69,16 +63,16 @@ var Modal = function Modal(_ref) {
     _ref$steps = _ref.steps,
     steps = _ref$steps === void 0 ? {} : _ref$steps,
     children = _ref.children;
-  return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsxs(Modal$1, {
     isOpen: isOpen,
     onClose: onClose,
     className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-transform-none w-screen overflow-y-auto",
     size: "fullScreen",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Modal$1.Header, {
       children: /*#__PURE__*/jsxRuntime.jsx(Stepper, {
         steps: steps
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
+    }), /*#__PURE__*/jsxRuntime.jsx(Modal$1.Body, {
       className: "neeto-ui-flex neeto-ui-justify-center neeto-ui-flex-grow",
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-ui-w-full py-10",

package/dist/cjs/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../app/javascript/src/components/Modal/Stepper.jsx","../../app/javascript/src/components/Modal/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps = {} }) => {\n  const isActiveOrCompleted = (activeStatus, completedStatus) =>\n    activeStatus || completedStatus;\n\n  return (\n    <ul className=\"flex gap-4\">\n      {steps?.map(({ step, label, isActive, isCompleted }) => (\n        <li className=\"flex items-center gap-4\" key={step}>\n          {step !== \"1\" && (\n            <div\n              className={classnames(\"w-10 border-b\", {\n                \"neeto-ui-border-gray-800\": isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n                \"neeto-ui-border-gray-400\": !isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n              })}\n            />\n          )}\n          <div className=\"flex items-center gap-2\">\n            <div\n              className={classnames(\n                \"neeto-ui-rounded-full neeto-ui-gray-600 flex h-6 w-6 items-center justify-center border\",\n                {\n                  \"neeto-ui-bg-success-600 neeto-ui-border-success-600 neeto-ui-text-white\":\n                    isActive,\n                  \"neeto-ui-bg-primary-600 neeto-ui-border-primary-600 neeto-ui-text-white\":\n                    isCompleted,\n                  \"neeto-ui-border-gray-400\": !isActiveOrCompleted(\n                    isActive,\n                    isCompleted\n                  ),\n                }\n              )}\n            >\n              <Typography component=\"span\" style=\"body2\" weight=\"normal\">\n                {step}\n              </Typography>\n            </div>\n            <Typography\n              style=\"body2\"\n              weight=\"normal\"\n              className={classnames({\n                \"neeto-ui-text-gray-800\": isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n                \"neeto-ui-text-gray-600\": !isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n              })}\n            >\n              {label}\n            </Typography>\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nStepper.propTypes = { steps: PropTypes.array };\n\nexport default Stepper;\n","import { noop } from \"neetocist\";\nimport { Modal as NeetoUIModal } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Stepper from \"./Stepper\";\n\nconst Modal = ({ isOpen = noop, onClose = noop, steps = {}, children }) => (\n  <NeetoUIModal\n    {...{ isOpen, onClose }}\n    className=\"neeto-ui-flex neeto-ui-flex-col neeto-ui-transform-none w-screen overflow-y-auto\"\n    size=\"fullScreen\"\n  >\n    <NeetoUIModal.Header>\n      <Stepper {...{ steps }} />\n    </NeetoUIModal.Header>\n    <NeetoUIModal.Body className=\"neeto-ui-flex neeto-ui-justify-center neeto-ui-flex-grow\">\n      <div className=\"neeto-ui-w-full py-10\">{children}</div>\n    </NeetoUIModal.Body>\n  </NeetoUIModal>\n);\n\nModal.propTypes = {\n  /**\n   * Handler function that is used to open the Modal\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the Modal's close button is invoked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Denote the number of steps\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      step: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      isActive: PropTypes.bool.isRequired,\n      isCompleted: PropTypes.bool.isRequired,\n    })\n  ),\n};\n\nexport default Modal;\n"],"names":["Stepper","_ref","_ref$steps","steps","isActiveOrCompleted","activeStatus","completedStatus","_jsx","className","children","map","_ref2","step","label","isActive","isCompleted","_jsxs","classnames","Typography","component","style","weight","Modal","_ref$isOpen","isOpen","noop","_ref$onClose","onClose","NeetoUIModal","size","Header","Body"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../app/javascript/src/components/Modal/Stepper.jsx","../../app/javascript/src/components/Modal/index.jsx"],"sourcesContent":["import classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps = {} }) => {\n  const isActiveOrCompleted = (activeStatus, completedStatus) =>\n    activeStatus || completedStatus;\n\n  return (\n    <ul className=\"flex gap-4\">\n      {steps?.map(({ step, label, isActive, isCompleted }) => (\n        <li className=\"flex items-center gap-4\" key={step}>\n          {step !== \"1\" && (\n            <div\n              className={classnames(\"w-10 border-b\", {\n                \"neeto-ui-border-gray-800\": isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n                \"neeto-ui-border-gray-400\": !isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n              })}\n            />\n          )}\n          <div className=\"flex items-center gap-2\">\n            <div\n              className={classnames(\n                \"neeto-ui-rounded-full neeto-ui-gray-600 flex h-6 w-6 items-center justify-center border\",\n                {\n                  \"neeto-ui-bg-success-600 neeto-ui-border-success-600 neeto-ui-text-white\":\n                    isActive,\n                  \"neeto-ui-bg-primary-600 neeto-ui-border-primary-600 neeto-ui-text-white\":\n                    isCompleted,\n                  \"neeto-ui-border-gray-400\": !isActiveOrCompleted(\n                    isActive,\n                    isCompleted\n                  ),\n                }\n              )}\n            >\n              <Typography component=\"span\" style=\"body2\" weight=\"normal\">\n                {step}\n              </Typography>\n            </div>\n            <Typography\n              style=\"body2\"\n              weight=\"normal\"\n              className={classnames({\n                \"neeto-ui-text-gray-800\": isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n                \"neeto-ui-text-gray-600\": !isActiveOrCompleted(\n                  isActive,\n                  isCompleted\n                ),\n              })}\n            >\n              {label}\n            </Typography>\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nStepper.propTypes = { steps: PropTypes.array };\n\nexport default Stepper;\n","import { noop } from \"neetocist\";\nimport { Modal as NeetoUIModal } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport Stepper from \"./Stepper\";\n\nconst Modal = ({ isOpen = noop, onClose = noop, steps = {}, children }) => (\n  <NeetoUIModal\n    {...{ isOpen, onClose }}\n    className=\"neeto-ui-flex neeto-ui-flex-col neeto-ui-transform-none w-screen overflow-y-auto\"\n    size=\"fullScreen\"\n  >\n    <NeetoUIModal.Header>\n      <Stepper {...{ steps }} />\n    </NeetoUIModal.Header>\n    <NeetoUIModal.Body className=\"neeto-ui-flex neeto-ui-justify-center neeto-ui-flex-grow\">\n      <div className=\"neeto-ui-w-full py-10\">{children}</div>\n    </NeetoUIModal.Body>\n  </NeetoUIModal>\n);\n\nModal.propTypes = {\n  /**\n   * Handler function that is used to open the Modal\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Handler function that is triggered when the Modal's close button is invoked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Denote the number of steps\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      step: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      isActive: PropTypes.bool.isRequired,\n      isCompleted: PropTypes.bool.isRequired,\n    })\n  ),\n};\n\nexport default Modal;\n"],"names":["Stepper","_ref","_ref$steps","steps","isActiveOrCompleted","activeStatus","completedStatus","_jsx","className","children","map","_ref2","step","label","isActive","isCompleted","_jsxs","classnames","Typography","component","style","weight","Modal","_ref$isOpen","isOpen","noop","_ref$onClose","onClose","NeetoUIModal","size","Header","Body"],"mappings":"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"}

package/dist/cjs/Twilio.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var defineProperty = require('../defineProperty-f3094d6c.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
@@ -10,18 +10,15 @@ var reactI18next = require('react-i18next');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var Select = require('@bigbinary/neetoui/formik/Select');
 var jsxRuntime = require('react/jsx-runtime');
-var slicedToArray = require('../slicedToArray-f320d9e7.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var query = require('../query-4f9552ab.js');
+var query = require('../query-MCAJv0II.js');
 var i18next = require('i18next');
 var yup = require('yup');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -34,20 +31,14 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var FormikForm__default = /*#__PURE__*/_interopDefaultLegacy(FormikForm);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConfigurationForm = function ConfigurationForm(_ref) {
   var _errors$twilioPhoneNu;
   var phoneNumberOptions = _ref.phoneNumberOptions,
@@ -73,7 +64,7 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
     className: "flex w-full flex-col gap-y-4",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Input, {
         required: true,
         autoFocus: !isUsingOverlay,
         "data-testid": "integrations-twilio-sid",
@@ -83,7 +74,7 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
       })
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Input, {
         required: true,
         "data-testid": "integrations-twilio-auth-token",
         label: t("neetoIntegrations.twilio.authToken"),
@@ -91,7 +82,7 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
       })
     }), phoneNumberOptions && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Select, {
         error: (_errors$twilioPhoneNu = errors.twilioPhoneNumber) === null || _errors$twilioPhoneNu === void 0 ? void 0 : _errors$twilioPhoneNu.value,
         label: t("neetoIntegrations.common.phNo"),
         name: "twilioPhoneNumber",
@@ -108,22 +99,22 @@ var ConfigurationForm = function ConfigurationForm(_ref) {
 };
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var fetchTwilioSmsConfiguration = function fetchTwilioSmsConfiguration(integrable) {
-  return axios__default["default"].get(query.TWILIO_CONFIGURATION_BASE_URL, {
+  return axios.get(query.TWILIO_CONFIGURATION_BASE_URL, {
     params: integrable
   });
 };
 var removeTwilioConfiguration = function removeTwilioConfiguration() {
-  return axios__default["default"]["delete"](query.TWILIO_CONFIGURATION_BASE_URL);
+  return axios["delete"](query.TWILIO_CONFIGURATION_BASE_URL);
 };
 var getTwilioPhoneNumbers = function getTwilioPhoneNumbers(data) {
-  return axios__default["default"].get("".concat(query.TWILIO_CONFIGURATION_BASE_URL, "/new"), {
+  return axios.get("".concat(query.TWILIO_CONFIGURATION_BASE_URL, "/new"), {
     params: data
   });
 };
 var createTwilioConfiguration = function createTwilioConfiguration(payload, integrable) {
-  return axios__default["default"].post(query.TWILIO_CONFIGURATION_BASE_URL, _objectSpread$1(_objectSpread$1({}, payload), integrable));
+  return axios.post(query.TWILIO_CONFIGURATION_BASE_URL, _objectSpread$1(_objectSpread$1({}, payload), integrable));
 };
 var twilioApi = {
   fetchTwilioSmsConfiguration: fetchTwilioSmsConfiguration,
@@ -151,7 +142,7 @@ var useFetchTwilioSmsConfiguration = function useFetchTwilioSmsConfiguration(_re
   });
 };
 var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref2) {
-  var _formRef$current, _formRef$current2;
+  var _formRef$current, _formRef$current$valu, _formRef$current2, _formRef$current2$val;
   var credentials = _ref2.credentials,
     formRef = _ref2.formRef;
   return reactQuery.useQuery({
@@ -161,7 +152,7 @@ var useFetchTwilioPhoneNumbers = function useFetchTwilioPhoneNumbers(_ref2) {
     queryFn: function queryFn() {
       return twilioApi.getTwilioPhoneNumbers(neetoCist.keysToSnakeCase(credentials));
     },
-    enabled: !!(credentials !== null && credentials !== void 0 && credentials.twilio_sid) || !!(credentials !== null && credentials !== void 0 && credentials.twilioSid) || !!(formRef !== null && formRef !== void 0 && (_formRef$current = formRef.current) !== null && _formRef$current !== void 0 && (_formRef$current = _formRef$current.values) !== null && _formRef$current !== void 0 && _formRef$current.twilioSid) || !!(formRef !== null && formRef !== void 0 && (_formRef$current2 = formRef.current) !== null && _formRef$current2 !== void 0 && (_formRef$current2 = _formRef$current2.values) !== null && _formRef$current2 !== void 0 && _formRef$current2.twilioAuthToken),
+    enabled: !!(credentials !== null && credentials !== void 0 && credentials.twilio_sid) || !!(credentials !== null && credentials !== void 0 && credentials.twilioSid) || !!(formRef !== null && formRef !== void 0 && (_formRef$current = formRef.current) !== null && _formRef$current !== void 0 && (_formRef$current$valu = _formRef$current.values) !== null && _formRef$current$valu !== void 0 && _formRef$current$valu.twilioSid) || !!(formRef !== null && formRef !== void 0 && (_formRef$current2 = formRef.current) !== null && _formRef$current2 !== void 0 && (_formRef$current2$val = _formRef$current2.values) !== null && _formRef$current2$val !== void 0 && _formRef$current2$val.twilioAuthToken),
     select: ramda.prop("phoneNumbers"),
     retry: false
   });
@@ -189,7 +180,7 @@ var useTwilio = function useTwilio(_ref) {
     configuration = _useFetchTwilioSmsCon2 === void 0 ? {} : _useFetchTwilioSmsCon2,
     isConfigurationLoading = _useFetchTwilioSmsCon.isLoading;
   var _useStateWithDependen = reactUtils.useStateWithDependency(configuration),
-    _useStateWithDependen2 = slicedToArray._slicedToArray(_useStateWithDependen, 2),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
     credentials = _useStateWithDependen2[0],
     setCredentials = _useStateWithDependen2[1];
   var _useFetchTwilioPhoneN = useFetchTwilioPhoneNumbers({
@@ -230,11 +221,11 @@ var useTwilio = function useTwilio(_ref) {
 
 var buildTwilioConfigurationValidationSchema = function buildTwilioConfigurationValidationSchema(isTwilioPhoneRequired) {
   return yup__namespace.object().shape({
-    twilioSid: yup__namespace.string().required(i18next__default["default"].t("neetoIntegrations.twilio.validations.sidReq")),
-    twilioAuthToken: yup__namespace.string().required(i18next__default["default"].t("neetoIntegrations.twilio.validations.authTokenReq")),
+    twilioSid: yup__namespace.string().required(i18next.t("neetoIntegrations.twilio.validations.sidReq")),
+    twilioAuthToken: yup__namespace.string().required(i18next.t("neetoIntegrations.twilio.validations.authTokenReq")),
     twilioPhoneNumber: isTwilioPhoneRequired ? yup__namespace.object().shape({
       label: yup__namespace.string(),
-      value: yup__namespace.string().required(i18next__default["default"].t("neetoIntegrations.twilio.validations.phNumReq"))
+      value: yup__namespace.string().required(i18next.t("neetoIntegrations.twilio.validations.phNumReq"))
     }) : null
   });
 };
@@ -250,7 +241,7 @@ var buildPhoneNumberOptions = function buildPhoneNumberOptions(phoneNumbers) {
 };
 
 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; }
+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(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 Twilio = function Twilio(_ref) {
   var _ref$integrable = _ref.integrable,
     integrable = _ref$integrable === void 0 ? null : _ref$integrable,
@@ -283,7 +274,7 @@ var Twilio = function Twilio(_ref) {
       twilioPhoneNumber: selectedPhoneNumber
     }), values) || isLoading;
   };
-  return /*#__PURE__*/jsxRuntime.jsx(FormikForm__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(FormikForm, {
     className: "mx-auto flex w-full max-w-md flex-col p-5",
     formikProps: {
       enableReinitialize: true,
@@ -301,7 +292,7 @@ var Twilio = function Twilio(_ref) {
           selectedPhoneNumber: selectedPhoneNumber
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "mt-8",
-          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
             isSubmitting: isSubmitting,
             cancelButtonProps: {
               onClick: onClose