@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta2

package/dist/cjs/SendToFields.js

@@ -0,0 +1,275 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var formik = require('formik');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoui = require('@bigbinary/neetoui');
+var formik$1 = require('@bigbinary/neetoui/formik');
+var reactI18next = require('react-i18next');
+var classnames = require('classnames');
+var reactDropzone = require('react-dropzone');
+var withT = require('@bigbinary/neeto-commons-frontend/react-utils/withT');
+var i18next = require('i18next');
+var Papa = require('papaparse');
+var ramda = require('ramda');
+var yup = require('yup');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
+var Papa__default = /*#__PURE__*/_interopDefaultLegacy(Papa);
+
+var ALLOWED_FILE_TYPES = [".csv"];
+var CSV_FILE_SIZE_IN_KB = 32;
+var ONE_KILOBYTE_IN_BYTES = 1024;
+var DOWNLOAD_SAMPLE_EMAIL_CSV_FILE = "https://d2v7kzglnr2dnh.cloudfront.net/others/sample-bulk-email.csv";
+
+var Requirements = withT__default["default"](function (_ref) {
+  var t = _ref.t,
+    fileSize = _ref.fileSize;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
+    className: "flex flex-col items-center py-6",
+    style: "info"
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: "list-outside list-disc space-y-1 font-normal leading-normal"
+  }, fileSize && /*#__PURE__*/React__default["default"].createElement("li", null, t("neetoMolecules.shareViaLink.requirements.fileTypeAndSize", {
+    limit: fileSize
+  })), /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    components: {
+      strong: /*#__PURE__*/React__default["default"].createElement("strong", {
+        className: "font-semibold"
+      })
+    },
+    i18nKey: "neetoMolecules.shareViaLink.requirements.shouldContainColumns"
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    href: DOWNLOAD_SAMPLE_EMAIL_CSV_FILE,
+    icon: neetoIcons.Download,
+    iconPosition: "left",
+    label: t("neetoMolecules.shareViaLink.bulkUploadPane.downloadSampleCSV"),
+    style: "link"
+  }));
+});
+var Requirements$1 = /*#__PURE__*/React__default["default"].memo(Requirements);
+
+var BulkUploadPane = function BulkUploadPane(_ref) {
+  var _fileRejections$;
+  var isOpen = _ref.isOpen,
+    fileType = _ref.fileType,
+    fileSize = _ref.fileSize,
+    onClose = _ref.onClose,
+    handleFileSubmit = _ref.handleFileSubmit;
+  var _useDropzone = reactDropzone.useDropzone({
+      accept: fileType,
+      maxFiles: 1,
+      maxSize: fileSize * ONE_KILOBYTE_IN_BYTES,
+      onDrop: function onDrop(files) {
+        return files[0] && handleFileSubmit(files[0]);
+      }
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isDragActive = _useDropzone.isDragActive,
+    fileRejections = _useDropzone.fileRejections;
+  var errors = (_fileRejections$ = fileRejections[0]) === null || _fileRejections$ === void 0 ? void 0 : _fileRejections$.errors.map(function (_ref2) {
+    var message = _ref2.message,
+      code = _ref2.code;
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      className: "neeto-ui-text-error-500 items",
+      "data-cy": "file-input-error-message",
+      key: code,
+      style: "body3"
+    }, message);
+  });
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "data-testid": "bulk-upload-pane"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    tabIndex: 0
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-testid": "bulk-upload-header",
+    style: "h2",
+    weight: "semibold"
+  }, t("neetoMolecules.shareViaLink.bulkUpload"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full space-y-4"
+  }, /*#__PURE__*/React__default["default"].createElement(Requirements$1, {
+    fileSize: fileSize
+  }), /*#__PURE__*/React__default["default"].createElement("div", getRootProps({
+    className: classnames__default["default"]("flex flex-col p-2 border neeto-ui-border-primary-500 border-dashed neeto-ui-rounded-md transition duration-500 ease-in-out hover:neeto-ui-bg-gray-100 cursor-pointer items-center", {
+      "neeto-ui-border-gray-100": isDragActive,
+      "neeto-ui-border-error neeto-ui-bg-pastel-red hover:neeto-ui-bg-pastel-red": fileRejections.length
+    })
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col items-center space-y-3 p-4"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Upload, {
+    className: "neeto-ui-text-primary-500",
+    size: 32
+  }), /*#__PURE__*/React__default["default"].createElement("input", _extends__default["default"]({}, getInputProps(), {
+    "data-cy": "csv-upload-input",
+    "data-testid": "csv-upload-input"
+  })), isDragActive ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2"
+  }, t("neetoMolecules.shareViaLink.bulkUploadPane.dropFileHere")) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col items-center space-y-1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full items-center justify-center gap-x-1"
+  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.dragNDrop",
+    components: {
+      Button: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+        style: "link"
+      })
+    }
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-700",
+    style: "body3"
+  }, fileType && /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: "neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat",
+    values: {
+      fileType: fileType
+    },
+    components: {
+      code: /*#__PURE__*/React__default["default"].createElement("code", {
+        className: "neeto-ui-typography neeto-ui-text-body3 neeto-ui-bg-white m-0 border-l-0 p-0"
+      })
+    }
+  }), " ", fileSize && t("neetoMolecules.shareViaLink.bulkUploadPane.supportedSize", {
+    fileSize: fileSize
+  })))), errors))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "bulk-upload-cancel-button",
+    "data-testid": "bulk-upload-cancel-button",
+    label: t("neetoMolecules.common.actions.cancel"),
+    style: "text",
+    type: "reset",
+    onClick: onClose
+  }))));
+};
+
+var isValidEmail = function isValidEmail(email) {
+  return yup.string().email().isValidSync(email);
+};
+var createEmailOptions = function createEmailOptions() {
+  var emails = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return emails.map(function (email) {
+    return {
+      label: email,
+      value: email,
+      valid: isValidEmail(email)
+    };
+  });
+};
+var parseCsvEmails = function parseCsvEmails(file, onSuccess) {
+  Papa__default["default"].parse(file, {
+    header: true,
+    skipEmptyLines: true,
+    transformHeader: function transformHeader(h) {
+      return h.toLowerCase().replace(/\W/g, "");
+    },
+    complete: function complete(results) {
+      var _results$meta$fields;
+      var isEmailFieldPresent = (_results$meta$fields = results.meta.fields) === null || _results$meta$fields === void 0 ? void 0 : _results$meta$fields.includes("email");
+      if (isEmailFieldPresent) {
+        var emails = results.data.filter(ramda.prop("email")).map(function (item) {
+          return item.email.trim();
+        });
+        onSuccess(createEmailOptions(emails));
+      } else {
+        neetoui.Toastr.error(i18next.t("neetoMolecules.sendToFields.errors.invalidCsv"));
+      }
+    }
+  });
+};
+
+var SendToFields = function SendToFields(_ref) {
+  var emailInputProps = _ref.emailInputProps,
+    ccInputProps = _ref.ccInputProps,
+    bccInputProps = _ref.bccInputProps,
+    _ref$showUploadCsvBut = _ref.showUploadCsvButton,
+    showUploadCsvButton = _ref$showUploadCsvBut === void 0 ? false : _ref$showUploadCsvBut,
+    _ref$showCcBccButton = _ref.showCcBccButton,
+    showCcBccButton = _ref$showCcBccButton === void 0 ? false : _ref$showCcBccButton;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    isBulkUploadPaneOpen = _useState2[0],
+    setIsBulkUploadPaneOpen = _useState2[1];
+  var sendToFieldRef = React.useRef();
+  var _useFormikContext = formik.useFormikContext(),
+    _useFormikContext$val = _useFormikContext.values,
+    showCopyEmails = _useFormikContext$val.showCopyEmails,
+    existingSendToEmails = _useFormikContext$val[emailInputProps.name || "sendTo"],
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleCSVFile = function handleCSVFile(file) {
+    try {
+      var _sendToFieldRef$curre;
+      var onSuccess = function onSuccess(values) {
+        return setFieldValue(emailInputProps.name || "sendTo", [].concat(_toConsumableArray__default["default"](existingSendToEmails), _toConsumableArray__default["default"](values)));
+      };
+      parseCsvEmails(file, onSuccess);
+      setIsBulkUploadPaneOpen(false);
+      (_sendToFieldRef$curre = sendToFieldRef.current) === null || _sendToFieldRef$curre === void 0 ? void 0 : _sendToFieldRef$curre.focus();
+    } catch (error) {
+      neetoui.Toastr.error(error);
+    }
+  };
+  var handelCcBccButtonClick = function handelCcBccButtonClick(e) {
+    e.stopPropagation();
+    setFieldValue("showCopyEmails", !showCopyEmails);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "relative w-full flex-col gap-2",
+    "data-testid": "send-to-text-field"
+  }, showUploadCsvButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    className: "absolute right-1 top-0",
+    "data-testid": "bulk-upload-button",
+    icon: neetoIcons.Upload,
+    label: t("neetoMolecules.shareViaLink.bulkUpload"),
+    size: "small",
+    style: "link",
+    onClick: function onClick() {
+      return setIsBulkUploadPaneOpen(true);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(formik$1.MultiEmailInput, _extends__default["default"]({
+    name: "sendTo",
+    ref: sendToFieldRef
+  }, emailInputProps, {
+    suffix: showCcBccButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "cc-bcc-button",
+      "data-testid": "cc-bcc-button",
+      label: t("neetoMolecules.emailForm.labels.ccBcc"),
+      size: "small",
+      style: "link",
+      onClick: handelCcBccButtonClick
+    })
+  })), showCopyEmails && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mt-5 flex w-full flex-col gap-6"
+  }, /*#__PURE__*/React__default["default"].createElement(formik$1.MultiEmailInput, _extends__default["default"]({
+    name: "sendToBcc"
+  }, ccInputProps)), /*#__PURE__*/React__default["default"].createElement(formik$1.MultiEmailInput, _extends__default["default"]({
+    name: "sendToCc"
+  }, bccInputProps))), /*#__PURE__*/React__default["default"].createElement(BulkUploadPane, {
+    fileSize: CSV_FILE_SIZE_IN_KB,
+    fileType: ALLOWED_FILE_TYPES,
+    handleFileSubmit: handleCSVFile,
+    isOpen: isBulkUploadPaneOpen,
+    onClose: function onClose() {
+      return setIsBulkUploadPaneOpen(false);
+    }
+  }));
+};
+
+module.exports = SendToFields;
+//# sourceMappingURL=SendToFields.js.map

package/dist/cjs/SendToFields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToFields.js","sources":["../../src/components/SendToFields/constants.js","../../src/components/SendToFields/Requirements.jsx","../../src/components/SendToFields/BulkUploadPane.jsx","../../src/components/SendToFields/utils.js","../../src/components/SendToFields/index.jsx"],"sourcesContent":["export const SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\nexport const ALLOWED_FILE_TYPES = [\".csv\"];\nexport const CSV_FILE_SIZE_IN_KB = 32;\nexport const ONE_KILOBYTE_IN_BYTES = 1024;\nexport const DOWNLOAD_SAMPLE_EMAIL_CSV_FILE =\n  \"https://d2v7kzglnr2dnh.cloudfront.net/others/sample-bulk-email.csv\";\n","import React from \"react\";\n\nimport withT from \"neetocommons/react-utils/withT\";\nimport { Download } from \"neetoicons\";\nimport { Button, Callout } from \"neetoui\";\nimport { Trans } from \"react-i18next\";\n\nimport { DOWNLOAD_SAMPLE_EMAIL_CSV_FILE } from \"./constants\";\n\nconst Requirements = withT(({ t, fileSize }) => (\n  <Callout className=\"flex flex-col items-center py-6\" style=\"info\">\n    <ul className=\"list-outside list-disc space-y-1 font-normal leading-normal\">\n      {fileSize && (\n        <li>\n          {t(\"neetoMolecules.shareViaLink.requirements.fileTypeAndSize\", {\n            limit: fileSize,\n          })}\n        </li>\n      )}\n      <li>\n        <Trans\n          components={{ strong: <strong className=\"font-semibold\" /> }}\n          i18nKey=\"neetoMolecules.shareViaLink.requirements.shouldContainColumns\"\n        />\n      </li>\n    </ul>\n    <Button\n      href={DOWNLOAD_SAMPLE_EMAIL_CSV_FILE}\n      icon={Download}\n      iconPosition=\"left\"\n      label={t(\"neetoMolecules.shareViaLink.bulkUploadPane.downloadSampleCSV\")}\n      style=\"link\"\n    />\n  </Callout>\n));\n\nexport default React.memo(Requirements);\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { Upload } from \"neetoicons\";\nimport { Button, Typography, Pane } from \"neetoui\";\nimport { useDropzone } from \"react-dropzone\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ONE_KILOBYTE_IN_BYTES } from \"./constants\";\nimport Requirements from \"./Requirements\";\n\nconst BulkUploadPane = ({\n  isOpen,\n  fileType,\n  fileSize,\n  onClose,\n  handleFileSubmit,\n}) => {\n  const { getRootProps, getInputProps, isDragActive, fileRejections } =\n    useDropzone({\n      accept: fileType,\n      maxFiles: 1,\n      maxSize: fileSize * ONE_KILOBYTE_IN_BYTES,\n      onDrop: files => files[0] && handleFileSubmit(files[0]),\n    });\n\n  const errors = fileRejections[0]?.errors.map(({ message, code }) => (\n    <Typography\n      className=\"neeto-ui-text-error-500 items\"\n      data-cy=\"file-input-error-message\"\n      key={code}\n      style=\"body3\"\n    >\n      {message}\n    </Typography>\n  ));\n\n  const { t } = useTranslation();\n\n  return (\n    <Pane {...{ isOpen, onClose }} data-testid=\"bulk-upload-pane\">\n      <div tabIndex={0}>\n        <Pane.Header>\n          <Typography\n            data-testid=\"bulk-upload-header\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {t(\"neetoMolecules.shareViaLink.bulkUpload\")}\n          </Typography>\n        </Pane.Header>\n        <Pane.Body>\n          <div className=\"w-full space-y-4\">\n            <Requirements {...{ fileSize }} />\n            <div\n              {...getRootProps({\n                className: classNames(\n                  \"flex flex-col p-2 border neeto-ui-border-primary-500 border-dashed neeto-ui-rounded-md transition duration-500 ease-in-out hover:neeto-ui-bg-gray-100 cursor-pointer items-center\",\n                  {\n                    \"neeto-ui-border-gray-100\": isDragActive,\n                    \"neeto-ui-border-error neeto-ui-bg-pastel-red hover:neeto-ui-bg-pastel-red\":\n                      fileRejections.length,\n                  }\n                ),\n              })}\n            >\n              <div className=\"flex flex-col items-center space-y-3 p-4\">\n                <Upload className=\"neeto-ui-text-primary-500\" size={32} />\n                <input\n                  {...getInputProps()}\n                  data-cy=\"csv-upload-input\"\n                  data-testid=\"csv-upload-input\"\n                />\n                {isDragActive ? (\n                  <Typography style=\"body2\">\n                    {t(\n                      \"neetoMolecules.shareViaLink.bulkUploadPane.dropFileHere\"\n                    )}\n                  </Typography>\n                ) : (\n                  <div className=\"flex flex-col items-center space-y-1\">\n                    <div className=\"flex w-full items-center justify-center gap-x-1\">\n                      <Trans\n                        i18nKey=\"neetoMolecules.shareViaLink.bulkUploadPane.dragNDrop\"\n                        components={{\n                          Button: <Button style=\"link\" />,\n                        }}\n                      />\n                    </div>\n                    <Typography\n                      className=\"neeto-ui-text-gray-700\"\n                      style=\"body3\"\n                    >\n                      {fileType && (\n                        <Trans\n                          i18nKey=\"neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat\"\n                          values={{ fileType }}\n                          components={{\n                            code: (\n                              <code className=\"neeto-ui-typography neeto-ui-text-body3 neeto-ui-bg-white m-0 border-l-0 p-0\" />\n                            ),\n                          }}\n                        />\n                      )}{\" \"}\n                      {fileSize &&\n                        t(\n                          \"neetoMolecules.shareViaLink.bulkUploadPane.supportedSize\",\n                          { fileSize }\n                        )}\n                    </Typography>\n                  </div>\n                )}\n              </div>\n              {errors}\n            </div>\n          </div>\n        </Pane.Body>\n        <Pane.Footer className=\"flex items-center space-x-2\">\n          <Button\n            data-cy=\"bulk-upload-cancel-button\"\n            data-testid=\"bulk-upload-cancel-button\"\n            label={t(\"neetoMolecules.common.actions.cancel\")}\n            style=\"text\"\n            type=\"reset\"\n            onClick={onClose}\n          />\n        </Pane.Footer>\n      </div>\n    </Pane>\n  );\n};\n\nexport default BulkUploadPane;\n","import { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\nimport Papa from \"papaparse\";\nimport { prop } from \"ramda\";\nimport { string } from \"yup\";\n\nconst isValidEmail = email => string().email().isValidSync(email);\n\nexport const createEmailOptions = (emails = []) =>\n  emails.map(email => ({\n    label: email,\n    value: email,\n    valid: isValidEmail(email),\n  }));\n\nexport const parseCsvEmails = (file, onSuccess) => {\n  Papa.parse(file, {\n    header: true,\n    skipEmptyLines: true,\n    transformHeader: h => h.toLowerCase().replace(/\\W/g, \"\"),\n    complete: results => {\n      const isEmailFieldPresent = results.meta.fields?.includes(\"email\");\n      if (isEmailFieldPresent) {\n        const emails = results.data\n          .filter(prop(\"email\"))\n          .map(item => item.email.trim());\n        onSuccess(createEmailOptions(emails));\n      } else {\n        Toastr.error(t(\"neetoMolecules.sendToFields.errors.invalidCsv\"));\n      }\n    },\n  });\n};\n","import React, { useRef, useState } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { Upload } from \"neetoicons\";\nimport { Button, Toastr } from \"neetoui\";\nimport { MultiEmailInput } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport BulkUploadPane from \"./BulkUploadPane\";\nimport { ALLOWED_FILE_TYPES, CSV_FILE_SIZE_IN_KB, SIZES } from \"./constants\";\nimport { parseCsvEmails } from \"./utils\";\n\nconst SendToFields = ({\n  emailInputProps,\n  ccInputProps,\n  bccInputProps,\n  showUploadCsvButton = false,\n  showCcBccButton = false,\n}) => {\n  const [isBulkUploadPaneOpen, setIsBulkUploadPaneOpen] = useState(false);\n  const sendToFieldRef = useRef();\n  const {\n    values: {\n      showCopyEmails,\n      [emailInputProps.name || \"sendTo\"]: existingSendToEmails,\n    },\n    setFieldValue,\n  } = useFormikContext();\n  const { t } = useTranslation();\n\n  const handleCSVFile = file => {\n    try {\n      const onSuccess = values =>\n        setFieldValue(emailInputProps.name || \"sendTo\", [\n          ...existingSendToEmails,\n          ...values,\n        ]);\n\n      parseCsvEmails(file, onSuccess);\n      setIsBulkUploadPaneOpen(false);\n      sendToFieldRef.current?.focus();\n    } catch (error) {\n      Toastr.error(error);\n    }\n  };\n\n  const handelCcBccButtonClick = e => {\n    e.stopPropagation();\n    setFieldValue(\"showCopyEmails\", !showCopyEmails);\n  };\n\n  return (\n    <div\n      className=\"relative w-full flex-col gap-2\"\n      data-testid=\"send-to-text-field\"\n    >\n      {showUploadCsvButton && (\n        <Button\n          className=\"absolute right-1 top-0\"\n          data-testid=\"bulk-upload-button\"\n          icon={Upload}\n          label={t(\"neetoMolecules.shareViaLink.bulkUpload\")}\n          size=\"small\"\n          style=\"link\"\n          onClick={() => setIsBulkUploadPaneOpen(true)}\n        />\n      )}\n      <MultiEmailInput\n        name=\"sendTo\"\n        ref={sendToFieldRef}\n        {...emailInputProps}\n        suffix={\n          showCcBccButton && (\n            <Button\n              data-cy=\"cc-bcc-button\"\n              data-testid=\"cc-bcc-button\"\n              label={t(\"neetoMolecules.emailForm.labels.ccBcc\")}\n              size=\"small\"\n              style=\"link\"\n              onClick={handelCcBccButtonClick}\n            />\n          )\n        }\n      />\n      {showCopyEmails && (\n        <div className=\"mt-5 flex w-full flex-col gap-6\">\n          <MultiEmailInput name=\"sendToBcc\" {...ccInputProps} />\n          <MultiEmailInput name=\"sendToCc\" {...bccInputProps} />\n        </div>\n      )}\n      <BulkUploadPane\n        fileSize={CSV_FILE_SIZE_IN_KB}\n        fileType={ALLOWED_FILE_TYPES}\n        handleFileSubmit={handleCSVFile}\n        isOpen={isBulkUploadPaneOpen}\n        onClose={() => setIsBulkUploadPaneOpen(false)}\n      />\n    </div>\n  );\n};\n\nconst inputPropTypes = PropTypes.shape({\n  name: PropTypes.string,\n  display: PropTypes.node,\n  label: PropTypes.string,\n  editButtonTooltip: PropTypes.string,\n  editButtonDataCy: PropTypes.string,\n  placeholder: PropTypes.string,\n  dataCy: PropTypes.string,\n  onChange: PropTypes.func,\n  suffix: PropTypes.node,\n  prefix: PropTypes.node,\n  className: PropTypes.string,\n  nakedInput: PropTypes.bool,\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  type: PropTypes.string,\n  maxLength: PropTypes.number,\n  contentSize: PropTypes.number,\n  unlimitedChars: PropTypes.bool,\n  required: PropTypes.bool,\n});\n\nSendToFields.propTypes = {\n  /**\n   * Input props for sendTo input field.\n   */\n  emailInputProps: inputPropTypes,\n  /**\n   * Input props for CC input field.\n   */\n  ccInputProps: inputPropTypes,\n  /**\n   * Input props for BCC input field.\n   */\n  bccInputProps: inputPropTypes,\n  /**\n   * Flag to determine whether the 'FilePicker' button is displayed.\n   */\n  showUploadCsvButton: PropTypes.bool,\n  /**\n   * Flag to determine whether the 'Cc/Bcc' button is displayed.\n   */\n  showCcBccButton: PropTypes.bool,\n};\n\nexport default SendToFields;\n"],"names":["ALLOWED_FILE_TYPES","CSV_FILE_SIZE_IN_KB","ONE_KILOBYTE_IN_BYTES","DOWNLOAD_SAMPLE_EMAIL_CSV_FILE","Requirements","withT","_ref","t","fileSize","React","createElement","Callout","className","style","limit","Trans","components","strong","i18nKey","Button","href","icon","Download","iconPosition","label","memo","BulkUploadPane","_fileRejections$","isOpen","fileType","onClose","handleFileSubmit","_useDropzone","useDropzone","accept","maxFiles","maxSize","onDrop","files","getRootProps","getInputProps","isDragActive","fileRejections","errors","map","_ref2","message","code","Typography","key","_useTranslation","useTranslation","Pane","tabIndex","Header","weight","Body","classNames","length","Upload","size","_extends","values","Footer","type","onClick","isValidEmail","email","string","isValidSync","createEmailOptions","emails","arguments","undefined","value","valid","parseCsvEmails","file","onSuccess","Papa","parse","header","skipEmptyLines","transformHeader","h","toLowerCase","replace","complete","results","_results$meta$fields","isEmailFieldPresent","meta","fields","includes","data","filter","prop","item","trim","Toastr","error","SendToFields","emailInputProps","ccInputProps","bccInputProps","_ref$showUploadCsvBut","showUploadCsvButton","_ref$showCcBccButton","showCcBccButton","_useState","useState","_useState2","_slicedToArray","isBulkUploadPaneOpen","setIsBulkUploadPaneOpen","sendToFieldRef","useRef","_useFormikContext","useFormikContext","_useFormikContext$val","showCopyEmails","existingSendToEmails","name","setFieldValue","handleCSVFile","_sendToFieldRef$curre","concat","_toConsumableArray","current","focus","handelCcBccButtonClick","e","stopPropagation","MultiEmailInput","ref","suffix"],"mappings":"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"}

package/dist/cjs/Settings.js

@@ -0,0 +1,217 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var useQueryParams = require('@bigbinary/neeto-commons-frontend/react-utils/useQueryParams');
+var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var Header = require('./Header.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var neetoCist = require('@bigbinary/neeto-cist');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var general = require('@bigbinary/neeto-commons-frontend/utils/general');
+var reactRouterDom = require('react-router-dom');
+require('./Breadcrumbs.js');
+require('./inject-css-80a5faa3.js');
+require('./MoreDropdown.js');
+require('./Search.js');
+require('@babel/runtime/helpers/slicedToArray');
+require('@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce');
+require('@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect');
+require('@bigbinary/neeto-commons-frontend/utils');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var useQueryParams__default = /*#__PURE__*/_interopDefaultLegacy(useQueryParams);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var UNSUPPORTED_LINK_PROPS = ["staticContext", "tReady"];
+
+var _excluded$1 = ["label", "description", "icon", "path", "dataCy", "className", "children"];
+var Item = function Item(_ref) {
+  var label = _ref.label,
+    description = _ref.description,
+    _ref$icon = _ref.icon,
+    Icon = _ref$icon === void 0 ? null : _ref$icon,
+    path = _ref.path,
+    dataCy = _ref.dataCy,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+  return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, _extends__default["default"]({
+    "data-cy": dataCy,
+    to: path,
+    className: classnames__default["default"]("neeto-ui-rounded-lg delay-220 neeto-ui-shadow-sm translate flex cursor-pointer flex-col space-y-4 border p-6 no-underline outline-none transition-transform duration-300 ease-in-out hover:-translate-y-1", className)
+  }, ramda.omit(UNSUPPORTED_LINK_PROPS, otherProps)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "data-testid": "settings-item-".concat(general.joinHyphenCase(label))
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mb-2 flex items-center gap-4"
+  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+    className: "neeto-ui-text-gray-600",
+    size: 32
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "settings-item-heading",
+    style: "h4",
+    weight: "semibold"
+  }, label)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "settings-item-description",
+    style: "body2"
+  }, description)), children && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-border-gray-300 border-t pt-3"
+  }, children));
+};
+var Item$1 = /*#__PURE__*/React.memo(reactRouterDom.withRouter(Item));
+
+var _excluded = ["t", "isConnected", "icon", "description", "label", "path"];
+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__default["default"](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 IntegrationItem = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    isConnected = _ref.isConnected,
+    icon = _ref.icon,
+    description = _ref.description,
+    label = _ref.label,
+    path = _ref.path,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(Item$1, _extends__default["default"]({}, _objectSpread$1({
+    description: description,
+    icon: icon,
+    label: label,
+    path: path
+  }, otherProps), {
+    dataCy: "".concat(neetoCist.hyphenate(label).replace(/\./g, "-"), "-integration-card")
+  }), isConnected && /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+    className: "flex-row-reverse",
+    "data-cy": "integration-status-tag",
+    icon: neetoIcons.Check,
+    label: t("neetoMolecules.integrationCard.connected"),
+    style: "success"
+  }));
+});
+var IntegrationItem$1 = /*#__PURE__*/React__default["default"].memo(IntegrationItem);
+
+var Category = function Category(_ref) {
+  var items = _ref.items,
+    label = _ref.label,
+    id = _ref.id,
+    isIntegration = _ref.isIntegration;
+  var SettingsCard = isIntegration ? IntegrationItem$1 : Item$1;
+  var isLabelPresent = neetoCist.isPresent(label);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    id: id,
+    className: classnames__default["default"]("flex flex-col", {
+      "mb-7": isLabelPresent
+    })
+  }, isLabelPresent && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "mb-6 mt-2",
+    component: "h2",
+    "data-cy": "settings-category-heading",
+    style: "h2",
+    weight: "semibold"
+  }, label), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4"
+  }, items.map(function (item) {
+    return /*#__PURE__*/React__default["default"].createElement(SettingsCard, _extends__default["default"]({
+      key: item.label
+    }, item));
+  })));
+};
+
+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__default["default"](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 isTextMatching = function isTextMatching(label, searchTerm) {
+  return label.toLowerCase().includes(searchTerm.trim().toLowerCase());
+};
+var scrollIntoSettingCategory = function scrollIntoSettingCategory(activeCategory) {
+  var _document$getElementB;
+  (_document$getElementB = document.getElementById(activeCategory)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.scrollIntoView({
+    behavior: "smooth"
+  });
+};
+var filterCategories = function filterCategories(_ref) {
+  var _ref$categories = _ref.categories,
+    categories = _ref$categories === void 0 ? [] : _ref$categories,
+    _ref$searchTerm = _ref.searchTerm,
+    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
+  var isSearchTermBlank = !searchTerm.trim();
+  var filteredCategories = isSearchTermBlank ? categories : categories.map(function (category) {
+    return _objectSpread(_objectSpread({}, category), {}, {
+      items: neetoCist.filterBy(function (_ref2) {
+        var label = _ref2.label,
+          description = _ref2.description;
+        return isTextMatching(label, searchTerm) || isTextMatching(description, searchTerm);
+      }, category.items)
+    });
+  });
+  return neetoCist.filterBy({
+    items: neetoCist.isNotEmpty
+  }, filteredCategories);
+};
+
+var Settings = function Settings(_ref) {
+  var _ref$isTitleHidden = _ref.isTitleHidden,
+    isTitleHidden = _ref$isTitleHidden === void 0 ? false : _ref$isTitleHidden,
+    _ref$isSearchHidden = _ref.isSearchHidden,
+    isSearchHidden = _ref$isSearchHidden === void 0 ? false : _ref$isSearchHidden,
+    _ref$categories = _ref.categories,
+    categories = _ref$categories === void 0 ? [] : _ref$categories;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useQueryParams = useQueryParams__default["default"](),
+    categoryParam = _useQueryParams.category,
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var filteredCategories = filterCategories({
+    categories: categories,
+    searchTerm: searchTerm
+  });
+  var isHeaderVisible = !isSearchHidden || !isTitleHidden;
+  React.useEffect(function () {
+    scrollIntoSettingCategory(categoryParam);
+  }, [categoryParam]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"]("neeto-molecules-container", {
+      "h-auto overflow-y-auto": isTitleHidden
+    })
+  }, isHeaderVisible && /*#__PURE__*/React__default["default"].createElement(Header, {
+    className: classnames__default["default"]({
+      "min-h-0 pb-4 pt-8": isTitleHidden
+    }),
+    title: !isTitleHidden && t("neetoMolecules.settingsPage.title"),
+    searchProps: isSearchHidden ? null : {
+      className: "w-72",
+      placeholder: t("neetoMolecules.settingsPage.placeholder.search")
+    }
+  }), ramda.isEmpty(filteredCategories) ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex h-full w-full flex-grow items-center justify-center",
+    "data-testid": "settings-no-data"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
+    title: t("neetoMolecules.settingsPage.noData")
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full"
+  }, filteredCategories.map(function (_ref2) {
+    var id = _ref2.id,
+      label = _ref2.label,
+      items = _ref2.items,
+      isIntegration = _ref2.isIntegration;
+    return /*#__PURE__*/React__default["default"].createElement(Category, {
+      id: id,
+      isIntegration: isIntegration,
+      items: items,
+      label: label,
+      key: id
+    });
+  })));
+};
+
+module.exports = Settings;
+//# sourceMappingURL=Settings.js.map

package/dist/cjs/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sources":["../../src/components/Settings/constants.js","../../src/components/Settings/Item.jsx","../../src/components/Settings/IntegrationItem.jsx","../../src/components/Settings/Category.jsx","../../src/components/Settings/utils.js","../../src/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import React, { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\nimport { withRouter, Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  dataCy,\n  className = \"\",\n  children,\n  ...otherProps\n}) => (\n  <Link\n    data-cy={dataCy}\n    to={path}\n    className={classnames(\n      \"neeto-ui-rounded-lg delay-220 neeto-ui-shadow-sm translate flex cursor-pointer flex-col space-y-4 border p-6 no-underline outline-none transition-transform duration-300 ease-in-out hover:-translate-y-1\",\n      className\n    )}\n    {...omit(UNSUPPORTED_LINK_PROPS, otherProps)}\n  >\n    <div data-testid={`settings-item-${joinHyphenCase(label)}`}>\n      <div className=\"mb-2 flex items-center gap-4\">\n        {Icon && <Icon className=\"neeto-ui-text-gray-600\" size={32} />}\n        <Typography\n          data-cy=\"settings-item-heading\"\n          style=\"h4\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      </div>\n      <Typography data-cy=\"settings-item-description\" style=\"body2\">\n        {description}\n      </Typography>\n    </div>\n    {children && (\n      <div className=\"neeto-ui-border-gray-300 border-t pt-3\">{children}</div>\n    )}\n  </Link>\n);\n\nexport default memo(withRouter(Item));\n","import React from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Tag } from \"neetoui\";\n\nimport Item from \"./Item\";\n\nconst IntegrationItem = withT(\n  ({ t, isConnected, icon, description, label, path, ...otherProps }) => (\n    <Item\n      {...{ description, icon, label, path, ...otherProps }}\n      dataCy={`${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`}\n    >\n      {isConnected && (\n        <Tag\n          className=\"flex-row-reverse\"\n          data-cy=\"integration-status-tag\"\n          icon={Check}\n          label={t(\"neetoMolecules.integrationCard.connected\")}\n          style=\"success\"\n        />\n      )}\n    </Item>\n  )\n);\n\nexport default React.memo(IntegrationItem);\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classNames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography\n          className=\"mb-6 mt-2\"\n          component=\"h2\"\n          data-cy=\"settings-category-heading\"\n          style=\"h2\"\n          weight=\"semibold\"\n        >\n          {label}\n        </Typography>\n      )}\n      <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-2 lg:gap-6 xl:grid-cols-3 2xl:grid-cols-4\">\n        {items.map(item => (\n          <SettingsCard key={item.label} {...item} />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import React, { useEffect } from \"react\";\n\nimport classNames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport { NoData } from \"neetoui\";\nimport propTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Header from \"components/Header\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  categories = [],\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classNames(\"neeto-molecules-container\", {\n        \"h-auto overflow-y-auto\": isTitleHidden,\n      })}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classNames({ \"min-h-0 pb-4 pt-8\": isTitleHidden })}\n          title={!isTitleHidden && t(\"neetoMolecules.settingsPage.title\")}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <NoData title={t(\"neetoMolecules.settingsPage.noData\")} />\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: propTypes.bool,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: propTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: propTypes.array,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","Item","_ref","label","description","_ref$icon","icon","Icon","path","dataCy","_ref$className","className","children","otherProps","_objectWithoutProperties","_excluded","React","createElement","Link","_extends","to","classnames","omit","concat","joinHyphenCase","size","Typography","style","weight","memo","withRouter","IntegrationItem","withT","t","isConnected","_objectSpread","hyphenate","replace","Tag","Check","Category","items","id","isIntegration","SettingsCard","isLabelPresent","isPresent","classNames","component","map","item","key","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","_useTranslation","useTranslation","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","useEffect","Header","title","searchProps","placeholder","isEmpty","NoData"],"mappings":"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"}