@bigbinary/neeto-molecules 3.0.1 → 3.0.3

package/dist/SendToFields.js.map

@@ -1 +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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"}
+{"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 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 = ({ isOpen, fileSize, onClose, handleFileSubmit }) => {\n  const { getRootProps, getInputProps, isDragActive, fileRejections } =\n    useDropzone({\n      accept: { \"text/csv\": [] },\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                      <Trans\n                        i18nKey=\"neetoMolecules.shareViaLink.bulkUploadPane.supportedFormat\"\n                        values={{ fileType: \"csv\" }}\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                      {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 { 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        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":["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","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","fileType","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/NeetoWidget.js

@@ -13,10 +13,10 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var usePrevious = require('@bigbinary/neeto-commons-frontend/react-utils/usePrevious');
+var Button = require('@bigbinary/neetoui/Button');
 var Toastr = require('@bigbinary/neetoui/Toastr');
 var Typography = require('@bigbinary/neetoui/Typography');
 var PageLoader = require('./PageLoader.js');
-var Button = require('@bigbinary/neetoui/Button');
 var Select = require('@bigbinary/neetoui/Select');
 var CopyToClipboardButton = require('./CopyToClipboardButton.js');
 var Prism = require('prismjs');
@@ -67,9 +67,9 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 var Prism__default = /*#__PURE__*/_interopDefaultLegacy(Prism);
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
@@ -166,10 +166,10 @@ var ChatWidgetBody = function ChatWidgetBody(_ref) {
         className: "mb-2",
         style: "body2"
       }),
-      a: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "neeto-ui-text-primary-800",
+      a: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         href: WIDGET_HELP_LINKS.changelog,
         rel: "noreferrer",
+        style: "link",
         target: "_blank"
       })
     }
@@ -183,10 +183,10 @@ var ChatWidgetBody = function ChatWidgetBody(_ref) {
         className: "mb-2",
         style: "body2"
       }),
-      a: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "neeto-ui-text-primary-800",
+      a: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         href: WIDGET_HELP_LINKS.chat,
         rel: "noreferrer",
+        style: "link",
         target: "_blank"
       })
     }
@@ -200,10 +200,10 @@ var ChatWidgetBody = function ChatWidgetBody(_ref) {
         className: "mb-2",
         style: "body2"
       }),
-      a: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "neeto-ui-text-primary-800",
+      a: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         href: WIDGET_HELP_LINKS.replay,
         rel: "noreferrer",
+        style: "link",
         target: "_blank"
       })
     }
@@ -247,7 +247,7 @@ var CodeBlock = function CodeBlock(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames__default["default"](["relative", className])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg flex w-full flex-wrap items-center justify-between gap-2 rounded-b-none p-3"
+    className: "neeto-ui-rounded-lg neeto-ui-border-gray-200 neeto-ui-bg-gray-50 flex w-full flex-wrap items-center justify-between gap-2 rounded-b-none border p-3"
   }, title && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "m-0 flex-shrink-0",
     "data-cy": "code-block-title-text",
@@ -441,7 +441,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
     var props = {
       codeString: codeToDisplay,
       showCopyButton: false,
-      className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg"
+      className: "neeto-ui-rounded-lg"
     };
     if (emailType === EMAIL_TYPES.userIdentity) {
       props = ramda.assoc("frameworkProps", {
@@ -688,10 +688,10 @@ var EmbedCode = function EmbedCode(_ref) {
                 className: "mb-2",
                 style: "body2"
               }),
-              mail: /*#__PURE__*/React__default["default"].createElement("a", {
-                className: "neeto-ui-text-primary-800",
+              mail: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
                 href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
                 rel: "noreferrer",
+                style: "link",
                 target: "_blank"
               })
             }
@@ -711,9 +711,9 @@ var EmbedCode = function EmbedCode(_ref) {
                 className: "mb-2",
                 style: "body2"
               }),
-              configureLink: /*#__PURE__*/React__default["default"].createElement("a", {
-                className: "neeto-ui-text-primary-800",
+              configureLink: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
                 rel: "noreferrer",
+                style: "link",
                 target: "_blank",
                 href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
               })
@@ -739,10 +739,10 @@ var EmbedCode = function EmbedCode(_ref) {
                 className: "mb-2",
                 style: "body2"
               }),
-              configureLink: /*#__PURE__*/React__default["default"].createElement("a", {
-                className: "neeto-ui-text-primary-800",
+              configureLink: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
                 href: NEETO_REPLAY_CONFIGURE_URL,
                 rel: "noreferrer",
+                style: "link",
                 target: "_blank"
               })
             }
@@ -776,16 +776,16 @@ var EmbedCode = function EmbedCode(_ref) {
       style: "body2",
       weight: "semibold"
     }),
-    widgetNpmLink: /*#__PURE__*/React__default["default"].createElement("a", {
-      className: "neeto-ui-text-primary-800",
+    widgetNpmLink: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       href: USE_NEETO_WIDGET_NPM_PAGE_URL,
       rel: "noreferrer",
+      style: "link",
       target: "_blank"
     }),
-    Link: /*#__PURE__*/React__default["default"].createElement("a", {
-      className: "neeto-ui-text-primary-800",
+    Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       href: WIDGET_KB_HELP_URL[primaryApp],
       rel: "noreferrer",
+      style: "link",
       target: "_blank"
     })
   };
@@ -809,7 +809,7 @@ var EmbedCode = function EmbedCode(_ref) {
     className: "mx-auto mb-2 w-full",
     "data-testid": "embed-code-block"
   }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
-    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
+    className: "neeto-ui-rounded-lg",
     codeString: getEmbedCodeString(),
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.embedCode);
@@ -828,7 +828,7 @@ var EmbedCode = function EmbedCode(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-2 w-full"
   }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
-    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
+    className: "neeto-ui-rounded-lg",
     frameworkProps: {
       selectedFramework: selectedFramework,
       setSelectedFramework: setSelectedFramework
@@ -844,9 +844,9 @@ var EmbedCode = function EmbedCode(_ref) {
       p: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
         style: "body2"
       }),
-      Link: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "neeto-ui-text-primary-800",
+      Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         rel: "noreferrer",
+        style: "link",
         target: "_blank",
         href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
       })
@@ -856,7 +856,7 @@ var EmbedCode = function EmbedCode(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-2 w-full"
   }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
-    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
+    className: "neeto-ui-rounded-lg",
     codeString: SAMPLE_CONTEXT_CODE_STRING,
     title: t("neetoMolecules.widget.title.sessionContext"),
     sendViaEmail: function sendViaEmail() {
@@ -868,10 +868,10 @@ var EmbedCode = function EmbedCode(_ref) {
       p: /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
         style: "body2"
       }),
-      Link: /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "neeto-ui-text-primary-800",
+      Link: /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
         href: NEETO_REPLAY_CONFIGURE_URL,
         rel: "noreferrer",
+        style: "link",
         target: "_blank"
       })
     }