@bigbinary/neeto-slack-frontend 3.1.12 → 4.0.0-beta

package/app/javascript/src/translations/pl.json

@@ -6,7 +6,8 @@
       "cancel": "Anuluj",
       "edit": "Edytuj",
       "done": "Zrobione",
-      "required": "{{entity}} jest wymagane"
+      "required": "{{entity}} jest wymagane",
+      "helpDocUrl": "Aby dowiedzieć się, jak korzystać z integracji Slack, odwiedź ten <helpLink>artykuł pomocy.</helpLink>"
     },
     "slack": {
       "placeholder": "Kanał powiadomień",
@@ -23,16 +24,16 @@
         "loginButton": "Zaloguj się do Slack"
       },
       "configure": {
-        "title": "Łączysz się z <a>{{teamName}}</a> przestrzenią roboczą.",
+        "title": "Łączysz się z <a>{{teamName}}</a> przestrzenią roboczą Slack.",
         "sendTo": "Wyślij do",
         "sendToDescription": "Wybierz kanał Slack, który będzie odbierał powiadomienia",
         "refreshSlackChannelList": "Odśwież listę kanałów Slack"
       },
       "finish": {
-        "title": "Pomyślnie połączyłeś się z przestrzenią roboczą {{teamName}}."
+        "title": "Zostałeś pomyślnie połączony z przestrzenią roboczą Slack {{teamName}}."
       },
       "settings": {
-        "title": "Jesteś połączony z <a>{{teamName}}</a> przestrzenią roboczą"
+        "title": "Jesteś połączony z <a>{{teamName}}</a> przestrzenią roboczą Slack."
       }
     }
   }

package/app/javascript/src/translations/pt-BR.json

@@ -6,7 +6,8 @@
       "cancel": "Cancelar",
       "edit": "Editar",
       "done": "Concluído",
-      "required": "{{entity}} é obrigatório"
+      "required": "{{entity}} é obrigatório",
+      "helpDocUrl": "Para aprender a usar a integração do Slack, visite este <helpLink>artigo de ajuda.</helpLink>"
     },
     "slack": {
       "placeholder": "Canal de Notificação",
@@ -23,16 +24,16 @@
         "loginButton": "Entrar no Slack"
       },
       "configure": {
-        "title": "Você está se conectando ao workspace <a>{{teamName}}</a>.",
+        "title": "Você está se conectando ao <a>{{teamName}}</a> workspace do Slack.",
         "sendTo": "Enviar para",
         "sendToDescription": "Escolha um canal do Slack que receberá notificações",
         "refreshSlackChannelList": "Atualizar lista de canais do Slack"
       },
       "finish": {
-        "title": "Você está conectado com sucesso ao workspace {{teamName}}."
+        "title": "Você está conectado com sucesso ao workspace do Slack {{teamName}}."
       },
       "settings": {
-        "title": "Você está conectado ao workspace <a>{{teamName}}</a>"
+        "title": "Você está conectado ao <a>{{teamName}}</a> workspace do Slack."
       }
     }
   }

package/app/javascript/src/translations/pt.json

@@ -6,7 +6,8 @@
       "cancel": "Cancelar",
       "edit": "Editar",
       "done": "Feito",
-      "required": "{{entity}} é obrigatório"
+      "required": "{{entity}} é obrigatório",
+      "helpDocUrl": "Para aprender a usar a integração do Slack, visite este <helpLink>artigo de ajuda.</helpLink>"
     },
     "slack": {
       "placeholder": "Canal de Notificação",
@@ -23,16 +24,16 @@
         "loginButton": "Entrar no Slack"
       },
       "configure": {
-        "title": "Você está se conectando ao workspace <a>{{teamName}}</a>.",
+        "title": "Você está se conectando ao <a>{{teamName}}</a> espaço de trabalho do Slack.",
         "sendTo": "Enviar para",
         "sendToDescription": "Escolha um canal do Slack que receberá as notificações",
         "refreshSlackChannelList": "Atualizar lista de canais do Slack"
       },
       "finish": {
-        "title": "Você está conectado com sucesso ao workspace {{teamName}}."
+        "title": "Você está conectado com sucesso ao espaço de trabalho do Slack {{teamName}}."
       },
       "settings": {
-        "title": "Você está conectado ao workspace <a>{{teamName}}</a>"
+        "title": "Você está conectado ao <a>{{teamName}}</a> espaço de trabalho do Slack."
       }
     }
   }

package/app/javascript/src/translations/ro.json

@@ -6,7 +6,8 @@
       "cancel": "Anulează",
       "edit": "Editează",
       "done": "Finalizat",
-      "required": "{{entity}} este necesar"
+      "required": "{{entity}} este necesar",
+      "helpDocUrl": "Pentru a învăța cum să folosești integrarea Slack, vizitează acest <helpLink>articol de ajutor.</helpLink>"
     },
     "slack": {
       "placeholder": "Canal de notificare",
@@ -23,16 +24,16 @@
         "loginButton": "Autentificare în Slack"
       },
       "configure": {
-        "title": "Te conectezi la <a>{{teamName}}</a> spațiul de lucru.",
+        "title": "Te conectezi la <a>{{teamName}}</a> Slack workspace.",
         "sendTo": "Trimite la",
         "sendToDescription": "Alege un canal Slack care va primi notificări",
         "refreshSlackChannelList": "Actualizează lista canalelor Slack"
       },
       "finish": {
-        "title": "Ești conectat cu succes la spațiul de lucru {{teamName}}."
+        "title": "Te-ai conectat cu succes la Slack workspace {{teamName}}."
       },
       "settings": {
-        "title": "Ești conectat la <a>{{teamName}}</a> spațiul de lucru"
+        "title": "Ești conectat la <a>{{teamName}}</a> Slack workspace."
       }
     }
   }

package/app/javascript/src/translations/ru.json

@@ -6,7 +6,8 @@
       "cancel": "Отмена",
       "edit": "Редактировать",
       "done": "Готово",
-      "required": "{{entity}} обязательно"
+      "required": "{{entity}} обязательно",
+      "helpDocUrl": "Чтобы узнать, как использовать интеграцию Slack, посетите эту <helpLink>статью помощи.</helpLink>"
     },
     "slack": {
       "placeholder": "Канал уведомлений",
@@ -23,16 +24,16 @@
         "loginButton": "Войти в Slack"
       },
       "configure": {
-        "title": "Вы подключаетесь к рабочему пространству <a>{{teamName}}</a>.",
+        "title": "Вы подключаетесь к <a>{{teamName}}</a> Slack рабочему пространству.",
         "sendTo": "Отправить в",
         "sendToDescription": "Выберите канал Slack, который будет получать уведомления",
         "refreshSlackChannelList": "Обновить список каналов Slack"
       },
       "finish": {
-        "title": "Вы успешно подключены к рабочему пространству {{teamName}}."
+        "title": "Вы успешно подключены к {{teamName}} Slack рабочему пространству."
       },
       "settings": {
-        "title": "Вы подключены к рабочему пространству <a>{{teamName}}</a>"
+        "title": "Вы подключены к <a>{{teamName}}</a> Slack рабочему пространству."
       }
     }
   }

package/app/javascript/src/translations/sk.json

@@ -6,7 +6,8 @@
       "cancel": "Zrušiť",
       "edit": "Upraviť",
       "done": "Hotovo",
-      "required": "{{entity}} je povinný"
+      "required": "{{entity}} je povinný",
+      "helpDocUrl": "Ak sa chcete naučiť, ako používať integráciu so Slackom, navštívte tento <helpLink>článok o pomoci.</helpLink>"
     },
     "slack": {
       "placeholder": "Kanál upozornení",
@@ -23,16 +24,16 @@
         "loginButton": "Prihlásiť sa do Slacku"
       },
       "configure": {
-        "title": "Pripojujete sa k <a>{{teamName}}</a> pracovisku.",
+        "title": "Pripájate sa k Slack pracovisku <a>{{teamName}}</a>.",
         "sendTo": "Poslať do",
         "sendToDescription": "Vyberte Slack kanál, ktorý bude prijímať upozornenia",
         "refreshSlackChannelList": "Aktualizovať zoznam Slack kanálov"
       },
       "finish": {
-        "title": "Úspešne ste sa pripojili k pracovisku {{teamName}}."
+        "title": "Úspešne ste pripojení k Slack pracovisku {{teamName}}."
       },
       "settings": {
-        "title": "Ste pripojení k <a>{{teamName}}</a> pracovisku"
+        "title": "Ste pripojení k Slack pracovisku <a>{{teamName}}</a>."
       }
     }
   }

package/app/javascript/src/translations/sl.json

@@ -6,7 +6,8 @@
       "cancel": "Prekliči",
       "edit": "Uredi",
       "done": "Končano",
-      "required": "{{entity}} je obvezno"
+      "required": "{{entity}} je obvezno",
+      "helpDocUrl": "Za učenje, kako uporabljati integracijo Slack, obiščite ta <helpLink>članek o pomoči.</helpLink>"
     },
     "slack": {
       "placeholder": "Obvestilni kanal",
@@ -23,16 +24,16 @@
         "loginButton": "Prijavi se v Slack"
       },
       "configure": {
-        "title": "Povezujete se z <a>{{teamName}}</a> delovno okolje.",
+        "title": "Povezujete se na <a>{{teamName}}</a> Slack delovno okolje.",
         "sendTo": "Pošlji na",
         "sendToDescription": "Izberite Slack kanal, ki bo prejemal obvestila",
         "refreshSlackChannelList": "Osveži seznam Slack kanalov"
       },
       "finish": {
-        "title": "Uspešno ste povezani z {{teamName}} delovnim okoljem."
+        "title": "Uspešno ste povezani na {{teamName}} Slack delovno okolje."
       },
       "settings": {
-        "title": "Povezani ste z <a>{{teamName}}</a> delovnim okoljem"
+        "title": "Povezani ste na <a>{{teamName}}</a> Slack delovno okolje."
       }
     }
   }

package/app/javascript/src/translations/sv.json

@@ -6,7 +6,8 @@
       "cancel": "Avbryt",
       "edit": "Redigera",
       "done": "Klart",
-      "required": "{{entity}} krävs"
+      "required": "{{entity}} krävs",
+      "helpDocUrl": "För att lära dig hur du använder Slack-integrationen, besök denna <helpLink>hjälpartikel.</helpLink>"
     },
     "slack": {
       "placeholder": "Notifikationskanal",
@@ -23,16 +24,16 @@
         "loginButton": "Logga in på Slack"
       },
       "configure": {
-        "title": "Du ansluter till <a>{{teamName}}</a> arbetsyta.",
+        "title": "Du kopplar till <a>{{teamName}}</a> Slack-arbetsutrymme.",
         "sendTo": "Skicka till",
         "sendToDescription": "Välj en Slack-kanal som ska ta emot notifikationer",
         "refreshSlackChannelList": "Uppdatera Slack-kanallista"
       },
       "finish": {
-        "title": "Du är framgångsrikt ansluten till {{teamName}} arbetsyta."
+        "title": "Du är framgångsrikt ansluten till {{teamName}} Slack-arbetsutrymmet."
       },
       "settings": {
-        "title": "Du är ansluten till <a>{{teamName}}</a> arbetsyta"
+        "title": "Du är ansluten till <a>{{teamName}}</a> Slack-arbetsutrymme."
       }
     }
   }

package/app/javascript/src/translations/th.json

@@ -6,7 +6,8 @@
       "cancel": "ยกเลิก",
       "edit": "แก้ไข",
       "done": "เสร็จสิ้น",
-      "required": "{{entity}} เป็นสิ่งที่จำเป็น"
+      "required": "{{entity}} เป็นสิ่งที่จำเป็น",
+      "helpDocUrl": "เพื่อเรียนรู้วิธีการใช้การรวม Slack โปรดไปที่บทความ <helpLink>ช่วยเหล่านี้</helpLink>"
     },
     "slack": {
       "placeholder": "ช่องทางการแจ้งเตือน",
@@ -23,16 +24,16 @@
         "loginButton": "เข้าสู่ระบบที่ Slack"
       },
       "configure": {
-        "title": "คุณกำลังเชื่อมต่อกับ <a>{{teamName}}</a> workspace.",
+        "title": "คุณกำลังเชื่อมต่อกับ <a>{{teamName}}</a> แพลตฟอร์ม Slack",
         "sendTo": "ส่งไปยัง",
         "sendToDescription": "เลือกช่อง Slack ที่จะรับการแจ้งเตือน",
         "refreshSlackChannelList": "รีเฟรชรายการช่อง Slack"
       },
       "finish": {
-        "title": "คุณเชื่อมต่อกับ {{teamName}} workspace ของคุณเรียบร้อยแล้ว"
+        "title": "คุณเชื่อมต่อกับ {{teamName}} แพลตฟอร์ม Slack เรียบร้อยแล้ว"
       },
       "settings": {
-        "title": "คุณเชื่อมต่อกับ <a>{{teamName}}</a> workspace"
+        "title": "คุณเชื่อมต่อกับ <a>{{teamName}}</a> แพลตฟอร์ม Slack"
       }
     }
   }

package/app/javascript/src/translations/tr.json

@@ -6,7 +6,8 @@
       "cancel": "İptal",
       "edit": "Düzenle",
       "done": "Tamam",
-      "required": "{{entity}} gereklidir"
+      "required": "{{entity}} gereklidir",
+      "helpDocUrl": "Slack entegrasyonunu nasıl kullanacağınızı öğrenmek için bu <helpLink>yardım makalesini</helpLink> ziyaret edin."
     },
     "slack": {
       "placeholder": "Bildirim Kanalı",
@@ -23,16 +24,16 @@
         "loginButton": "Slack'e giriş yap"
       },
       "configure": {
-        "title": "Şu anda <a>{{teamName}}</a> çalışma alanına bağlanıyorsunuz.",
+        "title": "{{teamName}} Slack çalışma alanına bağlanıyorsunuz.",
         "sendTo": "Gönderilecek",
         "sendToDescription": "Bildirim alacak bir Slack kanalı seçin",
         "refreshSlackChannelList": "Slack kanal listesini yenile"
       },
       "finish": {
-        "title": "{{teamName}} çalışma alanına başarıyla bağlandınız."
+        "title": "{{teamName}} Slack çalışma alanına başarıyla bağlandınız."
       },
       "settings": {
-        "title": "<a>{{teamName}}</a> çalışma alanına bağlısınız"
+        "title": "{{teamName}} Slack çalışma alanına bağlısınız."
       }
     }
   }

package/app/javascript/src/translations/uk.json

@@ -6,7 +6,8 @@
       "cancel": "Скасувати",
       "edit": "Редагувати",
       "done": "Готово",
-      "required": "{{entity}} обов’язкове"
+      "required": "{{entity}} обов’язкове",
+      "helpDocUrl": "Щоб дізнатися, як використовувати інтеграцію Slack, відвідайте цю <helpLink>допоміжну статтю.</helpLink>"
     },
     "slack": {
       "placeholder": "Канал сповіщень",
@@ -23,16 +24,16 @@
         "loginButton": "Увійти в Slack"
       },
       "configure": {
-        "title": "Ви підключаєтеся до <a>{{teamName}}</a> робочого простору.",
+        "title": "Ви підключаєтеся до <a>{{teamName}}</a> Slack робочого простору.",
         "sendTo": "Надіслати до",
         "sendToDescription": "Виберіть канал Slack, який буде отримувати сповіщення",
         "refreshSlackChannelList": "Оновити список каналів Slack"
       },
       "finish": {
-        "title": "Ви успішно підключені до робочого простору {{teamName}}."
+        "title": "Ви успішно підключилися до {{teamName}} Slack робочого простору."
       },
       "settings": {
-        "title": "Ви підключені до <a>{{teamName}}</a> робочого простору"
+        "title": "Ви підключені до <a>{{teamName}}</a> Slack робочого простору."
       }
     }
   }

package/app/javascript/src/translations/vi.json

@@ -6,7 +6,8 @@
       "cancel": "Hủy",
       "edit": "Chỉnh sửa",
       "done": "Xong",
-      "required": "{{entity}} là bắt buộc"
+      "required": "{{entity}} là bắt buộc",
+      "helpDocUrl": "Để tìm hiểu cách sử dụng tích hợp Slack, hãy truy cập bài viết <helpLink>giúp này.</helpLink>"
     },
     "slack": {
       "placeholder": "Kênh Thông Báo",
@@ -23,16 +24,16 @@
         "loginButton": "Đăng nhập vào Slack"
       },
       "configure": {
-        "title": "Bạn đang kết nối với workspace <a>{{teamName}}</a>.",
+        "title": "Bạn đang kết nối với <a>{{teamName}}</a> không gian làm việc Slack.",
         "sendTo": "Gửi đến",
         "sendToDescription": "Chọn một kênh Slack sẽ nhận thông báo",
         "refreshSlackChannelList": "Làm mới danh sách kênh Slack"
       },
       "finish": {
-        "title": "Bạn đã kết nối thành công với workspace {{teamName}}."
+        "title": "Bạn đã kết nối thành công với không gian làm việc Slack {{teamName}}."
       },
       "settings": {
-        "title": "Bạn đã kết nối với workspace <a>{{teamName}}</a>"
+        "title": "Bạn đang kết nối với <a>{{teamName}}</a> không gian làm việc Slack"
       }
     }
   }

package/app/javascript/src/translations/zh-CN.json

@@ -6,7 +6,8 @@
       "cancel": "取消",
       "edit": "编辑",
       "done": "完成",
-      "required": "{{entity}} 是必需的"
+      "required": "{{entity}} 是必需的",
+      "helpDocUrl": "要了解如何使用 Slack 集成，请访问此 <helpLink>帮助文章。</helpLink>"
     },
     "slack": {
       "placeholder": "通知通道",
@@ -23,16 +24,16 @@
         "loginButton": "登录 Slack"
       },
       "configure": {
-        "title": "你正在连接到 <a>{{teamName}}</a> 工作区。",
+        "title": "您正在连接到 <a>{{teamName}}</a> Slack 工作区。",
         "sendTo": "发送到",
         "sendToDescription": "选择一个将接收通知的 Slack 频道",
         "refreshSlackChannelList": "刷新 Slack 频道列表"
       },
       "finish": {
-        "title": "你已成功连接到 {{teamName}} 工作区。"
+        "title": "您已成功连接到 {{teamName}} Slack 工作区。"
       },
       "settings": {
-        "title": "你已连接到 <a>{{teamName}}</a> 工作区"
+        "title": "您已连接到 <a>{{teamName}}</a> Slack 工作区"
       }
     }
   }

package/app/javascript/src/translations/zh-TW.json

@@ -6,7 +6,8 @@
       "cancel": "取消",
       "edit": "編輯",
       "done": "完成",
-      "required": "{{entity}} 是必填的"
+      "required": "{{entity}} 是必填的",
+      "helpDocUrl": "要了解如何使用 Slack 整合，請訪問這篇<helpLink>幫助文章。</helpLink>"
     },
     "slack": {
       "placeholder": "通知通道",
@@ -23,16 +24,16 @@
         "loginButton": "登入 Slack"
       },
       "configure": {
-        "title": "您正在連接到 <a>{{teamName}}</a> 工作區。",
+        "title": "您正在連接到<a>{{teamName}}</a> Slack 工作區。",
         "sendTo": "發送到",
         "sendToDescription": "選擇一個 Slack 頻道以接收通知",
         "refreshSlackChannelList": "刷新 Slack 頻道列表"
       },
       "finish": {
-        "title": "您已成功連接到 {{teamName}} 工作區。"
+        "title": "您已成功連接到 {{teamName}} Slack 工作區。"
       },
       "settings": {
-        "title": "您已連接到 <a>{{teamName}}</a> 工作區"
+        "title": "您已連接到<a>{{teamName}}</a> Slack 工作區"
       }
     }
   }

package/dist/Configure.js

@@ -7,7 +7,7 @@ import Select from '@bigbinary/neetoui/formik/Select';
 import NeetoUIForm from '@bigbinary/neetoui/formik/Form';
 import { isEmpty, is } from 'ramda';
 import { Trans } from 'react-i18next';
-import { b as buildValidationSchema, t as toSlackUrl, C as ChannelSelectOption, S as SlackRefreshChannelListButton } from './SlackRefreshChannelListButton-DJAEePQ2.js';
+import { b as buildValidationSchema, t as toSlackUrl, C as ChannelSelectOption, S as SlackRefreshChannelListButton } from './SlackRefreshChannelListButton-C5Aic6eC.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import './inject-css-DmrvuTKK.js';
 import 'react';

package/dist/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 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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"}
+{"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.css\";\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":";;;;;;;;;;;;;;;;;;AAcA,IAAMA,SAAS,GAAGC,KAAK,CACrB,UAAAC,IAAA,EAAA;AAAA,EAAA,IACEC,CAAC,GAAAD,IAAA,CAADC,CAAC;IACDC,SAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,aAAA,GAAAJ,IAAA,CACRK,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IACbE,iBAAiB,GAAAN,IAAA,CAAjBM,iBAAiB;IACjBC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,gBAAgB,GAAAV,IAAA,CAAhBU,gBAAgB;IAChBC,qBAAqB,GAAAX,IAAA,CAArBW,qBAAqB;IAAAC,qBAAA,GAAAZ,IAAA,CACrBa,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;AAAA,EAAA,oBAEvBE,GAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,SAAS,EAAEM,UAAU,CAAC,QAAQ,EAAEN,SAAS,CAAE;IAAAP,QAAA,eAC9CY,GAAA,CAACE,WAAI,EAAA;AACHC,MAAAA,WAAW,EAAE;AACXC,QAAAA,kBAAkB,EAAE,IAAI;AACxBC,QAAAA,aAAa,EAAEb,iBAAiB;AAChCc,QAAAA,QAAQ,EAAEb,YAAY;QACtBG,gBAAgB,EAAEW,qBAAqB,CAACX,gBAAgB;OACxD;MAAAR,QAAA,EAED,SAAAA,QAAAA,CAAAe,WAAW,EAAA;AAAA,QAAA,IAAAK,mBAAA;QAAA,oBACVC,IAAA,CAACC,UAAU,EAAA;UACTC,WAAW,eACTX,GAAA,CAACY,MAAM,EAAA;AACLC,YAAAA,KAAK,EAAE1B,CAAC,CAAC,4BAA4B,CAAE;AACvC2B,YAAAA,OAAO,EAAEpB,YAAa;AACtBqB,YAAAA,IAAI,EAAC;AAAQ,WACd,CACF;UAAA3B,QAAA,EAAA,cAEDY,GAAA,CAACgB,UAAU,EAAA;AAACrB,YAAAA,SAAS,EAAC,MAAM;AAACsB,YAAAA,KAAK,EAAC,IAAI;YAAA7B,QAAA,eACrCY,GAAA,CAACkB,KAAK,EAAA;AACJC,cAAAA,OAAO,EAAC,kCAAkC;AAC1CC,cAAAA,MAAM,EAAE;AAAE/B,gBAAAA,QAAQ,EAARA;eAAW;AACrBgC,cAAAA,UAAU,EAAE;gBACVC,CAAC,eACCtB,GAAA,CAACY,MAAM,EAAA;AACLjB,kBAAAA,SAAS,EAAC,kBAAkB;kBAC5B4B,IAAI,EAAEC,OAAO,CAACjC,QAAQ,CAAC,GAAGkC,UAAU,CAACpC,QAAQ,CAAC,GAAGE,QAAS;AAC1D0B,kBAAAA,KAAK,EAAC;iBACP;AAEL;aACD;WACS,CAAC,eACbR,IAAA,CAAA,KAAA,EAAA;AAAKd,YAAAA,SAAS,EAAC,WAAW;AAAAP,YAAAA,QAAA,gBACxBqB,IAAA,CAAA,KAAA,EAAA;AAAKd,cAAAA,SAAS,EAAC,QAAQ;cAAAP,QAAA,EAAA,cACrBqB,IAAA,CAACO,UAAU,EAAA;AACTrB,gBAAAA,SAAS,EAAC,6BAA6B;AACvCsB,gBAAAA,KAAK,EAAC,OAAO;AACbS,gBAAAA,MAAM,EAAC,QAAQ;AAAAtC,gBAAAA,QAAA,EAEdoC,CAAAA,OAAO,CAACzB,kBAAkB,CAAC,GACxBZ,CAAC,CAAC,8CAA8C,CAAC,GACjDY,kBAAkB,eACtBC,GAAA,CAAA,KAAA,EAAA;AAAAZ,kBAAAA,QAAA,EAAK;AAAC,iBAAK,CAAC;eACF,CAAC,eACbqB,IAAA,CAAA,KAAA,EAAA;AAAKd,gBAAAA,SAAS,EAAC,4CAA4C;gBAAAP,QAAA,EAAA,cACzDY,GAAA,CAAC2B,MAAM,EAAA;kBACLC,YAAY,EAAA,IAAA;kBACZC,QAAQ,EAAA,IAAA;AACRlC,kBAAAA,SAAS,EAAC,QAAQ;AAClBmC,kBAAAA,KAAK,EAAE3B,WAAW,KAAXA,IAAAA,IAAAA,WAAW,gBAAAK,mBAAA,GAAXL,WAAW,CAAE4B,MAAM,MAAAvB,IAAAA,IAAAA,mBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAqBwB,eAAgB;AAC5CC,kBAAAA,IAAI,EAAC,iBAAiB;AACtBC,kBAAAA,OAAO,EAAE/B,WAAW,CAACiB,MAAM,CAACe,QAAS;AACrCC,kBAAAA,WAAW,EAAEjD,CAAC,CAAC,8BAA8B,CAAE;AAC/CkD,kBAAAA,IAAI,EAAC,OAAO;AACZC,kBAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAEC,OAAO,EAAA;oBAAA,oBACxBvC,GAAA,CAACwC,mBAAmB,EAAA;AAClBC,sBAAAA,SAAS,EAAEF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEE,SAAU;sBAC9B5B,KAAK,EAAE0B,OAAO,CAAC1B;AAAM,qBACtB,CAAC;AAAA;AACF,iBACH,CAAC,eACFb,GAAA,CAAC0C,6BAA6B,EAAA;AACtB7C,kBAAAA,qBAAqB,EAArBA;AAAqB,iBAC5B,CAAC;AAAA,eACC,CAAC;AAAA,aACH,CAAC,EACL8C,EAAE,CAACC,QAAQ,EAAExD,SAAQ,CAAC,GAAGA,SAAQ,CAACe,WAAW,CAAC,GAAGf,SAAQ;AAAA,WACvD,CAAC;AAAA,SACI,CAAC;AAAA;KAEX;AAAC,GACJ,CAAC;AAAA,CAEV;;;;"}

package/dist/Connect.js

@@ -3,12 +3,14 @@ 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 { Trans } from 'react-i18next';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var Connect = withT(function (_ref) {
   var t = _ref.t,
     handleRedirectToSlack = _ref.handleRedirectToSlack,
-    isAuthorizeUrlFetching = _ref.isAuthorizeUrlFetching;
+    isAuthorizeUrlFetching = _ref.isAuthorizeUrlFetching,
+    helpDocUrl = _ref.helpDocUrl;
   return /*#__PURE__*/jsx(CardLayout, {
     actionBlock: /*#__PURE__*/jsx(Button, {
       "data-cy": "slack-connect-login-button",
@@ -32,6 +34,20 @@ var Connect = withT(function (_ref) {
           style: "body1",
           weight: "normal",
           children: t("neetoSlack.slack.connect.description")
+        }), helpDocUrl && /*#__PURE__*/jsx(Typography, {
+          className: "neeto-ui-text-gray-800",
+          style: "body2",
+          weight: "normal",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoSlack.common.helpDocUrl",
+            components: {
+              helpLink: /*#__PURE__*/jsx(Button, {
+                href: helpDocUrl,
+                style: "link",
+                target: "_blank"
+              })
+            }
+          })
         })]
       })]
     })

package/dist/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 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,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;EAAA,oBACjDC,GAAA,CAACC,UAAU,EAAA;IACTC,WAAW,eACTF,GAAA,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,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,wBAAwB;AAClCI,UAAAA,KAAK,EAAC,IAAI;AACVC,UAAAA,MAAM,EAAC,UAAU;UAAAP,QAAA,EAEhBV,CAAC,CAAC,gCAAgC;AAAC,SAC1B,CAAC,eACbG,GAAA,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;;;;"}
+{"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\";\nimport { Trans } from \"react-i18next\";\n\nconst Connect = withT(\n  ({ t, handleRedirectToSlack, isAuthorizeUrlFetching, helpDocUrl }) => (\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          {helpDocUrl && (\n            <Typography\n              className=\"neeto-ui-text-gray-800\"\n              style=\"body2\"\n              weight=\"normal\"\n            >\n              <Trans\n                i18nKey=\"neetoSlack.common.helpDocUrl\"\n                components={{\n                  helpLink: (\n                    <Button href={helpDocUrl} style=\"link\" target=\"_blank\" />\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","style","weight","Trans","i18nKey","components","helpLink","href","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,SAAA,EAAQ,4BAA4B;AACpCC,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,wBAAwB;AAClCI,UAAAA,KAAK,EAAC,IAAI;AACVC,UAAAA,MAAM,EAAC,UAAU;UAAAP,QAAA,EAEhBX,CAAC,CAAC,gCAAgC;AAAC,SAC1B,CAAC,eACbI,GAAA,CAACY,UAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,wBAAwB;AAClCI,UAAAA,KAAK,EAAC,OAAO;AACbC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,EAEdX,CAAC,CAAC,sCAAsC;AAAC,SAChC,CAAC,EACZG,UAAU,iBACTC,GAAA,CAACY,UAAU,EAAA;AACTH,UAAAA,SAAS,EAAC,wBAAwB;AAClCI,UAAAA,KAAK,EAAC,OAAO;AACbC,UAAAA,MAAM,EAAC,QAAQ;UAAAP,QAAA,eAEfP,GAAA,CAACe,KAAK,EAAA;AACJC,YAAAA,OAAO,EAAC,8BAA8B;AACtCC,YAAAA,UAAU,EAAE;cACVC,QAAQ,eACNlB,GAAA,CAACG,MAAM,EAAA;AAACgB,gBAAAA,IAAI,EAAEpB,UAAW;AAACc,gBAAAA,KAAK,EAAC,MAAM;AAACO,gBAAAA,MAAM,EAAC;eAAU;AAE5D;WACD;AAAC,SACQ,CACb;AAAA,OACE,CAAC;KACH;AAAC,GACI,CAAC;AAAA,CAEjB;;;;"}

package/dist/Finish.js

@@ -37,7 +37,7 @@ const SvgSuccess = props => /*#__PURE__*/React.createElement("svg", _extends({
   height: 344
 }))));
 
-var css = ".border-t{border-top:1px solid}.border-gray-300{border-color:#d1d5db}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL3V0aWxpdGllcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFVBQ0Usb0JBQ0YsQ0FDQSxpQkFDRSxvQkFFRiIsInNvdXJjZXNDb250ZW50IjpbIi5ib3JkZXItdCB7XG4gIGJvcmRlci10b3A6IHNvbGlkIDFweDtcbn1cbi5ib3JkZXItZ3JheS0zMDAge1xuICBib3JkZXItY29sb3I6ICNkMWQ1ZGI7XG59XG4iXX0= */";
+var css = ".border-t{border-top:1px solid}.border-gray-300{border-color:#d1d5db}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL3V0aWxpdGllcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFDRSxvQkFDRixDQUNBLGlCQUNFLG9CQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLmJvcmRlci10IHtcbiAgYm9yZGVyLXRvcDogc29saWQgMXB4O1xufVxuLmJvcmRlci1ncmF5LTMwMCB7XG4gIGJvcmRlci1jb2xvcjogI2QxZDVkYjtcbn1cbiJdfQ== */";
 n(css,{});
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }