Sc 13172/slug domain

web/beacon-app/package.json

@@ -41,8 +41,8 @@
     "@lingui/macro": "^3.16.1",
     "@sentry/react": "^7.33.0",
     "@sentry/tracing": "^7.33.0",
-    "@rotational/beacon-core": "^1.1.1",
-    "@rotational/beacon-foundation": "^1.0.1",
+    "@rotational/beacon-core": "^2.0.0",
+    "@rotational/beacon-foundation": "^2.0.0",
     "@radix-ui/react-avatar": "^1.0.1",
     "@tanstack/react-query": "^4.22.4",
     "@testing-library/react": "^13.4.0",

web/beacon-app/public/tailwind.css

@@ -137763,15 +137763,15 @@ video {
   border-radius: 9999px;
 }
 
+.hover\:bg-icon-hover:hover {
+  background-color: rgba(217, 217, 217, 0.4);
+}
+
 .hover\:bg-secondary-800:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(73 95 109 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-icon-hover:hover {
-  background-color: rgba(217, 217, 217, 0.4);
-}
-
 [dir="ltr"] .ltr\:mr-3 {
   margin-right: 0.75rem;
 }

web/beacon-app/src/utils/__tests__/slugifyDomain.test.ts

@@ -0,0 +1,20 @@
+import slugify from "../slugifyDomain";
+import { describe, expect, it } from "vitest";
+
+describe("#slugify", () => {
+    it("returns ensign.rotational.io when org name is empty", () => {
+        expect(slugify("")).toBe("ensign.rotational.io/")
+    })
+
+    it("returns ensign.rotational.io/rotational-labs-inc when org name is Roational Labs, Inc.", () => {
+        expect(slugify("Rotational Labs, Inc.")).toBe("ensign.rotational.io/rotational-labs-inc")
+    })
+
+    it("returns ensign.rotational.io/hermes-international-sa when org name is Hermès International S.A.", () => {
+        expect(slugify("Hermès International S.A.")).toBe("ensign.rotational.io/hermes-international-sa")
+    })
+
+    it("returns ensign.rotational.io/baskin-robins when org name is Baskin Robins", () => {
+        expect(slugify("Baskin-Robins")).toBe("ensign.rotational.io/baskin-robins")
+    })
+})

web/beacon-app/src/utils/slugifyDomain.ts

@@ -0,0 +1,14 @@
+/* Creates a URL with an organization domain */
+/* Ex. Rotational Labs -> ensign.rotational.io/rotational-labs */
+
+export default function slugify(domain: string) {
+    return "ensign.rotational.io/" + 
+    domain
+        .normalize('NFKD') /* Splits the base character and its accent */
+        .replace( /[\u0300-\u036f]/g, '' ) /* Deletes all the accents */
+        .toLowerCase()
+        .trim()
+        .replace(/\s+/g, '-')
+        .replace(/[^\w\-]+/g, '')
+        .replace(/\-\-+/g, '-');
+}