@devops-flow/devops-flow-pipeline-detail 0.0.37

package/es/components/dashboardMain/components/service-auth-manage/service-auth-dialog/CodeRepo.js

@@ -0,0 +1,316 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+var _excluded = ["connectionType"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from 'react';
+import { Radio, Button, Message, Loading } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import { getServiceConnections } from "../utils";
+import { cloneDeep } from 'lodash-es';
+import exceed from "../../../../../utils/apimap";
+import intl from "../../../../../locale";
+import allSettled from 'promise.allsettled';
+import "./index.scss";
+var scopeMap = {
+  personal: 'PERSONAL'
+};
+var defaultServiceOptions = [{
+  src: 'https://img.alicdn.com/tfs/TB1qLYkDUH1gK0jSZSyXXXtlpXa-56-56.png',
+  type: 'aliyun_code',
+  label: intl.get({
+    id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.AlibabaCloudCode',
+    defaultMessage: '阿里云Code'
+  }),
+  accounts: [],
+  maxServiceAuth: 1,
+  disabled: false
+}, {
+  src: 'https://img.alicdn.com/tfs/TB1Gx6jDQL0gK0jSZFtXXXQCXXa-56-56.png',
+  type: 'Gitee',
+  label: intl.get({
+    id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.CodeCloud',
+    defaultMessage: '码云'
+  }),
+  accounts: [],
+  disabled: false
+}, {
+  src: 'https://img.alicdn.com/tfs/TB141HjDUz1gK0jSZLeXXb9kVXa-56-56.png',
+  type: 'Github',
+  label: 'Github',
+  accounts: [],
+  disabled: false
+}];
+var PREFIX = 'code-repo';
+var CodeRepo = /*#__PURE__*/function (_React$Component) {
+  function CodeRepo() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {
+      allServiceOptions: cloneDeep(defaultServiceOptions),
+      loading: true
+    };
+    _this.getServiceAuths = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var serviceAuths, res, allServiceOptions;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            serviceAuths = _this.props.serviceAuths;
+            _context.next = 3;
+            return allSettled(serviceAuths.map(function (_ref2) {
+              var id = _ref2.id;
+              return getServiceConnections(id);
+            }));
+          case 3:
+            res = _context.sent;
+            allServiceOptions = cloneDeep(defaultServiceOptions);
+            (res || []).forEach(function (_ref3) {
+              var status = _ref3.status,
+                value = _ref3.value;
+              if (status !== 'fulfilled' || !value.successful) return;
+              (value.object || []).forEach(function (_ref4) {
+                var connectionType = _ref4.connectionType,
+                  others = _objectWithoutPropertiesLoose(_ref4, _excluded);
+                var index = allServiceOptions.findIndex(function (_ref5) {
+                  var type = _ref5.type;
+                  return type.toLocaleLowerCase() === connectionType.toLocaleLowerCase();
+                });
+                if (index === -1) return;
+                allServiceOptions[index].accounts.push(_extends({
+                  connectionType: connectionType
+                }, others));
+              });
+            });
+            _this.setState({
+              allServiceOptions: allServiceOptions,
+              loading: false
+            });
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    _this.onUnBindServiceAuth = function (id) {
+      exceed.fetch({
+        api: 'service-connection.delete',
+        data: {
+          id: id
+        }
+      }).then(function (_ref6) {
+        var successful = _ref6.successful;
+        if (successful) {
+          Message.success({
+            content: intl.get({
+              id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.UnbindSuccessfully',
+              defaultMessage: '解绑成功'
+            })
+          });
+          _this.getServiceAuths();
+        } else {
+          Message.error({
+            content: intl.get({
+              id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.FailedToUnbind',
+              defaultMessage: '解绑失败'
+            })
+          });
+        }
+      });
+    };
+    _this.onBindServiceAuth = function (type) {
+      var _aliyun_code$gitee$gi = {
+          aliyun_code: {
+            openUlr: '/aliyun/service/auth?redirectRam=false&scType=aliyun_cod',
+            successUrl: '/oauth/aliyun/success',
+            errorUrl: '/oauth/aliyun/error'
+          },
+          gitee: {
+            openUlr: '/gitee/connection',
+            successUrl: '/oauth/gitee/success',
+            errorUrl: '/oauth/gitee/error'
+          },
+          github: {
+            openUlr: '/github/connection',
+            successUrl: '/oauth/github/success',
+            errorUrl: '/oauth/github/error'
+          }
+        }[type.toLocaleLowerCase()],
+        openUlr = _aliyun_code$gitee$gi.openUlr,
+        successUrl = _aliyun_code$gitee$gi.successUrl,
+        errorUrl = _aliyun_code$gitee$gi.errorUrl;
+      if (!openUlr || !successUrl || !errorUrl) {
+        return Message.error({
+          title: intl.get({
+            id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.AnErrorOccurredPleaseTry',
+            defaultMessage: '出错了，请重试'
+          })
+        });
+      }
+      var openedWindow = window.open(openUlr);
+      var windowChecker = setInterval(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var url, message;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(openedWindow.location.pathname === successUrl || openedWindow.closed)) {
+                _context2.next = 12;
+                break;
+              }
+              clearInterval(windowChecker);
+              if (!(openedWindow.location.pathname === successUrl)) {
+                _context2.next = 11;
+                break;
+              }
+              Message.success({
+                title: intl.get({
+                  id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.AuthorizationAddedSuccessfully',
+                  defaultMessage: '授权添加成功'
+                })
+              });
+              _this.props.setDialogLoading(true);
+              _context2.next = 7;
+              return _this.props.refreshAuthList();
+            case 7:
+              _context2.next = 9;
+              return _this.getServiceAuths();
+            case 9:
+              _this.props.setDialogLoading(false);
+              !_this.props.isEdit && _this.props.onClose();
+            case 11:
+              if (!openedWindow.closed) {
+                openedWindow.close();
+              }
+            case 12:
+              // 授权发生异常
+              if (openedWindow.location.pathname === errorUrl) {
+                window.clearInterval(windowChecker);
+                url = new URL(openedWindow.location.href);
+                message = url.searchParams.get('message');
+                Message.warning({
+                  title: intl.get({
+                    id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.TypeAuthorizationFailedMessage',
+                    defaultMessage: '{type}授权失败:{message}'
+                  }, {
+                    type: type,
+                    message: message
+                  })
+                });
+                if (!openedWindow.closed) {
+                  openedWindow.close();
+                }
+              }
+            case 13:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      })), 500);
+    };
+    _this.renderServiceCard = function () {
+      var allServiceOptions = _this.state.allServiceOptions;
+      var _this$props = _this.props,
+        isEdit = _this$props.isEdit,
+        ownerId = _this$props.ownerId;
+      var renderAccounts = function renderAccounts(accounts) {
+        return accounts.map(function (_ref8) {
+          var authId = _ref8.authId,
+            id = _ref8.id,
+            connectionName = _ref8.connectionName;
+          return /*#__PURE__*/React.createElement("div", {
+            key: authId + "_" + id,
+            className: PREFIX + "__card__accounts__item"
+          }, /*#__PURE__*/React.createElement("div", {
+            className: PREFIX + "__card__accounts__left"
+          }, intl.get({
+            id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.Account',
+            defaultMessage: '账号:'
+          }), connectionName), /*#__PURE__*/React.createElement("div", {
+            className: PREFIX + "__card__accounts__right"
+          }, /*#__PURE__*/React.createElement(Button, {
+            text: true,
+            type: "primary",
+            onClick: function onClick() {
+              return _this.onUnBindServiceAuth(id);
+            }
+          }, intl.get({
+            id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.Unbundling',
+            defaultMessage: '解绑'
+          }))));
+        });
+      };
+      return allServiceOptions.map(function (_ref9) {
+        var type = _ref9.type,
+          label = _ref9.label,
+          src = _ref9.src,
+          maxServiceAuth = _ref9.maxServiceAuth,
+          accounts = _ref9.accounts;
+        return /*#__PURE__*/React.createElement("div", {
+          key: type,
+          className: PREFIX + "__card"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: PREFIX + "__card__header"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: PREFIX + "__card__header__left"
+        }, /*#__PURE__*/React.createElement("img", {
+          src: src,
+          className: PREFIX + "__card__header__icon"
+        }), /*#__PURE__*/React.createElement("span", {
+          className: PREFIX + "__card__header__text"
+        }, label)), /*#__PURE__*/React.createElement("div", {
+          className: PREFIX + "__card__header__right"
+        }, /*#__PURE__*/React.createElement(Button, {
+          text: true,
+          type: "primary",
+          onClick: function onClick() {
+            return _this.onBindServiceAuth(type);
+          },
+          disabled: isEdit ? maxServiceAuth === accounts.length || ownerId !== window.AK_GLOBAL.currentUser.workid : false
+        }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+          type: "add-fill"
+        }), intl.get({
+          id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.AddAuthorization',
+          defaultMessage: '添加授权'
+        })))), !!accounts.length && /*#__PURE__*/React.createElement("div", {
+          className: PREFIX + "__card__accounts"
+        }, renderAccounts(accounts)));
+      });
+    };
+    return _this;
+  }
+  _inheritsLoose(CodeRepo, _React$Component);
+  var _proto = CodeRepo.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    this.getServiceAuths();
+  };
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Loading, {
+      inline: false,
+      visible: this.state.loading
+    }, /*#__PURE__*/React.createElement("div", {
+      className: PREFIX
+    }, /*#__PURE__*/React.createElement("h3", {
+      style: {
+        marginTop: 0
+      }
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.AuthorizationScope',
+      defaultMessage: '授权范围'
+    })), /*#__PURE__*/React.createElement(Radio.Group, {
+      value: scopeMap.personal
+    }, /*#__PURE__*/React.createElement(Radio, {
+      value: scopeMap.personal
+    }, intl.get({
+      id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.UseThisAccountOnly',
+      defaultMessage: '仅本账号使用'
+    }))), /*#__PURE__*/React.createElement("p", null, intl.get({
+      id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeRepo.AuthorizedServices',
+      defaultMessage: '已授权服务'
+    })), this.renderServiceCard()));
+  };
+  return CodeRepo;
+}(React.Component);
+export default CodeRepo;

package/es/components/dashboardMain/components/service-auth-manage/service-auth-dialog/index.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+import './index.scss';
+declare class ServiceAuthDialog extends Component {
+    constructor(props: any);
+    saveServiceAuth: () => Promise<void>;
+    goToRam: () => void;
+    setDialogLoading: (v: any) => void;
+    render(): JSX.Element;
+}
+export default ServiceAuthDialog;

package/es/components/dashboardMain/components/service-auth-manage/service-auth-dialog/index.js

@@ -0,0 +1,231 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { Component } from 'react';
+import Nav from '@alife/teamix-at-nav';
+import { Dialog, Message, Loading } from '@teamix/ui';
+import { updateServiceAuthAndServiceConnections } from "../utils";
+import AliyunRam from "./AliyunRam";
+import CodeRepo from "./CodeRepo";
+import { get } from 'lodash-es';
+import intl from "../../../../../locale";
+import "./index.scss";
+var Item = Nav.Item;
+var stepMap = {
+  aliyunRam: {
+    key: 'aliyunRam',
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.AlibabaCloudPermissionSettings',
+      defaultMessage: '阿里云权限设置'
+    })
+  },
+  codeRepo: {
+    key: 'codeRepo',
+    label: intl.get({
+      id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.CodeBaseSettings',
+      defaultMessage: '代码库设置'
+    })
+  }
+};
+var PRRFIX = 'service-auth-dialog';
+var ServiceAuthDialog = /*#__PURE__*/function (_Component) {
+  function ServiceAuthDialog(props) {
+    var _this$state;
+    var _this;
+    _this = _Component.call(this, props) || this;
+    _this.saveServiceAuth = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _this$state$_this$sta, serviceAuth, scope, serviceOptions, _yield$updateServiceA, successful, object, errorMsg, msg;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _this.setState({
+              saveLoading: true
+            });
+            _this$state$_this$sta = _this.state[_this.state.current], serviceAuth = _this$state$_this$sta.serviceAuth, scope = _this$state$_this$sta.scope, serviceOptions = _this$state$_this$sta.serviceOptions;
+            _context.next = 4;
+            return updateServiceAuthAndServiceConnections(serviceAuth.id, scope, serviceOptions.join(','));
+          case 4:
+            _yield$updateServiceA = _context.sent;
+            successful = _yield$updateServiceA.successful;
+            object = _yield$updateServiceA.object;
+            errorMsg = _yield$updateServiceA.errorMsg;
+            if (successful) {
+              if (object && object.length > 0) {
+                msg = '';
+                object.forEach(function (scRelation) {
+                  var objName = scRelation.serviceConnectionType === 'ecs' ? intl.get({
+                    id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.HostGroup',
+                    defaultMessage: '主机组'
+                  }) : intl.get({
+                    id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.AssemblyLine',
+                    defaultMessage: '流水线'
+                  });
+                  var showMsg = "\u670D\u52A1\u8FDE\u63A5" + scRelation.serviceConnectionName + "\u5DF2\u7ECF\u5173\u8054\u4E86\u3010" + scRelation.relations.length + "\u3011\u6761" + objName + "\u3010" + scRelation.relations.map(function (item) {
+                    return item.value;
+                  }).join(', ') + "\u3011\uFF0C\u8BF7\u5148\u5220\u9664\u5173\u8054" + objName + "\u3002";
+                  msg += showMsg;
+                });
+                Message.error({
+                  title: intl.get({
+                    id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.FailedToDelete',
+                    defaultMessage: '删除失败'
+                  }),
+                  content: msg,
+                  duration: 6000
+                });
+              } else {
+                Message.success({
+                  title: intl.get({
+                    id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.SavedSuccessfully',
+                    defaultMessage: '保存成功'
+                  })
+                });
+              }
+              _this.props.refreshAuthList();
+            } else {
+              Message.error({
+                title: errorMsg || intl.get({
+                  id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.FailedToSave',
+                  defaultMessage: '保存失败'
+                })
+              });
+            }
+            _this.setState({
+              saveLoading: false
+            });
+            _this.props.onClose();
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    _this.goToRam = function () {
+      var openedWindow = window.open('/aliyun/oauth/ram/authorization');
+      var windowChecker = setInterval(function () {
+        if (openedWindow.location.pathname === '/ram/aliyun/success') {
+          window.clearInterval(windowChecker);
+          if (openedWindow.location.pathname === '/ram/aliyun/success') {
+            Message.success({
+              title: intl.get({
+                id: 'rdc-tb-cd-assets.service-auth-manage.service-auth-dialog.ServiceAuthorizationCreated',
+                defaultMessage: '服务授权创建成功'
+              })
+            });
+            _this.getCurrentServiceAuth();
+          }
+          if (!openedWindow.closed) {
+            openedWindow.close();
+          }
+        }
+      }, 500);
+    };
+    _this.setDialogLoading = function (v) {
+      _this.setState({
+        dialogLoading: v
+      });
+    };
+    var _get$reduce = get(props, 'serviceAuthGruop.serviceAuths', []).reduce(function (prev, next) {
+        prev[next.type.toLowerCase() === 'ram' ? 'ramServiceAuth' : 'otherServiceAuth'].push(next);
+        return prev;
+      }, {
+        ramServiceAuth: [],
+        otherServiceAuth: []
+      }),
+      ramServiceAuth = _get$reduce.ramServiceAuth,
+      otherServiceAuth = _get$reduce.otherServiceAuth;
+    _this.state = (_this$state = {
+      dialogLoading: false,
+      current: stepMap.aliyunRam.key,
+      saveLoading: false
+    }, _this$state[stepMap.aliyunRam.key] = {
+      serviceAuth: ramServiceAuth.length ? ramServiceAuth[0] : false,
+      serviceOptions: [],
+      scope: ''
+    }, _this$state[stepMap.codeRepo.key] = {
+      serviceAuths: otherServiceAuth
+    }, _this$state);
+    return _this;
+  }
+  _inheritsLoose(ServiceAuthDialog, _Component);
+  var _proto = ServiceAuthDialog.prototype;
+  _proto.render = function render() {
+    var _this2 = this,
+      _stepMap$aliyunRam$ke;
+    var _this$props = this.props,
+      onClose = _this$props.onClose,
+      visible = _this$props.visible,
+      refreshAuthList = _this$props.refreshAuthList,
+      _this$props$serviceAu = _this$props.serviceAuthGruop,
+      serviceAuthGruop = _this$props$serviceAu === void 0 ? {} : _this$props$serviceAu,
+      isEdit = _this$props.isEdit,
+      addConnection = _this$props.addConnection,
+      _this$state2 = this.state,
+      current = _this$state2.current,
+      saveLoading = _this$state2.saveLoading,
+      dialogLoading = _this$state2.dialogLoading;
+    var setState = function setState(state) {
+      var _this2$setState;
+      if (state === void 0) {
+        state = {};
+      }
+      _this2.setState((_this2$setState = {}, _this2$setState[current] = _extends({}, _this2.state[current], state), _this2$setState));
+    };
+    var props = _extends({}, this.state[current], {
+      setState: setState,
+      onClose: onClose,
+      isEdit: isEdit,
+      refreshAuthList: refreshAuthList,
+      ownerId: serviceAuthGruop.owner,
+      addConnection: addConnection,
+      setDialogLoading: this.setDialogLoading
+    });
+    var Content = (_stepMap$aliyunRam$ke = {}, _stepMap$aliyunRam$ke[stepMap.aliyunRam.key] = AliyunRam, _stepMap$aliyunRam$ke[stepMap.codeRepo.key] = CodeRepo, _stepMap$aliyunRam$ke)[current];
+    return /*#__PURE__*/React.createElement(Dialog, {
+      title: stepMap[current].label,
+      visible: visible,
+      onClose: onClose,
+      onCancel: onClose,
+      onOk: this.saveServiceAuth,
+      style: {
+        width: 750
+      },
+      height: 588,
+      closeable: "close,mask,esc",
+      className: PRRFIX,
+      footer: current !== stepMap.codeRepo.key,
+      animation: {
+        "in": 'expandInDown',
+        out: 'expandOutUp'
+      },
+      okProps: {
+        loading: saveLoading,
+        disabled: !(this.state[current].serviceOptions || []).length
+      }
+    }, /*#__PURE__*/React.createElement(Loading, {
+      visible: dialogLoading,
+      inline: false
+    }, /*#__PURE__*/React.createElement("div", {
+      className: PRRFIX + "__wrap"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: PRRFIX + "__sidebar"
+    }, /*#__PURE__*/React.createElement(Nav, {
+      selectedKey: current,
+      onSelect: function onSelect(c) {
+        return _this2.setState({
+          current: c
+        });
+      }
+    }, Object.keys(stepMap).map(function (k) {
+      return /*#__PURE__*/React.createElement(Item, {
+        key: stepMap[k].key,
+        label: stepMap[k].label
+      });
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: PRRFIX + "__content"
+    }, Content && /*#__PURE__*/React.createElement(Content, props)))));
+  };
+  return ServiceAuthDialog;
+}(Component);
+export default ServiceAuthDialog;

package/es/components/dashboardMain/components/service-auth-manage/service-auth-dialog/index.scss

@@ -0,0 +1,84 @@
+@import '~components/common/teambition/bem.scss';
+
+@include block(service-auth-dialog) {
+  transform: rotate(0);
+  .next-dialog-body {
+    padding: 0;
+  }
+
+  .next-dialog-footer {
+    background: var(--color-white, #fff);
+  }
+
+  h3 {
+    color: var(--color-text1-4, #292929);
+    display: flex;
+    align-items: center;
+    & + span {
+      color: var(--color-text1-4, #292929);
+    }
+  }
+
+  @include element(wrap) {
+    display: grid;
+    grid-template-columns: 140px 1fr;
+  }
+
+  @include element(sidebar) {
+    &::after {
+      content: '';
+      position: fixed;
+      left: 140px;
+      top: 47px;
+      width: 1px;
+      height: 100%;
+      background: var(--color-brand3-1, #f2f5f7);
+    }
+    @import "../../../../common/at-dialog-nav";
+  }
+
+  @include element(content) {
+    padding: 20px;
+  }
+}
+
+@include block(code-repo) {
+  @include element(card) {
+    border: 1px solid var(--color-brand3-1, #f2f5f7);
+    border-radius: 4px;
+    padding: 10px;
+    &:not(:last-child) {
+      margin-bottom: 12px;
+    }
+
+    @include element(header) {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      @include element(left) {
+        display: flex;
+        align-items: center;
+      }
+
+      @include element(icon) {
+        width: 28px;
+        height: 28px;
+        border-right: 50%;
+        margin-right: 8px;
+      }
+    }
+
+    @include element(accounts) {
+      padding-left: 36px;
+      margin-top: 6px;
+
+      @include element(item) {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 4px;
+      }
+    }
+  }
+}

package/es/components/dashboardMain/components/service-auth-manage/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const getServiceAuths: (pageStart: any, pageSize: any) => Promise<{
+    object: any;
+    successful: any;
+}>;
+export declare const getServiceConnections: (authId: any) => Promise<any>;
+export declare const updateServiceAuthAndServiceConnections: (authId: any, scope: any, serviceConnectionTypes: any) => Promise<any>;
+export declare const batchDeleteServiceAuths: (authIds: any, ramId: any) => Promise<any>;
+export declare const getCurrentUserRamServiceAuth: () => Promise<any>;