@bigbinary/neeto-slack-frontend 4.0.8 → 4.0.10

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-05-05T03:21:11.452Z
+Built at 2026-06-19T14:58:31.970Z

package/dist/{Field-Dby9-Rz0.js → Field-BhtZ8ekU.js}

@@ -11,12 +11,12 @@ var Field = function Field(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "mb-3 w-full ".concat(className),
     children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-      className: "mb-1 text-foreground",
-      variant: "h5",
+      className: "mb-1",
+      variant: "body3",
       weight: "semibold",
       children: name
     }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-      className: "text-muted-foreground",
+      color: "muted",
       variant: "body2",
       weight: "normal",
       children: value
@@ -25,4 +25,4 @@ var Field = function Field(_ref) {
 };
 
 exports.Field = Field;
-//# sourceMappingURL=Field-Dby9-Rz0.js.map
+//# sourceMappingURL=Field-BhtZ8ekU.js.map

package/dist/Field-BhtZ8ekU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field-BhtZ8ekU.js","sources":["../app/javascript/src/v2/components/common/Field.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\n\nconst Field = ({ name, value, className = \"\" }) => (\n  <div className={`mb-3 w-full ${className}`}>\n    <Typography className=\"mb-1\" variant=\"body3\" weight=\"semibold\">\n      {name}\n    </Typography>\n    <Typography color=\"muted\" variant=\"body2\" weight=\"normal\">\n      {value}\n    </Typography>\n  </div>\n);\n\nexport default Field;\n"],"names":["Field","_ref","name","value","_ref$className","className","_jsxs","concat","children","_jsx","Typography","variant","weight","color"],"mappings":";;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAA,EAAA,oBAC1CE,eAAA,CAAA,KAAA,EAAA;AAAKD,IAAAA,SAAS,EAAA,cAAA,CAAAE,MAAA,CAAiBF,SAAS,CAAG;IAAAG,QAAA,EAAA,cACzCC,cAAA,CAACC,qBAAU,EAAA;AAACL,MAAAA,SAAS,EAAC,MAAM;AAACM,MAAAA,OAAO,EAAC,OAAO;AAACC,MAAAA,MAAM,EAAC,UAAU;AAAAJ,MAAAA,QAAA,EAC3DN;AAAI,KACK,CAAC,eACbO,cAAA,CAACC,qBAAU,EAAA;AAACG,MAAAA,KAAK,EAAC,OAAO;AAACF,MAAAA,OAAO,EAAC,OAAO;AAACC,MAAAA,MAAM,EAAC,QAAQ;AAAAJ,MAAAA,QAAA,EACtDL;AAAK,KACI,CAAC;AAAA,GACV,CAAC;AAAA;;;;"}

package/dist/{Field-BMTvzsG8.js → Field-BwJtG2pD.js}

@@ -9,12 +9,12 @@ var Field = function Field(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: "mb-3 w-full ".concat(className),
     children: [/*#__PURE__*/jsx(Typography, {
-      className: "mb-1 text-foreground",
-      variant: "h5",
+      className: "mb-1",
+      variant: "body3",
       weight: "semibold",
       children: name
     }), /*#__PURE__*/jsx(Typography, {
-      className: "text-muted-foreground",
+      color: "muted",
       variant: "body2",
       weight: "normal",
       children: value
@@ -23,4 +23,4 @@ var Field = function Field(_ref) {
 };
 
 export { Field as F };
-//# sourceMappingURL=Field-BMTvzsG8.js.map
+//# sourceMappingURL=Field-BwJtG2pD.js.map

package/dist/Field-BwJtG2pD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field-BwJtG2pD.js","sources":["../app/javascript/src/v2/components/common/Field.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\n\nconst Field = ({ name, value, className = \"\" }) => (\n  <div className={`mb-3 w-full ${className}`}>\n    <Typography className=\"mb-1\" variant=\"body3\" weight=\"semibold\">\n      {name}\n    </Typography>\n    <Typography color=\"muted\" variant=\"body2\" weight=\"normal\">\n      {value}\n    </Typography>\n  </div>\n);\n\nexport default Field;\n"],"names":["Field","_ref","name","value","_ref$className","className","_jsxs","concat","children","_jsx","Typography","variant","weight","color"],"mappings":";;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAA,EAAA,oBAC1CE,IAAA,CAAA,KAAA,EAAA;AAAKD,IAAAA,SAAS,EAAA,cAAA,CAAAE,MAAA,CAAiBF,SAAS,CAAG;IAAAG,QAAA,EAAA,cACzCC,GAAA,CAACC,UAAU,EAAA;AAACL,MAAAA,SAAS,EAAC,MAAM;AAACM,MAAAA,OAAO,EAAC,OAAO;AAACC,MAAAA,MAAM,EAAC,UAAU;AAAAJ,MAAAA,QAAA,EAC3DN;AAAI,KACK,CAAC,eACbO,GAAA,CAACC,UAAU,EAAA;AAACG,MAAAA,KAAK,EAAC,OAAO;AAACF,MAAAA,OAAO,EAAC,OAAO;AAACC,MAAAA,MAAM,EAAC,QAAQ;AAAAJ,MAAAA,QAAA,EACtDL;AAAK,KACI,CAAC;AAAA,GACV,CAAC;AAAA;;;;"}

package/dist/{SlackRefreshChannelListButton-CluJlHz0.js → SlackRefreshChannelListButton-BfKKxet_.js}

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
+var lucideReact = require('lucide-react');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
@@ -73,8 +74,10 @@ var SlackRefreshChannelListButton = reactUtils.withT(function (_ref) {
     children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
       className: className,
       "data-testid": "refresh-channel-button",
+      icon: lucideReact.RefreshCw,
+      iconPosition: "left",
       label: t("neetoSlack.slack.channelListRefreshButton"),
-      variant: "link",
+      variant: "secondary",
       onClick: function onClick() {
         return slackChannelRefresh(channelRefreshHandler);
       }
@@ -87,4 +90,4 @@ exports.SlackRefreshChannelListButton = SlackRefreshChannelListButton$1;
 exports.buildValidationSchema = buildValidationSchema;
 exports.formatChannelOptions = formatChannelOptions;
 exports.toSlackUrl = toSlackUrl;
-//# sourceMappingURL=SlackRefreshChannelListButton-CluJlHz0.js.map
+//# sourceMappingURL=SlackRefreshChannelListButton-BfKKxet_.js.map

package/dist/SlackRefreshChannelListButton-BfKKxet_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackRefreshChannelListButton-BfKKxet_.js","sources":["../app/javascript/src/v2/components/constants.js","../app/javascript/src/v2/components/utils.js","../app/javascript/src/v2/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    .default(undefined)\n    .shape({ label: yup.mixed().nullable(), value: yup.string() })\n    .required(\n      t(\"neetoSlack.common.required\", {\n        entity: t(\"neetoSlack.slack.channelName\"),\n      })\n    )\n    .nullable(),\n};\n","import { Toastr } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\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\nexport const formatChannelOptions = channels =>\n  channels?.map(({ isPrivate, label, ...rest }) => ({\n    // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n    label: isPrivate ? `${label} (private)` : label,\n    ...rest,\n  })) ?? [];\n","import { memo } from \"react\";\n\nimport { Button } from \"@bigbinary/neeto-atoms\";\nimport { RefreshCw } from \"lucide-react\";\nimport { withT } from \"neetocommons/v2/react-utils\";\n\nimport { slackChannelRefresh } from \"../utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"ps-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        data-testid=\"refresh-channel-button\"\n        icon={RefreshCw}\n        iconPosition=\"left\"\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        variant=\"secondary\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","undefined","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","formatChannelOptions","channels","_channels$map","map","_ref","isPrivate","rest","_objectWithoutProperties","_excluded","SlackRefreshChannelListButton","withT","_ref$className","className","_jsx","children","Button","icon","RefreshCw","iconPosition","variant","onClick","memo"],"mappings":"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"}

package/dist/{SlackRefreshChannelListButton-CFhcNDMV.js → SlackRefreshChannelListButton-F5qy7vhf.js}

@@ -1,5 +1,6 @@
 import { memo } from 'react';
 import { Toastr, Button } from '@bigbinary/neeto-atoms';
+import { RefreshCw } from 'lucide-react';
 import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -52,8 +53,10 @@ var SlackRefreshChannelListButton$1 = withT(function (_ref) {
     children: /*#__PURE__*/jsx(Button, {
       className: className,
       "data-testid": "refresh-channel-button",
+      icon: RefreshCw,
+      iconPosition: "left",
       label: t("neetoSlack.slack.channelListRefreshButton"),
-      variant: "link",
+      variant: "secondary",
       onClick: function onClick() {
         return slackChannelRefresh(channelRefreshHandler);
       }
@@ -63,4 +66,4 @@ var SlackRefreshChannelListButton$1 = withT(function (_ref) {
 var SlackRefreshChannelListButton = /*#__PURE__*/memo(SlackRefreshChannelListButton$1);
 
 export { SlackRefreshChannelListButton as S, buildValidationSchema as b, formatChannelOptions as f, toSlackUrl as t };
-//# sourceMappingURL=SlackRefreshChannelListButton-CFhcNDMV.js.map
+//# sourceMappingURL=SlackRefreshChannelListButton-F5qy7vhf.js.map

package/dist/SlackRefreshChannelListButton-F5qy7vhf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlackRefreshChannelListButton-F5qy7vhf.js","sources":["../app/javascript/src/v2/components/constants.js","../app/javascript/src/v2/components/utils.js","../app/javascript/src/v2/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    .default(undefined)\n    .shape({ label: yup.mixed().nullable(), value: yup.string() })\n    .required(\n      t(\"neetoSlack.common.required\", {\n        entity: t(\"neetoSlack.slack.channelName\"),\n      })\n    )\n    .nullable(),\n};\n","import { Toastr } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\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\nexport const formatChannelOptions = channels =>\n  channels?.map(({ isPrivate, label, ...rest }) => ({\n    // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n    label: isPrivate ? `${label} (private)` : label,\n    ...rest,\n  })) ?? [];\n","import { memo } from \"react\";\n\nimport { Button } from \"@bigbinary/neeto-atoms\";\nimport { RefreshCw } from \"lucide-react\";\nimport { withT } from \"neetocommons/v2/react-utils\";\n\nimport { slackChannelRefresh } from \"../utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"ps-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        data-testid=\"refresh-channel-button\"\n        icon={RefreshCw}\n        iconPosition=\"left\"\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        variant=\"secondary\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","undefined","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","formatChannelOptions","channels","_channels$map","map","_ref","isPrivate","rest","_objectWithoutProperties","_excluded","SlackRefreshChannelListButton","withT","_ref$className","className","_jsx","children","Button","icon","RefreshCw","iconPosition","variant","onClick","memo"],"mappings":"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"}

package/dist/cjs/v2/Configure.js

@@ -7,9 +7,10 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var CardLayout = require('@bigbinary/neeto-molecules/v2/CardLayout');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var SlackRefreshChannelListButton = require('../../SlackRefreshChannelListButton-CluJlHz0.js');
+var SlackRefreshChannelListButton = require('../../SlackRefreshChannelListButton-BfKKxet_.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('lucide-react');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/defineProperty');
 require('i18next');
@@ -48,7 +49,7 @@ var Configure = reactUtils.withT(function (_ref) {
           }),
           children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
             className: "mb-3",
-            variant: "h3",
+            variant: "h5",
             children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
               i18nKey: "neetoSlack.slack.configure.title",
               values: {
@@ -66,7 +67,8 @@ var Configure = reactUtils.withT(function (_ref) {
             children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "w-full",
               children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
-                className: "mb-2 text-muted-foreground",
+                className: "mb-2",
+                color: "muted",
                 variant: "body2",
                 weight: "normal",
                 children: [ramda.isEmpty(channelSelectLabel) ? t("neetoSlack.slack.configure.sendToDescription") : channelSelectLabel, /*#__PURE__*/jsxRuntime.jsx("sup", {

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

@@ -1 +1 @@
-{"version":3,"file":"Configure.js","sources":["../../../app/javascript/src/v2/components/Steps/Configure.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { Select, Form } from \"@bigbinary/neeto-atoms/formik\";\nimport classNames from \"classnames\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { is, isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport SlackRefreshChannelListButton from \"../common/SlackRefreshChannelListButton\";\nimport {\n  buildValidationSchema,\n  formatChannelOptions,\n  toSlackUrl,\n} from \"../utils\";\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 className={classNames(\"w-full\", className)}>\n      <Form\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <CardLayout\n            actionBlock={\n              <Button\n                label={t(\"neetoSlack.common.continue\")}\n                loading={isSubmitting}\n                type=\"submit\"\n              />\n            }\n          >\n            <Typography className=\"mb-3\" variant=\"h3\">\n              <Trans\n                i18nKey=\"neetoSlack.slack.configure.title\"\n                values={{ teamName }}\n                components={{\n                  a: (\n                    <a\n                      className=\"text-primary text-xl underline\"\n                      href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n            <div className=\"space-y-4\">\n              <div className=\"w-full\">\n                <Typography\n                  className=\"mb-2 text-muted-foreground\"\n                  variant=\"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                    options={formatChannelOptions(formikProps.values.channels)}\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                    size=\"large\"\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children(formikProps) : children}\n            </div>\n          </CardLayout>\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","_jsx","classNames","Form","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_formikProps$errors","_jsxs","CardLayout","actionBlock","Button","label","loading","type","Typography","variant","Trans","i18nKey","values","components","a","href","isEmpty","toSlackUrl","weight","Select","isSearchable","required","error","errors","selectedChannel","name","options","formatChannelOptions","channels","placeholder","size","SlackRefreshChannelListButton","is","Function"],"mappings":"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"}
+{"version":3,"file":"Configure.js","sources":["../../../app/javascript/src/v2/components/Steps/Configure.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { Select, Form } from \"@bigbinary/neeto-atoms/formik\";\nimport classNames from \"classnames\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { is, isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport SlackRefreshChannelListButton from \"../common/SlackRefreshChannelListButton\";\nimport {\n  buildValidationSchema,\n  formatChannelOptions,\n  toSlackUrl,\n} from \"../utils\";\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 className={classNames(\"w-full\", className)}>\n      <Form\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <CardLayout\n            actionBlock={\n              <Button\n                label={t(\"neetoSlack.common.continue\")}\n                loading={isSubmitting}\n                type=\"submit\"\n              />\n            }\n          >\n            <Typography className=\"mb-3\" variant=\"h5\">\n              <Trans\n                i18nKey=\"neetoSlack.slack.configure.title\"\n                values={{ teamName }}\n                components={{\n                  a: (\n                    <a\n                      className=\"text-primary text-xl underline\"\n                      href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n            <div className=\"space-y-4\">\n              <div className=\"w-full\">\n                <Typography\n                  className=\"mb-2\"\n                  color=\"muted\"\n                  variant=\"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                    options={formatChannelOptions(formikProps.values.channels)}\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                    size=\"large\"\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children(formikProps) : children}\n            </div>\n          </CardLayout>\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","_jsx","classNames","Form","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_formikProps$errors","_jsxs","CardLayout","actionBlock","Button","label","loading","type","Typography","variant","Trans","i18nKey","values","components","a","href","isEmpty","toSlackUrl","color","weight","Select","isSearchable","required","error","errors","selectedChannel","name","options","formatChannelOptions","channels","placeholder","size","SlackRefreshChannelListButton","is","Function"],"mappings":"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"}

package/dist/cjs/v2/Connect.js

@@ -26,17 +26,15 @@ var Connect = reactUtils.withT(function (_ref) {
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "space-y-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          className: "text-foreground",
-          variant: "h2",
+          variant: "h4",
           weight: "semibold",
           children: t("neetoSlack.slack.connect.title")
         }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          className: "text-muted-foreground",
+          color: "muted",
           variant: "body1",
           weight: "normal",
           children: t("neetoSlack.slack.connect.description")
         }), helpDocUrl && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          className: "text-foreground",
           variant: "body2",
           weight: "normal",
           children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {

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

@@ -1 +1 @@
-{"version":3,"file":"Connect.js","sources":["../../../app/javascript/src/v2/components/Steps/Connect.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { Trans } from \"react-i18next\";\n\nconst Connect = withT(\n  ({ t, handleRedirectToSlack, isAuthorizeUrlFetching, helpDocUrl }) => (\n    <CardLayout\n      actionBlock={\n        <Button\n          data-testid=\"slack-connect-login-button\"\n          label={t(\"neetoSlack.slack.connect.loginButton\")}\n          loading={isAuthorizeUrlFetching}\n          onClick={handleRedirectToSlack}\n        />\n      }\n    >\n      <div className=\"space-y-4\">\n        <SlackIcon size={32} />\n        <div className=\"space-y-2\">\n          <Typography\n            className=\"text-foreground\"\n            variant=\"h2\"\n            weight=\"semibold\"\n          >\n            {t(\"neetoSlack.slack.connect.title\")}\n          </Typography>\n          <Typography\n            className=\"text-muted-foreground\"\n            variant=\"body1\"\n            weight=\"normal\"\n          >\n            {t(\"neetoSlack.slack.connect.description\")}\n          </Typography>\n          {helpDocUrl && (\n            <Typography\n              className=\"text-foreground\"\n              variant=\"body2\"\n              weight=\"normal\"\n            >\n              <Trans\n                i18nKey=\"neetoSlack.common.helpDocUrl\"\n                components={{\n                  helpLink: (\n                    <a\n                      className=\"text-primary underline\"\n                      href={helpDocUrl}\n                      rel=\"noopener noreferrer\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n        </div>\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","handleRedirectToSlack","isAuthorizeUrlFetching","helpDocUrl","_jsx","CardLayout","actionBlock","Button","label","loading","onClick","children","_jsxs","className","SlackIcon","size","Typography","variant","weight","Trans","i18nKey","components","helpLink","href","rel","target"],"mappings":";;;;;;;;;AAMA,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;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;EAAA,oBAC7DC,cAAA,CAACC,UAAU,EAAA;IACTC,WAAW,eACTF,cAAA,CAACG,iBAAM,EAAA;AACL,MAAA,aAAA,EAAY,4BAA4B;AACxCC,MAAAA,KAAK,EAAER,CAAC,CAAC,sCAAsC,CAAE;AACjDS,MAAAA,OAAO,EAAEP,sBAAuB;AAChCQ,MAAAA,OAAO,EAAET;AAAsB,KAChC,CACF;AAAAU,IAAAA,QAAA,eAEDC,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;MAAAF,QAAA,EAAA,cACxBP,cAAA,CAACU,SAAS,EAAA;AAACC,QAAAA,IAAI,EAAE;OAAK,CAAC,eACvBH,eAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,WAAW;QAAAF,QAAA,EAAA,cACxBP,cAAA,CAACY,qBAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,iBAAiB;AAC3BI,UAAAA,OAAO,EAAC,IAAI;AACZC,UAAAA,MAAM,EAAC,UAAU;UAAAP,QAAA,EAEhBX,CAAC,CAAC,gCAAgC;AAAC,SAC1B,CAAC,eACbI,cAAA,CAACY,qBAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,uBAAuB;AACjCI,UAAAA,OAAO,EAAC,OAAO;AACfC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,EAEdX,CAAC,CAAC,sCAAsC;AAAC,SAChC,CAAC,EACZG,UAAU,iBACTC,cAAA,CAACY,qBAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,iBAAiB;AAC3BI,UAAAA,OAAO,EAAC,OAAO;AACfC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,eAEfP,cAAA,CAACe,kBAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,8BAA8B;AACtCC,YAAAA,UAAU,EAAE;AACVC,cAAAA,QAAQ,eACNlB,cAAA,CAAA,GAAA,EAAA;AACES,gBAAAA,SAAS,EAAC,wBAAwB;AAClCU,gBAAAA,IAAI,EAAEpB,UAAW;AACjBqB,gBAAAA,GAAG,EAAC,qBAAqB;AACzBC,gBAAAA,MAAM,EAAC;eACR;AAEL;WACD;AAAC,SACQ,CACb;AAAA,OACE,CAAC;KACH;AAAC,GACI,CAAC;AAAA,CAEjB;;;;"}
+{"version":3,"file":"Connect.js","sources":["../../../app/javascript/src/v2/components/Steps/Connect.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { Trans } from \"react-i18next\";\n\nconst Connect = withT(\n  ({ t, handleRedirectToSlack, isAuthorizeUrlFetching, helpDocUrl }) => (\n    <CardLayout\n      actionBlock={\n        <Button\n          data-testid=\"slack-connect-login-button\"\n          label={t(\"neetoSlack.slack.connect.loginButton\")}\n          loading={isAuthorizeUrlFetching}\n          onClick={handleRedirectToSlack}\n        />\n      }\n    >\n      <div className=\"space-y-4\">\n        <SlackIcon size={32} />\n        <div className=\"space-y-2\">\n          <Typography variant=\"h4\" weight=\"semibold\">\n            {t(\"neetoSlack.slack.connect.title\")}\n          </Typography>\n          <Typography color=\"muted\" variant=\"body1\" weight=\"normal\">\n            {t(\"neetoSlack.slack.connect.description\")}\n          </Typography>\n          {helpDocUrl && (\n            <Typography variant=\"body2\" weight=\"normal\">\n              <Trans\n                i18nKey=\"neetoSlack.common.helpDocUrl\"\n                components={{\n                  helpLink: (\n                    <a\n                      className=\"text-primary underline\"\n                      href={helpDocUrl}\n                      rel=\"noopener noreferrer\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n        </div>\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","handleRedirectToSlack","isAuthorizeUrlFetching","helpDocUrl","_jsx","CardLayout","actionBlock","Button","label","loading","onClick","children","_jsxs","className","SlackIcon","size","Typography","variant","weight","color","Trans","i18nKey","components","helpLink","href","rel","target"],"mappings":";;;;;;;;;AAMA,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;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;EAAA,oBAC7DC,cAAA,CAACC,UAAU,EAAA;IACTC,WAAW,eACTF,cAAA,CAACG,iBAAM,EAAA;AACL,MAAA,aAAA,EAAY,4BAA4B;AACxCC,MAAAA,KAAK,EAAER,CAAC,CAAC,sCAAsC,CAAE;AACjDS,MAAAA,OAAO,EAAEP,sBAAuB;AAChCQ,MAAAA,OAAO,EAAET;AAAsB,KAChC,CACF;AAAAU,IAAAA,QAAA,eAEDC,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;MAAAF,QAAA,EAAA,cACxBP,cAAA,CAACU,SAAS,EAAA;AAACC,QAAAA,IAAI,EAAE;OAAK,CAAC,eACvBH,eAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,WAAW;QAAAF,QAAA,EAAA,cACxBP,cAAA,CAACY,qBAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,IAAI;AAACC,UAAAA,MAAM,EAAC,UAAU;UAAAP,QAAA,EACvCX,CAAC,CAAC,gCAAgC;AAAC,SAC1B,CAAC,eACbI,cAAA,CAACY,qBAAU,EAAA;AAACG,UAAAA,KAAK,EAAC,OAAO;AAACF,UAAAA,OAAO,EAAC,OAAO;AAACC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,EACtDX,CAAC,CAAC,sCAAsC;AAAC,SAChC,CAAC,EACZG,UAAU,iBACTC,cAAA,CAACY,qBAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,OAAO;AAACC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,eACzCP,cAAA,CAACgB,kBAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,8BAA8B;AACtCC,YAAAA,UAAU,EAAE;AACVC,cAAAA,QAAQ,eACNnB,cAAA,CAAA,GAAA,EAAA;AACES,gBAAAA,SAAS,EAAC,wBAAwB;AAClCW,gBAAAA,IAAI,EAAErB,UAAW;AACjBsB,gBAAAA,GAAG,EAAC,qBAAqB;AACzBC,gBAAAA,MAAM,EAAC;eACR;AAEL;WACD;AAAC,SACQ,CACb;AAAA,OACE,CAAC;KACH;AAAC,GACI,CAAC;AAAA,CAEjB;;;;"}

package/dist/cjs/v2/Finish.js

@@ -8,7 +8,7 @@ var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var CardLayout = require('@bigbinary/neeto-molecules/v2/CardLayout');
 var reactI18next = require('react-i18next');
 var success = require('../../success-CsNvTPBG.js');
-var Field = require('../../Field-Dby9-Rz0.js');
+var Field = require('../../Field-BhtZ8ekU.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 
@@ -46,8 +46,7 @@ var Finish = reactUtils.withT(function (_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "space-y-4",
         children: [/*#__PURE__*/jsxRuntime.jsx(success.SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          className: "text-foreground",
-          variant: "h3",
+          variant: "h5",
           weight: "bold",
           children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
             i18nKey: "neetoSlack.slack.finish.title",

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

@@ -1 +1 @@
-{"version":3,"file":"Finish.js","sources":["../../../app/javascript/src/v2/components/Steps/Finish.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport classNames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { Trans } from \"react-i18next\";\n\nimport SuccessIcon from \"assets/images/success\";\n\nimport Field from \"../common/Field\";\n\nconst Finish = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    fields = [],\n    onSuccess = noop,\n    onBack = noop,\n    buttonProps = {},\n    secondaryButtonProps = {},\n  }) => (\n    <CardLayout\n      actionBlock={\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            label={t(\"neetoSlack.common.done\")}\n            onClick={onSuccess}\n            {...buttonProps}\n          />\n          {isNotEmpty(secondaryButtonProps) && (\n            <Button\n              label={t(\"neetoSlack.common.edit\")}\n              variant=\"secondary\"\n              onClick={onBack}\n              {...secondaryButtonProps}\n            />\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <div className=\"space-y-4\">\n          <SuccessIcon />\n          <Typography className=\"text-foreground\" variant=\"h3\" weight=\"bold\">\n            <Trans\n              i18nKey=\"neetoSlack.slack.finish.title\"\n              values={{ teamName }}\n            />\n          </Typography>\n        </div>\n        {isNotEmpty(fields) &&\n          fields.map((field, index) => (\n            <Field\n              key={field.name}\n              name={field.name}\n              value={field.value}\n              className={classNames(\"border-border pt-3\", {\n                \"border-t\": index !== 0,\n              })}\n            />\n          ))}\n        {children}\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Finish;\n"],"names":["Finish","withT","_ref","t","children","_ref$teamName","teamName","_ref$fields","fields","_ref$onSuccess","onSuccess","noop","_ref$onBack","onBack","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_jsx","CardLayout","actionBlock","_jsxs","className","Button","_objectSpread","label","onClick","isNotEmpty","variant","SuccessIcon","Typography","weight","Trans","i18nKey","values","map","field","index","Field","name","value","classNames"],"mappings":"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"}
+{"version":3,"file":"Finish.js","sources":["../../../app/javascript/src/v2/components/Steps/Finish.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport classNames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { Trans } from \"react-i18next\";\n\nimport SuccessIcon from \"assets/images/success\";\n\nimport Field from \"../common/Field\";\n\nconst Finish = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    fields = [],\n    onSuccess = noop,\n    onBack = noop,\n    buttonProps = {},\n    secondaryButtonProps = {},\n  }) => (\n    <CardLayout\n      actionBlock={\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            label={t(\"neetoSlack.common.done\")}\n            onClick={onSuccess}\n            {...buttonProps}\n          />\n          {isNotEmpty(secondaryButtonProps) && (\n            <Button\n              label={t(\"neetoSlack.common.edit\")}\n              variant=\"secondary\"\n              onClick={onBack}\n              {...secondaryButtonProps}\n            />\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <div className=\"space-y-4\">\n          <SuccessIcon />\n          <Typography variant=\"h5\" weight=\"bold\">\n            <Trans\n              i18nKey=\"neetoSlack.slack.finish.title\"\n              values={{ teamName }}\n            />\n          </Typography>\n        </div>\n        {isNotEmpty(fields) &&\n          fields.map((field, index) => (\n            <Field\n              key={field.name}\n              name={field.name}\n              value={field.value}\n              className={classNames(\"border-border pt-3\", {\n                \"border-t\": index !== 0,\n              })}\n            />\n          ))}\n        {children}\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Finish;\n"],"names":["Finish","withT","_ref","t","children","_ref$teamName","teamName","_ref$fields","fields","_ref$onSuccess","onSuccess","noop","_ref$onBack","onBack","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_jsx","CardLayout","actionBlock","_jsxs","className","Button","_objectSpread","label","onClick","isNotEmpty","variant","SuccessIcon","Typography","weight","Trans","i18nKey","values","map","field","index","Field","name","value","classNames"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAMA,MAAM,GAAGC,gBAAK,CAClB,UAAAC,IAAA,EAAA;AAAA,EAAA,IACEC,CAAC,GAAAD,IAAA,CAADC,CAAC;IACDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CACRI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IAAAE,WAAA,GAAAL,IAAA,CACbM,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,WAAA;IAAAE,cAAA,GAAAP,IAAA,CACXQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAGE,cAAI,GAAAF,cAAA;IAAAG,WAAA,GAAAV,IAAA,CAChBW,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGD,cAAI,GAAAC,WAAA;IAAAE,gBAAA,GAAAZ,IAAA,CACba,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,gBAAA;IAAAE,qBAAA,GAAAd,IAAA,CAChBe,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;EAAA,oBAEzBE,cAAA,CAACC,UAAU,EAAA;AACTC,IAAAA,WAAW,eACTC,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,sBAAsB;AAAAlB,MAAAA,QAAA,EAAA,cACnCc,cAAA,CAACK,iBAAM,EAAAC,aAAA,CAAA;AACLC,QAAAA,KAAK,EAAEtB,CAAC,CAAC,wBAAwB,CAAE;AACnCuB,QAAAA,OAAO,EAAEhB;AAAU,OAAA,EACfK,WAAW,CAChB,CAAC,EACDY,oBAAU,CAACV,oBAAoB,CAAC,iBAC/BC,cAAA,CAACK,iBAAM,EAAAC,aAAA,CAAA;AACLC,QAAAA,KAAK,EAAEtB,CAAC,CAAC,wBAAwB,CAAE;AACnCyB,QAAAA,OAAO,EAAC,WAAW;AACnBF,QAAAA,OAAO,EAAEb;OAAO,EACZI,oBAAoB,CACzB,CACF;AAAA,KACE,CACN;AAAAb,IAAAA,QAAA,eAEDiB,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;AAAAlB,MAAAA,QAAA,gBACxBiB,eAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,WAAW;QAAAlB,QAAA,EAAA,cACxBc,cAAA,CAACW,kBAAW,IAAE,CAAC,eACfX,cAAA,CAACY,qBAAU,EAAA;AAACF,UAAAA,OAAO,EAAC,IAAI;AAACG,UAAAA,MAAM,EAAC,MAAM;UAAA3B,QAAA,eACpCc,cAAA,CAACc,kBAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,+BAA+B;AACvCC,YAAAA,MAAM,EAAE;AAAE5B,cAAAA,QAAQ,EAARA;AAAS;WACpB;AAAC,SACQ,CAAC;AAAA,OACV,CAAC,EACLqB,oBAAU,CAACnB,MAAM,CAAC,IACjBA,MAAM,CAAC2B,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAA;QAAA,oBACtBnB,cAAA,CAACoB,WAAK,EAAA;UAEJC,IAAI,EAAEH,KAAK,CAACG,IAAK;UACjBC,KAAK,EAAEJ,KAAK,CAACI,KAAM;AACnBlB,UAAAA,SAAS,EAAEmB,UAAU,CAAC,oBAAoB,EAAE;YAC1C,UAAU,EAAEJ,KAAK,KAAK;WACvB;SAAE,EALED,KAAK,CAACG,IAMZ,CAAC;MAAA,CACH,CAAC,EACHnC,QAAQ;KACN;AAAC,GACI,CAAC;AAAA,CAEjB;;;;"}

package/dist/cjs/v2/Settings.js

@@ -10,9 +10,9 @@ var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var formik = require('@bigbinary/neeto-atoms/formik');
-var SlackRefreshChannelListButton = require('../../SlackRefreshChannelListButton-CluJlHz0.js');
+var SlackRefreshChannelListButton = require('../../SlackRefreshChannelListButton-BfKKxet_.js');
 var jsxRuntime = require('react/jsx-runtime');
-var Field = require('../../Field-Dby9-Rz0.js');
+var Field = require('../../Field-BhtZ8ekU.js');
 require('react');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('i18next');
@@ -47,16 +47,15 @@ var EditPane = function EditPane(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet, _objectSpread(_objectSpread({
     onClose: onClose,
-    isOpen: isPaneOpen
+    isOpen: isPaneOpen,
+    size: "large"
   }, paneProps), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Header, {
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        variant: "h2",
-        weight: "semibold",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
         children: ramda.isEmpty(title) ? t("neetoSlack.slack.editPane") : title
       })
     }), /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
-      className: "w-full",
+      className: "flex min-h-0 w-full flex-1 flex-col gap-4",
       formikProps: {
         enableReinitialize: true,
         initialValues: initialFormValues,
@@ -67,16 +66,11 @@ var EditPane = function EditPane(_ref) {
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet.Body, {
             children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: "mb-4 w-full",
+              className: "mb-6 w-full",
               children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Label, {
-                children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
-                  className: "mb-2 text-muted-foreground",
-                  variant: "body2",
-                  weight: "bold",
-                  children: [t("neetoSlack.slack.configure.sendToDescription"), /*#__PURE__*/jsxRuntime.jsx("sup", {
-                    children: "*"
-                  })]
-                })
+                required: true,
+                className: "mb-2",
+                children: t("neetoSlack.slack.configure.sendToDescription")
               }), /*#__PURE__*/jsxRuntime.jsxs("div", {
                 className: "relative flex flex-col items-start gap-y-3",
                 children: [/*#__PURE__*/jsxRuntime.jsx(formik.Select, {
@@ -85,8 +79,7 @@ var EditPane = function EditPane(_ref) {
                   className: "w-full",
                   name: "selectedChannel",
                   options: SlackRefreshChannelListButton.formatChannelOptions(formikProps.values.channels),
-                  placeholder: t("neetoSlack.slack.placeholder"),
-                  size: "large"
+                  placeholder: t("neetoSlack.slack.placeholder")
                 }), /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton.SlackRefreshChannelListButton, {
                   channelRefreshHandler: channelRefreshHandler
                 })]
@@ -130,7 +123,7 @@ var Settings = reactUtils.withT(function (_ref) {
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center space-x-4",
         children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          variant: "h2",
+          variant: "h4",
           children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
             i18nKey: "neetoSlack.slack.settings.title",
             values: {
@@ -144,7 +137,7 @@ var Settings = reactUtils.withT(function (_ref) {
             }
           })
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "flex items-center justify-center rounded-full bg-green-500 p-1 text-white",
+          className: "bg-success-solid text-success-solid-foreground flex items-center justify-center rounded-full p-1",
           children: /*#__PURE__*/jsxRuntime.jsx(lucideReact.Check, {
             size: 24
           })

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

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../app/javascript/src/v2/components/Settings/EditPane.jsx","../../../app/javascript/src/v2/components/Settings/index.jsx"],"sourcesContent":["import { Typography, Sheet, Label } from \"@bigbinary/neeto-atoms\";\nimport {\n  Select,\n  Form as NeetoUIForm,\n  ActionBlock,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { noop } from \"neetocist\";\nimport { is, isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SlackRefreshChannelListButton from \"../common/SlackRefreshChannelListButton\";\nimport { buildValidationSchema, formatChannelOptions } from \"../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    <Sheet {...{ onClose }} isOpen={isPaneOpen} {...paneProps}>\n      <Sheet.Header>\n        <Typography variant=\"h2\" weight=\"semibold\">\n          {isEmpty(title) ? t(\"neetoSlack.slack.editPane\") : title}\n        </Typography>\n      </Sheet.Header>\n      <NeetoUIForm\n        className=\"w-full\"\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleFormSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <>\n            <Sheet.Body>\n              <div className=\"mb-4 w-full\">\n                <Label>\n                  <Typography\n                    className=\"mb-2 text-muted-foreground\"\n                    variant=\"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                    name=\"selectedChannel\"\n                    options={formatChannelOptions(formikProps.values.channels)}\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                    size=\"large\"\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children({ ...formikProps }) : children}\n            </Sheet.Body>\n            <Sheet.Footer>\n              <ActionBlock\n                cancelButtonProps={{ onClick: onClose }}\n                isSubmitting={isSubmitting || formikProps.isSubmitting}\n              />\n            </Sheet.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </Sheet>\n  );\n};\n\nexport default EditPane;\n","import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { Check } from \"lucide-react\";\nimport { noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport EditPane from \"./EditPane\";\n\nimport Field from \"../common/Field\";\nimport { toSlackUrl } from \"../utils\";\n\nconst Settings = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    slackUrl = \"\",\n    fields = [],\n    onEdit = noop,\n  }) => (\n    <CardLayout\n      actionBlock={\n        <Button label={t(\"neetoSlack.common.edit\")} onClick={onEdit} />\n      }\n    >\n      <div className=\"space-y-4\">\n        <SlackIcon className=\"text-muted-foreground\" size={48} />\n        <div className=\"flex items-center space-x-4\">\n          <Typography variant=\"h2\">\n            <Trans\n              i18nKey=\"neetoSlack.slack.settings.title\"\n              values={{ teamName }}\n              components={{\n                a: (\n                  <a\n                    className=\"text-primary text-2xl underline\"\n                    href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                  />\n                ),\n              }}\n            />\n          </Typography>\n          {/* eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes */}\n          <div className=\"flex items-center justify-center rounded-full bg-green-500 p-1 text-white\">\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    </CardLayout>\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","Sheet","_objectSpread","isOpen","_jsx","Header","Typography","variant","weight","isEmpty","NeetoUIForm","className","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_Fragment","Body","Label","Select","isSearchable","required","name","options","formatChannelOptions","channels","placeholder","size","SlackRefreshChannelListButton","is","Function","Footer","ActionBlock","cancelButtonProps","onClick","Settings","withT","_ref$teamName","teamName","_ref$slackUrl","slackUrl","_ref$fields","fields","_ref$onEdit","onEdit","CardLayout","actionBlock","Button","label","SlackIcon","Trans","i18nKey","components","a","href","toSlackUrl","Check","map","field","Field","value"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../../app/javascript/src/v2/components/Settings/EditPane.jsx","../../../app/javascript/src/v2/components/Settings/index.jsx"],"sourcesContent":["import { Sheet, Label } from \"@bigbinary/neeto-atoms\";\nimport {\n  Select,\n  Form as NeetoUIForm,\n  ActionBlock,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { noop } from \"neetocist\";\nimport { is, isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SlackRefreshChannelListButton from \"../common/SlackRefreshChannelListButton\";\nimport { buildValidationSchema, formatChannelOptions } from \"../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    <Sheet {...{ onClose }} isOpen={isPaneOpen} size=\"large\" {...paneProps}>\n      <Sheet.Header>\n        <Sheet.Title>\n          {isEmpty(title) ? t(\"neetoSlack.slack.editPane\") : title}\n        </Sheet.Title>\n      </Sheet.Header>\n      <NeetoUIForm\n        className=\"flex min-h-0 w-full flex-1 flex-col gap-4\"\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleFormSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <>\n            <Sheet.Body>\n              <div className=\"mb-6 w-full\">\n                <Label required className=\"mb-2\">\n                  {t(\"neetoSlack.slack.configure.sendToDescription\")}\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                    name=\"selectedChannel\"\n                    options={formatChannelOptions(formikProps.values.channels)}\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children({ ...formikProps }) : children}\n            </Sheet.Body>\n            <Sheet.Footer>\n              <ActionBlock\n                cancelButtonProps={{ onClick: onClose }}\n                isSubmitting={isSubmitting || formikProps.isSubmitting}\n              />\n            </Sheet.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </Sheet>\n  );\n};\n\nexport default EditPane;\n","import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { Check } from \"lucide-react\";\nimport { noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport EditPane from \"./EditPane\";\n\nimport Field from \"../common/Field\";\nimport { toSlackUrl } from \"../utils\";\n\nconst Settings = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    slackUrl = \"\",\n    fields = [],\n    onEdit = noop,\n  }) => (\n    <CardLayout\n      actionBlock={\n        <Button label={t(\"neetoSlack.common.edit\")} onClick={onEdit} />\n      }\n    >\n      <div className=\"space-y-4\">\n        <SlackIcon className=\"text-muted-foreground\" size={48} />\n        <div className=\"flex items-center space-x-4\">\n          <Typography variant=\"h4\">\n            <Trans\n              i18nKey=\"neetoSlack.slack.settings.title\"\n              values={{ teamName }}\n              components={{\n                a: (\n                  <a\n                    className=\"text-primary text-2xl underline\"\n                    href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                  />\n                ),\n              }}\n            />\n          </Typography>\n          {/* eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes */}\n          <div className=\"bg-success-solid text-success-solid-foreground flex items-center justify-center rounded-full 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    </CardLayout>\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","Sheet","_objectSpread","isOpen","size","_jsx","Header","Title","isEmpty","NeetoUIForm","className","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_Fragment","Body","Label","required","Select","isSearchable","name","options","formatChannelOptions","channels","placeholder","SlackRefreshChannelListButton","is","Function","Footer","ActionBlock","cancelButtonProps","onClick","Settings","withT","_ref$teamName","teamName","_ref$slackUrl","slackUrl","_ref$fields","fields","_ref$onEdit","onEdit","CardLayout","actionBlock","Button","label","SlackIcon","Typography","variant","Trans","i18nKey","components","a","href","toSlackUrl","Check","map","field","Field","value"],"mappings":"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"}

package/dist/cjs/v2/index.js

@@ -18,12 +18,12 @@ require('@bigbinary/neeto-molecules/v2/CardLayout');
 require('ramda');
 require('react-i18next');
 require('@bigbinary/neeto-atoms/formik');
-require('../../SlackRefreshChannelListButton-CluJlHz0.js');
+require('../../SlackRefreshChannelListButton-BfKKxet_.js');
 require('react');
 require('i18next');
 require('yup');
 require('react/jsx-runtime');
-require('../../Field-Dby9-Rz0.js');
+require('../../Field-BhtZ8ekU.js');
 require('classnames');
 require('../../success-CsNvTPBG.js');
 

package/dist/v2/Configure.js

@@ -5,9 +5,10 @@ import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import CardLayout from '@bigbinary/neeto-molecules/v2/CardLayout';
 import { isEmpty, is } from 'ramda';
 import { Trans } from 'react-i18next';
-import { t as toSlackUrl, f as formatChannelOptions, S as SlackRefreshChannelListButton, b as buildValidationSchema } from '../SlackRefreshChannelListButton-CFhcNDMV.js';
+import { t as toSlackUrl, f as formatChannelOptions, S as SlackRefreshChannelListButton, b as buildValidationSchema } from '../SlackRefreshChannelListButton-F5qy7vhf.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
+import 'lucide-react';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@babel/runtime/helpers/defineProperty';
 import 'i18next';
@@ -46,7 +47,7 @@ var Configure = withT(function (_ref) {
           }),
           children: [/*#__PURE__*/jsx(Typography, {
             className: "mb-3",
-            variant: "h3",
+            variant: "h5",
             children: /*#__PURE__*/jsx(Trans, {
               i18nKey: "neetoSlack.slack.configure.title",
               values: {
@@ -64,7 +65,8 @@ var Configure = withT(function (_ref) {
             children: [/*#__PURE__*/jsxs("div", {
               className: "w-full",
               children: [/*#__PURE__*/jsxs(Typography, {
-                className: "mb-2 text-muted-foreground",
+                className: "mb-2",
+                color: "muted",
                 variant: "body2",
                 weight: "normal",
                 children: [isEmpty(channelSelectLabel) ? t("neetoSlack.slack.configure.sendToDescription") : channelSelectLabel, /*#__PURE__*/jsx("sup", {

package/dist/v2/Configure.js.map

@@ -1 +1 @@
-{"version":3,"file":"Configure.js","sources":["../../app/javascript/src/v2/components/Steps/Configure.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { Select, Form } from \"@bigbinary/neeto-atoms/formik\";\nimport classNames from \"classnames\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { is, isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport SlackRefreshChannelListButton from \"../common/SlackRefreshChannelListButton\";\nimport {\n  buildValidationSchema,\n  formatChannelOptions,\n  toSlackUrl,\n} from \"../utils\";\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 className={classNames(\"w-full\", className)}>\n      <Form\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <CardLayout\n            actionBlock={\n              <Button\n                label={t(\"neetoSlack.common.continue\")}\n                loading={isSubmitting}\n                type=\"submit\"\n              />\n            }\n          >\n            <Typography className=\"mb-3\" variant=\"h3\">\n              <Trans\n                i18nKey=\"neetoSlack.slack.configure.title\"\n                values={{ teamName }}\n                components={{\n                  a: (\n                    <a\n                      className=\"text-primary text-xl underline\"\n                      href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n            <div className=\"space-y-4\">\n              <div className=\"w-full\">\n                <Typography\n                  className=\"mb-2 text-muted-foreground\"\n                  variant=\"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                    options={formatChannelOptions(formikProps.values.channels)}\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                    size=\"large\"\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children(formikProps) : children}\n            </div>\n          </CardLayout>\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","_jsx","classNames","Form","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_formikProps$errors","_jsxs","CardLayout","actionBlock","Button","label","loading","type","Typography","variant","Trans","i18nKey","values","components","a","href","isEmpty","toSlackUrl","weight","Select","isSearchable","required","error","errors","selectedChannel","name","options","formatChannelOptions","channels","placeholder","size","SlackRefreshChannelListButton","is","Function"],"mappings":"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"}
+{"version":3,"file":"Configure.js","sources":["../../app/javascript/src/v2/components/Steps/Configure.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { Select, Form } from \"@bigbinary/neeto-atoms/formik\";\nimport classNames from \"classnames\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { is, isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport SlackRefreshChannelListButton from \"../common/SlackRefreshChannelListButton\";\nimport {\n  buildValidationSchema,\n  formatChannelOptions,\n  toSlackUrl,\n} from \"../utils\";\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 className={classNames(\"w-full\", className)}>\n      <Form\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <CardLayout\n            actionBlock={\n              <Button\n                label={t(\"neetoSlack.common.continue\")}\n                loading={isSubmitting}\n                type=\"submit\"\n              />\n            }\n          >\n            <Typography className=\"mb-3\" variant=\"h5\">\n              <Trans\n                i18nKey=\"neetoSlack.slack.configure.title\"\n                values={{ teamName }}\n                components={{\n                  a: (\n                    <a\n                      className=\"text-primary text-xl underline\"\n                      href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n            <div className=\"space-y-4\">\n              <div className=\"w-full\">\n                <Typography\n                  className=\"mb-2\"\n                  color=\"muted\"\n                  variant=\"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                    options={formatChannelOptions(formikProps.values.channels)}\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                    size=\"large\"\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children(formikProps) : children}\n            </div>\n          </CardLayout>\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","_jsx","classNames","Form","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_formikProps$errors","_jsxs","CardLayout","actionBlock","Button","label","loading","type","Typography","variant","Trans","i18nKey","values","components","a","href","isEmpty","toSlackUrl","color","weight","Select","isSearchable","required","error","errors","selectedChannel","name","options","formatChannelOptions","channels","placeholder","size","SlackRefreshChannelListButton","is","Function"],"mappings":"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"}

package/dist/v2/Connect.js

@@ -24,17 +24,15 @@ var Connect = withT(function (_ref) {
       }), /*#__PURE__*/jsxs("div", {
         className: "space-y-2",
         children: [/*#__PURE__*/jsx(Typography, {
-          className: "text-foreground",
-          variant: "h2",
+          variant: "h4",
           weight: "semibold",
           children: t("neetoSlack.slack.connect.title")
         }), /*#__PURE__*/jsx(Typography, {
-          className: "text-muted-foreground",
+          color: "muted",
           variant: "body1",
           weight: "normal",
           children: t("neetoSlack.slack.connect.description")
         }), helpDocUrl && /*#__PURE__*/jsx(Typography, {
-          className: "text-foreground",
           variant: "body2",
           weight: "normal",
           children: /*#__PURE__*/jsx(Trans, {

package/dist/v2/Connect.js.map

@@ -1 +1 @@
-{"version":3,"file":"Connect.js","sources":["../../app/javascript/src/v2/components/Steps/Connect.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { Trans } from \"react-i18next\";\n\nconst Connect = withT(\n  ({ t, handleRedirectToSlack, isAuthorizeUrlFetching, helpDocUrl }) => (\n    <CardLayout\n      actionBlock={\n        <Button\n          data-testid=\"slack-connect-login-button\"\n          label={t(\"neetoSlack.slack.connect.loginButton\")}\n          loading={isAuthorizeUrlFetching}\n          onClick={handleRedirectToSlack}\n        />\n      }\n    >\n      <div className=\"space-y-4\">\n        <SlackIcon size={32} />\n        <div className=\"space-y-2\">\n          <Typography\n            className=\"text-foreground\"\n            variant=\"h2\"\n            weight=\"semibold\"\n          >\n            {t(\"neetoSlack.slack.connect.title\")}\n          </Typography>\n          <Typography\n            className=\"text-muted-foreground\"\n            variant=\"body1\"\n            weight=\"normal\"\n          >\n            {t(\"neetoSlack.slack.connect.description\")}\n          </Typography>\n          {helpDocUrl && (\n            <Typography\n              className=\"text-foreground\"\n              variant=\"body2\"\n              weight=\"normal\"\n            >\n              <Trans\n                i18nKey=\"neetoSlack.common.helpDocUrl\"\n                components={{\n                  helpLink: (\n                    <a\n                      className=\"text-primary underline\"\n                      href={helpDocUrl}\n                      rel=\"noopener noreferrer\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n        </div>\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","handleRedirectToSlack","isAuthorizeUrlFetching","helpDocUrl","_jsx","CardLayout","actionBlock","Button","label","loading","onClick","children","_jsxs","className","SlackIcon","size","Typography","variant","weight","Trans","i18nKey","components","helpLink","href","rel","target"],"mappings":";;;;;;;AAMA,IAAMA,OAAO,GAAGC,KAAK,CACnB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,qBAAqB,GAAAF,IAAA,CAArBE,qBAAqB;IAAEC,sBAAsB,GAAAH,IAAA,CAAtBG,sBAAsB;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;EAAA,oBAC7DC,GAAA,CAACC,UAAU,EAAA;IACTC,WAAW,eACTF,GAAA,CAACG,MAAM,EAAA;AACL,MAAA,aAAA,EAAY,4BAA4B;AACxCC,MAAAA,KAAK,EAAER,CAAC,CAAC,sCAAsC,CAAE;AACjDS,MAAAA,OAAO,EAAEP,sBAAuB;AAChCQ,MAAAA,OAAO,EAAET;AAAsB,KAChC,CACF;AAAAU,IAAAA,QAAA,eAEDC,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;MAAAF,QAAA,EAAA,cACxBP,GAAA,CAACU,SAAS,EAAA;AAACC,QAAAA,IAAI,EAAE;OAAK,CAAC,eACvBH,IAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,WAAW;QAAAF,QAAA,EAAA,cACxBP,GAAA,CAACY,UAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,iBAAiB;AAC3BI,UAAAA,OAAO,EAAC,IAAI;AACZC,UAAAA,MAAM,EAAC,UAAU;UAAAP,QAAA,EAEhBX,CAAC,CAAC,gCAAgC;AAAC,SAC1B,CAAC,eACbI,GAAA,CAACY,UAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,uBAAuB;AACjCI,UAAAA,OAAO,EAAC,OAAO;AACfC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,EAEdX,CAAC,CAAC,sCAAsC;AAAC,SAChC,CAAC,EACZG,UAAU,iBACTC,GAAA,CAACY,UAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,iBAAiB;AAC3BI,UAAAA,OAAO,EAAC,OAAO;AACfC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,eAEfP,GAAA,CAACe,KAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,8BAA8B;AACtCC,YAAAA,UAAU,EAAE;AACVC,cAAAA,QAAQ,eACNlB,GAAA,CAAA,GAAA,EAAA;AACES,gBAAAA,SAAS,EAAC,wBAAwB;AAClCU,gBAAAA,IAAI,EAAEpB,UAAW;AACjBqB,gBAAAA,GAAG,EAAC,qBAAqB;AACzBC,gBAAAA,MAAM,EAAC;eACR;AAEL;WACD;AAAC,SACQ,CACb;AAAA,OACE,CAAC;KACH;AAAC,GACI,CAAC;AAAA,CAEjB;;;;"}
+{"version":3,"file":"Connect.js","sources":["../../app/javascript/src/v2/components/Steps/Connect.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { Trans } from \"react-i18next\";\n\nconst Connect = withT(\n  ({ t, handleRedirectToSlack, isAuthorizeUrlFetching, helpDocUrl }) => (\n    <CardLayout\n      actionBlock={\n        <Button\n          data-testid=\"slack-connect-login-button\"\n          label={t(\"neetoSlack.slack.connect.loginButton\")}\n          loading={isAuthorizeUrlFetching}\n          onClick={handleRedirectToSlack}\n        />\n      }\n    >\n      <div className=\"space-y-4\">\n        <SlackIcon size={32} />\n        <div className=\"space-y-2\">\n          <Typography variant=\"h4\" weight=\"semibold\">\n            {t(\"neetoSlack.slack.connect.title\")}\n          </Typography>\n          <Typography color=\"muted\" variant=\"body1\" weight=\"normal\">\n            {t(\"neetoSlack.slack.connect.description\")}\n          </Typography>\n          {helpDocUrl && (\n            <Typography variant=\"body2\" weight=\"normal\">\n              <Trans\n                i18nKey=\"neetoSlack.common.helpDocUrl\"\n                components={{\n                  helpLink: (\n                    <a\n                      className=\"text-primary underline\"\n                      href={helpDocUrl}\n                      rel=\"noopener noreferrer\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n        </div>\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","handleRedirectToSlack","isAuthorizeUrlFetching","helpDocUrl","_jsx","CardLayout","actionBlock","Button","label","loading","onClick","children","_jsxs","className","SlackIcon","size","Typography","variant","weight","color","Trans","i18nKey","components","helpLink","href","rel","target"],"mappings":";;;;;;;AAMA,IAAMA,OAAO,GAAGC,KAAK,CACnB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,qBAAqB,GAAAF,IAAA,CAArBE,qBAAqB;IAAEC,sBAAsB,GAAAH,IAAA,CAAtBG,sBAAsB;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;EAAA,oBAC7DC,GAAA,CAACC,UAAU,EAAA;IACTC,WAAW,eACTF,GAAA,CAACG,MAAM,EAAA;AACL,MAAA,aAAA,EAAY,4BAA4B;AACxCC,MAAAA,KAAK,EAAER,CAAC,CAAC,sCAAsC,CAAE;AACjDS,MAAAA,OAAO,EAAEP,sBAAuB;AAChCQ,MAAAA,OAAO,EAAET;AAAsB,KAChC,CACF;AAAAU,IAAAA,QAAA,eAEDC,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;MAAAF,QAAA,EAAA,cACxBP,GAAA,CAACU,SAAS,EAAA;AAACC,QAAAA,IAAI,EAAE;OAAK,CAAC,eACvBH,IAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,WAAW;QAAAF,QAAA,EAAA,cACxBP,GAAA,CAACY,UAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,IAAI;AAACC,UAAAA,MAAM,EAAC,UAAU;UAAAP,QAAA,EACvCX,CAAC,CAAC,gCAAgC;AAAC,SAC1B,CAAC,eACbI,GAAA,CAACY,UAAU,EAAA;AAACG,UAAAA,KAAK,EAAC,OAAO;AAACF,UAAAA,OAAO,EAAC,OAAO;AAACC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,EACtDX,CAAC,CAAC,sCAAsC;AAAC,SAChC,CAAC,EACZG,UAAU,iBACTC,GAAA,CAACY,UAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,OAAO;AAACC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,eACzCP,GAAA,CAACgB,KAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,8BAA8B;AACtCC,YAAAA,UAAU,EAAE;AACVC,cAAAA,QAAQ,eACNnB,GAAA,CAAA,GAAA,EAAA;AACES,gBAAAA,SAAS,EAAC,wBAAwB;AAClCW,gBAAAA,IAAI,EAAErB,UAAW;AACjBsB,gBAAAA,GAAG,EAAC,qBAAqB;AACzBC,gBAAAA,MAAM,EAAC;eACR;AAEL;WACD;AAAC,SACQ,CACb;AAAA,OACE,CAAC;KACH;AAAC,GACI,CAAC;AAAA,CAEjB;;;;"}

package/dist/v2/Finish.js

@@ -6,7 +6,7 @@ import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import CardLayout from '@bigbinary/neeto-molecules/v2/CardLayout';
 import { Trans } from 'react-i18next';
 import { S as SvgSuccess } from '../success-C6rQdhhF.js';
-import { F as Field } from '../Field-BMTvzsG8.js';
+import { F as Field } from '../Field-BwJtG2pD.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 
@@ -44,8 +44,7 @@ var Finish = withT(function (_ref) {
       children: [/*#__PURE__*/jsxs("div", {
         className: "space-y-4",
         children: [/*#__PURE__*/jsx(SvgSuccess, {}), /*#__PURE__*/jsx(Typography, {
-          className: "text-foreground",
-          variant: "h3",
+          variant: "h5",
           weight: "bold",
           children: /*#__PURE__*/jsx(Trans, {
             i18nKey: "neetoSlack.slack.finish.title",

package/dist/v2/Finish.js.map

@@ -1 +1 @@
-{"version":3,"file":"Finish.js","sources":["../../app/javascript/src/v2/components/Steps/Finish.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport classNames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { Trans } from \"react-i18next\";\n\nimport SuccessIcon from \"assets/images/success\";\n\nimport Field from \"../common/Field\";\n\nconst Finish = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    fields = [],\n    onSuccess = noop,\n    onBack = noop,\n    buttonProps = {},\n    secondaryButtonProps = {},\n  }) => (\n    <CardLayout\n      actionBlock={\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            label={t(\"neetoSlack.common.done\")}\n            onClick={onSuccess}\n            {...buttonProps}\n          />\n          {isNotEmpty(secondaryButtonProps) && (\n            <Button\n              label={t(\"neetoSlack.common.edit\")}\n              variant=\"secondary\"\n              onClick={onBack}\n              {...secondaryButtonProps}\n            />\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <div className=\"space-y-4\">\n          <SuccessIcon />\n          <Typography className=\"text-foreground\" variant=\"h3\" weight=\"bold\">\n            <Trans\n              i18nKey=\"neetoSlack.slack.finish.title\"\n              values={{ teamName }}\n            />\n          </Typography>\n        </div>\n        {isNotEmpty(fields) &&\n          fields.map((field, index) => (\n            <Field\n              key={field.name}\n              name={field.name}\n              value={field.value}\n              className={classNames(\"border-border pt-3\", {\n                \"border-t\": index !== 0,\n              })}\n            />\n          ))}\n        {children}\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Finish;\n"],"names":["Finish","withT","_ref","t","children","_ref$teamName","teamName","_ref$fields","fields","_ref$onSuccess","onSuccess","noop","_ref$onBack","onBack","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_jsx","CardLayout","actionBlock","_jsxs","className","Button","_objectSpread","label","onClick","isNotEmpty","variant","SuccessIcon","Typography","weight","Trans","i18nKey","values","map","field","index","Field","name","value","classNames"],"mappings":"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"}
+{"version":3,"file":"Finish.js","sources":["../../app/javascript/src/v2/components/Steps/Finish.jsx"],"sourcesContent":["import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport classNames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { Trans } from \"react-i18next\";\n\nimport SuccessIcon from \"assets/images/success\";\n\nimport Field from \"../common/Field\";\n\nconst Finish = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    fields = [],\n    onSuccess = noop,\n    onBack = noop,\n    buttonProps = {},\n    secondaryButtonProps = {},\n  }) => (\n    <CardLayout\n      actionBlock={\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            label={t(\"neetoSlack.common.done\")}\n            onClick={onSuccess}\n            {...buttonProps}\n          />\n          {isNotEmpty(secondaryButtonProps) && (\n            <Button\n              label={t(\"neetoSlack.common.edit\")}\n              variant=\"secondary\"\n              onClick={onBack}\n              {...secondaryButtonProps}\n            />\n          )}\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <div className=\"space-y-4\">\n          <SuccessIcon />\n          <Typography variant=\"h5\" weight=\"bold\">\n            <Trans\n              i18nKey=\"neetoSlack.slack.finish.title\"\n              values={{ teamName }}\n            />\n          </Typography>\n        </div>\n        {isNotEmpty(fields) &&\n          fields.map((field, index) => (\n            <Field\n              key={field.name}\n              name={field.name}\n              value={field.value}\n              className={classNames(\"border-border pt-3\", {\n                \"border-t\": index !== 0,\n              })}\n            />\n          ))}\n        {children}\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Finish;\n"],"names":["Finish","withT","_ref","t","children","_ref$teamName","teamName","_ref$fields","fields","_ref$onSuccess","onSuccess","noop","_ref$onBack","onBack","_ref$buttonProps","buttonProps","_ref$secondaryButtonP","secondaryButtonProps","_jsx","CardLayout","actionBlock","_jsxs","className","Button","_objectSpread","label","onClick","isNotEmpty","variant","SuccessIcon","Typography","weight","Trans","i18nKey","values","map","field","index","Field","name","value","classNames"],"mappings":";;;;;;;;;;;;;;AAWA,IAAMA,MAAM,GAAGC,KAAK,CAClB,UAAAC,IAAA,EAAA;AAAA,EAAA,IACEC,CAAC,GAAAD,IAAA,CAADC,CAAC;IACDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CACRI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,aAAA;IAAAE,WAAA,GAAAL,IAAA,CACbM,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,WAAA;IAAAE,cAAA,GAAAP,IAAA,CACXQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAGE,IAAI,GAAAF,cAAA;IAAAG,WAAA,GAAAV,IAAA,CAChBW,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAGD,IAAI,GAAAC,WAAA;IAAAE,gBAAA,GAAAZ,IAAA,CACba,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,gBAAA;IAAAE,qBAAA,GAAAd,IAAA,CAChBe,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;EAAA,oBAEzBE,GAAA,CAACC,UAAU,EAAA;AACTC,IAAAA,WAAW,eACTC,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,sBAAsB;AAAAlB,MAAAA,QAAA,EAAA,cACnCc,GAAA,CAACK,MAAM,EAAAC,aAAA,CAAA;AACLC,QAAAA,KAAK,EAAEtB,CAAC,CAAC,wBAAwB,CAAE;AACnCuB,QAAAA,OAAO,EAAEhB;AAAU,OAAA,EACfK,WAAW,CAChB,CAAC,EACDY,UAAU,CAACV,oBAAoB,CAAC,iBAC/BC,GAAA,CAACK,MAAM,EAAAC,aAAA,CAAA;AACLC,QAAAA,KAAK,EAAEtB,CAAC,CAAC,wBAAwB,CAAE;AACnCyB,QAAAA,OAAO,EAAC,WAAW;AACnBF,QAAAA,OAAO,EAAEb;OAAO,EACZI,oBAAoB,CACzB,CACF;AAAA,KACE,CACN;AAAAb,IAAAA,QAAA,eAEDiB,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,WAAW;AAAAlB,MAAAA,QAAA,gBACxBiB,IAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,WAAW;QAAAlB,QAAA,EAAA,cACxBc,GAAA,CAACW,UAAW,IAAE,CAAC,eACfX,GAAA,CAACY,UAAU,EAAA;AAACF,UAAAA,OAAO,EAAC,IAAI;AAACG,UAAAA,MAAM,EAAC,MAAM;UAAA3B,QAAA,eACpCc,GAAA,CAACc,KAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,+BAA+B;AACvCC,YAAAA,MAAM,EAAE;AAAE5B,cAAAA,QAAQ,EAARA;AAAS;WACpB;AAAC,SACQ,CAAC;AAAA,OACV,CAAC,EACLqB,UAAU,CAACnB,MAAM,CAAC,IACjBA,MAAM,CAAC2B,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAA;QAAA,oBACtBnB,GAAA,CAACoB,KAAK,EAAA;UAEJC,IAAI,EAAEH,KAAK,CAACG,IAAK;UACjBC,KAAK,EAAEJ,KAAK,CAACI,KAAM;AACnBlB,UAAAA,SAAS,EAAEmB,UAAU,CAAC,oBAAoB,EAAE;YAC1C,UAAU,EAAEJ,KAAK,KAAK;WACvB;SAAE,EALED,KAAK,CAACG,IAMZ,CAAC;MAAA,CACH,CAAC,EACHnC,QAAQ;KACN;AAAC,GACI,CAAC;AAAA,CAEjB;;;;"}

package/dist/v2/Settings.js

@@ -1,4 +1,4 @@
-import { Sheet, Typography, Label, Button } from '@bigbinary/neeto-atoms';
+import { Sheet, Label, Typography, Button } from '@bigbinary/neeto-atoms';
 import { Check } from 'lucide-react';
 import { noop } from '@bigbinary/neeto-cist';
 import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
@@ -8,9 +8,9 @@ import { isEmpty, is } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { Form, Select, ActionBlock } from '@bigbinary/neeto-atoms/formik';
-import { f as formatChannelOptions, S as SlackRefreshChannelListButton, b as buildValidationSchema, t as toSlackUrl } from '../SlackRefreshChannelListButton-CFhcNDMV.js';
+import { f as formatChannelOptions, S as SlackRefreshChannelListButton, b as buildValidationSchema, t as toSlackUrl } from '../SlackRefreshChannelListButton-F5qy7vhf.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { F as Field } from '../Field-BMTvzsG8.js';
+import { F as Field } from '../Field-BwJtG2pD.js';
 import 'react';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import 'i18next';
@@ -45,16 +45,15 @@ var EditPane = function EditPane(_ref) {
   };
   return /*#__PURE__*/jsxs(Sheet, _objectSpread(_objectSpread({
     onClose: onClose,
-    isOpen: isPaneOpen
+    isOpen: isPaneOpen,
+    size: "large"
   }, paneProps), {}, {
     children: [/*#__PURE__*/jsx(Sheet.Header, {
-      children: /*#__PURE__*/jsx(Typography, {
-        variant: "h2",
-        weight: "semibold",
+      children: /*#__PURE__*/jsx(Sheet.Title, {
         children: isEmpty(title) ? t("neetoSlack.slack.editPane") : title
       })
     }), /*#__PURE__*/jsx(Form, {
-      className: "w-full",
+      className: "flex min-h-0 w-full flex-1 flex-col gap-4",
       formikProps: {
         enableReinitialize: true,
         initialValues: initialFormValues,
@@ -65,16 +64,11 @@ var EditPane = function EditPane(_ref) {
         return /*#__PURE__*/jsxs(Fragment, {
           children: [/*#__PURE__*/jsxs(Sheet.Body, {
             children: [/*#__PURE__*/jsxs("div", {
-              className: "mb-4 w-full",
+              className: "mb-6 w-full",
               children: [/*#__PURE__*/jsx(Label, {
-                children: /*#__PURE__*/jsxs(Typography, {
-                  className: "mb-2 text-muted-foreground",
-                  variant: "body2",
-                  weight: "bold",
-                  children: [t("neetoSlack.slack.configure.sendToDescription"), /*#__PURE__*/jsx("sup", {
-                    children: "*"
-                  })]
-                })
+                required: true,
+                className: "mb-2",
+                children: t("neetoSlack.slack.configure.sendToDescription")
               }), /*#__PURE__*/jsxs("div", {
                 className: "relative flex flex-col items-start gap-y-3",
                 children: [/*#__PURE__*/jsx(Select, {
@@ -83,8 +77,7 @@ var EditPane = function EditPane(_ref) {
                   className: "w-full",
                   name: "selectedChannel",
                   options: formatChannelOptions(formikProps.values.channels),
-                  placeholder: t("neetoSlack.slack.placeholder"),
-                  size: "large"
+                  placeholder: t("neetoSlack.slack.placeholder")
                 }), /*#__PURE__*/jsx(SlackRefreshChannelListButton, {
                   channelRefreshHandler: channelRefreshHandler
                 })]
@@ -128,7 +121,7 @@ var Settings = withT(function (_ref) {
       }), /*#__PURE__*/jsxs("div", {
         className: "flex items-center space-x-4",
         children: [/*#__PURE__*/jsx(Typography, {
-          variant: "h2",
+          variant: "h4",
           children: /*#__PURE__*/jsx(Trans, {
             i18nKey: "neetoSlack.slack.settings.title",
             values: {
@@ -142,7 +135,7 @@ var Settings = withT(function (_ref) {
             }
           })
         }), /*#__PURE__*/jsx("div", {
-          className: "flex items-center justify-center rounded-full bg-green-500 p-1 text-white",
+          className: "bg-success-solid text-success-solid-foreground flex items-center justify-center rounded-full p-1",
           children: /*#__PURE__*/jsx(Check, {
             size: 24
           })

package/dist/v2/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../app/javascript/src/v2/components/Settings/EditPane.jsx","../../app/javascript/src/v2/components/Settings/index.jsx"],"sourcesContent":["import { Typography, Sheet, Label } from \"@bigbinary/neeto-atoms\";\nimport {\n  Select,\n  Form as NeetoUIForm,\n  ActionBlock,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { noop } from \"neetocist\";\nimport { is, isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SlackRefreshChannelListButton from \"../common/SlackRefreshChannelListButton\";\nimport { buildValidationSchema, formatChannelOptions } from \"../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    <Sheet {...{ onClose }} isOpen={isPaneOpen} {...paneProps}>\n      <Sheet.Header>\n        <Typography variant=\"h2\" weight=\"semibold\">\n          {isEmpty(title) ? t(\"neetoSlack.slack.editPane\") : title}\n        </Typography>\n      </Sheet.Header>\n      <NeetoUIForm\n        className=\"w-full\"\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleFormSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <>\n            <Sheet.Body>\n              <div className=\"mb-4 w-full\">\n                <Label>\n                  <Typography\n                    className=\"mb-2 text-muted-foreground\"\n                    variant=\"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                    name=\"selectedChannel\"\n                    options={formatChannelOptions(formikProps.values.channels)}\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                    size=\"large\"\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children({ ...formikProps }) : children}\n            </Sheet.Body>\n            <Sheet.Footer>\n              <ActionBlock\n                cancelButtonProps={{ onClick: onClose }}\n                isSubmitting={isSubmitting || formikProps.isSubmitting}\n              />\n            </Sheet.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </Sheet>\n  );\n};\n\nexport default EditPane;\n","import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { Check } from \"lucide-react\";\nimport { noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport EditPane from \"./EditPane\";\n\nimport Field from \"../common/Field\";\nimport { toSlackUrl } from \"../utils\";\n\nconst Settings = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    slackUrl = \"\",\n    fields = [],\n    onEdit = noop,\n  }) => (\n    <CardLayout\n      actionBlock={\n        <Button label={t(\"neetoSlack.common.edit\")} onClick={onEdit} />\n      }\n    >\n      <div className=\"space-y-4\">\n        <SlackIcon className=\"text-muted-foreground\" size={48} />\n        <div className=\"flex items-center space-x-4\">\n          <Typography variant=\"h2\">\n            <Trans\n              i18nKey=\"neetoSlack.slack.settings.title\"\n              values={{ teamName }}\n              components={{\n                a: (\n                  <a\n                    className=\"text-primary text-2xl underline\"\n                    href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                  />\n                ),\n              }}\n            />\n          </Typography>\n          {/* eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes */}\n          <div className=\"flex items-center justify-center rounded-full bg-green-500 p-1 text-white\">\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    </CardLayout>\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","Sheet","_objectSpread","isOpen","_jsx","Header","Typography","variant","weight","isEmpty","NeetoUIForm","className","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_Fragment","Body","Label","Select","isSearchable","required","name","options","formatChannelOptions","channels","placeholder","size","SlackRefreshChannelListButton","is","Function","Footer","ActionBlock","cancelButtonProps","onClick","Settings","withT","_ref$teamName","teamName","_ref$slackUrl","slackUrl","_ref$fields","fields","_ref$onEdit","onEdit","CardLayout","actionBlock","Button","label","SlackIcon","Trans","i18nKey","components","a","href","toSlackUrl","Check","map","field","Field","value"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../app/javascript/src/v2/components/Settings/EditPane.jsx","../../app/javascript/src/v2/components/Settings/index.jsx"],"sourcesContent":["import { Sheet, Label } from \"@bigbinary/neeto-atoms\";\nimport {\n  Select,\n  Form as NeetoUIForm,\n  ActionBlock,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { noop } from \"neetocist\";\nimport { is, isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SlackRefreshChannelListButton from \"../common/SlackRefreshChannelListButton\";\nimport { buildValidationSchema, formatChannelOptions } from \"../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    <Sheet {...{ onClose }} isOpen={isPaneOpen} size=\"large\" {...paneProps}>\n      <Sheet.Header>\n        <Sheet.Title>\n          {isEmpty(title) ? t(\"neetoSlack.slack.editPane\") : title}\n        </Sheet.Title>\n      </Sheet.Header>\n      <NeetoUIForm\n        className=\"flex min-h-0 w-full flex-1 flex-col gap-4\"\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: initialFormValues,\n          onSubmit: handleFormSubmit,\n          validationSchema: buildValidationSchema(validationSchema),\n        }}\n      >\n        {formikProps => (\n          <>\n            <Sheet.Body>\n              <div className=\"mb-6 w-full\">\n                <Label required className=\"mb-2\">\n                  {t(\"neetoSlack.slack.configure.sendToDescription\")}\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                    name=\"selectedChannel\"\n                    options={formatChannelOptions(formikProps.values.channels)}\n                    placeholder={t(\"neetoSlack.slack.placeholder\")}\n                  />\n                  <SlackRefreshChannelListButton\n                    {...{ channelRefreshHandler }}\n                  />\n                </div>\n              </div>\n              {is(Function, children) ? children({ ...formikProps }) : children}\n            </Sheet.Body>\n            <Sheet.Footer>\n              <ActionBlock\n                cancelButtonProps={{ onClick: onClose }}\n                isSubmitting={isSubmitting || formikProps.isSubmitting}\n              />\n            </Sheet.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </Sheet>\n  );\n};\n\nexport default EditPane;\n","import { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport { Check } from \"lucide-react\";\nimport { noop } from \"neetocist\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport { isEmpty } from \"ramda\";\nimport { Trans } from \"react-i18next\";\n\nimport EditPane from \"./EditPane\";\n\nimport Field from \"../common/Field\";\nimport { toSlackUrl } from \"../utils\";\n\nconst Settings = withT(\n  ({\n    t,\n    children,\n    teamName = \"\",\n    slackUrl = \"\",\n    fields = [],\n    onEdit = noop,\n  }) => (\n    <CardLayout\n      actionBlock={\n        <Button label={t(\"neetoSlack.common.edit\")} onClick={onEdit} />\n      }\n    >\n      <div className=\"space-y-4\">\n        <SlackIcon className=\"text-muted-foreground\" size={48} />\n        <div className=\"flex items-center space-x-4\">\n          <Typography variant=\"h4\">\n            <Trans\n              i18nKey=\"neetoSlack.slack.settings.title\"\n              values={{ teamName }}\n              components={{\n                a: (\n                  <a\n                    className=\"text-primary text-2xl underline\"\n                    href={isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl}\n                  />\n                ),\n              }}\n            />\n          </Typography>\n          {/* eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes */}\n          <div className=\"bg-success-solid text-success-solid-foreground flex items-center justify-center rounded-full 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    </CardLayout>\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","Sheet","_objectSpread","isOpen","size","_jsx","Header","Title","isEmpty","NeetoUIForm","className","formikProps","enableReinitialize","initialValues","onSubmit","buildValidationSchema","_Fragment","Body","Label","required","Select","isSearchable","name","options","formatChannelOptions","channels","placeholder","SlackRefreshChannelListButton","is","Function","Footer","ActionBlock","cancelButtonProps","onClick","Settings","withT","_ref$teamName","teamName","_ref$slackUrl","slackUrl","_ref$fields","fields","_ref$onEdit","onEdit","CardLayout","actionBlock","Button","label","SlackIcon","Typography","variant","Trans","i18nKey","components","a","href","toSlackUrl","Check","map","field","Field","value"],"mappings":"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"}

package/dist/v2/index.js

@@ -16,12 +16,12 @@ import '@bigbinary/neeto-molecules/v2/CardLayout';
 import 'ramda';
 import 'react-i18next';
 import '@bigbinary/neeto-atoms/formik';
-import '../SlackRefreshChannelListButton-CFhcNDMV.js';
+import '../SlackRefreshChannelListButton-F5qy7vhf.js';
 import 'react';
 import 'i18next';
 import 'yup';
 import 'react/jsx-runtime';
-import '../Field-BMTvzsG8.js';
+import '../Field-BwJtG2pD.js';
 import 'classnames';
 import '../success-C6rQdhhF.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-slack-frontend",
-  "version": "4.0.8",
+  "version": "4.0.10",
   "description": "Slack integration step UI",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-slack-nano",
@@ -67,16 +67,16 @@
     "@babel/preset-env": "7.26.0",
     "@babel/preset-react": "7.25.9",
     "@babel/preset-typescript": "7.26.0",
-    "@babel/runtime": "7.29.2",
+    "@babel/runtime": "7.29.7",
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "1.9.0",
-    "@bigbinary/neeto-atoms": "^1.0.17",
+    "@bigbinary/neeto-atoms": "1.0.90",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.124",
-    "@bigbinary/neeto-filters-frontend": "4.3.36",
-    "@bigbinary/neeto-icons": "1.20.87",
-    "@bigbinary/neeto-molecules": "4.1.72",
-    "@bigbinary/neetoui": "8.6.0",
+    "@bigbinary/neeto-commons-frontend": "4.13.138",
+    "@bigbinary/neeto-filters-frontend": "4.3.40",
+    "@bigbinary/neeto-icons": "1.20.89",
+    "@bigbinary/neeto-molecules": "5.1.30",
+    "@bigbinary/neetoui": "8.8.2",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
     "@honeybadger-io/js": "6.10.1",
@@ -93,7 +93,7 @@
     "@tanstack/react-query": "5.59.20",
     "antd": "5.22.1",
     "autoprefixer": "^10.4.5",
-    "axios": "1.15.0",
+    "axios": "1.17.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-js-logger": "1.0.17",
@@ -108,7 +108,7 @@
     "classnames": "2.5.1",
     "crypto-browserify": "3.12.1",
     "css-loader": "6.8.1",
-    "dompurify": "3.4.1",
+    "dompurify": "3.4.7",
     "dotenv-webpack": "^8.0.1",
     "eslint": "^9.25.1",
     "eslint-config-prettier": "^10.1.2",
@@ -139,14 +139,14 @@
     "mixpanel-browser": "2.47.0",
     "os-browserify": "0.3.0",
     "path-browserify": "^1.0.1",
-    "postcss": "8.5.10",
+    "postcss": "8.5.12",
     "postcss-import": "^15.0.0",
     "postcss-loader": "^7.0.1",
     "postcss-preset-env": "7.8.2",
     "prettier": "3",
     "prettier-plugin-tailwindcss": "^0.7.1",
     "process": "0.11.10",
-    "qs": "6.15.0",
+    "qs": "6.15.2",
     "ramda": "0.29.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -175,29 +175,29 @@
     "webpack": "5.104.1",
     "webpack-assets-manifest": "5.1.0",
     "webpack-cli": "5.1.4",
-    "webpack-dev-server": "5.2.1",
+    "webpack-dev-server": "5.2.4",
     "yup": "0.32.11",
     "zustand": "4.4.2"
   },
   "peerDependencies": {
-    "@babel/runtime": "7.29.2",
-    "@bigbinary/neeto-atoms": "^1.0.17",
+    "@babel/runtime": "7.29.7",
+    "@bigbinary/neeto-atoms": "1.0.90",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.124",
-    "@bigbinary/neeto-filters-frontend": "4.3.36",
-    "@bigbinary/neeto-icons": "1.20.87",
-    "@bigbinary/neeto-molecules": "4.1.72",
-    "@bigbinary/neetoui": "8.6.0",
+    "@bigbinary/neeto-commons-frontend": "4.13.138",
+    "@bigbinary/neeto-filters-frontend": "4.3.40",
+    "@bigbinary/neeto-icons": "1.20.89",
+    "@bigbinary/neeto-molecules": "5.1.30",
+    "@bigbinary/neetoui": "8.8.2",
     "@honeybadger-io/js": "6.10.1",
     "@honeybadger-io/react": "6.1.25",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "5.59.20",
     "antd": "5.22.1",
-    "axios": "1.15.0",
+    "axios": "1.17.0",
     "buffer": "^6.0.3",
     "classnames": "2.5.1",
     "crypto-browserify": "3.12.1",
-    "dompurify": "3.4.1",
+    "dompurify": "3.4.7",
     "formik": "2.4.6",
     "https-browserify": "1.0.0",
     "i18next": "22.5.1",
@@ -206,7 +206,7 @@
     "mixpanel-browser": "^2.45.0",
     "os-browserify": "0.3.0",
     "path-browserify": "^1.0.1",
-    "qs": "6.15.0",
+    "qs": "6.15.2",
     "ramda": "0.29.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",

package/dist/Field-BMTvzsG8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field-BMTvzsG8.js","sources":["../app/javascript/src/v2/components/common/Field.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\n\nconst Field = ({ name, value, className = \"\" }) => (\n  <div className={`mb-3 w-full ${className}`}>\n    <Typography className=\"mb-1 text-foreground\" variant=\"h5\" weight=\"semibold\">\n      {name}\n    </Typography>\n    <Typography\n      className=\"text-muted-foreground\"\n      variant=\"body2\"\n      weight=\"normal\"\n    >\n      {value}\n    </Typography>\n  </div>\n);\n\nexport default Field;\n"],"names":["Field","_ref","name","value","_ref$className","className","_jsxs","concat","children","_jsx","Typography","variant","weight"],"mappings":";;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAA,EAAA,oBAC1CE,IAAA,CAAA,KAAA,EAAA;AAAKD,IAAAA,SAAS,EAAA,cAAA,CAAAE,MAAA,CAAiBF,SAAS,CAAG;IAAAG,QAAA,EAAA,cACzCC,GAAA,CAACC,UAAU,EAAA;AAACL,MAAAA,SAAS,EAAC,sBAAsB;AAACM,MAAAA,OAAO,EAAC,IAAI;AAACC,MAAAA,MAAM,EAAC,UAAU;AAAAJ,MAAAA,QAAA,EACxEN;AAAI,KACK,CAAC,eACbO,GAAA,CAACC,UAAU,EAAA;AACTL,MAAAA,SAAS,EAAC,uBAAuB;AACjCM,MAAAA,OAAO,EAAC,OAAO;AACfC,MAAAA,MAAM,EAAC,QAAQ;AAAAJ,MAAAA,QAAA,EAEdL;AAAK,KACI,CAAC;AAAA,GACV,CAAC;AAAA;;;;"}

package/dist/Field-Dby9-Rz0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field-Dby9-Rz0.js","sources":["../app/javascript/src/v2/components/common/Field.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\n\nconst Field = ({ name, value, className = \"\" }) => (\n  <div className={`mb-3 w-full ${className}`}>\n    <Typography className=\"mb-1 text-foreground\" variant=\"h5\" weight=\"semibold\">\n      {name}\n    </Typography>\n    <Typography\n      className=\"text-muted-foreground\"\n      variant=\"body2\"\n      weight=\"normal\"\n    >\n      {value}\n    </Typography>\n  </div>\n);\n\nexport default Field;\n"],"names":["Field","_ref","name","value","_ref$className","className","_jsxs","concat","children","_jsx","Typography","variant","weight"],"mappings":";;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;AAAA,EAAA,oBAC1CE,eAAA,CAAA,KAAA,EAAA;AAAKD,IAAAA,SAAS,EAAA,cAAA,CAAAE,MAAA,CAAiBF,SAAS,CAAG;IAAAG,QAAA,EAAA,cACzCC,cAAA,CAACC,qBAAU,EAAA;AAACL,MAAAA,SAAS,EAAC,sBAAsB;AAACM,MAAAA,OAAO,EAAC,IAAI;AAACC,MAAAA,MAAM,EAAC,UAAU;AAAAJ,MAAAA,QAAA,EACxEN;AAAI,KACK,CAAC,eACbO,cAAA,CAACC,qBAAU,EAAA;AACTL,MAAAA,SAAS,EAAC,uBAAuB;AACjCM,MAAAA,OAAO,EAAC,OAAO;AACfC,MAAAA,MAAM,EAAC,QAAQ;AAAAJ,MAAAA,QAAA,EAEdL;AAAK,KACI,CAAC;AAAA,GACV,CAAC;AAAA;;;;"}

package/dist/SlackRefreshChannelListButton-CFhcNDMV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlackRefreshChannelListButton-CFhcNDMV.js","sources":["../app/javascript/src/v2/components/constants.js","../app/javascript/src/v2/components/utils.js","../app/javascript/src/v2/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    .default(undefined)\n    .shape({ label: yup.mixed().nullable(), value: yup.string() })\n    .required(\n      t(\"neetoSlack.common.required\", {\n        entity: t(\"neetoSlack.slack.channelName\"),\n      })\n    )\n    .nullable(),\n};\n","import { Toastr } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\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\nexport const formatChannelOptions = channels =>\n  channels?.map(({ isPrivate, label, ...rest }) => ({\n    // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n    label: isPrivate ? `${label} (private)` : label,\n    ...rest,\n  })) ?? [];\n","import { memo } from \"react\";\n\nimport { Button } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/v2/react-utils\";\n\nimport { slackChannelRefresh } from \"../utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"ps-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        data-testid=\"refresh-channel-button\"\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        variant=\"link\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","undefined","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","formatChannelOptions","channels","_channels$map","map","_ref","isPrivate","rest","_objectWithoutProperties","_excluded","SlackRefreshChannelListButton","withT","_ref$className","className","_jsx","children","Button","variant","onClick","memo"],"mappings":"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"}

package/dist/SlackRefreshChannelListButton-CluJlHz0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlackRefreshChannelListButton-CluJlHz0.js","sources":["../app/javascript/src/v2/components/constants.js","../app/javascript/src/v2/components/utils.js","../app/javascript/src/v2/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    .default(undefined)\n    .shape({ label: yup.mixed().nullable(), value: yup.string() })\n    .required(\n      t(\"neetoSlack.common.required\", {\n        entity: t(\"neetoSlack.slack.channelName\"),\n      })\n    )\n    .nullable(),\n};\n","import { Toastr } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\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\nexport const formatChannelOptions = channels =>\n  channels?.map(({ isPrivate, label, ...rest }) => ({\n    // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\n    label: isPrivate ? `${label} (private)` : label,\n    ...rest,\n  })) ?? [];\n","import { memo } from \"react\";\n\nimport { Button } from \"@bigbinary/neeto-atoms\";\nimport { withT } from \"neetocommons/v2/react-utils\";\n\nimport { slackChannelRefresh } from \"../utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"ps-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        data-testid=\"refresh-channel-button\"\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        variant=\"link\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","undefined","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","formatChannelOptions","channels","_channels$map","map","_ref","isPrivate","rest","_objectWithoutProperties","_excluded","SlackRefreshChannelListButton","withT","_ref$className","className","_jsx","children","Button","variant","onClick","memo"],"mappings":"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"}