Use unavatar.io with fallback SVG

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Release Notes for Campaign
 
+## 3.4.3 - Unreleased
+
+### Changed
+
+- Contact avatars are now fetched from unavatar.io instead of gravatar.com, and a fallback SVG with initials is used if none is found.
+
 ## 3.4.2 - 2024-08-02
 
 ### Changed

composer.json

@@ -1,7 +1,7 @@
 {
   "name": "putyourlightson/craft-campaign",
   "description": "Send and manage email campaigns, contacts and mailing lists.",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "type": "craft-plugin",
   "homepage": "https://putyourlightson.com/plugins/campaign",
   "license": "proprietary",

src/assets/CpAsset.php

@@ -28,13 +28,6 @@ class CpAsset extends AssetBundle
         CraftCpAsset::class,
     ];
 
-    /**
-     * @inheritdoc
-     */
-    public $css = [
-        'css/cp.css',
-    ];
-
     /**
      * @inheritdoc
      */

src/elements/ContactElement.php

@@ -462,7 +462,7 @@ protected function defineRules(): array
      */
     public function getPostEditUrl(): ?string
     {
-        return UrlHelper::cpUrl("campaign/contacts");
+        return UrlHelper::cpUrl('campaign/contacts');
     }
 
     /**
@@ -895,20 +895,32 @@ public function getStatus(): ?string
     }
 
     /**
-     * @inheritdoc
+     * Returns an image from unavatar.io, with an SVG behind it as a fallback.
+     *
+     * @see User::getThumbHtml()
      */
-    public function thumbUrl(int $size): ?string
+    public function getThumbHtml(int $size): ?string
     {
-        // Get image from Gravatar, defaulting to a blank image
-        return 'https://www.gravatar.com/avatar/' . md5(strtolower(trim($this->email))) . '?d=blank&s=' . $size;
-    }
+        $value = strtolower(trim($this->email));
+        $image = Html::img('https://unavatar.io/' . $value . '?fallback=false', [
+            'width' => $size,
+            'height' => $size,
+        ]);
 
-    /**
-     * @inheritdoc
-     */
-    public function hasRoundedThumb(): bool
-    {
-        return true;
+        $initials = mb_strtoupper(mb_substr(str_replace('@', '', $value), 0, 2));
+        $svg = <<<XML
+            <svg version="1.1" baseProfile="full" width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+                <circle cx="50" cy="50" r="50" fill="var(--gray-100)"/>
+                <text x="50" y="66" font-size="46" font-weight="500" font-family="sans-serif" text-anchor="middle" fill="var(--gray-700)">$initials</text>
+            </svg>
+        XML;
+
+        $options = [
+            'class' => 'thumb rounded',
+        ];
+
+        return Html::tag('div', $svg, $options)
+            . Html::tag('div', $image, $options + ['style' => 'position: absolute']);
     }
 
     /**