Replug SAML configurations

Signed-off-by: Émile Ré <nemile.re@gmail.com>

packages/hooks/src/index.ts

@@ -4,3 +4,4 @@ export { useRefSync } from "./useRefSync";
 export { useList } from "./useList";
 export { useStateWithRef } from "./useStateWithRef";
 export { useCleanup } from "./useCleanup";
+export { useCopy } from "./useCopy";

packages/hooks/src/useCopy.ts

@@ -0,0 +1,18 @@
+import { useRef, useState } from "react";
+
+export function useCopy(): [boolean, (value: string) => void] {
+  const [copiedValue, setCopiedValue] = useState<string>();
+  const lastCopiedValueRef = useRef<string>("");
+
+  const handleCopy = (value: string) => {
+    lastCopiedValueRef.current = value;
+    navigator.clipboard.writeText(value);
+    setCopiedValue(value);
+    setTimeout(() => {
+      setCopiedValue(undefined);
+      lastCopiedValueRef.current = "";
+    }, 2000);
+  };
+
+  return [copiedValue === lastCopiedValueRef.current, handleCopy];
+}