@bigbinary/neeto-slack-frontend 3.1.3 → 3.1.7

package/dist/Settings.js

@@ -2,6 +2,7 @@ import { noop } from '@bigbinary/neeto-cist';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Check from '@bigbinary/neeto-icons/Check';
 import SlackIcon from '@bigbinary/neeto-icons/misc/Slack';
+import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import Typography from '@bigbinary/neetoui/Typography';
 import Button from '@bigbinary/neetoui/Button';
 import { isEmpty, is } from 'ramda';
@@ -126,49 +127,45 @@ var Settings = withT(function (_ref) {
     fields = _ref$fields === void 0 ? [] : _ref$fields,
     _ref$onEdit = _ref.onEdit,
     onEdit = _ref$onEdit === void 0 ? noop : _ref$onEdit;
-  return /*#__PURE__*/jsx("div", {
-    className: "mx-auto w-full max-w-3xl",
+  return /*#__PURE__*/jsx(CardLayout, {
+    actionBlock: /*#__PURE__*/jsx(Button, {
+      label: t("neetoSlack.common.edit"),
+      onClick: onEdit
+    }),
     children: /*#__PURE__*/jsxs("div", {
-      className: "neeto-ui-border-gray-300 neeto-ui-rounded-xl mt-10 w-full border p-6",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "space-y-4",
-        children: [/*#__PURE__*/jsx(SlackIcon, {
-          className: "neeto-ui-text-gray-600",
-          size: 48
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex items-center space-x-4",
-          children: [/*#__PURE__*/jsx(Typography, {
-            style: "h2",
-            children: /*#__PURE__*/jsx(Trans, {
-              i18nKey: "neetoSlack.slack.settings.title",
-              values: {
-                teamName: teamName
-              },
-              components: {
-                a: /*#__PURE__*/jsx(Button, {
-                  className: "neeto-ui-text-2xl",
-                  href: isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl,
-                  style: "link"
-                })
-              }
-            })
-          }), /*#__PURE__*/jsx("div", {
-            className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
-            children: /*#__PURE__*/jsx(Check, {
-              size: 24
-            })
-          })]
-        }), fields.map(function (field) {
-          return /*#__PURE__*/jsx(Field, {
-            name: field.name,
-            value: field.value
-          }, field.name);
-        }), children]
-      }), /*#__PURE__*/jsx(Button, {
-        className: "mt-8",
-        label: t("neetoSlack.common.edit"),
-        onClick: onEdit
-      })]
+      className: "space-y-4",
+      children: [/*#__PURE__*/jsx(SlackIcon, {
+        className: "neeto-ui-text-gray-600",
+        size: 48
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex items-center space-x-4",
+        children: [/*#__PURE__*/jsx(Typography, {
+          style: "h2",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoSlack.slack.settings.title",
+            values: {
+              teamName: teamName
+            },
+            components: {
+              a: /*#__PURE__*/jsx(Button, {
+                className: "neeto-ui-text-2xl",
+                href: isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl,
+                style: "link"
+              })
+            }
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: "neeto-ui-bg-success-500 neeto-ui-text-white neeto-ui-rounded-full flex items-center justify-center p-1",
+          children: /*#__PURE__*/jsx(Check, {
+            size: 24
+          })
+        })]
+      }), fields.map(function (field) {
+        return /*#__PURE__*/jsx(Field, {
+          name: field.name,
+          value: field.value
+        }, field.name);
+      }), children]
     })
   });
 });

package/dist/Settings.js.map

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

package/dist/SlackRefreshChannelListButton-BRJetmGQ.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlackRefreshChannelListButton-BRJetmGQ.js","sources":["../app/javascript/src/components/constants.js","../app/javascript/src/components/utils.js","../app/javascript/src/components/common/ChannelSelectOption.jsx","../app/javascript/src/components/common/SlackRefreshChannelListButton.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const CHANNEL_NAME_VALIDAITON_SCHEMA = {\n  selectedChannel: yup\n    .object()\n    .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 { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\nimport * as yup from \"yup\";\n\nimport { CHANNEL_NAME_VALIDAITON_SCHEMA } from \"./constants\";\n\nexport const buildValidationSchema = customValidationSchema =>\n  yup.object().shape({\n    ...customValidationSchema,\n    ...CHANNEL_NAME_VALIDAITON_SCHEMA,\n  });\n\nexport const toSlackUrl = teamName =>\n  `https://${teamName?.replace(/\\s/g, \"\").toLowerCase()}.slack.com`;\n\nexport const slackChannelRefresh = channelRefreshHandler => {\n  channelRefreshHandler();\n  Toastr.success(t(\"neetoSlack.slack.channelListRefreshToastr\"));\n};\n","import { Typography } from \"neetoui\";\n\nconst ChannelSelectOption = ({ label, isPrivate }) => (\n  <div className=\"flex items-center justify-between\">\n    <span>{label}</span>\n    <Typography className=\"neeto-ui-text-gray-500 italic\" style=\"body3\">\n      {isPrivate ? \"private\" : \"\"}\n    </Typography>\n  </div>\n);\n\nexport default ChannelSelectOption;\n","import { memo } from \"react\";\n\nimport { withT } from \"neetocommons/react-utils\";\nimport { Button } from \"neetoui\";\n\nimport { slackChannelRefresh } from \"components/utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"pl-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        style=\"link\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","undefined","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","ChannelSelectOption","_ref","isPrivate","_jsxs","className","children","_jsx","Typography","style","SlackRefreshChannelListButton","withT","_ref$className","Button","onClick","memo"],"mappings":"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"}
+{"version":3,"file":"SlackRefreshChannelListButton-BRJetmGQ.js","sources":["../app/javascript/src/components/constants.js","../app/javascript/src/components/utils.js","../app/javascript/src/components/common/ChannelSelectOption.jsx","../app/javascript/src/components/common/SlackRefreshChannelListButton.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const CHANNEL_NAME_VALIDAITON_SCHEMA = {\n  selectedChannel: yup\n    .object()\n    .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 { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\nimport * as yup from \"yup\";\n\nimport { CHANNEL_NAME_VALIDAITON_SCHEMA } from \"./constants\";\n\nexport const buildValidationSchema = customValidationSchema =>\n  yup.object().shape({\n    ...customValidationSchema,\n    ...CHANNEL_NAME_VALIDAITON_SCHEMA,\n  });\n\nexport const toSlackUrl = teamName =>\n  `https://${teamName?.replace(/\\s/g, \"\").toLowerCase()}.slack.com`;\n\nexport const slackChannelRefresh = channelRefreshHandler => {\n  channelRefreshHandler();\n  Toastr.success(t(\"neetoSlack.slack.channelListRefreshToastr\"));\n};\n","import { Typography } from \"neetoui\";\n\nconst ChannelSelectOption = ({ label, isPrivate }) => (\n  <div className=\"flex items-center justify-between\">\n    <span>{label}</span>\n    <Typography className=\"neeto-ui-text-gray-500 italic\" style=\"body3\">\n      {isPrivate ? \"private\" : \"\"}\n    </Typography>\n  </div>\n);\n\nexport default ChannelSelectOption;\n","import { memo } from \"react\";\n\nimport { withT } from \"neetocommons/react-utils\";\nimport { Button } from \"neetoui\";\n\nimport { slackChannelRefresh } from \"components/utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"pl-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        style=\"link\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","undefined","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","ChannelSelectOption","_ref","isPrivate","_jsxs","className","children","_jsx","Typography","style","SlackRefreshChannelListButton","withT","_ref$className","Button","onClick","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,8BAA8B,GAAG;AAC5CC,EAAAA,eAAe,EAAEC,cAAG,CACjBC,MAAM,EAAE,CACD,SAAA,CAAA,CAACC,SAAS,CAAC,CAClBC,KAAK,CAAC;IAAEC,KAAK,EAAEJ,cAAG,CAACK,KAAK,EAAE,CAACC,QAAQ,EAAE;AAAEC,IAAAA,KAAK,EAAEP,cAAG,CAACQ,MAAM;AAAG,GAAC,CAAC,CAC7DC,QAAQ,CACPC,SAAC,CAAC,4BAA4B,EAAE;IAC9BC,MAAM,EAAED,SAAC,CAAC,8BAA8B;AAC1C,GAAC,CACH,CAAC,CACAJ,QAAQ;AACb,CAAC;;;;ICRYM,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAGC,sBAAsB,EAAA;AAAA,EAAA,OACzDb,cAAG,CAACC,MAAM,EAAE,CAACE,KAAK,CAAAW,aAAA,CAAAA,aAAA,CACbD,EAAAA,EAAAA,sBAAsB,CACtBf,EAAAA,8BAA8B,CAClC,CAAC;AAAA;IAESiB,UAAU,GAAG,SAAbA,UAAUA,CAAGC,QAAQ,EAAA;AAAA,EAAA,OAAA,UAAA,CAAAC,MAAA,CACrBD,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,uBAARA,QAAQ,CAAEE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACC,WAAW,EAAE,EAAA,YAAA,CAAA;AAAA;AAEhD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,qBAAqB,EAAI;AAC1DA,EAAAA,qBAAqB,EAAE;AACvBC,EAAAA,MAAM,CAACC,OAAO,CAACb,SAAC,CAAC,2CAA2C,CAAC,CAAC;AAChE,CAAC;;;;;AChBD,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMrB,KAAK,GAAAqB,IAAA,CAALrB,KAAK;IAAEsB,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAA,EAAA,oBAC7CC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,mCAAmC;AAAAC,IAAAA,QAAA,gBAChDC,cAAA,CAAA,MAAA,EAAA;AAAAD,MAAAA,QAAA,EAAOzB;AAAK,KAAO,CAAC,eACpB0B,cAAA,CAACC,UAAU,EAAA;AAACH,MAAAA,SAAS,EAAC,+BAA+B;AAACI,MAAAA,KAAK,EAAC,OAAO;AAAAH,MAAAA,QAAA,EAChEH,SAAS,GAAG,SAAS,GAAG;AAAE,KACjB,CAAC;AAAA,GACV,CAAC;AAAA;;ACDR,IAAMO,6BAA6B,GAAGC,gBAAK,CACzC,UAAAT,IAAA,EAAA;AAAA,EAAA,IAAGf,CAAC,GAAAe,IAAA,CAADf,CAAC;IAAEW,qBAAqB,GAAAI,IAAA,CAArBJ,qBAAqB;IAAAc,cAAA,GAAAV,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAO,cAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,cAAA;AAAA,EAAA,oBAC7CL,cAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAC,oCAAoC;IAAAC,QAAA,eACjDC,cAAA,CAACM,MAAM,EAAA;AACCR,MAAAA,SAAS,EAATA,SAAS;AACfxB,MAAAA,KAAK,EAAEM,CAAC,CAAC,2CAA2C,CAAE;AACtDsB,MAAAA,KAAK,EAAC,MAAM;MACZK,OAAO,EAAE,SAATA,OAAOA,GAAA;QAAA,OAAQjB,mBAAmB,CAACC,qBAAqB,CAAC;AAAA;KAC1D;AAAC,GACC,CAAC;AAAA,CAEV,CAAC;AAED,sCAAeiB,aAAAA,UAAI,CAACL,6BAA6B,CAAC;;;;;;;"}

package/dist/SlackRefreshChannelListButton-BYsCwLY9.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlackRefreshChannelListButton-BYsCwLY9.js","sources":["../app/javascript/src/components/constants.js","../app/javascript/src/components/utils.js","../app/javascript/src/components/common/ChannelSelectOption.jsx","../app/javascript/src/components/common/SlackRefreshChannelListButton.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const CHANNEL_NAME_VALIDAITON_SCHEMA = {\n  selectedChannel: yup\n    .object()\n    .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 { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\nimport * as yup from \"yup\";\n\nimport { CHANNEL_NAME_VALIDAITON_SCHEMA } from \"./constants\";\n\nexport const buildValidationSchema = customValidationSchema =>\n  yup.object().shape({\n    ...customValidationSchema,\n    ...CHANNEL_NAME_VALIDAITON_SCHEMA,\n  });\n\nexport const toSlackUrl = teamName =>\n  `https://${teamName?.replace(/\\s/g, \"\").toLowerCase()}.slack.com`;\n\nexport const slackChannelRefresh = channelRefreshHandler => {\n  channelRefreshHandler();\n  Toastr.success(t(\"neetoSlack.slack.channelListRefreshToastr\"));\n};\n","import { Typography } from \"neetoui\";\n\nconst ChannelSelectOption = ({ label, isPrivate }) => (\n  <div className=\"flex items-center justify-between\">\n    <span>{label}</span>\n    <Typography className=\"neeto-ui-text-gray-500 italic\" style=\"body3\">\n      {isPrivate ? \"private\" : \"\"}\n    </Typography>\n  </div>\n);\n\nexport default ChannelSelectOption;\n","import { memo } from \"react\";\n\nimport { withT } from \"neetocommons/react-utils\";\nimport { Button } from \"neetoui\";\n\nimport { slackChannelRefresh } from \"components/utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"pl-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        style=\"link\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","undefined","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","ChannelSelectOption","_ref","isPrivate","_jsxs","className","children","_jsx","Typography","style","SlackRefreshChannelListButton","withT","_ref$className","Button","onClick","memo"],"mappings":"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"}
+{"version":3,"file":"SlackRefreshChannelListButton-BYsCwLY9.js","sources":["../app/javascript/src/components/constants.js","../app/javascript/src/components/utils.js","../app/javascript/src/components/common/ChannelSelectOption.jsx","../app/javascript/src/components/common/SlackRefreshChannelListButton.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const CHANNEL_NAME_VALIDAITON_SCHEMA = {\n  selectedChannel: yup\n    .object()\n    .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 { t } from \"i18next\";\nimport { Toastr } from \"neetoui\";\nimport * as yup from \"yup\";\n\nimport { CHANNEL_NAME_VALIDAITON_SCHEMA } from \"./constants\";\n\nexport const buildValidationSchema = customValidationSchema =>\n  yup.object().shape({\n    ...customValidationSchema,\n    ...CHANNEL_NAME_VALIDAITON_SCHEMA,\n  });\n\nexport const toSlackUrl = teamName =>\n  `https://${teamName?.replace(/\\s/g, \"\").toLowerCase()}.slack.com`;\n\nexport const slackChannelRefresh = channelRefreshHandler => {\n  channelRefreshHandler();\n  Toastr.success(t(\"neetoSlack.slack.channelListRefreshToastr\"));\n};\n","import { Typography } from \"neetoui\";\n\nconst ChannelSelectOption = ({ label, isPrivate }) => (\n  <div className=\"flex items-center justify-between\">\n    <span>{label}</span>\n    <Typography className=\"neeto-ui-text-gray-500 italic\" style=\"body3\">\n      {isPrivate ? \"private\" : \"\"}\n    </Typography>\n  </div>\n);\n\nexport default ChannelSelectOption;\n","import { memo } from \"react\";\n\nimport { withT } from \"neetocommons/react-utils\";\nimport { Button } from \"neetoui\";\n\nimport { slackChannelRefresh } from \"components/utils\";\n\nconst SlackRefreshChannelListButton = withT(\n  ({ t, channelRefreshHandler, className = \"pl-1\" }) => (\n    <div className=\"relative top-0 flex justify-center\">\n      <Button\n        {...{ className }}\n        label={t(\"neetoSlack.slack.channelListRefreshButton\")}\n        style=\"link\"\n        onClick={() => slackChannelRefresh(channelRefreshHandler)}\n      />\n    </div>\n  )\n);\n\nexport default memo(SlackRefreshChannelListButton);\n"],"names":["CHANNEL_NAME_VALIDAITON_SCHEMA","selectedChannel","yup","object","undefined","shape","label","mixed","nullable","value","string","required","t","entity","buildValidationSchema","customValidationSchema","_objectSpread","toSlackUrl","teamName","concat","replace","toLowerCase","slackChannelRefresh","channelRefreshHandler","Toastr","success","ChannelSelectOption","_ref","isPrivate","_jsxs","className","children","_jsx","Typography","style","SlackRefreshChannelListButton","withT","_ref$className","Button","onClick","memo"],"mappings":";;;;;;;;;;;AAGO,IAAMA,8BAA8B,GAAG;AAC5CC,EAAAA,eAAe,EAAEC,GAAG,CACjBC,MAAM,EAAE,CACD,SAAA,CAAA,CAACC,SAAS,CAAC,CAClBC,KAAK,CAAC;IAAEC,KAAK,EAAEJ,GAAG,CAACK,KAAK,EAAE,CAACC,QAAQ,EAAE;AAAEC,IAAAA,KAAK,EAAEP,GAAG,CAACQ,MAAM;AAAG,GAAC,CAAC,CAC7DC,QAAQ,CACPC,CAAC,CAAC,4BAA4B,EAAE;IAC9BC,MAAM,EAAED,CAAC,CAAC,8BAA8B;AAC1C,GAAC,CACH,CAAC,CACAJ,QAAQ;AACb,CAAC;;;;ICRYM,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAGC,sBAAsB,EAAA;AAAA,EAAA,OACzDb,GAAG,CAACC,MAAM,EAAE,CAACE,KAAK,CAAAW,aAAA,CAAAA,aAAA,CACbD,EAAAA,EAAAA,sBAAsB,CACtBf,EAAAA,8BAA8B,CAClC,CAAC;AAAA;IAESiB,UAAU,GAAG,SAAbA,UAAUA,CAAGC,QAAQ,EAAA;AAAA,EAAA,OAAA,UAAA,CAAAC,MAAA,CACrBD,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,uBAARA,QAAQ,CAAEE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACC,WAAW,EAAE,EAAA,YAAA,CAAA;AAAA;AAEhD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,qBAAqB,EAAI;AAC1DA,EAAAA,qBAAqB,EAAE;AACvBC,EAAAA,MAAM,CAACC,OAAO,CAACb,CAAC,CAAC,2CAA2C,CAAC,CAAC;AAChE,CAAC;;;;;AChBD,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMrB,KAAK,GAAAqB,IAAA,CAALrB,KAAK;IAAEsB,SAAS,GAAAD,IAAA,CAATC,SAAS;AAAA,EAAA,oBAC7CC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,mCAAmC;AAAAC,IAAAA,QAAA,gBAChDC,GAAA,CAAA,MAAA,EAAA;AAAAD,MAAAA,QAAA,EAAOzB;AAAK,KAAO,CAAC,eACpB0B,GAAA,CAACC,UAAU,EAAA;AAACH,MAAAA,SAAS,EAAC,+BAA+B;AAACI,MAAAA,KAAK,EAAC,OAAO;AAAAH,MAAAA,QAAA,EAChEH,SAAS,GAAG,SAAS,GAAG;AAAE,KACjB,CAAC;AAAA,GACV,CAAC;AAAA;;ACDR,IAAMO,6BAA6B,GAAGC,KAAK,CACzC,UAAAT,IAAA,EAAA;AAAA,EAAA,IAAGf,CAAC,GAAAe,IAAA,CAADf,CAAC;IAAEW,qBAAqB,GAAAI,IAAA,CAArBJ,qBAAqB;IAAAc,cAAA,GAAAV,IAAA,CAAEG,SAAS;AAATA,IAAAA,SAAS,GAAAO,cAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,cAAA;AAAA,EAAA,oBAC7CL,GAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAC,oCAAoC;IAAAC,QAAA,eACjDC,GAAA,CAACM,MAAM,EAAA;AACCR,MAAAA,SAAS,EAATA,SAAS;AACfxB,MAAAA,KAAK,EAAEM,CAAC,CAAC,2CAA2C,CAAE;AACtDsB,MAAAA,KAAK,EAAC,MAAM;MACZK,OAAO,EAAE,SAATA,OAAOA,GAAA;QAAA,OAAQjB,mBAAmB,CAACC,qBAAqB,CAAC;AAAA;KAC1D;AAAC,GACC,CAAC;AAAA,CAEV,CAAC;AAED,sCAAeiB,aAAAA,IAAI,CAACL,6BAA6B,CAAC;;;;"}

package/dist/cjs/Configure.js

@@ -2,6 +2,7 @@
 
 var classNames = require('classnames');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Button = require('@bigbinary/neetoui/Button');
 var Select = require('@bigbinary/neetoui/formik/Select');
@@ -31,28 +32,9 @@ var Configure = reactUtils.withT(function (_ref) {
     channelRefreshHandler = _ref.channelRefreshHandler,
     _ref$channelSelectLab = _ref.channelSelectLabel,
     channelSelectLabel = _ref$channelSelectLab === void 0 ? "" : _ref$channelSelectLab;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classNames("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-lg", className),
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "neeto-ui-mb-6 neeto-ui-w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        style: "h3",
-        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-          i18nKey: "neetoSlack.slack.configure.title",
-          values: {
-            teamName: teamName
-          },
-          components: {
-            a: /*#__PURE__*/jsxRuntime.jsx(Button, {
-              className: "neeto-ui-text-xl",
-              href: ramda.isEmpty(slackUrl) ? SlackRefreshChannelListButton.toSlackUrl(teamName) : slackUrl,
-              style: "link"
-            })
-          }
-        })
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm, {
-      className: "neeto-ui-w-full max-w-md",
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: classNames("w-full", className),
+    children: /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm, {
       formikProps: {
         enableReinitialize: true,
         initialValues: initialFormValues,
@@ -61,45 +43,65 @@ var Configure = reactUtils.withT(function (_ref) {
       },
       children: function children(formikProps) {
         var _formikProps$errors;
-        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "neeto-ui-mb-4 neeto-ui-w-full",
-            children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
-              className: "neeto-ui-text-gray-700 neeto-ui-mb-3",
-              style: "body2",
-              weight: "normal",
-              children: [ramda.isEmpty(channelSelectLabel) ? t("neetoSlack.slack.configure.sendToDescription") : channelSelectLabel, /*#__PURE__*/jsxRuntime.jsx("sup", {
-                children: "*"
-              })]
-            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: "relative flex flex-col items-start gap-y-3",
-              children: [/*#__PURE__*/jsxRuntime.jsx(Select, {
-                isSearchable: true,
-                required: true,
-                className: "w-full",
-                error: formikProps === null || formikProps === void 0 ? void 0 : (_formikProps$errors = formikProps.errors) === null || _formikProps$errors === void 0 ? void 0 : _formikProps$errors.selectedChannel,
-                name: "selectedChannel",
-                options: formikProps.values.channels,
-                placeholder: t("neetoSlack.slack.placeholder"),
-                size: "large",
-                formatOptionLabel: function formatOptionLabel(channel) {
-                  return /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton.ChannelSelectOption, {
-                    isPrivate: channel === null || channel === void 0 ? void 0 : channel.isPrivate,
-                    label: channel.label
-                  });
-                }
-              }), /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton.SlackRefreshChannelListButton, {
-                channelRefreshHandler: channelRefreshHandler
-              })]
-            })]
-          }), ramda.is(Function, _children) ? _children(formikProps) : _children, /*#__PURE__*/jsxRuntime.jsx(Button, {
+        return /*#__PURE__*/jsxRuntime.jsxs(CardLayout, {
+          actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
             label: t("neetoSlack.common.continue"),
             loading: isSubmitting,
             type: "submit"
+          }),
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+            className: "mb-3",
+            style: "h3",
+            children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              i18nKey: "neetoSlack.slack.configure.title",
+              values: {
+                teamName: teamName
+              },
+              components: {
+                a: /*#__PURE__*/jsxRuntime.jsx(Button, {
+                  className: "neeto-ui-text-xl",
+                  href: ramda.isEmpty(slackUrl) ? SlackRefreshChannelListButton.toSlackUrl(teamName) : slackUrl,
+                  style: "link"
+                })
+              }
+            })
+          }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "space-y-4",
+            children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "w-full",
+              children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
+                className: "neeto-ui-text-gray-700 mb-2",
+                style: "body2",
+                weight: "normal",
+                children: [ramda.isEmpty(channelSelectLabel) ? t("neetoSlack.slack.configure.sendToDescription") : channelSelectLabel, /*#__PURE__*/jsxRuntime.jsx("sup", {
+                  children: "*"
+                })]
+              }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "relative flex flex-col items-start gap-y-3",
+                children: [/*#__PURE__*/jsxRuntime.jsx(Select, {
+                  isSearchable: true,
+                  required: true,
+                  className: "w-full",
+                  error: formikProps === null || formikProps === void 0 || (_formikProps$errors = formikProps.errors) === null || _formikProps$errors === void 0 ? void 0 : _formikProps$errors.selectedChannel,
+                  name: "selectedChannel",
+                  options: formikProps.values.channels,
+                  placeholder: t("neetoSlack.slack.placeholder"),
+                  size: "large",
+                  formatOptionLabel: function formatOptionLabel(channel) {
+                    return /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton.ChannelSelectOption, {
+                      isPrivate: channel === null || channel === void 0 ? void 0 : channel.isPrivate,
+                      label: channel.label
+                    });
+                  }
+                }), /*#__PURE__*/jsxRuntime.jsx(SlackRefreshChannelListButton.SlackRefreshChannelListButton, {
+                  channelRefreshHandler: channelRefreshHandler
+                })]
+              })]
+            }), ramda.is(Function, _children) ? _children(formikProps) : _children]
           })]
         });
       }
-    })]
+    })
   });
 });
 

package/dist/cjs/Configure.js.map

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

package/dist/cjs/Connect.js

@@ -2,6 +2,7 @@
 
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var SlackIcon = require('@bigbinary/neeto-icons/misc/Slack');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Button = require('@bigbinary/neetoui/Button');
 var jsxRuntime = require('react/jsx-runtime');
@@ -10,25 +11,32 @@ var Connect = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     handleRedirectToSlack = _ref.handleRedirectToSlack,
     isAuthorizeUrlFetching = _ref.isAuthorizeUrlFetching;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-ui-w-full mx-auto max-w-lg",
-    children: [/*#__PURE__*/jsxRuntime.jsx(SlackIcon, {
-      size: 32
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "neeto-ui-text-gray-800 neeto-ui-mb-0.5 neeto-ui-mt-6",
-      style: "h2",
-      weight: "semibold",
-      children: t("neetoSlack.slack.connect.title")
-    }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "neeto-ui-text-gray-700 neeto-ui-mb-4",
-      style: "body1",
-      weight: "normal",
-      children: t("neetoSlack.slack.connect.description")
-    }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+  return /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+    actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
+      "data-cy": "slack-connect-login-button",
       label: t("neetoSlack.slack.connect.loginButton"),
       loading: isAuthorizeUrlFetching,
       onClick: handleRedirectToSlack
-    })]
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx(SlackIcon, {
+        size: 32
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "neeto-ui-text-gray-800",
+          style: "h2",
+          weight: "semibold",
+          children: t("neetoSlack.slack.connect.title")
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "neeto-ui-text-gray-700",
+          style: "body1",
+          weight: "normal",
+          children: t("neetoSlack.slack.connect.description")
+        })]
+      })]
+    })
   });
 });
 

package/dist/cjs/Connect.js.map

@@ -1 +1 @@
-{"version":3,"file":"Connect.js","sources":["../../app/javascript/src/components/Steps/Connect.jsx"],"sourcesContent":["import { withT } from \"neetocommons/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport { Typography, Button } from \"neetoui\";\n\nconst Connect = withT(\n  ({ t, handleRedirectToSlack, isAuthorizeUrlFetching }) => (\n    <div className=\"neeto-ui-w-full mx-auto max-w-lg\">\n      <SlackIcon size={32} />\n      <Typography\n        className=\"neeto-ui-text-gray-800 neeto-ui-mb-0.5 neeto-ui-mt-6\"\n        style=\"h2\"\n        weight=\"semibold\"\n      >\n        {t(\"neetoSlack.slack.connect.title\")}\n      </Typography>\n      <Typography\n        className=\"neeto-ui-text-gray-700 neeto-ui-mb-4\"\n        style=\"body1\"\n        weight=\"normal\"\n      >\n        {t(\"neetoSlack.slack.connect.description\")}\n      </Typography>\n      <Button\n        label={t(\"neetoSlack.slack.connect.loginButton\")}\n        loading={isAuthorizeUrlFetching}\n        onClick={handleRedirectToSlack}\n      />\n    </div>\n  )\n);\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","handleRedirectToSlack","isAuthorizeUrlFetching","_jsxs","className","children","_jsx","SlackIcon","size","Typography","style","weight","Button","label","loading","onClick"],"mappings":";;;;;;;;AAIA,IAAMA,OAAO,GAAGC,gBAAK,CACnB,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,qBAAqB,GAAAF,IAAA,CAArBE,qBAAqB;IAAEC,sBAAsB,GAAAH,IAAA,CAAtBG,sBAAsB,CAAA;AAAA,EAAA,oBACjDC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,kCAAkC;IAAAC,QAAA,EAAA,cAC/CC,cAAA,CAACC,SAAS,EAAA;AAACC,MAAAA,IAAI,EAAE,EAAA;AAAG,KAAE,CAAC,eACvBF,cAAA,CAACG,UAAU,EAAA;AACTL,MAAAA,SAAS,EAAC,sDAAsD;AAChEM,MAAAA,KAAK,EAAC,IAAI;AACVC,MAAAA,MAAM,EAAC,UAAU;MAAAN,QAAA,EAEhBL,CAAC,CAAC,gCAAgC,CAAA;AAAC,KAC1B,CAAC,eACbM,cAAA,CAACG,UAAU,EAAA;AACTL,MAAAA,SAAS,EAAC,sCAAsC;AAChDM,MAAAA,KAAK,EAAC,OAAO;AACbC,MAAAA,MAAM,EAAC,QAAQ;MAAAN,QAAA,EAEdL,CAAC,CAAC,sCAAsC,CAAA;AAAC,KAChC,CAAC,eACbM,cAAA,CAACM,MAAM,EAAA;AACLC,MAAAA,KAAK,EAAEb,CAAC,CAAC,sCAAsC,CAAE;AACjDc,MAAAA,OAAO,EAAEZ,sBAAuB;AAChCa,MAAAA,OAAO,EAAEd,qBAAAA;AAAsB,KAChC,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAAA,CAEV;;;;"}
+{"version":3,"file":"Connect.js","sources":["../../app/javascript/src/components/Steps/Connect.jsx"],"sourcesContent":["import { withT } from \"neetocommons/react-utils\";\nimport { Slack as SlackIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport { Typography, Button } from \"neetoui\";\n\nconst Connect = withT(\n  ({ t, handleRedirectToSlack, isAuthorizeUrlFetching }) => (\n    <CardLayout\n      actionBlock={\n        <Button\n          data-cy=\"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=\"neeto-ui-text-gray-800\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {t(\"neetoSlack.slack.connect.title\")}\n          </Typography>\n          <Typography\n            className=\"neeto-ui-text-gray-700\"\n            style=\"body1\"\n            weight=\"normal\"\n          >\n            {t(\"neetoSlack.slack.connect.description\")}\n          </Typography>\n        </div>\n      </div>\n    </CardLayout>\n  )\n);\n\nexport default Connect;\n"],"names":["Connect","withT","_ref","t","handleRedirectToSlack","isAuthorizeUrlFetching","_jsx","CardLayout","actionBlock","Button","label","loading","onClick","children","_jsxs","className","SlackIcon","size","Typography","style","weight"],"mappings":";;;;;;;;;AAKA,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;EAAA,oBACjDC,cAAA,CAACC,UAAU,EAAA;IACTC,WAAW,eACTF,cAAA,CAACG,MAAM,EAAA;AACL,MAAA,SAAA,EAAQ,4BAA4B;AACpCC,MAAAA,KAAK,EAAEP,CAAC,CAAC,sCAAsC,CAAE;AACjDQ,MAAAA,OAAO,EAAEN,sBAAuB;AAChCO,MAAAA,OAAO,EAAER;AAAsB,KAChC,CACF;AAAAS,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,UAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,wBAAwB;AAClCI,UAAAA,KAAK,EAAC,IAAI;AACVC,UAAAA,MAAM,EAAC,UAAU;UAAAP,QAAA,EAEhBV,CAAC,CAAC,gCAAgC;AAAC,SAC1B,CAAC,eACbG,cAAA,CAACY,UAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,wBAAwB;AAClCI,UAAAA,KAAK,EAAC,OAAO;AACbC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,EAEdV,CAAC,CAAC,sCAAsC;AAAC,SAChC,CAAC;AAAA,OACV,CAAC;KACH;AAAC,GACI,CAAC;AAAA,CAEjB;;;;"}

package/dist/cjs/Finish.js

@@ -4,6 +4,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var classNames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
@@ -77,39 +78,43 @@ var Finish = reactUtils.withT(function (_ref) {
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     _ref$secondaryButtonP = _ref.secondaryButtonProps,
     secondaryButtonProps = _ref$secondaryButtonP === void 0 ? {} : _ref$secondaryButtonP;
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-ui-w-full mx-auto max-w-lg",
-    children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "neeto-ui-text-gray-800 neeto-ui-mb-6 neeto-ui-mt-4",
-      style: "h3",
-      weight: "bold",
-      children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-        i18nKey: "neetoSlack.slack.finish.title",
-        values: {
-          teamName: teamName
-        }
-      })
-    }), neetoCist.isNotEmpty(fields) && fields.map(function (field, index) {
-      return /*#__PURE__*/jsxRuntime.jsx(Field.Field, {
-        name: field.name,
-        value: field.value,
-        className: classNames("neeto-ui-pt-3 neeto-ui-border-gray-300", {
-          "border-t": index !== 0
-        })
-      }, field.name);
-    }), children, /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-row neeto-ui-mt-6",
+  return /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+    actionBlock: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-wrap gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
-        className: "neeto-ui-my-1",
         label: t("neetoSlack.common.done"),
         onClick: onSuccess
       }, buttonProps)), neetoCist.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread({
-        className: "neeto-ui-my-1 neeto-ui-ml-2",
         label: t("neetoSlack.common.edit"),
         style: "secondary",
         onClick: onBack
       }, secondaryButtonProps))]
-    })]
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-6",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-4",
+        children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+          className: "neeto-ui-text-gray-800",
+          style: "h3",
+          weight: "bold",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoSlack.slack.finish.title",
+            values: {
+              teamName: teamName
+            }
+          })
+        })]
+      }), neetoCist.isNotEmpty(fields) && fields.map(function (field, index) {
+        return /*#__PURE__*/jsxRuntime.jsx(Field.Field, {
+          name: field.name,
+          value: field.value,
+          className: classNames("neeto-ui-pt-3 neeto-ui-border-gray-300", {
+            "border-t": index !== 0
+          })
+        }, field.name);
+      }), children]
+    })
   });
 });