@bigbinary/neeto-slack-frontend 2.2.0 → 2.2.2

package/dist/index.cjs.js

@@ -3634,43 +3634,44 @@ function useTranslation(ns) {
   });
 }
 
-var common = {
-	"continue": "Continue",
-	save: "Save",
-	edit: "Edit",
-	done: "Done",
-	required: "{{entity}} is required"
-};
-var slack = {
-	placeholder: "Notification Channel",
-	channelName: "Channel Name",
-	editPane: "Edit slack integration",
-	channelListRefreshToastr: "Slack channels list is updated",
-	channelListRefreshButton: "Refresh channels list",
-	steps: {
-		finish: "Finish"
-	},
-	connect: {
-		title: "Connect your Slack account",
-		description: "There’s no linked Slack account yet",
-		loginButton: "Login to Slack"
-	},
-	configure: {
-		title: "You are connecting to <br/><strong>{{teamName}}</strong> workspace <br/>({{slackUrl}}).",
-		sendTo: "Send to",
-		sendToDescription: "Choose a Slack channel that will receive notifications",
-		refreshSlackChannelList: "Refresh Slack channel list"
+var neetoSlack = {
+	common: {
+		"continue": "Continue",
+		save: "Save",
+		edit: "Edit",
+		done: "Done",
+		required: "{{entity}} is required"
 	},
-	finish: {
-		title: "You are successfully connected to the <strong>{{teamName}}</strong> workspace."
-	},
-	settings: {
-		title: "You are connected to <br/><strong>{{teamName}}</strong> workspace <br/>({{slackUrl}})."
+	slack: {
+		placeholder: "Notification Channel",
+		channelName: "Channel Name",
+		editPane: "Edit slack integration",
+		channelListRefreshToastr: "Slack channels list is updated",
+		channelListRefreshButton: "Refresh channels list",
+		steps: {
+			finish: "Finish"
+		},
+		connect: {
+			title: "Connect your Slack account",
+			description: "There’s no linked Slack account yet",
+			loginButton: "Login to Slack"
+		},
+		configure: {
+			title: "You are connecting to <a><strong>{{teamName}}</strong></a> workspace.",
+			sendTo: "Send to",
+			sendToDescription: "Choose a Slack channel that will receive notifications",
+			refreshSlackChannelList: "Refresh Slack channel list"
+		},
+		finish: {
+			title: "You are successfully connected to the <strong>{{teamName}}</strong> workspace."
+		},
+		settings: {
+			title: "You are connected to <a><strong>{{teamName}}</strong></a> workspace."
+		}
 	}
 };
 var en = {
-	common: common,
-	slack: slack
+	neetoSlack: neetoSlack
 };
 
 instance.use(initReactI18next).init({
@@ -3749,8 +3750,8 @@ function _defineProperty(obj, key, value) {
 var CHANNEL_NAME_VALIDAITON_SCHEMA = {
   selectedChannel: yup__namespace.object().shape({
     label: yup__namespace.string(),
-    value: yup__namespace.string().required(t$2("common.required", {
-      entity: t$2("slack.channelName")
+    value: yup__namespace.string().required(t$2("neetoSlack.common.required", {
+      entity: t$2("neetoSlack.slack.channelName")
     }))
   }).required().nullable()
 };
@@ -3765,7 +3766,7 @@ var toSlackUrl = function toSlackUrl(teamName) {
 };
 var slackChannelRefresh = function slackChannelRefresh(channelRefreshHandler) {
   channelRefreshHandler();
-  neetoui.Toastr.success(t$2("slack.channelListRefreshToastr"));
+  neetoui.Toastr.success(t$2("neetoSlack.slack.channelListRefreshToastr"));
 };
 
 function _extends$1() {
@@ -3793,7 +3794,7 @@ var SlackRefreshChannelListButton = function SlackRefreshChannelListButton(_ref)
     className: "relative top-0 flex justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     className: className,
-    label: t("slack.channelListRefreshButton"),
+    label: t("neetoSlack.slack.channelListRefreshButton"),
     style: "link",
     onClick: function onClick() {
       return slackChannelRefresh(channelRefreshHandler);
@@ -3835,7 +3836,7 @@ var EditPane = function EditPane(_ref) {
   }, paneProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2",
     weight: "semibold"
-  }, ramda.isEmpty(title) ? t("slack.editPane") : title)), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+  }, ramda.isEmpty(title) ? t("neetoSlack.slack.editPane") : title)), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
     className: "neeto-ui-w-full",
     formikProps: {
       enableReinitialize: true,
@@ -3850,20 +3851,20 @@ var EditPane = function EditPane(_ref) {
       className: "neeto-ui-text-gray-700 neeto-ui-mb-2",
       style: "body2",
       weight: "bold"
-    }, t("slack.configure.sendToDescription"))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, t("neetoSlack.slack.configure.sendToDescription"))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "relative flex flex-col items-start gap-y-3"
     }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
       isSearchable: true,
       className: "w-full",
       name: "selectedChannel",
       options: formikProps.values.channels,
-      placeholder: t("slack.placeholder"),
+      placeholder: t("neetoSlack.slack.placeholder"),
       size: "large"
     }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton$1, {
       channelRefreshHandler: channelRefreshHandler
     }))), ramda.is(Function, children) ? children(_objectSpread$1({}, formikProps)) : children), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       disabled: isSubmitting || formikProps.isSubmitting,
-      label: t("common.save"),
+      label: t("neetoSlack.common.save"),
       loading: isSubmitting || formikProps.isSubmitting,
       type: "submit"
     })));
@@ -3884,14 +3885,19 @@ var Settings = function Settings(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6", className)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-w-full neeto-ui-mb-6"
+    className: "neeto-ui-mb-6"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h3"
   }, /*#__PURE__*/React__default["default"].createElement(Trans, {
-    i18nKey: "slack.settings.title",
+    i18nKey: "neetoSlack.slack.settings.title",
     values: {
-      teamName: teamName,
-      slackUrl: toSlackUrl(teamName)
+      teamName: teamName
+    },
+    components: {
+      a: /*#__PURE__*/React__default["default"].createElement("a", {
+        className: "neeto-ui-text-primary-800",
+        href: toSlackUrl(teamName)
+      })
     }
   }))), fields.map(function (field, index) {
     return /*#__PURE__*/React__default["default"].createElement(Field, {
@@ -3904,7 +3910,7 @@ var Settings = function Settings(_ref) {
     });
   }), children, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     className: "my-4 mr-auto",
-    label: t("common.edit"),
+    label: t("neetoSlack.common.edit"),
     onClick: onEdit
   }));
 };
@@ -3926,19 +3932,24 @@ var Configure = function Configure(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-md", className)
+    className: classNames__default["default"]("neeto-ui-w-full neeto-ui-space-y-6 mx-auto max-w-lg", className)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-mb-6 neeto-ui-w-full"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h3"
   }, /*#__PURE__*/React__default["default"].createElement(Trans, {
-    i18nKey: "slack.configure.title",
+    i18nKey: "neetoSlack.slack.configure.title",
     values: {
-      teamName: teamName,
-      slackUrl: ramda.isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl
+      teamName: teamName
+    },
+    components: {
+      a: /*#__PURE__*/React__default["default"].createElement("a", {
+        className: "neeto-ui-text-primary-800",
+        href: ramda.isEmpty(slackUrl) ? toSlackUrl(teamName) : slackUrl
+      })
     }
   }))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
-    className: "neeto-ui-w-full",
+    className: "neeto-ui-w-full max-w-md",
     formikProps: {
       enableReinitialize: true,
       initialValues: initialFormValues,
@@ -3952,19 +3963,19 @@ var Configure = function Configure(_ref) {
       className: "neeto-ui-text-gray-700 neeto-ui-mb-3",
       style: "body2",
       weight: "normal"
-    }, ramda.isEmpty(channelSelectLabel) ? t("slack.configure.sendToDescription") : channelSelectLabel), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, ramda.isEmpty(channelSelectLabel) ? t("neetoSlack.slack.configure.sendToDescription") : channelSelectLabel), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "relative flex flex-col items-start gap-y-3"
     }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
       isSearchable: true,
       className: "w-full",
       name: "selectedChannel",
       options: formikProps.values.channels,
-      placeholder: t("slack.placeholder"),
+      placeholder: t("neetoSlack.slack.placeholder"),
       size: "large"
     }), /*#__PURE__*/React__default["default"].createElement(SlackRefreshChannelListButton$1, {
       channelRefreshHandler: channelRefreshHandler
     }))), ramda.is(Function, children) ? children(formikProps) : children, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      label: t("common.continue"),
+      label: t("neetoSlack.common.continue"),
       loading: isSubmitting,
       type: "submit"
     }));
@@ -3984,12 +3995,12 @@ var Connect = function Connect(_ref) {
     className: "neeto-ui-text-gray-800 neeto-ui-mb-0.5 neeto-ui-mt-6",
     style: "h2",
     weight: "semibold"
-  }, t("slack.connect.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoSlack.slack.connect.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-gray-700 neeto-ui-mb-4",
     style: "body1",
     weight: "normal"
-  }, t("slack.connect.description")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: t("slack.connect.loginButton"),
+  }, t("neetoSlack.slack.connect.description")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    label: t("neetoSlack.slack.connect.loginButton"),
     loading: isAuthorizeUrlFetching,
     onClick: handleRedirectToSlack
   }));
@@ -4044,7 +4055,7 @@ var Finish = function Finish(_ref) {
     style: "h3",
     weight: "bold"
   }, /*#__PURE__*/React__default["default"].createElement(Trans, {
-    i18nKey: "slack.finish.title",
+    i18nKey: "neetoSlack.slack.finish.title",
     values: {
       teamName: teamName
     }
@@ -4061,11 +4072,11 @@ var Finish = function Finish(_ref) {
     className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-row neeto-ui-mt-6"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
     className: "neeto-ui-my-1",
-    label: t("common.done"),
+    label: t("neetoSlack.common.done"),
     onClick: onSuccess
   }, buttonProps)), pure.isNotEmpty(secondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
     className: "neeto-ui-my-1 neeto-ui-ml-2",
-    label: t("common.edit"),
+    label: t("neetoSlack.common.edit"),
     style: "secondary",
     onClick: onBack
   }, secondaryButtonProps))));