@bigbinary/neeto-integrations-frontend 3.1.0 → 3.1.2

package/dist/Connect.js

@@ -0,0 +1,99 @@
+import { _ as _defineProperty } from './defineProperty-e90a259c.js';
+import { humanize, noop } from '@bigbinary/neeto-cist';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Typography from '@bigbinary/neetoui/Typography';
+import Button from '@bigbinary/neetoui/Button';
+import { P as PropTypes } from './index-4bda54e6.js';
+import { Trans } from 'react-i18next';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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(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 Connect = withT(function (_ref) {
+  var t = _ref.t,
+    Icon = _ref.Icon,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$integration = _ref.integration,
+    integration = _ref$integration === void 0 ? "" : _ref$integration,
+    _ref$integrationName = _ref.integrationName,
+    integrationName = _ref$integrationName === void 0 ? "" : _ref$integrationName,
+    _ref$helpDocUrl = _ref.helpDocUrl,
+    helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl,
+    _ref$buttonProps = _ref.buttonProps,
+    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    _ref$onConnect = _ref.onConnect,
+    onConnect = _ref$onConnect === void 0 ? noop : _ref$onConnect,
+    children = _ref.children,
+    secondaryButtonProps = _ref.secondaryButtonProps;
+  return /*#__PURE__*/jsxs("div", {
+    className: "mx-auto w-full max-w-3xl",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "mb-6 flex flex-col gap-y-2",
+      children: [/*#__PURE__*/jsx(Icon, {
+        size: 48
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col gap-y-1",
+        children: [/*#__PURE__*/jsx(Typography, {
+          style: "h2",
+          children: title
+        }), /*#__PURE__*/jsx(Typography, {
+          style: "body2",
+          children: description
+        })]
+      })]
+    }), helpDocUrl && /*#__PURE__*/jsx("div", {
+      className: "mb-4",
+      children: /*#__PURE__*/jsx(Trans, {
+        i18nKey: "neetoIntegrations.common.helpDocUrl",
+        components: {
+          helpLink: /*#__PURE__*/jsx(Button, {
+            className: "text-xs",
+            href: helpDocUrl,
+            size: "small",
+            style: "link",
+            target: "_blank"
+          })
+        },
+        values: {
+          integration: integrationName || humanize(integration)
+        }
+      })
+    }), children, /*#__PURE__*/jsxs("div", {
+      className: "flex w-full items-center gap-x-3",
+      children: [/*#__PURE__*/jsx(Button, _objectSpread({
+        label: t("neetoIntegrations.common.connect"),
+        onClick: onConnect
+      }, buttonProps)), secondaryButtonProps && /*#__PURE__*/jsx(Button, _objectSpread({
+        style: "secondary"
+      }, secondaryButtonProps))]
+    })]
+  });
+});
+Connect.prototypes = {
+  /**
+   * To specify the Icon to be shown
+   */
+  Icon: PropTypes.node,
+  /**
+   * To specify the title of the connect component
+   */
+  title: PropTypes.string,
+  /**
+   * To specify the description for connect component
+   */
+  description: PropTypes.string,
+  /**
+   * To specify the props for the connect button
+   */
+  buttonProps: PropTypes.object,
+  /**
+   * Handler function that is triggered when the connect button is clicked.
+   */
+  onConnect: PropTypes.func
+};
+
+export { Connect as default };
+//# sourceMappingURL=Connect.js.map

package/dist/Connect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Connect.js","sources":["../app/javascript/src/components/Steps/Connect.jsx"],"sourcesContent":["import { humanize, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Typography, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\n\nconst Connect = withT(\n  ({\n    t,\n    Icon,\n    title = \"\",\n    description = \"\",\n    integration = \"\",\n    integrationName = \"\",\n    helpDocUrl = \"\",\n    buttonProps = {},\n    onConnect = noop,\n    children,\n    secondaryButtonProps,\n  }) => (\n    <div className=\"mx-auto w-full max-w-3xl\">\n      <div className=\"mb-6 flex flex-col gap-y-2\">\n        <Icon size={48} />\n        <div className=\"flex flex-col gap-y-1\">\n          <Typography style=\"h2\">{title}</Typography>\n          <Typography style=\"body2\">{description}</Typography>\n        </div>\n      </div>\n      {helpDocUrl && (\n        <div className=\"mb-4\">\n          <Trans\n            i18nKey=\"neetoIntegrations.common.helpDocUrl\"\n            components={{\n              helpLink: (\n                <Button\n                  className=\"text-xs\"\n                  href={helpDocUrl}\n                  size=\"small\"\n                  style=\"link\"\n                  target=\"_blank\"\n                />\n              ),\n            }}\n            values={{\n              integration: integrationName || humanize(integration),\n            }}\n          />\n        </div>\n      )}\n      {children}\n      <div className=\"flex w-full items-center gap-x-3\">\n        <Button\n          label={t(\"neetoIntegrations.common.connect\")}\n          onClick={onConnect}\n          {...buttonProps}\n        />\n        {secondaryButtonProps && (\n          <Button style=\"secondary\" {...secondaryButtonProps} />\n        )}\n      </div>\n    </div>\n  )\n);\n\nConnect.prototypes = {\n  /**\n   * To specify the Icon to be shown\n   */\n  Icon: PropTypes.node,\n  /**\n   * To specify the title of the connect component\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the description for connect component\n   */\n  description: PropTypes.string,\n  /**\n   * To specify the props for the connect button\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * Handler function that is triggered when the connect button is clicked.\n   */\n  onConnect: PropTypes.func,\n};\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","Icon","_ref$title","title","_ref$description","description","_ref$integration","integration","_ref$integrationName","integrationName","_ref$helpDocUrl","helpDocUrl","_ref$buttonProps","buttonProps","_ref$onConnect","onConnect","noop","children","secondaryButtonProps","_jsxs","className","_jsx","size","Typography","style","Trans","i18nKey","components","helpLink","Button","href","target","values","humanize","_objectSpread","label","onClick","prototypes","PropTypes","node","string","object","func"],"mappings":"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"}