@bigbinary/neeto-molecules 5.1.24 → 5.1.25

package/dist/cjs/v2/ShareViaEmail.js

@@ -0,0 +1,387 @@
+'use strict';
+
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik$1 = require('@bigbinary/neeto-atoms/formik');
+var reactI18next = require('react-i18next');
+var React = require('react');
+var formik = require('formik');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var classnames = require('classnames');
+var ramda = require('ramda');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var jsxRuntime = require('react/jsx-runtime');
+var i18next = require('i18next');
+require('@bigbinary/neeto-cist');
+var utils$1 = require('@bigbinary/neeto-commons-frontend/v2/utils');
+var utils = require('@bigbinary/neeto-editor/utils');
+require('../papaparse-B5u_uWB3.js');
+var yup = require('yup');
+var chevronUp = require('../chevron-up-CpzhFWzM.js');
+var chevronDown = require('../chevron-down-DwiliwN1.js');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
+var v2_SendToFields = require('./SendToFields.js');
+var v2_EmailPreview = require('./EmailPreview.js');
+var v2_MobilePreviewHeader = require('./MobilePreviewHeader.js');
+var arrowLeft = require('../arrow-left-gtCwH31u.js');
+require('../_commonjsHelpers-BJu3ubxk.js');
+require('stream');
+require('../createLucideIcon-DBDhE7kE.js');
+require('react-dropzone');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+require('../download-B53zeKGa.js');
+require('../upload-C5ZnN-d5.js');
+require('@bigbinary/neeto-editor/EditorContent');
+require('../index-JY2zVpnv.js');
+require('../avatar-placeholder-CSJpe1V0.js');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var INITIAL_VALUES = {
+  sendFromEmail: "",
+  replyToEmail: "",
+  notifyEmails: [],
+  emailSubject: "",
+  emailBody: "",
+  isSendLaterEnabled: false,
+  sendEmailDatetime: undefined,
+  category: "email_share",
+  actionButtonText: ""
+};
+var EDITOR_ADDONS = ["emoji", "block-quote", "image-upload", "divider"];
+var TIME_FORMAT = "hh:mm A";
+
+var _excluded = ["name", "disabledDate", "data-testid"];
+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), true).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 FormikDatePicker = function FormikDatePicker(_ref) {
+  var name = _ref.name,
+    disabledDate = _ref.disabledDate,
+    dataTestId = _ref["data-testid"],
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full",
+    "data-testid": dataTestId,
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DatePicker, _objectSpread$1({
+      disabledDate: disabledDate,
+      showTime: true,
+      error: meta.error,
+      timeFormat: TIME_FORMAT,
+      value: field.value,
+      onBlur: function onBlur() {
+        return !meta.touched && setTouched(true);
+      },
+      onChange: function onChange(date) {
+        setValue(date || undefined);
+        if (!meta.touched) setTouched(true);
+      }
+    }, props))
+  });
+};
+
+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), true).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 isPastDate = function isPastDate(date) {
+  return utils$1.dayjs(date).isBefore(utils$1.dayjs().subtract(1, "days"));
+};
+var generateInitialValues = function generateInitialValues(defaultValues) {
+  return _objectSpread(_objectSpread({}, INITIAL_VALUES), defaultValues);
+};
+var emailFormValidationSchema = function emailFormValidationSchema(disableReplyTo) {
+  return yup__namespace.object().shape({
+    emailSubject: yup__namespace.string().required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.subject")),
+    emailBody: yup__namespace.string().test("emailBody", i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.emailBody"), function (value) {
+      return !utils.isEditorEmpty(value);
+    }),
+    sendFromEmail: yup__namespace.string().trim().email(i18next.t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress")).required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.sendFrom")),
+    replyToEmail: !disableReplyTo && yup__namespace.string().trim().email(i18next.t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress")).required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.replyTo")),
+    notifyEmails: yup__namespace.array().min(1, i18next.t("neetoMolecules.shareViaEmail.validations.atleastOneIsRequired.emailAddress")).test("are-all-emails-valid", i18next.t("neetoMolecules.shareViaEmail.validations.invalidField.emailAddress"), function (emails) {
+      return emails.every(ramda.prop("valid"));
+    }),
+    isSendLaterEnabled: yup__namespace["boolean"](),
+    sendEmailDatetime: yup__namespace.date().when("isSendLaterEnabled", {
+      is: true,
+      then: yup__namespace.date().required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.sendLater"))
+    }),
+    name: yup__namespace.string(),
+    actionButtonText: yup__namespace.string().required(i18next.t("neetoMolecules.shareViaEmail.validations.requiredField.startButtonText"))
+  });
+};
+
+var AdvancedProperties = function AdvancedProperties(_ref) {
+  var showSendFromField = _ref.showSendFromField,
+    disableReplyTo = _ref.disableReplyTo;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAdvancedPropertiesVisible = _useState2[0],
+    setIsAdvancedPropertiesVisible = _useState2[1];
+  var toggleAdvancedOptions = function toggleAdvancedOptions() {
+    return setIsAdvancedPropertiesVisible(ramda.not);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex w-full flex-col items-start gap-4",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
+      className: "flex w-full cursor-pointer items-start justify-between overflow-hidden border-0 py-4",
+      type: "button",
+      onClick: toggleAdvancedOptions,
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        as: "span",
+        className: "flex min-w-0 flex-grow",
+        variant: "h5",
+        weight: "medium",
+        children: t("neetoMolecules.shareViaEmail.advancedProperties")
+      }), isAdvancedPropertiesVisible ? /*#__PURE__*/jsxRuntime.jsx(chevronUp.ChevronUp, {
+        className: "flex-shrink-0",
+        size: 20
+      }) : /*#__PURE__*/jsxRuntime.jsx(chevronDown.ChevronDown, {
+        className: "flex-shrink-0",
+        size: 20
+      })]
+    }), isAdvancedPropertiesVisible && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Label, {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Switch, {
+            "data-testid": "send-later-switch",
+            name: "isSendLaterEnabled"
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            as: "span",
+            className: "leading-normal",
+            "data-testid": "send-later-label",
+            variant: "h4",
+            weight: "semibold",
+            children: t("neetoMolecules.shareViaEmail.sendLater")
+          })]
+        })
+      }), values.isSendLaterEnabled && /*#__PURE__*/jsxRuntime.jsx(FormikDatePicker, {
+        autoFocus: true,
+        "data-testid": "email-share-date-input",
+        disabledDate: isPastDate,
+        name: "sendEmailDatetime",
+        size: "large"
+      }), /*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+        required: true,
+        className: "w-full",
+        label: t("neetoMolecules.shareViaEmail.startButtonText"),
+        name: "actionButtonText"
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex w-full flex-col gap-4 sm:flex-row sm:gap-6",
+        children: [showSendFromField && /*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+          required: true,
+          "data-testid": "neeto-molecules-share-via-email-send-from",
+          label: t("neetoMolecules.shareViaEmail.sendFrom"),
+          name: "sendFromEmail",
+          className: classnames({
+            "w-full flex-grow-0": !disableReplyTo
+          })
+        }), !disableReplyTo && /*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+          required: true,
+          "data-testid": "replyTo-field",
+          label: t("neetoMolecules.shareViaEmail.replyTo"),
+          name: "replyToEmail",
+          className: classnames({
+            "w-full flex-grow-0": showSendFromField
+          })
+        })]
+      })]
+    })]
+  });
+};
+
+var EmailBody = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsxRuntime.jsx(FormikEditor, {
+    id: id,
+    ref: ref,
+    required: true,
+    className: "mb-6",
+    "data-testid": "email-body",
+    label: t("neetoMolecules.shareViaEmail.emailBody"),
+    name: "emailBody",
+    addons: showVideoEmbedInEditor ? [].concat(_toConsumableArray(EDITOR_ADDONS), ["video-embed"]) : EDITOR_ADDONS
+  });
+});
+EmailBody.displayName = "EmailBody";
+
+var Form = function Form(_ref) {
+  var showSendFromField = _ref.showSendFromField,
+    disableReplyTo = _ref.disableReplyTo,
+    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor,
+    children = _ref.children;
+  var _useFormikContext = formik.useFormikContext(),
+    initialValues = _useFormikContext.initialValues;
+  var editorRef = React.useRef();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleReset = function handleReset() {
+    return editorRef.current.editor.commands.setContent(initialValues.emailBody);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col gap-y-6",
+      children: [/*#__PURE__*/jsxRuntime.jsx(v2_SendToFields, {
+        showUploadCsvButton: true,
+        emailInputProps: {
+          label: t("neetoMolecules.shareViaEmail.sendTo"),
+          name: "notifyEmails",
+          required: true
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+        required: true,
+        className: "col-span-1",
+        label: t("neetoMolecules.shareViaEmail.subject"),
+        name: "emailSubject"
+      }), /*#__PURE__*/jsxRuntime.jsx(EmailBody, {
+        showVideoEmbedInEditor: showVideoEmbedInEditor,
+        id: "emailBody",
+        ref: editorRef
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        ref: editorRef
+      }), /*#__PURE__*/jsxRuntime.jsx(AdvancedProperties, {
+        disableReplyTo: disableReplyTo,
+        showSendFromField: showSendFromField
+      })]
+    }), children && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "border-border mt-4 border-t py-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
+        className: "mb-4",
+        children: t("neetoMolecules.shareViaEmail.additionalOptions")
+      }), children]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "bg-background sticky bottom-0 z-10 mt-6 py-6",
+      children: /*#__PURE__*/jsxRuntime.jsx(formik$1.ActionBlock, {
+        cancelButtonProps: {
+          label: t("neetoMolecules.shareViaEmail.reset"),
+          type: "reset",
+          onClick: handleReset
+        },
+        submitButtonProps: {
+          label: t("neetoMolecules.shareViaEmail.sendEmail")
+        }
+      })
+    })]
+  });
+};
+
+var ShareViaEmail = function ShareViaEmail(_ref) {
+  var _ref$showSendFromFiel = _ref.showSendFromField,
+    showSendFromField = _ref$showSendFromFiel === void 0 ? false : _ref$showSendFromFiel,
+    backToUrl = _ref.backToUrl,
+    handleSubmit = _ref.handleSubmit,
+    _children = _ref.children,
+    description = _ref.description,
+    defaultValues = _ref.defaultValues,
+    disableReplyTo = _ref.disableReplyTo,
+    showVideoEmbedInEditor = _ref.showVideoEmbedInEditor,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var shareViaEmailTitle = title || t("neetoMolecules.shareViaEmail.title");
+  var sendToEmails = function sendToEmails(notifyEmails) {
+    return notifyEmails.map(function (email) {
+      return email === null || email === void 0 ? void 0 : email.value;
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full",
+    children: /*#__PURE__*/jsxRuntime.jsx(formik$1.Form, {
+      scrollToErrorField: true,
+      formProps: {
+        noValidate: true
+      },
+      formikProps: {
+        enableReinitialize: true,
+        validateOnMount: true,
+        initialValues: generateInitialValues(defaultValues),
+        validationSchema: emailFormValidationSchema(disableReplyTo),
+        onSubmit: handleSubmit
+      },
+      children: function children(_ref2) {
+        var values = _ref2.values;
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "grid grid-cols-1 md:h-[calc(100dvh-4rem)] md:grid-cols-12",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "col-span-1 p-6 pb-0 md:col-span-6 md:h-full md:overflow-y-auto lg:col-span-5",
+            "data-testid": "share-via-email-frame-wrapper",
+            children: [backToUrl && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+              className: "mb-4",
+              "data-testid": "back-to-url-button",
+              icon: arrowLeft.ArrowLeft,
+              iconPosition: "left",
+              label: t("neetoMolecules.shareViaEmail.backToShare"),
+              size: "sm",
+              to: backToUrl,
+              variant: "link"
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "mb-6",
+              children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+                className: "mb-0.5 leading-normal break-words",
+                "data-testid": "share-via-email-heading",
+                variant: "h2",
+                weight: "semibold",
+                children: shareViaEmailTitle
+              }), description && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+                className: "text-foreground leading-normal",
+                "data-testid": "share-via-email-sub-heading",
+                variant: "body2",
+                children: description
+              })]
+            }), /*#__PURE__*/jsxRuntime.jsx(Form, {
+              disableReplyTo: disableReplyTo,
+              showSendFromField: showSendFromField,
+              showVideoEmbedInEditor: showVideoEmbedInEditor,
+              children: _children
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(v2_MobilePreviewHeader, {
+            className: "col-span-1 md:hidden"
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "bg-muted col-span-1 p-6 py-10 md:col-span-6 md:h-full md:overflow-y-auto lg:col-span-7",
+            children: /*#__PURE__*/jsxRuntime.jsx(v2_EmailPreview, {
+              actionButtonText: values.actionButtonText,
+              body: values.emailBody,
+              subject: values.emailSubject,
+              to: sendToEmails(values.notifyEmails)
+            })
+          })]
+        });
+      }
+    })
+  });
+};
+
+module.exports = ShareViaEmail;
+//# sourceMappingURL=ShareViaEmail.js.map

package/dist/cjs/v2/ShareViaEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareViaEmail.js","sources":["../../../src/v2/components/ShareViaEmail/constants.js","../../../src/v2/components/ShareViaEmail/FormikDatePicker.jsx","../../../src/v2/components/ShareViaEmail/utils.js","../../../src/v2/components/ShareViaEmail/AdvancedProperties.jsx","../../../src/v2/components/ShareViaEmail/EmailBodyEditor.jsx","../../../src/v2/components/ShareViaEmail/Form.jsx","../../../src/v2/components/ShareViaEmail/index.jsx"],"sourcesContent":["export const ONE_MEGABYTE = 1_048_576;\n\nexport const INITIAL_VALUES = {\n  sendFromEmail: \"\",\n  replyToEmail: \"\",\n  notifyEmails: [],\n  emailSubject: \"\",\n  emailBody: \"\",\n  isSendLaterEnabled: false,\n  sendEmailDatetime: undefined,\n  category: \"email_share\",\n  actionButtonText: \"\",\n};\n\nexport const EDITOR_ADDONS = [\n  \"emoji\",\n  \"block-quote\",\n  \"image-upload\",\n  \"divider\",\n];\n\nexport const ALLOWED_FILE_PICKER_TYPES = [\".csv\"];\n\nexport const TIME_FORMAT = \"hh:mm A\";\n","import { DatePicker } from \"@bigbinary/neeto-atoms\";\nimport { useField } from \"formik\";\n\nimport { TIME_FORMAT } from \"./constants\";\n\nconst FormikDatePicker = ({\n  name,\n  disabledDate,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <div className=\"w-full\" data-testid={dataTestId}>\n      <DatePicker\n        {...{ disabledDate }}\n        showTime\n        error={meta.error}\n        timeFormat={TIME_FORMAT}\n        value={field.value}\n        onBlur={() => !meta.touched && setTouched(true)}\n        onChange={date => {\n          setValue(date || undefined);\n          if (!meta.touched) setTouched(true);\n        }}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport default FormikDatePicker;\n","import { t } from \"i18next\";\nimport { dynamicArray, isNot } from \"neetocist\";\nimport { dayjs } from \"neetocommons/v2/utils\";\nimport { isEditorEmpty } from \"neetoeditor\";\nimport Papa from \"papaparse\";\nimport { prop } from \"ramda\";\nimport { string } from \"yup\";\nimport * as yup from \"yup\";\n\nimport { INITIAL_VALUES } from \"./constants\";\n\nconst isValidEmail = email => string().email().isValidSync(email);\n\nexport const isPastDate = date =>\n  dayjs(date).isBefore(dayjs().subtract(1, \"days\"));\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 =>\n  new Promise(resolve => {\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) return resolve([]);\n\n        const emails = results.data\n          .map(item => item.email?.trim())\n          .filter(isNot(undefined));\n\n        return resolve(createEmailOptions(emails));\n      },\n    });\n  });\n\nexport const generateInitialValues = defaultValues => ({\n  ...INITIAL_VALUES,\n  ...defaultValues,\n});\n\nexport const emailFormValidationSchema = disableReplyTo =>\n  yup.object().shape({\n    emailSubject: yup\n      .string()\n      .required(\n        t(\"neetoMolecules.shareViaEmail.validations.requiredField.subject\")\n      ),\n    emailBody: yup\n      .string()\n      .test(\n        \"emailBody\",\n        t(\"neetoMolecules.shareViaEmail.validations.requiredField.emailBody\"),\n        value => !isEditorEmpty(value)\n      ),\n    sendFromEmail: yup\n      .string()\n      .trim()\n      .email(\n        t(\"neetoMolecules.shareViaEmail.validations.invalidField.emailAddress\")\n      )\n      .required(\n        t(\"neetoMolecules.shareViaEmail.validations.requiredField.sendFrom\")\n      ),\n    replyToEmail:\n      !disableReplyTo &&\n      yup\n        .string()\n        .trim()\n        .email(\n          t(\n            \"neetoMolecules.shareViaEmail.validations.invalidField.emailAddress\"\n          )\n        )\n        .required(\n          t(\"neetoMolecules.shareViaEmail.validations.requiredField.replyTo\")\n        ),\n    notifyEmails: yup\n      .array()\n      .min(\n        1,\n        t(\n          \"neetoMolecules.shareViaEmail.validations.atleastOneIsRequired.emailAddress\"\n        )\n      )\n      .test(\n        \"are-all-emails-valid\",\n        t(\"neetoMolecules.shareViaEmail.validations.invalidField.emailAddress\"),\n        emails => emails.every(prop(\"valid\"))\n      ),\n    isSendLaterEnabled: yup.boolean(),\n    sendEmailDatetime: yup.date().when(\"isSendLaterEnabled\", {\n      is: true,\n      then: yup\n        .date()\n        .required(\n          t(\"neetoMolecules.shareViaEmail.validations.requiredField.sendLater\")\n        ),\n    }),\n    name: yup.string(),\n    actionButtonText: yup\n      .string()\n      .required(\n        t(\n          \"neetoMolecules.shareViaEmail.validations.requiredField.startButtonText\"\n        )\n      ),\n  });\n\nexport const disabledTime = selectedDate => {\n  const current = dayjs(selectedDate).startOf(\"day\");\n  const today = dayjs().startOf(\"day\");\n\n  if (current.isBefore(today)) {\n    return {\n      disabledHours: () => dynamicArray(24, i => i),\n      disabledMinutes: () => dynamicArray(60, i => i),\n    };\n  }\n\n  if (current.isSame(today)) {\n    const currentTime = dayjs();\n    const currentHour = currentTime.hour();\n    const currentMinute = currentTime.minute();\n\n    return {\n      disabledHours: () => dynamicArray(currentHour, i => i),\n      disabledMinutes: selectedHour =>\n        selectedHour === currentHour ? dynamicArray(currentMinute, i => i) : [],\n    };\n  }\n\n  return {};\n};\n","import { useState } from \"react\";\n\nimport { Label, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Input, Switch } from \"@bigbinary/neeto-atoms/formik\";\nimport classNames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport FormikDatePicker from \"./FormikDatePicker\";\nimport { isPastDate } from \"./utils\";\n\nconst AdvancedProperties = ({ showSendFromField, disableReplyTo }) => {\n  const { t } = useTranslation();\n\n  const { values } = useFormikContext();\n\n  const [isAdvancedPropertiesVisible, setIsAdvancedPropertiesVisible] =\n    useState(false);\n\n  const toggleAdvancedOptions = () => setIsAdvancedPropertiesVisible(not);\n\n  return (\n    <div className=\"flex w-full flex-col items-start gap-4\">\n      <button\n        className=\"flex w-full cursor-pointer items-start justify-between overflow-hidden border-0 py-4\"\n        type=\"button\"\n        onClick={toggleAdvancedOptions}\n      >\n        <Typography\n          as=\"span\"\n          className=\"flex min-w-0 flex-grow\"\n          variant=\"h5\"\n          weight=\"medium\"\n        >\n          {t(\"neetoMolecules.shareViaEmail.advancedProperties\")}\n        </Typography>\n        {isAdvancedPropertiesVisible ? (\n          <ChevronUp className=\"flex-shrink-0\" size={20} />\n        ) : (\n          <ChevronDown className=\"flex-shrink-0\" size={20} />\n        )}\n      </button>\n      {isAdvancedPropertiesVisible && (\n        <>\n          <div>\n            <Label className=\"flex items-center gap-2\">\n              <Switch\n                data-testid=\"send-later-switch\"\n                name=\"isSendLaterEnabled\"\n              />\n              <Typography\n                as=\"span\"\n                className=\"leading-normal\"\n                data-testid=\"send-later-label\"\n                variant=\"h4\"\n                weight=\"semibold\"\n              >\n                {t(\"neetoMolecules.shareViaEmail.sendLater\")}\n              </Typography>\n            </Label>\n          </div>\n          {values.isSendLaterEnabled && (\n            <FormikDatePicker\n              autoFocus\n              data-testid=\"email-share-date-input\"\n              disabledDate={isPastDate}\n              name=\"sendEmailDatetime\"\n              size=\"large\"\n            />\n          )}\n          <Input\n            required\n            className=\"w-full\"\n            label={t(\"neetoMolecules.shareViaEmail.startButtonText\")}\n            name=\"actionButtonText\"\n          />\n          <div className=\"flex w-full flex-col gap-4 sm:flex-row sm:gap-6\">\n            {showSendFromField && (\n              <Input\n                required\n                data-testid=\"neeto-molecules-share-via-email-send-from\"\n                label={t(\"neetoMolecules.shareViaEmail.sendFrom\")}\n                name=\"sendFromEmail\"\n                className={classNames({\n                  \"w-full flex-grow-0\": !disableReplyTo,\n                })}\n              />\n            )}\n            {!disableReplyTo && (\n              <Input\n                required\n                data-testid=\"replyTo-field\"\n                label={t(\"neetoMolecules.shareViaEmail.replyTo\")}\n                name=\"replyToEmail\"\n                className={classNames({\n                  \"w-full flex-grow-0\": showSendFromField,\n                })}\n              />\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default AdvancedProperties;\n","import { forwardRef } from \"react\";\n\nimport { FormikEditor } from \"neetoeditor\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { EDITOR_ADDONS } from \"./constants\";\n\nconst EmailBody = forwardRef(({ id, showVideoEmbedInEditor }, ref) => {\n  const { t } = useTranslation();\n\n  return (\n    <FormikEditor\n      {...{ id, ref }}\n      required\n      className=\"mb-6\"\n      data-testid=\"email-body\"\n      label={t(\"neetoMolecules.shareViaEmail.emailBody\")}\n      name=\"emailBody\"\n      addons={\n        showVideoEmbedInEditor\n          ? [...EDITOR_ADDONS, \"video-embed\"]\n          : EDITOR_ADDONS\n      }\n    />\n  );\n});\n\nEmailBody.displayName = \"EmailBody\";\n\nexport default EmailBody;\n","import { useRef } from \"react\";\n\nimport { Input, ActionBlock } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext } from \"formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport AdvancedProperties from \"./AdvancedProperties\";\nimport EmailBody from \"./EmailBodyEditor\";\n\nimport SendToFields from \"../SendToFields\";\n\nconst Form = ({\n  showSendFromField,\n  disableReplyTo,\n  showVideoEmbedInEditor,\n  children,\n}) => {\n  const { initialValues } = useFormikContext();\n  const editorRef = useRef();\n  const { t } = useTranslation();\n\n  const handleReset = () =>\n    editorRef.current.editor.commands.setContent(initialValues.emailBody);\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-y-6\">\n        <SendToFields\n          showUploadCsvButton\n          emailInputProps={{\n            label: t(\"neetoMolecules.shareViaEmail.sendTo\"),\n            name: \"notifyEmails\",\n            required: true,\n          }}\n        />\n        <Input\n          required\n          className=\"col-span-1\"\n          label={t(\"neetoMolecules.shareViaEmail.subject\")}\n          name=\"emailSubject\"\n        />\n        <EmailBody\n          {...{ showVideoEmbedInEditor }}\n          id=\"emailBody\"\n          ref={editorRef}\n        />\n        <div ref={editorRef} />\n        <AdvancedProperties {...{ disableReplyTo, showSendFromField }} />\n      </div>\n      {children && (\n        <div className=\"border-border mt-4 border-t py-4\">\n          <h3 className=\"mb-4\">\n            {t(\"neetoMolecules.shareViaEmail.additionalOptions\")}\n          </h3>\n          {children}\n        </div>\n      )}\n      <div className=\"bg-background sticky bottom-0 z-10 mt-6 py-6\">\n        <ActionBlock\n          cancelButtonProps={{\n            label: t(\"neetoMolecules.shareViaEmail.reset\"),\n            type: \"reset\",\n            onClick: handleReset,\n          }}\n          submitButtonProps={{\n            label: t(\"neetoMolecules.shareViaEmail.sendEmail\"),\n          }}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default Form;\n","import { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Form } from \"@bigbinary/neeto-atoms/formik\";\nimport { ArrowLeft } from \"lucide-react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport EmailForm from \"./Form\";\nimport { emailFormValidationSchema, generateInitialValues } from \"./utils\";\n\nimport EmailPreview from \"../EmailPreview\";\nimport MobilePreviewHeader from \"../MobilePreviewHeader\";\n\nconst ShareViaEmail = ({\n  showSendFromField = false,\n  backToUrl,\n  handleSubmit,\n  children,\n  description,\n  defaultValues,\n  disableReplyTo,\n  showVideoEmbedInEditor,\n  title = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const shareViaEmailTitle = title || t(\"neetoMolecules.shareViaEmail.title\");\n  const sendToEmails = notifyEmails => notifyEmails.map(email => email?.value);\n\n  return (\n    <div className=\"w-full\">\n      <Form\n        scrollToErrorField\n        formProps={{ noValidate: true }}\n        formikProps={{\n          enableReinitialize: true,\n          validateOnMount: true,\n          initialValues: generateInitialValues(defaultValues),\n          validationSchema: emailFormValidationSchema(disableReplyTo),\n          onSubmit: handleSubmit,\n        }}\n      >\n        {({ values }) => (\n          <div className=\"grid grid-cols-1 md:h-[calc(100dvh-4rem)] md:grid-cols-12\">\n            <div\n              className=\"col-span-1 p-6 pb-0 md:col-span-6 md:h-full md:overflow-y-auto lg:col-span-5\"\n              data-testid=\"share-via-email-frame-wrapper\"\n            >\n              {backToUrl && (\n                <Button\n                  className=\"mb-4\"\n                  data-testid=\"back-to-url-button\"\n                  icon={ArrowLeft}\n                  iconPosition=\"left\"\n                  label={t(\"neetoMolecules.shareViaEmail.backToShare\")}\n                  size=\"sm\"\n                  to={backToUrl}\n                  variant=\"link\"\n                />\n              )}\n              <div className=\"mb-6\">\n                <Typography\n                  className=\"mb-0.5 leading-normal break-words\"\n                  data-testid=\"share-via-email-heading\"\n                  variant=\"h2\"\n                  weight=\"semibold\"\n                >\n                  {shareViaEmailTitle}\n                </Typography>\n                {description && (\n                  <Typography\n                    className=\"text-foreground leading-normal\"\n                    data-testid=\"share-via-email-sub-heading\"\n                    variant=\"body2\"\n                  >\n                    {description}\n                  </Typography>\n                )}\n              </div>\n              <EmailForm\n                {...{\n                  disableReplyTo,\n                  showSendFromField,\n                  showVideoEmbedInEditor,\n                }}\n              >\n                {children}\n              </EmailForm>\n            </div>\n            <MobilePreviewHeader className=\"col-span-1 md:hidden\" />\n            <div className=\"bg-muted col-span-1 p-6 py-10 md:col-span-6 md:h-full md:overflow-y-auto lg:col-span-7\">\n              <EmailPreview\n                actionButtonText={values.actionButtonText}\n                body={values.emailBody}\n                subject={values.emailSubject}\n                to={sendToEmails(values.notifyEmails)}\n              />\n            </div>\n          </div>\n        )}\n      </Form>\n    </div>\n  );\n};\n\nShareViaEmail.propTypes = {\n  /**\n   * The path to navigate back to the required page on clicking the 'Back to share' button.\n   */\n  backToUrl: PropTypes.string,\n  /**\n   * The function that handles submitting of values to the API.\n   */\n  handleSubmit: PropTypes.func,\n  /**\n   * React components that can be passed on as children, to add optional fields.\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  /**\n   * Description text to be displayed under the component title.\n   */\n  description: PropTypes.string,\n  /**\n   * An object to assign default values to the email form.\n   */\n  defaultValues: PropTypes.shape({\n    sendFromEmail: PropTypes.string,\n    replyToEmail: PropTypes.string,\n    actionButtonText: PropTypes.string,\n    emailSubject: PropTypes.string,\n    emailBody: PropTypes.string,\n  }),\n  /**\n   * Boolean value to show the \"Send From\" field if needed.\n   */\n  showSendFromField: PropTypes.bool,\n  /**\n   * Boolean value to hide the \"Reply to\" field if not needed.\n   */\n  disableReplyTo: PropTypes.bool,\n  /**\n   * Boolean value to show video url as embed video in email body.\n   */\n  showVideoEmbedInEditor: PropTypes.bool,\n  /**\n   * To specify the title of the component. Defaults to \"Share via email\"\n   */\n  title: PropTypes.string,\n};\n\nexport default ShareViaEmail;\n"],"names":["INITIAL_VALUES","sendFromEmail","replyToEmail","notifyEmails","emailSubject","emailBody","isSendLaterEnabled","sendEmailDatetime","undefined","category","actionButtonText","EDITOR_ADDONS","TIME_FORMAT","FormikDatePicker","_ref","name","disabledDate","dataTestId","props","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_jsx","className","children","DatePicker","_objectSpread","showTime","error","timeFormat","value","onBlur","touched","onChange","date","isPastDate","dayjs","isBefore","subtract","generateInitialValues","defaultValues","emailFormValidationSchema","disableReplyTo","yup","object","shape","string","required","t","test","isEditorEmpty","trim","email","array","min","emails","every","prop","when","is","then","AdvancedProperties","showSendFromField","_useTranslation","useTranslation","_useFormikContext","useFormikContext","values","_useState","useState","_useState2","isAdvancedPropertiesVisible","setIsAdvancedPropertiesVisible","toggleAdvancedOptions","not","_jsxs","type","onClick","Typography","as","variant","weight","ChevronUp","size","ChevronDown","_Fragment","Label","Switch","autoFocus","Input","label","classNames","EmailBody","forwardRef","ref","id","showVideoEmbedInEditor","FormikEditor","addons","concat","_toConsumableArray","displayName","Form","initialValues","editorRef","useRef","handleReset","current","editor","commands","setContent","SendToFields","showUploadCsvButton","emailInputProps","ActionBlock","cancelButtonProps","submitButtonProps","ShareViaEmail","_ref$showSendFromFiel","backToUrl","handleSubmit","description","_ref$title","title","shareViaEmailTitle","sendToEmails","map","scrollToErrorField","formProps","noValidate","formikProps","enableReinitialize","validateOnMount","validationSchema","onSubmit","_ref2","Button","icon","ArrowLeft","iconPosition","to","EmailForm","MobilePreviewHeader","EmailPreview","body","subject"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,aAAa,EAAE,EAAE;AACjBC,EAAAA,YAAY,EAAE,EAAE;AAChBC,EAAAA,YAAY,EAAE,EAAE;AAChBC,EAAAA,YAAY,EAAE,EAAE;AAChBC,EAAAA,SAAS,EAAE,EAAE;AACbC,EAAAA,kBAAkB,EAAE,KAAK;AACzBC,EAAAA,iBAAiB,EAAEC,SAAS;AAC5BC,EAAAA,QAAQ,EAAE,aAAa;AACvBC,EAAAA,gBAAgB,EAAE;AACpB,CAAC;AAEM,IAAMC,aAAa,GAAG,CAC3B,OAAO,EACP,aAAa,EACb,cAAc,EACd,SAAS,CACV;AAIM,IAAMC,WAAW,GAAG,SAAS;;;;;AClBpC,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAKhB;AAAA,EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACGC,UAAU,GAAAH,IAAA,CAAzB,aAAa,CAAA;AACVI,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA;AAER,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACP,IAAI,CAAC;IAAAQ,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU;AAE1C,EAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,QAAQ;AAAC,IAAA,aAAA,EAAad,UAAW;AAAAe,IAAAA,QAAA,eAC9CF,cAAA,CAACG,qBAAU,EAAAC,eAAA,CAAA;AACHlB,MAAAA,YAAY,EAAZA,YAAY;MAClBmB,QAAQ,EAAA,IAAA;MACRC,KAAK,EAAEV,IAAI,CAACU,KAAM;AAClBC,MAAAA,UAAU,EAAEzB,WAAY;MACxB0B,KAAK,EAAEb,KAAK,CAACa,KAAM;MACnBC,MAAM,EAAE,SAARA,MAAMA,GAAA;QAAA,OAAQ,CAACb,IAAI,CAACc,OAAO,IAAIX,UAAU,CAAC,IAAI,CAAC;MAAA,CAAC;AAChDY,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,IAAI,EAAI;AAChBd,QAAAA,QAAQ,CAACc,IAAI,IAAIlC,SAAS,CAAC;QAC3B,IAAI,CAACkB,IAAI,CAACc,OAAO,EAAEX,UAAU,CAAC,IAAI,CAAC;AACrC,MAAA;AAAE,KAAA,EACEX,KAAK,CACV;AAAC,GACC,CAAC;AAEV,CAAC;;;;ACjBM,IAAMyB,UAAU,GAAG,SAAbA,UAAUA,CAAGD,IAAI,EAAA;AAAA,EAAA,OAC5BE,aAAK,CAACF,IAAI,CAAC,CAACG,QAAQ,CAACD,aAAK,EAAE,CAACE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAAA,CAAA;AA4B5C,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAGC,aAAa,EAAA;AAAA,EAAA,OAAAd,aAAA,CAAAA,aAAA,CAAA,EAAA,EAC7ClC,cAAc,GACdgD,aAAa,CAAA;AAAA,CAChB;AAEK,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAGC,cAAc,EAAA;AAAA,EAAA,OACrDC,cAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;AACjBjD,IAAAA,YAAY,EAAE+C,cAAG,CACdG,MAAM,EAAE,CACRC,QAAQ,CACPC,SAAC,CAAC,gEAAgE,CACpE,CAAC;AACHnD,IAAAA,SAAS,EAAE8C,cAAG,CACXG,MAAM,EAAE,CACRG,IAAI,CACH,WAAW,EACXD,SAAC,CAAC,kEAAkE,CAAC,EACrE,UAAAlB,KAAK,EAAA;AAAA,MAAA,OAAI,CAACoB,mBAAa,CAACpB,KAAK,CAAC;AAAA,IAAA,CAChC,CAAC;IACHrC,aAAa,EAAEkD,cAAG,CACfG,MAAM,EAAE,CACRK,IAAI,EAAE,CACNC,KAAK,CACJJ,SAAC,CAAC,oEAAoE,CACxE,CAAC,CACAD,QAAQ,CACPC,SAAC,CAAC,iEAAiE,CACrE,CAAC;AACHtD,IAAAA,YAAY,EACV,CAACgD,cAAc,IACfC,cAAG,CACAG,MAAM,EAAE,CACRK,IAAI,EAAE,CACNC,KAAK,CACJJ,SAAC,CACC,oEACF,CACF,CAAC,CACAD,QAAQ,CACPC,SAAC,CAAC,gEAAgE,CACpE,CAAC;IACLrD,YAAY,EAAEgD,cAAG,CACdU,KAAK,EAAE,CACPC,GAAG,CACF,CAAC,EACDN,SAAC,CACC,4EACF,CACF,CAAC,CACAC,IAAI,CACH,sBAAsB,EACtBD,SAAC,CAAC,oEAAoE,CAAC,EACvE,UAAAO,MAAM,EAAA;MAAA,OAAIA,MAAM,CAACC,KAAK,CAACC,UAAI,CAAC,OAAO,CAAC,CAAC;AAAA,IAAA,CACvC,CAAC;AACH3D,IAAAA,kBAAkB,EAAE6C,cAAG,CAAA,SAAA,CAAQ,EAAE;IACjC5C,iBAAiB,EAAE4C,cAAG,CAACT,IAAI,EAAE,CAACwB,IAAI,CAAC,oBAAoB,EAAE;AACvDC,MAAAA,EAAE,EAAE,IAAI;AACRC,MAAAA,IAAI,EAAEjB,cAAG,CACNT,IAAI,EAAE,CACNa,QAAQ,CACPC,SAAC,CAAC,kEAAkE,CACtE;AACJ,KAAC,CAAC;AACFzC,IAAAA,IAAI,EAAEoC,cAAG,CAACG,MAAM,EAAE;AAClB5C,IAAAA,gBAAgB,EAAEyC,cAAG,CAClBG,MAAM,EAAE,CACRC,QAAQ,CACPC,SAAC,CACC,wEACF,CACF;AACJ,GAAC,CAAC;AAAA,CAAA;;ACpGJ,IAAMa,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAvD,IAAA,EAA8C;AAAA,EAAA,IAAxCwD,iBAAiB,GAAAxD,IAAA,CAAjBwD,iBAAiB;IAAEpB,cAAc,GAAApC,IAAA,CAAdoC,cAAc;AAC7D,EAAA,IAAAqB,eAAA,GAAcC,2BAAc,EAAE;IAAtBhB,CAAC,GAAAe,eAAA,CAADf,CAAC;AAET,EAAA,IAAAiB,iBAAA,GAAmBC,uBAAgB,EAAE;IAA7BC,MAAM,GAAAF,iBAAA,CAANE,MAAM;AAEd,EAAA,IAAAC,SAAA,GACEC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAtD,cAAA,CAAAoD,SAAA,EAAA,CAAA,CAAA;AADVG,IAAAA,2BAA2B,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,8BAA8B,GAAAF,UAAA,CAAA,CAAA,CAAA;AAGlE,EAAA,IAAMG,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAA;IAAA,OAASD,8BAA8B,CAACE,SAAG,CAAC;AAAA,EAAA,CAAA;AAEvE,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKpD,IAAAA,SAAS,EAAC,wCAAwC;AAAAC,IAAAA,QAAA,gBACrDmD,eAAA,CAAA,QAAA,EAAA;AACEpD,MAAAA,SAAS,EAAC,sFAAsF;AAChGqD,MAAAA,IAAI,EAAC,QAAQ;AACbC,MAAAA,OAAO,EAAEJ,qBAAsB;MAAAjD,QAAA,EAAA,cAE/BF,cAAA,CAACwD,qBAAU,EAAA;AACTC,QAAAA,EAAE,EAAC,MAAM;AACTxD,QAAAA,SAAS,EAAC,wBAAwB;AAClCyD,QAAAA,OAAO,EAAC,IAAI;AACZC,QAAAA,MAAM,EAAC,QAAQ;QAAAzD,QAAA,EAEdwB,CAAC,CAAC,iDAAiD;AAAC,OAC3C,CAAC,EACZuB,2BAA2B,gBAC1BjD,cAAA,CAAC4D,mBAAS,EAAA;AAAC3D,QAAAA,SAAS,EAAC,eAAe;AAAC4D,QAAAA,IAAI,EAAE;AAAG,OAAE,CAAC,gBAEjD7D,cAAA,CAAC8D,uBAAW,EAAA;AAAC7D,QAAAA,SAAS,EAAC,eAAe;AAAC4D,QAAAA,IAAI,EAAE;AAAG,OAAE,CACnD;AAAA,KACK,CAAC,EACRZ,2BAA2B,iBAC1BI,eAAA,CAAAU,mBAAA,EAAA;AAAA7D,MAAAA,QAAA,gBACEF,cAAA,CAAA,KAAA,EAAA;QAAAE,QAAA,eACEmD,eAAA,CAACW,gBAAK,EAAA;AAAC/D,UAAAA,SAAS,EAAC,yBAAyB;UAAAC,QAAA,EAAA,cACxCF,cAAA,CAACiE,eAAM,EAAA;AACL,YAAA,aAAA,EAAY,mBAAmB;AAC/BhF,YAAAA,IAAI,EAAC;AAAoB,WAC1B,CAAC,eACFe,cAAA,CAACwD,qBAAU,EAAA;AACTC,YAAAA,EAAE,EAAC,MAAM;AACTxD,YAAAA,SAAS,EAAC,gBAAgB;AAC1B,YAAA,aAAA,EAAY,kBAAkB;AAC9ByD,YAAAA,OAAO,EAAC,IAAI;AACZC,YAAAA,MAAM,EAAC,UAAU;YAAAzD,QAAA,EAEhBwB,CAAC,CAAC,wCAAwC;AAAC,WAClC,CAAC;SACR;OACJ,CAAC,EACLmB,MAAM,CAACrE,kBAAkB,iBACxBwB,cAAA,CAACjB,gBAAgB,EAAA;QACfmF,SAAS,EAAA,IAAA;AACT,QAAA,aAAA,EAAY,wBAAwB;AACpChF,QAAAA,YAAY,EAAE2B,UAAW;AACzB5B,QAAAA,IAAI,EAAC,mBAAmB;AACxB4E,QAAAA,IAAI,EAAC;AAAO,OACb,CACF,eACD7D,cAAA,CAACmE,cAAK,EAAA;QACJ1C,QAAQ,EAAA,IAAA;AACRxB,QAAAA,SAAS,EAAC,QAAQ;AAClBmE,QAAAA,KAAK,EAAE1C,CAAC,CAAC,8CAA8C,CAAE;AACzDzC,QAAAA,IAAI,EAAC;OACN,CAAC,eACFoE,eAAA,CAAA,KAAA,EAAA;AAAKpD,QAAAA,SAAS,EAAC,iDAAiD;AAAAC,QAAAA,QAAA,EAAA,CAC7DsC,iBAAiB,iBAChBxC,cAAA,CAACmE,cAAK,EAAA;UACJ1C,QAAQ,EAAA,IAAA;AACR,UAAA,aAAA,EAAY,2CAA2C;AACvD2C,UAAAA,KAAK,EAAE1C,CAAC,CAAC,uCAAuC,CAAE;AAClDzC,UAAAA,IAAI,EAAC,eAAe;UACpBgB,SAAS,EAAEoE,UAAU,CAAC;AACpB,YAAA,oBAAoB,EAAE,CAACjD;WACxB;AAAE,SACJ,CACF,EACA,CAACA,cAAc,iBACdpB,cAAA,CAACmE,cAAK,EAAA;UACJ1C,QAAQ,EAAA,IAAA;AACR,UAAA,aAAA,EAAY,eAAe;AAC3B2C,UAAAA,KAAK,EAAE1C,CAAC,CAAC,sCAAsC,CAAE;AACjDzC,UAAAA,IAAI,EAAC,cAAc;UACnBgB,SAAS,EAAEoE,UAAU,CAAC;AACpB,YAAA,oBAAoB,EAAE7B;WACvB;AAAE,SACJ,CACF;AAAA,OACE,CAAC;AAAA,KACN,CACH;AAAA,GACE,CAAC;AAEV,CAAC;;ACnGD,IAAM8B,SAAS,gBAAGC,gBAAU,CAAC,UAAAvF,IAAA,EAAiCwF,GAAG,EAAK;AAAA,EAAA,IAAtCC,EAAE,GAAAzF,IAAA,CAAFyF,EAAE;IAAEC,sBAAsB,GAAA1F,IAAA,CAAtB0F,sBAAsB;AACxD,EAAA,IAAAjC,eAAA,GAAcC,2BAAc,EAAE;IAAtBhB,CAAC,GAAAe,eAAA,CAADf,CAAC;EAET,oBACE1B,cAAA,CAAC2E,YAAY,EAAA;AACLF,IAAAA,EAAE,EAAFA,EAAE;AAAED,IAAAA,GAAG,EAAHA,GAAG;IACb/C,QAAQ,EAAA,IAAA;AACRxB,IAAAA,SAAS,EAAC,MAAM;AAChB,IAAA,aAAA,EAAY,YAAY;AACxBmE,IAAAA,KAAK,EAAE1C,CAAC,CAAC,wCAAwC,CAAE;AACnDzC,IAAAA,IAAI,EAAC,WAAW;IAChB2F,MAAM,EACJF,sBAAsB,GAAA,EAAA,CAAAG,MAAA,CAAAC,kBAAA,CACdjG,aAAa,CAAA,EAAA,CAAE,aAAa,CAAA,CAAA,GAChCA;AACL,GACF,CAAC;AAEN,CAAC,CAAC;AAEFyF,SAAS,CAACS,WAAW,GAAG,WAAW;;AChBnC,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAhG,IAAA,EAKJ;AAAA,EAAA,IAJJwD,iBAAiB,GAAAxD,IAAA,CAAjBwD,iBAAiB;IACjBpB,cAAc,GAAApC,IAAA,CAAdoC,cAAc;IACdsD,sBAAsB,GAAA1F,IAAA,CAAtB0F,sBAAsB;IACtBxE,QAAQ,GAAAlB,IAAA,CAARkB,QAAQ;AAER,EAAA,IAAAyC,iBAAA,GAA0BC,uBAAgB,EAAE;IAApCqC,aAAa,GAAAtC,iBAAA,CAAbsC,aAAa;AACrB,EAAA,IAAMC,SAAS,GAAGC,YAAM,EAAE;AAC1B,EAAA,IAAA1C,eAAA,GAAcC,2BAAc,EAAE;IAAtBhB,CAAC,GAAAe,eAAA,CAADf,CAAC;AAET,EAAA,IAAM0D,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,IAAA,OACfF,SAAS,CAACG,OAAO,CAACC,MAAM,CAACC,QAAQ,CAACC,UAAU,CAACP,aAAa,CAAC1G,SAAS,CAAC;AAAA,EAAA,CAAA;EAEvE,oBACE8E,eAAA,CAAAU,mBAAA,EAAA;AAAA7D,IAAAA,QAAA,gBACEmD,eAAA,CAAA,KAAA,EAAA;AAAKpD,MAAAA,SAAS,EAAC,uBAAuB;MAAAC,QAAA,EAAA,cACpCF,cAAA,CAACyF,eAAY,EAAA;QACXC,mBAAmB,EAAA,IAAA;AACnBC,QAAAA,eAAe,EAAE;AACfvB,UAAAA,KAAK,EAAE1C,CAAC,CAAC,qCAAqC,CAAC;AAC/CzC,UAAAA,IAAI,EAAE,cAAc;AACpBwC,UAAAA,QAAQ,EAAE;AACZ;AAAE,OACH,CAAC,eACFzB,cAAA,CAACmE,cAAK,EAAA;QACJ1C,QAAQ,EAAA,IAAA;AACRxB,QAAAA,SAAS,EAAC,YAAY;AACtBmE,QAAAA,KAAK,EAAE1C,CAAC,CAAC,sCAAsC,CAAE;AACjDzC,QAAAA,IAAI,EAAC;AAAc,OACpB,CAAC,eACFe,cAAA,CAACsE,SAAS,EAAA;AACFI,QAAAA,sBAAsB,EAAtBA,sBAAsB;AAC5BD,QAAAA,EAAE,EAAC,WAAW;AACdD,QAAAA,GAAG,EAAEU;OACN,CAAC,eACFlF,cAAA,CAAA,KAAA,EAAA;AAAKwE,QAAAA,GAAG,EAAEU;AAAU,OAAE,CAAC,eACvBlF,cAAA,CAACuC,kBAAkB,EAAA;AAAOnB,QAAAA,cAAc,EAAdA,cAAc;AAAEoB,QAAAA,iBAAiB,EAAjBA;AAAiB,OAAK,CAAC;AAAA,KAC9D,CAAC,EACLtC,QAAQ,iBACPmD,eAAA,CAAA,KAAA,EAAA;AAAKpD,MAAAA,SAAS,EAAC,kCAAkC;AAAAC,MAAAA,QAAA,gBAC/CF,cAAA,CAAA,IAAA,EAAA;AAAIC,QAAAA,SAAS,EAAC,MAAM;QAAAC,QAAA,EACjBwB,CAAC,CAAC,gDAAgD;OACjD,CAAC,EACJxB,QAAQ;KACN,CACN,eACDF,cAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,8CAA8C;MAAAC,QAAA,eAC3DF,cAAA,CAAC4F,oBAAW,EAAA;AACVC,QAAAA,iBAAiB,EAAE;AACjBzB,UAAAA,KAAK,EAAE1C,CAAC,CAAC,oCAAoC,CAAC;AAC9C4B,UAAAA,IAAI,EAAE,OAAO;AACbC,UAAAA,OAAO,EAAE6B;SACT;AACFU,QAAAA,iBAAiB,EAAE;UACjB1B,KAAK,EAAE1C,CAAC,CAAC,wCAAwC;AACnD;OACD;AAAC,KACC,CAAC;AAAA,GACN,CAAC;AAEP,CAAC;;AC3DD,IAAMqE,aAAa,GAAG,SAAhBA,aAAaA,CAAA/G,IAAA,EAUb;AAAA,EAAA,IAAAgH,qBAAA,GAAAhH,IAAA,CATJwD,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAwD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IACzBC,SAAS,GAAAjH,IAAA,CAATiH,SAAS;IACTC,YAAY,GAAAlH,IAAA,CAAZkH,YAAY;IACZhG,SAAQ,GAAAlB,IAAA,CAARkB,QAAQ;IACRiG,WAAW,GAAAnH,IAAA,CAAXmH,WAAW;IACXjF,aAAa,GAAAlC,IAAA,CAAbkC,aAAa;IACbE,cAAc,GAAApC,IAAA,CAAdoC,cAAc;IACdsD,sBAAsB,GAAA1F,IAAA,CAAtB0F,sBAAsB;IAAA0B,UAAA,GAAApH,IAAA,CACtBqH,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,UAAA;AAEV,EAAA,IAAA3D,eAAA,GAAcC,2BAAc,EAAE;IAAtBhB,CAAC,GAAAe,eAAA,CAADf,CAAC;AAET,EAAA,IAAM4E,kBAAkB,GAAGD,KAAK,IAAI3E,CAAC,CAAC,oCAAoC,CAAC;AAC3E,EAAA,IAAM6E,YAAY,GAAG,SAAfA,YAAYA,CAAGlI,YAAY,EAAA;AAAA,IAAA,OAAIA,YAAY,CAACmI,GAAG,CAAC,UAAA1E,KAAK,EAAA;AAAA,MAAA,OAAIA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,MAAA,GAAA,MAAA,GAALA,KAAK,CAAEtB,KAAK;IAAA,CAAA,CAAC;AAAA,EAAA,CAAA;AAE5E,EAAA,oBACER,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,QAAQ;IAAAC,QAAA,eACrBF,cAAA,CAACgF,aAAI,EAAA;MACHyB,kBAAkB,EAAA,IAAA;AAClBC,MAAAA,SAAS,EAAE;AAAEC,QAAAA,UAAU,EAAE;OAAO;AAChCC,MAAAA,WAAW,EAAE;AACXC,QAAAA,kBAAkB,EAAE,IAAI;AACxBC,QAAAA,eAAe,EAAE,IAAI;AACrB7B,QAAAA,aAAa,EAAEhE,qBAAqB,CAACC,aAAa,CAAC;AACnD6F,QAAAA,gBAAgB,EAAE5F,yBAAyB,CAACC,cAAc,CAAC;AAC3D4F,QAAAA,QAAQ,EAAEd;OACV;MAAAhG,QAAA,EAED,SAAAA,QAAAA,CAAA+G,KAAA,EAAA;AAAA,QAAA,IAAGpE,MAAM,GAAAoE,KAAA,CAANpE,MAAM;AAAA,QAAA,oBACRQ,eAAA,CAAA,KAAA,EAAA;AAAKpD,UAAAA,SAAS,EAAC,2DAA2D;AAAAC,UAAAA,QAAA,gBACxEmD,eAAA,CAAA,KAAA,EAAA;AACEpD,YAAAA,SAAS,EAAC,8EAA8E;AACxF,YAAA,aAAA,EAAY,+BAA+B;AAAAC,YAAAA,QAAA,EAAA,CAE1C+F,SAAS,iBACRjG,cAAA,CAACkH,iBAAM,EAAA;AACLjH,cAAAA,SAAS,EAAC,MAAM;AAChB,cAAA,aAAA,EAAY,oBAAoB;AAChCkH,cAAAA,IAAI,EAAEC,mBAAU;AAChBC,cAAAA,YAAY,EAAC,MAAM;AACnBjD,cAAAA,KAAK,EAAE1C,CAAC,CAAC,0CAA0C,CAAE;AACrDmC,cAAAA,IAAI,EAAC,IAAI;AACTyD,cAAAA,EAAE,EAAErB,SAAU;AACdvC,cAAAA,OAAO,EAAC;aACT,CACF,eACDL,eAAA,CAAA,KAAA,EAAA;AAAKpD,cAAAA,SAAS,EAAC,MAAM;cAAAC,QAAA,EAAA,cACnBF,cAAA,CAACwD,qBAAU,EAAA;AACTvD,gBAAAA,SAAS,EAAC,mCAAmC;AAC7C,gBAAA,aAAA,EAAY,yBAAyB;AACrCyD,gBAAAA,OAAO,EAAC,IAAI;AACZC,gBAAAA,MAAM,EAAC,UAAU;AAAAzD,gBAAAA,QAAA,EAEhBoG;AAAkB,eACT,CAAC,EACZH,WAAW,iBACVnG,cAAA,CAACwD,qBAAU,EAAA;AACTvD,gBAAAA,SAAS,EAAC,gCAAgC;AAC1C,gBAAA,aAAA,EAAY,6BAA6B;AACzCyD,gBAAAA,OAAO,EAAC,OAAO;AAAAxD,gBAAAA,QAAA,EAEdiG;AAAW,eACF,CACb;AAAA,aACE,CAAC,eACNnG,cAAA,CAACuH,IAAS,EAAA;AAENnG,cAAAA,cAAc,EAAdA,cAAc;AACdoB,cAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBkC,cAAAA,sBAAsB,EAAtBA,sBAAsB;AAAAxE,cAAAA,QAAA,EAGvBA;AAAQ,aACA,CAAC;AAAA,WACT,CAAC,eACNF,cAAA,CAACwH,sBAAmB,EAAA;AAACvH,YAAAA,SAAS,EAAC;WAAwB,CAAC,eACxDD,cAAA,CAAA,KAAA,EAAA;AAAKC,YAAAA,SAAS,EAAC,wFAAwF;YAAAC,QAAA,eACrGF,cAAA,CAACyH,eAAY,EAAA;cACX7I,gBAAgB,EAAEiE,MAAM,CAACjE,gBAAiB;cAC1C8I,IAAI,EAAE7E,MAAM,CAACtE,SAAU;cACvBoJ,OAAO,EAAE9E,MAAM,CAACvE,YAAa;AAC7BgJ,cAAAA,EAAE,EAAEf,YAAY,CAAC1D,MAAM,CAACxE,YAAY;aACrC;AAAC,WACC,CAAC;AAAA,SACH,CAAC;AAAA,MAAA;KAEJ;AAAC,GACJ,CAAC;AAEV;;;;"}

package/dist/cjs/v2/StatusDropdown.js

@@ -0,0 +1,161 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var neetoCist = require('@bigbinary/neeto-cist');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var injectCss = require('../inject-css-B6qYtOJe.js');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var x = require('../x-B38UX0_0.js');
+var chevronDown = require('../chevron-down-DwiliwN1.js');
+require('../createLucideIcon-DBDhE7kE.js');
+
+var Menu$1 = function Menu(_ref) {
+  var onItemClick = _ref.onItemClick,
+    options = _ref.options,
+    _ref$shouldShowAllOpt = _ref.shouldShowAllOptions,
+    shouldShowAllOptions = _ref$shouldShowAllOpt === void 0 ? false : _ref$shouldShowAllOpt,
+    _ref$hiddenStatuses = _ref.hiddenStatuses,
+    hiddenStatuses = _ref$hiddenStatuses === void 0 ? [] : _ref$hiddenStatuses;
+  var allowedOptions = shouldShowAllOptions ? options : options.filter(function (status) {
+    return !hiddenStatuses.includes(status.value);
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: allowedOptions === null || allowedOptions === void 0 ? void 0 : allowedOptions.map(function (option) {
+      return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu.MenuItem, {
+        className: "status-dropdown-item--".concat(option.color),
+        "data-testid": "status-dropdown-item-".concat(neetoCist.hyphenate(option.value)),
+        onClick: function onClick() {
+          return onItemClick(option);
+        },
+        children: option.label
+      }, option.value);
+    })
+  });
+};
+var Menu = /*#__PURE__*/React.memo(Menu$1);
+
+var css = ":root{--neeto-molecules-status-color-open:9,90,186;--neeto-molecules-status-color-done:189,100,13;--neeto-molecules-status-color-waiting:47,57,65;--neeto-molecules-status-color-red:187,18,26;--neeto-molecules-status-color-yellow:255,204,112;--neeto-molecules-status-color-violet:157,98,162;--neeto-molecules-status-color-pink:225,62,230;--neeto-molecules-status-color-teal:38,87,124;--neeto-molecules-status-color-cyan:66,160,157;--neeto-molecules-status-color-green:16,113,84;--neeto-molecules-status-bg-open:226,241,255;--neeto-molecules-status-bg-done:250,241,225;--neeto-molecules-status-bg-waiting:233,235,237;--neeto-molecules-status-bg-red:254,236,240;--neeto-molecules-status-bg-yellow:255,247,233;--neeto-molecules-status-bg-violet:235,222,255;--neeto-molecules-status-bg-pink:254,233,255;--neeto-molecules-status-bg-teal:228,244,255;--neeto-molecules-status-bg-cyan:224,255,254;--neeto-molecules-status-bg-green:224,244,238}.dark{--neeto-molecules-status-color-open:144,194,255;--neeto-molecules-status-bg-open:24,42,66;--neeto-molecules-status-color-done:255,194,121;--neeto-molecules-status-bg-done:54,38,18;--neeto-molecules-status-color-waiting:255,255,255;--neeto-molecules-status-bg-waiting:16,24,40;--neeto-molecules-status-color-red:255,119,130;--neeto-molecules-status-bg-red:60,20,24;--neeto-molecules-status-color-yellow:255,221,138;--neeto-molecules-status-bg-yellow:60,48,20;--neeto-molecules-status-color-violet:218,170,255;--neeto-molecules-status-bg-violet:49,27,63;--neeto-molecules-status-color-pink:255,155,255;--neeto-molecules-status-bg-pink:56,30,60;--neeto-molecules-status-color-teal:139,205,255;--neeto-molecules-status-bg-teal:22,42,55;--neeto-molecules-status-color-cyan:130,255,247;--neeto-molecules-status-bg-cyan:14,49,48;--neeto-molecules-status-color-green:117,255,195;--neeto-molecules-status-bg-green:15,50,36}.status-dropdown-target--cyan,.status-dropdown-target--done,.status-dropdown-target--green,.status-dropdown-target--open,.status-dropdown-target--pink,.status-dropdown-target--red,.status-dropdown-target--teal,.status-dropdown-target--violet,.status-dropdown-target--waiting,.status-dropdown-target--yellow{background-color:rgb(var(--status-target-bg));color:rgb(var(--status-target-color))}.status-dropdown-target--open{--status-target-color:var(--neeto-molecules-status-color-open);--status-target-bg:var(--neeto-molecules-status-bg-open)}.status-dropdown-target--done{--status-target-color:var(--neeto-molecules-status-color-done);--status-target-bg:var(--neeto-molecules-status-bg-done)}.status-dropdown-target--waiting{--status-target-color:var(--neeto-molecules-status-color-waiting);--status-target-bg:var(--neeto-molecules-status-bg-waiting)}.status-dropdown-target--red{--status-target-color:var(--neeto-molecules-status-color-red);--status-target-bg:var(--neeto-molecules-status-bg-red)}.status-dropdown-target--yellow{--status-target-color:var(--neeto-molecules-status-color-yellow);--status-target-bg:var(--neeto-molecules-status-bg-yellow)}.status-dropdown-target--violet{--status-target-color:var(--neeto-molecules-status-color-violet);--status-target-bg:var(--neeto-molecules-status-bg-violet)}.status-dropdown-target--pink{--status-target-color:var(--neeto-molecules-status-color-pink);--status-target-bg:var(--neeto-molecules-status-bg-pink)}.status-dropdown-target--teal{--status-target-color:var(--neeto-molecules-status-color-teal);--status-target-bg:var(--neeto-molecules-status-bg-teal)}.status-dropdown-target--cyan{--status-target-color:var(--neeto-molecules-status-color-cyan);--status-target-bg:var(--neeto-molecules-status-bg-cyan)}.status-dropdown-target--green{--status-target-color:var(--neeto-molecules-status-color-green);--status-target-bg:var(--neeto-molecules-status-bg-green)}.status-dropdown-item--open{color:#095aba!important;color:rgb(var(--neeto-molecules-status-color-open))!important}.status-dropdown-item--done{color:#bd640d!important;color:rgb(var(--neeto-molecules-status-color-done))!important}.status-dropdown-item--waiting{color:#2f3941!important;color:rgb(var(--neeto-molecules-status-color-waiting))!important}.status-dropdown-item--red{color:#bb121a!important;color:rgb(var(--neeto-molecules-status-color-red))!important}.status-dropdown-item--yellow{color:#ffcc70!important;color:rgb(var(--neeto-molecules-status-color-yellow))!important}.status-dropdown-item--violet{color:#9d62a2!important;color:rgb(var(--neeto-molecules-status-color-violet))!important}.status-dropdown-item--pink{color:#e13ee6!important;color:rgb(var(--neeto-molecules-status-color-pink))!important}.status-dropdown-item--teal{color:#26577c!important;color:rgb(var(--neeto-molecules-status-color-teal))!important}.status-dropdown-item--cyan{color:#42a09d!important;color:rgb(var(--neeto-molecules-status-color-cyan))!important}.status-dropdown-item--green{color:#107154!important;color:rgb(var(--neeto-molecules-status-color-green))!important}";
+injectCss.n(css,{});
+
+var ICON_SIZE = 16;
+
+var _excluded = ["color", "value", "label", "dataTestid", "isClearable", "onClear", "placeholder"];
+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), true).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 Target = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var color = _ref.color,
+    value = _ref.value,
+    label = _ref.label,
+    dataTestid = _ref.dataTestid,
+    isClearable = _ref.isClearable,
+    onClear = _ref.onClear,
+    placeholder = _ref.placeholder,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var targetClassName = "rounded-sm inline-flex items-center gap-2 cursor-pointer py-0.5 px-2 status-dropdown-target--".concat(color || "waiting");
+  var isOptionSelected = !ramda.isNil(value);
+  var handleClearClick = function handleClearClick(event) {
+    onClear();
+    event.stopPropagation();
+  };
+  var handleClearKeyDown = function handleClearKeyDown(event) {
+    if (!(event.key === "Enter" || event.key === " ")) return;
+    event.preventDefault();
+    handleClearClick(event);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("button", _objectSpread$1(_objectSpread$1({}, _objectSpread$1({
+    ref: ref
+  }, otherProps)), {}, {
+    "aria-haspopup": "listbox",
+    className: targetClassName,
+    "data-testid": neetoCist.isPresent(dataTestid) ? dataTestid : "status-dropdown",
+    type: "button",
+    "aria-label": isOptionSelected ? "Selected: ".concat(label) : placeholder || t("neetoMolecules.statusDropdown.placeholder"),
+    children: [isOptionSelected ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      className: "inline",
+      variant: "body2",
+      children: label
+    }) : /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      className: "text-muted-foreground inline",
+      variant: "body2",
+      children: placeholder || t("neetoMolecules.statusDropdown.placeholder")
+    }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+      className: "inline-flex items-center gap-1",
+      children: [isClearable && isOptionSelected && /*#__PURE__*/jsxRuntime.jsx("span", {
+        "aria-label": t("neetoMolecules.statusDropdown.clear"),
+        className: "cursor-pointer",
+        "data-testid": "status-dropdown-clear-button",
+        role: "button",
+        tabIndex: 0,
+        onClick: handleClearClick,
+        onKeyDown: handleClearKeyDown,
+        children: /*#__PURE__*/jsxRuntime.jsx(x.X, {
+          size: ICON_SIZE
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(chevronDown.ChevronDown, {
+        "aria-hidden": "true",
+        size: ICON_SIZE
+      })]
+    })]
+  }));
+});
+Target.displayName = "Target";
+
+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), true).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 StatusDropdown = function StatusDropdown(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$hiddenStatuses = _ref.hiddenStatuses,
+    hiddenStatuses = _ref$hiddenStatuses === void 0 ? [] : _ref$hiddenStatuses,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    onItemClick = _ref.onItemClick,
+    options = _ref.options,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? null : _ref$placeholder,
+    selectedValue = _ref.selectedValue,
+    _ref$shouldShowAllOpt = _ref.shouldShowAllOptions,
+    shouldShowAllOptions = _ref$shouldShowAllOpt === void 0 ? false : _ref$shouldShowAllOpt,
+    _ref$isClearable = _ref.isClearable,
+    isClearable = _ref$isClearable === void 0 ? false : _ref$isClearable,
+    _ref$onClear = _ref.onClear,
+    onClear = _ref$onClear === void 0 ? neetoCist.noop : _ref$onClear,
+    _ref$dataTestid = _ref.dataTestid,
+    dataTestid = _ref$dataTestid === void 0 ? "status-dropdown" : _ref$dataTestid;
+  var selectedOption = neetoCist._findBy({
+    value: selectedValue
+  }, options);
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu, {
+    disabled: disabled,
+    dropdownProps: {
+      "data-testid": "status-dropdown-menu"
+    },
+    customTarget: /*#__PURE__*/jsxRuntime.jsx(Target, _objectSpread({
+      label: selectedValue
+    }, _objectSpread(_objectSpread({}, selectedOption), {}, {
+      dataTestid: dataTestid,
+      isClearable: isClearable,
+      onClear: onClear,
+      placeholder: placeholder
+    }))),
+    children: isLoading ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex w-full items-center justify-center py-8",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})
+    }) : /*#__PURE__*/jsxRuntime.jsx(Menu, {
+      hiddenStatuses: hiddenStatuses,
+      onItemClick: onItemClick,
+      options: options,
+      shouldShowAllOptions: shouldShowAllOptions
+    })
+  });
+};
+StatusDropdown.Menu = Menu;
+
+module.exports = StatusDropdown;
+//# sourceMappingURL=StatusDropdown.js.map