@apolitical/component-library 4.1.10-ac.0 → 4.1.10-ac.2

package/index.mjs

@@ -23371,20 +23371,38 @@ const cw = ({
     return s ? `<a href="/profiles/${s.id}" class="mentioned-user">@${s.data.name}</a>` : a;
   })), r;
 };
-const mw = 3e3, pw = ({ url: e }) => {
-  const t = de(), [n, r] = he(!1);
+const mw = 3e3, pw = ({ pathname: e }) => {
+  const t = de(), [n, r] = he({
+    isOpen: !1,
+    isCopied: !1
+  });
   return /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsxs("li", { children: [
-    /* @__PURE__ */ d.jsx(tr, { isOpen: n, styling: { hasPointer: "bottom", extraPadding: !1 }, children: t.formatMessage({ id: "discussion_share_copy_link_success" }) }),
+    /* @__PURE__ */ d.jsx(
+      tr,
+      {
+        className: Z("tooltip-share-link", {
+          "tooltip-share-link-copied": n.isCopied
+        }),
+        isOpen: n.isOpen,
+        styling: { hasPointer: "bottom", extraPadding: !1 },
+        children: n.isCopied ? t.formatMessage({ id: "discussion_share_copy_link_success" }) : t.formatMessage({ id: "discussion_share_copy_link" })
+      }
+    ),
     /* @__PURE__ */ d.jsx(
       Ia,
       {
         icon: { icon: "share_copy-link" },
+        onMouseOver: () => r({ ...n, isOpen: !0 }),
+        onFocus: () => r({ ...n, isOpen: !0 }),
+        onMouseOut: () => r({ isOpen: !1, isCopied: !1 }),
+        onBlur: () => r({ isOpen: !1, isCopied: !1 }),
         onClick: () => {
-          navigator.clipboard.writeText(e).then(() => {
-            r(!0), setTimeout(() => r(!1), mw);
+          navigator.clipboard.writeText(`${window.location.origin}${e}`).then(() => {
+            r({ isOpen: !0, isCopied: !0 }), setTimeout(() => {
+              r({ isOpen: !1, isCopied: !1 });
+            }, mw);
           });
-        },
-        children: t.formatMessage({ id: "discussion_share_copy_link" })
+        }
       }
     )
   ] }) });
@@ -23675,7 +23693,7 @@ const mw = 3e3, pw = ({ url: e }) => {
                       children: v.formatMessage({ id: `${Vt}reply` })
                     }
                   ) }),
-                  ((h == null ? void 0 : h.post) || (h == null ? void 0 : h.comments)) && /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsx(pw, { url: h.post || h.comments || "" }) }),
+                  ((h == null ? void 0 : h.post) || (h == null ? void 0 : h.comments)) && /* @__PURE__ */ d.jsx(d.Fragment, { children: /* @__PURE__ */ d.jsx(pw, { pathname: h.post || h.comments || "" }) }),
                   /* @__PURE__ */ d.jsx(
                     UC,
                     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "4.1.10-ac.0",
+  "version": "4.1.10-ac.2",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {