ui: add bluesky and mastodon

* ref: cern-sis/issues-inspire#619

backend/inspirehep/submissions/marshmallow/author.py

@@ -21,6 +21,8 @@ class Author(Schema):
     status = fields.Raw()
     arxiv_categories = fields.Raw()
     websites = fields.Raw()
+    bluesky = fields.Raw()
+    mastodon = fields.Raw()
     twitter = fields.Raw()
     blog = fields.Raw()
     linkedin = fields.Raw()
@@ -63,6 +65,12 @@ def before_dump(self, data):
             ),
             "emails": get_value(data, "email_addresses", default=missing),
             "status": get_value(data, "status", default=missing),
+            "bluesky": self.get_first_or_missing(
+                get_values_for_schema(data.get("ids", []), "BLUESKY")
+            ),
+            "mastodon": self.get_first_or_missing(
+                get_values_for_schema(data.get("ids", []), "MASTODON")
+            ),
             "twitter": self.get_first_or_missing(
                 get_values_for_schema(data.get("ids", []), "TWITTER")
             ),
@@ -160,6 +168,12 @@ def build_author(self, data):
         status = data.get("status")
         author.set_status(status)
 
+        bluesky = data.get("bluesky")
+        author.add_bluesky(bluesky)
+
+        mastodon = data.get("mastodon")
+        author.add_mastodon(mastodon)
+
         twitter = data.get("twitter")
         author.add_twitter(twitter)
 

backend/pyproject.toml

@@ -21,7 +21,7 @@ Flask = ">=1.0.2"
 msgpack = "==0.6.2"
 
 python = ">=3.11,<3.12"
-inspire-schemas = "^61.5.32"
+inspire-schemas = "^61.6.1"
 inspire-utils = "^3.0.61"
 inspire-service-orcid = {git = "https://github.com/inspirehep/inspire-service-orcid.git", rev = "1a0e762e58bc9cac65f7665b9831993c017fd8bb"}
 inspire-json-merger = "^11.0.37"

backend/tests/unit/submissions/test_authors.py

@@ -251,6 +251,58 @@ def test_load_author_linkedin():
     assert result == expected
 
 
+def test_dump_author_bluesky():
+    data = {
+        **DEFAULT_DATA_TO_DUMP,
+        "ids": [{"value": "username.bsky.social", "schema": "BLUESKY"}],
+    }
+
+    record = faker.record("aut", data=data)
+
+    result = Author().dump(record).data
+    expected = {**DEFAULT_DATA_DUMP, "bluesky": "username.bsky.social"}
+
+    assert result == expected
+
+
+def test_load_author_bluesky():
+    data = {**DEFAULT_DATA_TO_DUMP, "bluesky": "username.bsky.social"}
+
+    result = Author().load(data).data
+    expected = {
+        **DEFAULT_DATA_LOAD,
+        "ids": [{"schema": "BLUESKY", "value": "username.bsky.social"}],
+    }
+
+    assert result == expected
+
+
+def test_dump_author_mastodon():
+    data = {
+        **DEFAULT_DATA_TO_DUMP,
+        "ids": [{"value": "username@host", "schema": "MASTODON"}],
+    }
+
+    record = faker.record("aut", data=data)
+
+    result = Author().dump(record).data
+    expected = {**DEFAULT_DATA_DUMP, "mastodon": "username@host"}
+
+    assert result == expected
+
+
+def test_load_author_mastodon():
+    data = {**DEFAULT_DATA_TO_DUMP, "mastodon": "username@host"}
+
+    result = Author().load(data).data
+    expected = {
+        **DEFAULT_DATA_LOAD,
+        "ids": [{"schema": "MASTODON", "value": "username@host"}],
+    }
+
+    assert result == expected
+
+
 def test_dump_author_twitter():
     data = {
         **DEFAULT_DATA_TO_DUMP,

ui/package.json

@@ -22,7 +22,7 @@
     "lint": "./node_modules/eslint/bin/eslint.js ./src --ext \"**/*.{js,jsx,ts,tsx}\" --config .eslintrc"
   },
   "dependencies": {
-    "@ant-design/icons": "^4.0.0",
+    "@ant-design/icons": "^5.5.1",
     "@babel/runtime": "7.0.0-beta.55",
     "@craco/craco": "6.4.3",
     "@sentry/browser": "^5.0.0",

ui/src/authors/components/AssignDrawer/__tests__/__snapshots__/AssignDrawer.test.jsx.snap

@@ -45,7 +45,7 @@ exports[`AssignDrawer renders assign authors search 1`] = `
       <Button
         data-test-id="assign-button"
         disabled={true}
-        icon={<ForwardRef(SelectOutlined) />}
+        icon={<SelectOutlined />}
         onClick={[Function]}
         type="primary"
       >

ui/src/authors/components/AuthorBlueskyAction.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Tooltip } from 'antd';
+
+import Icon from '@ant-design/icons';
+import UserAction from '../../common/components/UserAction';
+import LinkWithTargetBlank from '../../common/components/LinkWithTargetBlank';
+import EventTracker from '../../common/components/EventTracker';
+import { ReactComponent as blueskyLogo } from '../../common/assets/bluesky.svg';
+
+const AuthorBlueskyAction = ({ bluesky }: { bluesky: string }) => {
+  const href = `//bsky.app/profile/${bluesky}`;
+  return (
+    <UserAction>
+      <EventTracker
+        eventCategory="Author detail"
+        eventAction="Link"
+        eventId="Bluesky"
+      >
+        <LinkWithTargetBlank href={href}>
+          <Tooltip title="Bluesky">
+            <Icon component={blueskyLogo} style={{ color: 'rgb(95,95,95)' }} />
+          </Tooltip>
+        </LinkWithTargetBlank>
+      </EventTracker>
+    </UserAction>
+  );
+};
+
+export default AuthorBlueskyAction;

ui/src/authors/components/AuthorMastodonAction.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Tooltip } from 'antd';
+
+import Icon from '@ant-design/icons';
+import UserAction from '../../common/components/UserAction';
+import LinkWithTargetBlank from '../../common/components/LinkWithTargetBlank';
+import EventTracker from '../../common/components/EventTracker';
+import { ReactComponent as mastodonLogo } from '../../common/assets/mastodon.svg';
+
+const AuthorMastodonAction = ({ mastodon }: { mastodon: string }) => {
+  const [user, host] = mastodon ? mastodon.split('@') : [];
+  const href = `//${host}/@${user}`;
+  return (
+    <UserAction>
+      <EventTracker
+        eventCategory="Author detail"
+        eventAction="Link"
+        eventId="Mastodon"
+      >
+        <LinkWithTargetBlank href={href}>
+          <Tooltip title="Mastodon">
+            <Icon component={mastodonLogo} />
+          </Tooltip>
+        </LinkWithTargetBlank>
+      </EventTracker>
+    </UserAction>
+  );
+};
+
+export default AuthorMastodonAction;