@bigbinary/neeto-slack-frontend 2.3.0-beta1 → 3.0.1

package/dist/Settings.js

@@ -0,0 +1,185 @@
+import { noop } from '@bigbinary/neeto-cist';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Check from '@bigbinary/neeto-icons/Check';
+import SlackIcon from '@bigbinary/neeto-icons/misc/Slack';
+import Typography from '@bigbinary/neetoui/Typography';
+import Button from '@bigbinary/neetoui/Button';
+import { isEmpty, is } from 'ramda';
+import { useTranslation, Trans } from 'react-i18next';
+import { F as Field } from './Field-07124b6f.js';
+import { b as buildValidationSchema, C as ChannelSelectOption, S as SlackRefreshChannelListButton, t as toSlackUrl } from './SlackRefreshChannelListButton-95756902.js';
+import { _ as _defineProperty } from './defineProperty-e90a259c.js';
+import Pane from '@bigbinary/neetoui/Pane';
+import Label from '@bigbinary/neetoui/Label';
+import Select from '@bigbinary/neetoui/formik/Select';
+import NeetoUIForm from '@bigbinary/neetoui/formik/Form';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import './inject-css-c86de496.js';
+import 'react';
+import 'i18next';
+import '@bigbinary/neetoui/Toastr';
+import 'yup';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var EditPane = function EditPane(_ref) {
+  var _ref$isPaneOpen = _ref.isPaneOpen,
+    isPaneOpen = _ref$isPaneOpen === void 0 ? false : _ref$isPaneOpen,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _children = _ref.children,
+    _ref$initialFormValue = _ref.initialFormValues,
+    initialFormValues = _ref$initialFormValue === void 0 ? {} : _ref$initialFormValue,
+    _ref$handleSubmit = _ref.handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
+    _ref$isSubmitting = _ref.isSubmitting,
+    isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
+    _ref$validationSchema = _ref.validationSchema,
+    validationSchema = _ref$validationSchema === void 0 ? {} : _ref$validationSchema,
+    _ref$channelRefreshHa = _ref.channelRefreshHandler,
+    channelRefreshHandler = _ref$channelRefreshHa === void 0 ? noop : _ref$channelRefreshHa,
+    _ref$paneProps = _ref.paneProps,
+    paneProps = _ref$paneProps === void 0 ? {} : _ref$paneProps;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleFormSubmit = function handleFormSubmit(values, formikBag) {
+    handleSubmit(values, formikBag);
+  };
+  return /*#__PURE__*/jsxs(Pane, _objectSpread(_objectSpread({
+    onClose: onClose,
+    isOpen: isPaneOpen
+  }, paneProps), {}, {
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        weight: "semibold",
+        children: isEmpty(title) ? t("neetoSlack.slack.editPane") : title
+      })
+    }), /*#__PURE__*/jsx(NeetoUIForm, {
+      className: "neeto-ui-w-full",
+      formikProps: {
+        enableReinitialize: true,
+        initialValues: initialFormValues,
+        onSubmit: handleFormSubmit,
+        validationSchema: buildValidationSchema(validationSchema)
+      },
+      children: function children(formikProps) {
+        var _formikProps$errors;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsxs(Pane.Body, {
+            children: [/*#__PURE__*/jsxs("div", {
+              className: "neeto-ui-mb-4 neeto-ui-w-full",
+              children: [/*#__PURE__*/jsx(Label, {
+                children: /*#__PURE__*/jsxs(Typography, {
+                  className: "neeto-ui-text-gray-700 neeto-ui-mb-2",
+                  style: "body2",
+                  weight: "bold",
+                  children: [t("neetoSlack.slack.configure.sendToDescription"), /*#__PURE__*/jsx("sup", {
+                    children: "*"
+                  })]
+                })
+              }), /*#__PURE__*/jsxs("div", {
+                className: "relative flex flex-col items-start gap-y-3",
+                children: [/*#__PURE__*/jsx(Select, {
+                  isSearchable: true,
+                  required: true,
+                  className: "w-full",
+                  error: formikProps === null || formikProps === void 0 || (_formikProps$errors = formikProps.errors) === null || _formikProps$errors === void 0 ? void 0 : _formikProps$errors.selectedChannel,
+                  name: "selectedChannel",
+                  placeholder: t("neetoSlack.slack.placeholder"),
+                  size: "large",
+                  options: formikProps.values.channels.map(function (_ref2) {
+                    var label = _ref2.label,
+                      value = _ref2.value,
+                      isPrivate = _ref2.isPrivate;
+                    return {
+                      label: /*#__PURE__*/jsx(ChannelSelectOption, {
+                        isPrivate: isPrivate,
+                        label: label
+                      }),
+                      value: value
+                    };
+                  })
+                }), /*#__PURE__*/jsx(SlackRefreshChannelListButton, {
+                  channelRefreshHandler: channelRefreshHandler
+                })]
+              })]
+            }), is(Function, _children) ? _children(_objectSpread({}, formikProps)) : _children]
+          }), /*#__PURE__*/jsx(Pane.Footer, {
+            children: /*#__PURE__*/jsx(ActionBlock, {
+              cancelButtonProps: {
+                onClick: onClose
+              },
+              isSubmitting: isSubmitting || formikProps.isSubmitting
+            })
+          })]
+        });
+      }
+    })]
+  }));
+};
+
+var Settings = withT(function (_ref) {
+  var t = _ref.t,
+    children = _ref.children,
+    _ref$teamName = _ref.teamName,
+    teamName = _ref$teamName === void 0 ? "" : _ref$teamName,
+    _ref$slackUrl = _ref.slackUrl,
+    slackUrl = _ref$slackUrl === void 0 ? "" : _ref$slackUrl,
+    _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? [] : _ref$fields,
+    _ref$onEdit = _ref.onEdit,
+    onEdit = _ref$onEdit === void 0 ? noop : _ref$onEdit;
+  return /*#__PURE__*/jsx("div", {
+    className: "mx-auto w-full max-w-3xl",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full border p-6",
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "space-y-4",
+        children: [/*#__PURE__*/jsx(SlackIcon, {
+          className: "neeto-ui-text-gray-600",
+          size: 48
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex items-center space-x-4",
+          children: [/*#__PURE__*/jsx(Typography, {
+            style: "h2",
+            children: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoSlack.slack.settings.title",
+              values: {
+                teamName: teamName
+              },
+              components: {
+                a: /*#__PURE__*/jsx(Button, {
+                  className: "neeto-ui-text-2xl",
+                  href: isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl,
+                  style: "link"
+                })
+              }
+            })
+          }), /*#__PURE__*/jsx("div", {
+            className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
+            children: /*#__PURE__*/jsx(Check, {
+              size: 24
+            })
+          })]
+        }), fields.map(function (field) {
+          return /*#__PURE__*/jsx(Field, {
+            name: field.name,
+            value: field.value
+          }, field.name);
+        }), children]
+      }), /*#__PURE__*/jsx(Button, {
+        className: "mt-8",
+        label: t("neetoSlack.common.edit"),
+        onClick: onEdit
+      })]
+    })
+  });
+});
+Settings.EditPane = EditPane;
+
+export { Settings as default };
+//# sourceMappingURL=Settings.js.map

package/dist/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sources":["../app/javascript/src/components/Settings/EditPane.jsx","../app/javascript/src/components/Settings/index.jsx"],"sourcesContent":["import { noop } from \"neetocist\";\nimport { Typography, Pane, Label } from \"neetoui\";\nimport { Select, Form as NeetoUIForm, ActionBlock } from \"neetoui/formik\";\nimport { is, isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ChannelSelectOption from \"components/common/ChannelSelectOption\";\nimport SlackRefreshChannelListButton from \"components/common/SlackRefreshChannelListButton\";\nimport { buildValidationSchema } from \"components/utils\";\n\nconst EditPane = ({\n  isPaneOpen = false,\n  onClose = noop,\n  title = \"\",\n  children,\n  initialFormValues = {},\n  handleSubmit = noop,\n  isSubmitting = false,\n  validationSchema = {},\n  channelRefreshHandler = noop,\n  paneProps = {},\n}) => {\n  const { t } = useTranslation();\n\n  const handleFormSubmit = (values, formikBag) => {\n    handleSubmit(values, formikBag);\n  };\n\n  return (\n    <Pane {...{ onClose }} isOpen={isPaneOpen} {...paneProps}>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {isEmpty(title) ? t(\"neetoSlack.slack.editPane\") : title}\n        </Typography>\n      </Pane.Header>\n      <NeetoUIForm\n        className=\"neeto-ui-w-full\"\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleFormSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <>\n            <Pane.Body>\n              <div className=\"neeto-ui-mb-4 neeto-ui-w-full\">\n                <Label>\n                  <Typography\n                    className=\"neeto-ui-text-gray-700 neeto-ui-mb-2\"\n                    style=\"body2\"\n                    weight=\"bold\"\n                  >\n                    {t(\"neetoSlack.slack.configure.sendToDescription\")}\n                    <sup>*</sup>\n                  </Typography>\n                </Label>\n                <div className=\"relative flex flex-col items-start gap-y-3\">\n                  <Select\n                    isSearchable\n                    required\n                    className=\"w-full\"\n                    error={formikProps?.errors?.selectedChannel}\n                    name=\"selectedChannel\"\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                    size=\"large\"\n                    options={formikProps.values.channels.map(\n                      ({ label, value, isPrivate }) => ({\n                        label: (\n                          <ChannelSelectOption {...{ isPrivate, label }} />\n                        ),\n                        value,\n                      })\n                    )}\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children({ ...formikProps }) : children}\n            </Pane.Body>\n            <Pane.Footer>\n              <ActionBlock\n                cancelButtonProps={{ onClick: onClose }}\n                isSubmitting={isSubmitting || formikProps.isSubmitting}\n              />\n            </Pane.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </Pane>\n  );\n};\n\nexport default EditPane;\n","import { noop } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Check } from \"neetoicons\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport { Typography, Button } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport Field from \"components/common/Field\";\nimport { toSlackUrl } from \"components/utils\";\n// eslint-disable-next-line import/extensions\nimport \"src/stylesheets/base/overrides.scss\";\n\nimport EditPane from \"./EditPane\";\n\nconst Settings = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    slackUrl = \"\",\n    fields = [],\n    onEdit = noop,\n  }) => (\n    <div className=\"mx-auto w-full max-w-3xl\">\n      <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full border p-6\">\n        <div className=\"space-y-4\">\n          <SlackIcon className=\"neeto-ui-text-gray-600\" size={48} />\n          <div className=\"flex items-center space-x-4\">\n            <Typography style=\"h2\">\n              <Trans\n                i18nKey=\"neetoSlack.slack.settings.title\"\n                values={{ teamName }}\n                components={{\n                  a: (\n                    <Button\n                      className=\"neeto-ui-text-2xl\"\n                      href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                      style=\"link\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n            <div className=\"neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1\">\n              <Check size={24} />\n            </div>\n          </div>\n          {fields.map(field => (\n            <Field key={field.name} name={field.name} value={field.value} />\n          ))}\n          {children}\n        </div>\n        <Button\n          className=\"mt-8\"\n          label={t(\"neetoSlack.common.edit\")}\n          onClick={onEdit}\n        />\n      </div>\n    </div>\n  )\n);\n\nSettings.EditPane = EditPane;\n\nexport default Settings;\n"],"names":["EditPane","_ref","_ref$isPaneOpen","isPaneOpen","_ref$onClose","onClose","noop","_ref$title","title","children","_ref$initialFormValue","initialFormValues","_ref$handleSubmit","handleSubmit","_ref$isSubmitting","isSubmitting","_ref$validationSchema","validationSchema","_ref$channelRefreshHa","channelRefreshHandler","_ref$paneProps","paneProps","_useTranslation","useTranslation","t","handleFormSubmit","values","formikBag","_jsxs","Pane","_objectSpread","isOpen","_jsx","Header","Typography","style","weight","isEmpty","NeetoUIForm","className","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_formikProps$errors","_Fragment","Body","Label","Select","isSearchable","required","error","errors","selectedChannel","name","placeholder","size","options","channels","map","_ref2","label","value","isPrivate","ChannelSelectOption","SlackRefreshChannelListButton","is","Function","Footer","ActionBlock","cancelButtonProps","onClick","Settings","withT","_ref$teamName","teamName","_ref$slackUrl","slackUrl","_ref$fields","fields","_ref$onEdit","onEdit","SlackIcon","Trans","i18nKey","components","a","Button","href","toSlackUrl","Check","field","Field"],"mappings":"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"}

package/dist/SlackRefreshChannelListButton-84bf0344.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var injectCss = require('./inject-css-80a5faa3.js');
+var Typography = require('@bigbinary/neetoui/Typography');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var Button = require('@bigbinary/neetoui/Button');
+var defineProperty = require('./defineProperty-f3094d6c.js');
+var i18next = require('i18next');
+var Toastr = require('@bigbinary/neetoui/Toastr');
+var yup = require('yup');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  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 Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+
+var CHANNEL_NAME_VALIDAITON_SCHEMA = {
+  selectedChannel: yup__namespace.object().shape({
+    label: yup__namespace.mixed().nullable(),
+    value: yup__namespace.string().required(i18next.t("neetoSlack.common.required", {
+      entity: i18next.t("neetoSlack.slack.channelName")
+    }))
+  }).required().nullable()
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var buildValidationSchema = function buildValidationSchema(customValidationSchema) {
+  return yup__namespace.object().shape(_objectSpread(_objectSpread({}, customValidationSchema), CHANNEL_NAME_VALIDAITON_SCHEMA));
+};
+var toSlackUrl = function toSlackUrl(teamName) {
+  return "https://".concat(teamName === null || teamName === void 0 ? void 0 : teamName.replace(/\s/g, "").toLowerCase(), ".slack.com");
+};
+var slackChannelRefresh = function slackChannelRefresh(channelRefreshHandler) {
+  channelRefreshHandler();
+  Toastr__default["default"].success(i18next.t("neetoSlack.slack.channelListRefreshToastr"));
+};
+
+var css = "@media (max-height:1000px){.neeto-ui-react-select__menu-list{max-height:calc(40vh - 50px)!important}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL292ZXJyaWRlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJCQUNFLGtDQUNJLHNDQUNKLENBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJAbWVkaWEgKG1heC1oZWlnaHQ6IDEwMDBweCkge1xuICAubmVldG8tdWktcmVhY3Qtc2VsZWN0X19tZW51LWxpc3Qge1xuICAgICAgbWF4LWhlaWdodDogY2FsYyg0MHZoIC0gNTBweCkgIWltcG9ydGFudDtcbiAgfVxufVxuIl19 */";
+injectCss.n(css,{});
+
+var ChannelSelectOption = function ChannelSelectOption(_ref) {
+  var label = _ref.label,
+    isPrivate = _ref.isPrivate;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex items-center justify-between",
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "neeto-ui-text-gray-500 italic",
+      style: "body3",
+      children: isPrivate ? "private" : ""
+    })]
+  });
+};
+
+var SlackRefreshChannelListButton = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    channelRefreshHandler = _ref.channelRefreshHandler,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "pl-1" : _ref$className;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "relative top-0 flex justify-center",
+    children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      className: className,
+      label: t("neetoSlack.slack.channelListRefreshButton"),
+      style: "link",
+      onClick: function onClick() {
+        return slackChannelRefresh(channelRefreshHandler);
+      }
+    })
+  });
+});
+var SlackRefreshChannelListButton$1 = /*#__PURE__*/React.memo(SlackRefreshChannelListButton);
+
+exports.ChannelSelectOption = ChannelSelectOption;
+exports.SlackRefreshChannelListButton = SlackRefreshChannelListButton$1;
+exports.buildValidationSchema = buildValidationSchema;
+exports.toSlackUrl = toSlackUrl;
+//# sourceMappingURL=SlackRefreshChannelListButton-84bf0344.js.map

package/dist/SlackRefreshChannelListButton-84bf0344.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackRefreshChannelListButton-84bf0344.js","sources":["../app/javascript/src/components/constants.js","../app/javascript/src/components/utils.js","../app/javascript/src/components/common/ChannelSelectOption.jsx","../app/javascript/src/components/common/SlackRefreshChannelListButton.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const CHANNEL_NAME_VALIDAITON_SCHEMA = {\n  selectedChannel: yup\n    .object()\n    .shape({\n      label: yup.mixed().nullable(),\n      value: yup.string().required(\n        t(\"neetoSlack.common.required\", {\n          entity: t(\"neetoSlack.slack.channelName\"),\n        })\n      ),\n    })\n    .required()\n    .nullable(),\n};\n","import { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\nimport * as yup from \"yup\";\n\nimport { CHANNEL_NAME_VALIDAITON_SCHEMA } from \"./constants\";\n\nexport const buildValidationSchema = customValidationSchema =>\n  yup.object().shape({\n    ...customValidationSchema,\n    ...CHANNEL_NAME_VALIDAITON_SCHEMA,\n  });\n\nexport const toSlackUrl = teamName =>\n  `https://${teamName?.replace(/\\s/g, \"\").toLowerCase()}.slack.com`;\n\nexport const slackChannelRefresh = channelRefreshHandler => {\n  channelRefreshHandler();\n  Toastr.success(t(\"neetoSlack.slack.channelListRefreshToastr\"));\n};\n","import { Typography } from \"neetoui\";\n\nconst ChannelSelectOption = ({ label, isPrivate }) => (\n  <div className=\"flex items-center justify-between\">\n    <span>{label}</span>\n    <Typography className=\"neeto-ui-text-gray-500 italic\" style=\"body3\">\n      {isPrivate ? \"private\" : \"\"}\n    </Typography>\n  </div>\n);\n\nexport default ChannelSelectOption;\n","import { memo } from \"react\";\n\nimport { withT } from \"neetocommons/react-utils\";\nimport { Button } from \"neetoui\";\n\nimport { slackChannelRefresh } from \"components/utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"pl-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        style=\"link\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","ChannelSelectOption","_ref","isPrivate","_jsxs","className","children","_jsx","Typography","style","SlackRefreshChannelListButton","withT","_ref$className","Button","onClick","memo"],"mappings":"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"}

package/dist/SlackRefreshChannelListButton-95756902.js

@@ -0,0 +1,72 @@
+import { n } from './inject-css-c86de496.js';
+import Typography from '@bigbinary/neetoui/Typography';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Button from '@bigbinary/neetoui/Button';
+import { _ as _defineProperty } from './defineProperty-e90a259c.js';
+import { t } from 'i18next';
+import Toastr from '@bigbinary/neetoui/Toastr';
+import * as yup from 'yup';
+
+var CHANNEL_NAME_VALIDAITON_SCHEMA = {
+  selectedChannel: yup.object().shape({
+    label: yup.mixed().nullable(),
+    value: yup.string().required(t("neetoSlack.common.required", {
+      entity: t("neetoSlack.slack.channelName")
+    }))
+  }).required().nullable()
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var buildValidationSchema = function buildValidationSchema(customValidationSchema) {
+  return yup.object().shape(_objectSpread(_objectSpread({}, customValidationSchema), CHANNEL_NAME_VALIDAITON_SCHEMA));
+};
+var toSlackUrl = function toSlackUrl(teamName) {
+  return "https://".concat(teamName === null || teamName === void 0 ? void 0 : teamName.replace(/\s/g, "").toLowerCase(), ".slack.com");
+};
+var slackChannelRefresh = function slackChannelRefresh(channelRefreshHandler) {
+  channelRefreshHandler();
+  Toastr.success(t("neetoSlack.slack.channelListRefreshToastr"));
+};
+
+var css = "@media (max-height:1000px){.neeto-ui-react-select__menu-list{max-height:calc(40vh - 50px)!important}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL292ZXJyaWRlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDJCQUNFLGtDQUNJLHNDQUNKLENBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJAbWVkaWEgKG1heC1oZWlnaHQ6IDEwMDBweCkge1xuICAubmVldG8tdWktcmVhY3Qtc2VsZWN0X19tZW51LWxpc3Qge1xuICAgICAgbWF4LWhlaWdodDogY2FsYyg0MHZoIC0gNTBweCkgIWltcG9ydGFudDtcbiAgfVxufVxuIl19 */";
+n(css,{});
+
+var ChannelSelectOption = function ChannelSelectOption(_ref) {
+  var label = _ref.label,
+    isPrivate = _ref.isPrivate;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex items-center justify-between",
+    children: [/*#__PURE__*/jsx("span", {
+      children: label
+    }), /*#__PURE__*/jsx(Typography, {
+      className: "neeto-ui-text-gray-500 italic",
+      style: "body3",
+      children: isPrivate ? "private" : ""
+    })]
+  });
+};
+
+var SlackRefreshChannelListButton = withT(function (_ref) {
+  var t = _ref.t,
+    channelRefreshHandler = _ref.channelRefreshHandler,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "pl-1" : _ref$className;
+  return /*#__PURE__*/jsx("div", {
+    className: "relative top-0 flex justify-center",
+    children: /*#__PURE__*/jsx(Button, {
+      className: className,
+      label: t("neetoSlack.slack.channelListRefreshButton"),
+      style: "link",
+      onClick: function onClick() {
+        return slackChannelRefresh(channelRefreshHandler);
+      }
+    })
+  });
+});
+var SlackRefreshChannelListButton$1 = /*#__PURE__*/memo(SlackRefreshChannelListButton);
+
+export { ChannelSelectOption as C, SlackRefreshChannelListButton$1 as S, buildValidationSchema as b, toSlackUrl as t };
+//# sourceMappingURL=SlackRefreshChannelListButton-95756902.js.map

package/dist/SlackRefreshChannelListButton-95756902.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackRefreshChannelListButton-95756902.js","sources":["../app/javascript/src/components/constants.js","../app/javascript/src/components/utils.js","../app/javascript/src/components/common/ChannelSelectOption.jsx","../app/javascript/src/components/common/SlackRefreshChannelListButton.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const CHANNEL_NAME_VALIDAITON_SCHEMA = {\n  selectedChannel: yup\n    .object()\n    .shape({\n      label: yup.mixed().nullable(),\n      value: yup.string().required(\n        t(\"neetoSlack.common.required\", {\n          entity: t(\"neetoSlack.slack.channelName\"),\n        })\n      ),\n    })\n    .required()\n    .nullable(),\n};\n","import { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\nimport * as yup from \"yup\";\n\nimport { CHANNEL_NAME_VALIDAITON_SCHEMA } from \"./constants\";\n\nexport const buildValidationSchema = customValidationSchema =>\n  yup.object().shape({\n    ...customValidationSchema,\n    ...CHANNEL_NAME_VALIDAITON_SCHEMA,\n  });\n\nexport const toSlackUrl = teamName =>\n  `https://${teamName?.replace(/\\s/g, \"\").toLowerCase()}.slack.com`;\n\nexport const slackChannelRefresh = channelRefreshHandler => {\n  channelRefreshHandler();\n  Toastr.success(t(\"neetoSlack.slack.channelListRefreshToastr\"));\n};\n","import { Typography } from \"neetoui\";\n\nconst ChannelSelectOption = ({ label, isPrivate }) => (\n  <div className=\"flex items-center justify-between\">\n    <span>{label}</span>\n    <Typography className=\"neeto-ui-text-gray-500 italic\" style=\"body3\">\n      {isPrivate ? \"private\" : \"\"}\n    </Typography>\n  </div>\n);\n\nexport default ChannelSelectOption;\n","import { memo } from \"react\";\n\nimport { withT } from \"neetocommons/react-utils\";\nimport { Button } from \"neetoui\";\n\nimport { slackChannelRefresh } from \"components/utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"pl-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        style=\"link\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","ChannelSelectOption","_ref","isPrivate","_jsxs","className","children","_jsx","Typography","style","SlackRefreshChannelListButton","withT","_ref$className","Button","onClick","memo"],"mappings":"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"}

package/dist/cjs/Configure.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var classNames = require('classnames');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Button = require('@bigbinary/neetoui/Button');
+var Select = require('@bigbinary/neetoui/formik/Select');
+var NeetoUIForm = require('@bigbinary/neetoui/formik/Form');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var SlackRefreshChannelListButton = require('../SlackRefreshChannelListButton-84bf0344.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('../inject-css-80a5faa3.js');
+require('react');
+require('../defineProperty-f3094d6c.js');
+require('i18next');
+require('@bigbinary/neetoui/Toastr');
+require('yup');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+var NeetoUIForm__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIForm);
+
+var Configure = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    _children = _ref.children,
+    teamName = _ref.teamName,
+    _ref$slackUrl = _ref.slackUrl,
+    slackUrl = _ref$slackUrl === void 0 ? "" : _ref$slackUrl,
+    initialFormValues = _ref.initialFormValues,
+    handleSubmit = _ref.handleSubmit,
+    isSubmitting = _ref.isSubmitting,
+    className = _ref.className,
+    validationSchema = _ref.validationSchema,
+    channelRefreshHandler = _ref.channelRefreshHandler,
+    _ref$channelSelectLab = _ref.channelSelectLabel,
+    channelSelectLabel = _ref$channelSelectLab === void 0 ? "" : _ref$channelSelectLab;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-lg", className),
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-ui-mb-6 neeto-ui-w-full",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h3",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: "neetoSlack.slack.configure.title",
+          values: {
+            teamName: teamName
+          },
+          components: {
+            a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              className: "neeto-ui-text-xl",
+              href: ramda.isEmpty(slackUrl) ? SlackRefreshChannelListButton.toSlackUrl(teamName) : slackUrl,
+              style: "link"
+            })
+          }
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm__default["default"], {
+      className: "neeto-ui-w-full max-w-md",
+      formikProps: {
+        enableReinitialize: true,
+        initialValues: initialFormValues,
+        onSubmit: handleSubmit,
+        validationSchema: SlackRefreshChannelListButton.buildValidationSchema(validationSchema)
+      },
+      children: function children(formikProps) {
+        var _formikProps$errors;
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "neeto-ui-mb-4 neeto-ui-w-full",
+            children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+              className: "neeto-ui-text-gray-700 neeto-ui-mb-3",
+              style: "body2",
+              weight: "normal",
+              children: [ramda.isEmpty(channelSelectLabel) ? t("neetoSlack.slack.configure.sendToDescription") : channelSelectLabel, /*#__PURE__*/jsxRuntime.jsx("sup", {
+                children: "*"
+              })]
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "relative flex flex-col items-start gap-y-3",
+              children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+                isSearchable: true,
+                required: true,
+                className: "w-full",
+                error: formikProps === null || formikProps === void 0 || (_formikProps$errors = formikProps.errors) === null || _formikProps$errors === void 0 ? void 0 : _formikProps$errors.selectedChannel,
+                name: "selectedChannel",
+                placeholder: t("neetoSlack.slack.placeholder"),
+                size: "large",
+                options: formikProps.values.channels.map(function (_ref2) {
+                  var label = _ref2.label,
+                    value = _ref2.value,
+                    isPrivate = _ref2.isPrivate;
+                  return {
+                    label: /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton.ChannelSelectOption, {
+                      isPrivate: isPrivate,
+                      label: label
+                    }),
+                    value: value
+                  };
+                })
+              }), /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton.SlackRefreshChannelListButton, {
+                channelRefreshHandler: channelRefreshHandler
+              })]
+            })]
+          }), ramda.is(Function, _children) ? _children(formikProps) : _children, /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            label: t("neetoSlack.common.continue"),
+            loading: isSubmitting,
+            type: "submit"
+          })]
+        });
+      }
+    })]
+  });
+});
+
+module.exports = Configure;
+//# sourceMappingURL=Configure.js.map

package/dist/cjs/Configure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Configure.js","sources":["../../app/javascript/src/components/Steps/Configure.jsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Typography, Button } from \"neetoui\";\nimport { Select, Form } from \"neetoui/formik\";\nimport { is, isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport ChannelSelectOption from \"components/common/ChannelSelectOption\";\nimport SlackRefreshChannelListButton from \"components/common/SlackRefreshChannelListButton\";\nimport { buildValidationSchema, toSlackUrl } from \"components/utils\";\n// eslint-disable-next-line import/extensions\nimport \"src/stylesheets/base/overrides.scss\";\n\nconst Configure = withT(\n  ({\n    t,\n    children,\n    teamName,\n    slackUrl = \"\",\n    initialFormValues,\n    handleSubmit,\n    isSubmitting,\n    className,\n    validationSchema,\n    channelRefreshHandler,\n    channelSelectLabel = \"\",\n  }) => (\n    <div\n      className={classNames(\n        \"neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-lg\",\n        className\n      )}\n    >\n      <div className=\"neeto-ui-mb-6 neeto-ui-w-full\">\n        <Typography style=\"h3\">\n          <Trans\n            i18nKey=\"neetoSlack.slack.configure.title\"\n            values={{ teamName }}\n            components={{\n              a: (\n                <Button\n                  className=\"neeto-ui-text-xl\"\n                  href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                  style=\"link\"\n                />\n              ),\n            }}\n          />\n        </Typography>\n      </div>\n      <Form\n        className=\"neeto-ui-w-full max-w-md\"\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <>\n            <div className=\"neeto-ui-mb-4 neeto-ui-w-full\">\n              <Typography\n                className=\"neeto-ui-text-gray-700 neeto-ui-mb-3\"\n                style=\"body2\"\n                weight=\"normal\"\n              >\n                {isEmpty(channelSelectLabel)\n                  ? t(\"neetoSlack.slack.configure.sendToDescription\")\n                  : channelSelectLabel}\n                <sup>*</sup>\n              </Typography>\n              <div className=\"relative flex flex-col items-start gap-y-3\">\n                <Select\n                  isSearchable\n                  required\n                  className=\"w-full\"\n                  error={formikProps?.errors?.selectedChannel}\n                  name=\"selectedChannel\"\n                  placeholder={t(\"neetoSlack.slack.placeholder\")}\n                  size=\"large\"\n                  options={formikProps.values.channels.map(\n                    ({ label, value, isPrivate }) => ({\n                      label: <ChannelSelectOption {...{ isPrivate, label }} />,\n                      value,\n                    })\n                  )}\n                />\n                <SlackRefreshChannelListButton {...{ channelRefreshHandler }} />\n              </div>\n            </div>\n            {is(Function, children) ? children(formikProps) : children}\n            <Button\n              label={t(\"neetoSlack.common.continue\")}\n              loading={isSubmitting}\n              type=\"submit\"\n            />\n          </>\n        )}\n      </Form>\n    </div>\n  )\n);\n\nexport default Configure;\n"],"names":["Configure","withT","_ref","t","children","teamName","_ref$slackUrl","slackUrl","initialFormValues","handleSubmit","isSubmitting","className","validationSchema","channelRefreshHandler","_ref$channelSelectLab","channelSelectLabel","_jsxs","classNames","_jsx","Typography","style","Trans","i18nKey","values","components","a","Button","href","isEmpty","toSlackUrl","Form","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_formikProps$errors","_Fragment","weight","Select","isSearchable","required","error","errors","selectedChannel","name","placeholder","size","options","channels","map","_ref2","label","value","isPrivate","ChannelSelectOption","SlackRefreshChannelListButton","is","Function","loading","type"],"mappings":"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"}

package/dist/cjs/Connect.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var SlackIcon = require('@bigbinary/neeto-icons/misc/Slack');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Button = require('@bigbinary/neetoui/Button');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var SlackIcon__default = /*#__PURE__*/_interopDefaultLegacy(SlackIcon);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+
+var Connect = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    handleRedirectToSlack = _ref.handleRedirectToSlack,
+    isAuthorizeUrlFetching = _ref.isAuthorizeUrlFetching;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-ui-w-full mx-auto max-w-lg",
+    children: [/*#__PURE__*/jsxRuntime.jsx(SlackIcon__default["default"], {
+      size: 32
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "neeto-ui-text-gray-800 neeto-ui-mb-0.5 neeto-ui-mt-6",
+      style: "h2",
+      weight: "semibold",
+      children: t("neetoSlack.slack.connect.title")
+    }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      className: "neeto-ui-text-gray-700 neeto-ui-mb-4",
+      style: "body1",
+      weight: "normal",
+      children: t("neetoSlack.slack.connect.description")
+    }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      label: t("neetoSlack.slack.connect.loginButton"),
+      loading: isAuthorizeUrlFetching,
+      onClick: handleRedirectToSlack
+    })]
+  });
+});
+
+module.exports = Connect;
+//# sourceMappingURL=Connect.js.map

package/dist/cjs/Connect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Connect.js","sources":["../../app/javascript/src/components/Steps/Connect.jsx"],"sourcesContent":["import { withT } from \"neetocommons/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport { Typography, Button } from \"neetoui\";\n\nconst Connect = withT(\n  ({ t, handleRedirectToSlack, isAuthorizeUrlFetching }) => (\n    <div className=\"neeto-ui-w-full mx-auto max-w-lg\">\n      <SlackIcon size={32} />\n      <Typography\n        className=\"neeto-ui-text-gray-800 neeto-ui-mb-0.5 neeto-ui-mt-6\"\n        style=\"h2\"\n        weight=\"semibold\"\n      >\n        {t(\"neetoSlack.slack.connect.title\")}\n      </Typography>\n      <Typography\n        className=\"neeto-ui-text-gray-700 neeto-ui-mb-4\"\n        style=\"body1\"\n        weight=\"normal\"\n      >\n        {t(\"neetoSlack.slack.connect.description\")}\n      </Typography>\n      <Button\n        label={t(\"neetoSlack.slack.connect.loginButton\")}\n        loading={isAuthorizeUrlFetching}\n        onClick={handleRedirectToSlack}\n      />\n    </div>\n  )\n);\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","handleRedirectToSlack","isAuthorizeUrlFetching","_jsxs","className","children","_jsx","SlackIcon","size","Typography","style","weight","Button","label","loading","onClick"],"mappings":";;;;;;;;;;;;;;AAIA,IAAMA,OAAO,GAAGC,gBAAK,CACnB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,qBAAqB,GAAAF,IAAA,CAArBE,qBAAqB;IAAEC,sBAAsB,GAAAH,IAAA,CAAtBG,sBAAsB,CAAA;AAAA,EAAA,oBACjDC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,kCAAkC;IAAAC,QAAA,EAAA,cAC/CC,cAAA,CAACC,6BAAS,EAAA;AAACC,MAAAA,IAAI,EAAE,EAAA;AAAG,KAAE,CAAC,eACvBF,cAAA,CAACG,8BAAU,EAAA;AACTL,MAAAA,SAAS,EAAC,sDAAsD;AAChEM,MAAAA,KAAK,EAAC,IAAI;AACVC,MAAAA,MAAM,EAAC,UAAU;MAAAN,QAAA,EAEhBL,CAAC,CAAC,gCAAgC,CAAA;AAAC,KAC1B,CAAC,eACbM,cAAA,CAACG,8BAAU,EAAA;AACTL,MAAAA,SAAS,EAAC,sCAAsC;AAChDM,MAAAA,KAAK,EAAC,OAAO;AACbC,MAAAA,MAAM,EAAC,QAAQ;MAAAN,QAAA,EAEdL,CAAC,CAAC,sCAAsC,CAAA;AAAC,KAChC,CAAC,eACbM,cAAA,CAACM,0BAAM,EAAA;AACLC,MAAAA,KAAK,EAAEb,CAAC,CAAC,sCAAsC,CAAE;AACjDc,MAAAA,OAAO,EAAEZ,sBAAuB;AAChCa,MAAAA,OAAO,EAAEd,qBAAAA;AAAsB,KAChC,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAAA,CAEV;;;;"}