@bigbinary/neeto-integrations-frontend 3.0.0 → 3.1.0

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

@@ -82,7 +82,7 @@
       "title": "Daily.co",
       "description": "Include daily.co links in your meetings booked using {{appName, anyCase}}.",
       "apiKey": "API key",
-      "helpDoc": "<externalLink>See instructions</externalLink> on getting the API key",
+      "helpDoc": "Daily.co is a video conferencing platform. Integrate it to host online meetings. <videoLink>Check how it behaves</videoLink>.",
       "yourApiKey": "You are connected to Daily.co with the API key: <wrapper><span>{{apiKey, anyCase}}</span><copy /></wrapper>",
       "connect": {
         "account": "Connect your Daily.co account",

package/dist/Daily.cjs.js

@@ -1,33 +1,33 @@
 'use strict';
 
-var React = require('react');
 var i18next = require('i18next');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var reactQuery = require('@tanstack/react-query');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var axios = require('axios');
+var React = require('react');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var Header = require('@bigbinary/neeto-molecules/Header');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var Button = require('@bigbinary/neetoui/Button');
+var Typography = require('@bigbinary/neetoui/Typography');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var FormikFormWrapper = require('@bigbinary/neetoui/formik/Form');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var classnames = require('classnames');
-var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neeto-molecules/IntegrationCard');
 var DisconnectAlert = require('@bigbinary/neeto-molecules/IntegrationDisconnectAlert');
 var WalkthroughModal = require('@bigbinary/neeto-molecules/IntegrationWalkthroughModal');
+var classnames = require('classnames');
 var Check = require('@bigbinary/neeto-icons/Check');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
-var Typography = require('@bigbinary/neetoui/Typography');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var DailyIcon = require('@bigbinary/neeto-icons/misc/Daily');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+var jsxRuntime = require('react/jsx-runtime');
 require('@bigbinary/neeto-icons/misc/GoogleCalendar');
 require('@bigbinary/neeto-icons/misc/Google');
 require('@bigbinary/neetoui/Callout');
@@ -57,24 +57,23 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
 var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var FormikFormWrapper__default = /*#__PURE__*/_interopDefaultLegacy(FormikFormWrapper);
 var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var DisconnectAlert__default = /*#__PURE__*/_interopDefaultLegacy(DisconnectAlert);
 var WalkthroughModal__default = /*#__PURE__*/_interopDefaultLegacy(WalkthroughModal);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var DailyIcon__default = /*#__PURE__*/_interopDefaultLegacy(DailyIcon);
 var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
@@ -147,11 +146,11 @@ var QUERY_KEYS = {
   ZOOM_DETAILS: "zoom-details"
 };
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useCreateDaily = function useCreateDaily() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$4({
+  return reactUtils.useMutationWithInvalidation(dailiesApi.create, _objectSpread$3({
     keysToInvalidate: [[QUERY_KEYS.DAILY_CO_DETAILS]]
   }, options));
 };
@@ -225,52 +224,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var _excluded = ["className", "children"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ExternalLink = function ExternalLink(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsxRuntime.jsx("a", _objectSpread$3(_objectSpread$3({
-    className: classnames__default["default"](["neeto-ui-text-primary-800 hover:neeto-ui-text-primary-800 visited:neeto-ui-text-primary-600 font-medium", className])
-  }, props), {}, {
-    children: children
-  }));
-};
-var ExternalLink$1 = /*#__PURE__*/React__default["default"].memo(ExternalLink);
-
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Manage$1 = reactUtils.withT(function (_ref) {
@@ -771,26 +724,24 @@ var Form = function Form(_ref) {
         className: "flex items-center gap-2",
         children: [t("neetoIntegrations.daily.connect.title"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
           title: t("neetoIntegrations.daily.connect.title"),
-          description: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-            i18nKey: "neetoIntegrations.daily.helpDoc",
-            components: {
-              externalLink: /*#__PURE__*/jsxRuntime.jsx(ExternalLink$1, {
-                "data-cy": "api-key-help-doc-link",
-                href: helpDocUrl,
-                rel: "noreferrer",
-                target: "_blank"
-              })
-            }
-          }),
-          helpLinkProps: {
-            label: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-              className: "mt-8",
-              label: t("neetoIntegrations.daily.walkthroughText"),
-              style: "link",
-              onClick: function onClick() {
-                return setIsDemoModalOpen(true);
+          description: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            lineHeight: "normal",
+            style: "body2",
+            children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              i18nKey: "neetoIntegrations.daily.helpDoc",
+              components: {
+                videoLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                  style: "link",
+                  onClick: function onClick() {
+                    return setIsDemoModalOpen(true);
+                  }
+                })
               }
             })
+          }),
+          helpLinkProps: {
+            href: helpDocUrl,
+            "data-cy": "api-key-help-doc-link"
           }
         })]
       })