@replicated/portal-components 0.0.28 → 0.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/metadata/registry.json +2 -2
- package/components/metadata/registry.md +2 -2
- package/dist/actions/magic-link-actions.d.mts +1 -1
- package/dist/actions/magic-link-actions.d.ts +1 -1
- package/dist/actions/magic-link-actions.js +2 -2
- package/dist/actions/magic-link-actions.js.map +1 -1
- package/dist/esm/actions/magic-link-actions.js +2 -2
- package/dist/esm/actions/magic-link-actions.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/use-verify-magic-link.js +4 -3
- package/dist/esm/use-verify-magic-link.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/use-verify-magic-link.d.mts +3 -2
- package/dist/use-verify-magic-link.d.ts +3 -2
- package/dist/use-verify-magic-link.js +4 -3
- package/dist/use-verify-magic-link.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,11 +15,12 @@ interface VerifyActionResult {
|
|
|
15
15
|
message?: string;
|
|
16
16
|
isExpired?: boolean;
|
|
17
17
|
}
|
|
18
|
-
type VerifyAction = (code: string) => Promise<VerifyActionResult>;
|
|
18
|
+
type VerifyAction = (code: string, isPreview?: boolean) => Promise<VerifyActionResult>;
|
|
19
19
|
interface UseVerifyMagicLinkOptions {
|
|
20
20
|
verifyAction: VerifyAction;
|
|
21
21
|
onSuccess?: () => void;
|
|
22
22
|
redirectUrl?: string;
|
|
23
|
+
isPreview?: boolean;
|
|
23
24
|
}
|
|
24
25
|
/**
|
|
25
26
|
* Shared hook for magic link and trial signup verification.
|
|
@@ -29,6 +30,6 @@ interface UseVerifyMagicLinkOptions {
|
|
|
29
30
|
* Note: The verifyAction should be selected based on the verification type
|
|
30
31
|
* (regular magic link vs trial signup) before calling this hook.
|
|
31
32
|
*/
|
|
32
|
-
declare function useVerifyMagicLink({ verifyAction, onSuccess, redirectUrl }: UseVerifyMagicLinkOptions): VerifyState;
|
|
33
|
+
declare function useVerifyMagicLink({ verifyAction, onSuccess, redirectUrl, isPreview }: UseVerifyMagicLinkOptions): VerifyState;
|
|
33
34
|
|
|
34
35
|
export { type UseVerifyMagicLinkOptions, type VerifyAction, type VerifyActionResult, type VerifyState, useVerifyMagicLink };
|
|
@@ -15,11 +15,12 @@ interface VerifyActionResult {
|
|
|
15
15
|
message?: string;
|
|
16
16
|
isExpired?: boolean;
|
|
17
17
|
}
|
|
18
|
-
type VerifyAction = (code: string) => Promise<VerifyActionResult>;
|
|
18
|
+
type VerifyAction = (code: string, isPreview?: boolean) => Promise<VerifyActionResult>;
|
|
19
19
|
interface UseVerifyMagicLinkOptions {
|
|
20
20
|
verifyAction: VerifyAction;
|
|
21
21
|
onSuccess?: () => void;
|
|
22
22
|
redirectUrl?: string;
|
|
23
|
+
isPreview?: boolean;
|
|
23
24
|
}
|
|
24
25
|
/**
|
|
25
26
|
* Shared hook for magic link and trial signup verification.
|
|
@@ -29,6 +30,6 @@ interface UseVerifyMagicLinkOptions {
|
|
|
29
30
|
* Note: The verifyAction should be selected based on the verification type
|
|
30
31
|
* (regular magic link vs trial signup) before calling this hook.
|
|
31
32
|
*/
|
|
32
|
-
declare function useVerifyMagicLink({ verifyAction, onSuccess, redirectUrl }: UseVerifyMagicLinkOptions): VerifyState;
|
|
33
|
+
declare function useVerifyMagicLink({ verifyAction, onSuccess, redirectUrl, isPreview }: UseVerifyMagicLinkOptions): VerifyState;
|
|
33
34
|
|
|
34
35
|
export { type UseVerifyMagicLinkOptions, type VerifyAction, type VerifyActionResult, type VerifyState, useVerifyMagicLink };
|
|
@@ -12,7 +12,8 @@ var navigation = require('next/navigation');
|
|
|
12
12
|
function useVerifyMagicLink({
|
|
13
13
|
verifyAction,
|
|
14
14
|
onSuccess,
|
|
15
|
-
redirectUrl = "/"
|
|
15
|
+
redirectUrl = "/",
|
|
16
|
+
isPreview
|
|
16
17
|
}) {
|
|
17
18
|
const router = navigation.useRouter();
|
|
18
19
|
const [state, setState] = react.useState({ status: "verifying" });
|
|
@@ -37,7 +38,7 @@ function useVerifyMagicLink({
|
|
|
37
38
|
}
|
|
38
39
|
if (verifyingRef.current) return;
|
|
39
40
|
verifyingRef.current = true;
|
|
40
|
-
verifyAction(code).then((result) => {
|
|
41
|
+
verifyAction(code, isPreview).then((result) => {
|
|
41
42
|
if (result.success) {
|
|
42
43
|
setState({
|
|
43
44
|
status: "success",
|
|
@@ -67,7 +68,7 @@ function useVerifyMagicLink({
|
|
|
67
68
|
message: "An unexpected error occurred. Please try again."
|
|
68
69
|
});
|
|
69
70
|
});
|
|
70
|
-
}, [verifyAction, router, redirectUrl, onSuccess]);
|
|
71
|
+
}, [verifyAction, router, redirectUrl, onSuccess, isPreview]);
|
|
71
72
|
return state;
|
|
72
73
|
}
|
|
73
74
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/hooks/use-verify-magic-link.ts"],"names":["useRouter","useState","useRef","useEffect"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../src/hooks/use-verify-magic-link.ts"],"names":["useRouter","useState","useRef","useEffect"],"mappings":";;;;;;;;;;AAkCO,SAAS,kBAAA,CAAmB;AAAA,EACjC,YAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA,GAAc,GAAA;AAAA,EACd;AACF,CAAA,EAA8B;AAC5B,EAAA,MAAM,SAASA,oBAAA,EAAU;AACzB,EAAA,MAAM,CAAC,OAAO,QAAQ,CAAA,GAAIC,eAAsB,EAAE,MAAA,EAAQ,aAAa,CAAA;AACvE,EAAA,MAAM,YAAA,GAAeC,aAAO,KAAK,CAAA;AAEjC,EAAAC,eAAA,CAAU,MAAM;AAEd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,IAAA,MAAM,IAAA,GAAO,OAAO,QAAA,CAAS,IAAA;AAE7B,IAAA,IAAI,CAAC,IAAA,IAAQ,IAAA,CAAK,MAAA,IAAU,CAAA,EAAG;AAC7B,MAAA,QAAA,CAAS;AAAA,QACP,MAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACV,CAAA;AACD,MAAA;AAAA,IACF;AAGA,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,CAAC,CAAA,CAAE,KAAA,CAAM,GAAG,CAAA,CAAE,CAAC,CAAA,EAAG,IAAA,EAAK,IAAK,EAAA;AAExD,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,QAAA,CAAS;AAAA,QACP,MAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACV,CAAA;AACD,MAAA;AAAA,IACF;AAGA,IAAA,IAAI,aAAa,OAAA,EAAS;AAC1B,IAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AAGvB,IAAA,YAAA,CAAa,IAAA,EAAM,SAAS,CAAA,CACzB,IAAA,CAAK,CAAC,MAAA,KAAW;AAChB,MAAA,IAAI,OAAO,OAAA,EAAS;AAClB,QAAA,QAAA,CAAS;AAAA,UACP,MAAA,EAAQ,SAAA;AAAA,UACR,OAAA,EAAS;AAAA,SACV,CAAA;AAGD,QAAA,IAAI,SAAA,EAAW;AACb,UAAA,SAAA,EAAU;AAAA,QACZ;AAGA,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,MAAA,CAAO,KAAK,WAAW,CAAA;AAAA,QACzB,GAAG,IAAI,CAAA;AAAA,MACT,CAAA,MAAA,IAAW,OAAO,SAAA,EAAW;AAC3B,QAAA,QAAA,CAAS;AAAA,UACP,MAAA,EAAQ,SAAA;AAAA,UACR,OAAA,EAAS,OAAO,OAAA,IAAW;AAAA,SAC5B,CAAA;AAAA,MACH,CAAA,MAAO;AACL,QAAA,QAAA,CAAS;AAAA,UACP,MAAA,EAAQ,OAAA;AAAA,UACR,OAAA,EAAS,OAAO,OAAA,IAAW;AAAA,SAC5B,CAAA;AAAA,MACH;AAAA,IACF,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,GAAA,KAAQ;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,6CAA6C,GAAG,CAAA;AAC9D,MAAA,QAAA,CAAS;AAAA,QACP,MAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACV,CAAA;AAAA,IACH,CAAC,CAAA;AAAA,EACL,GAAG,CAAC,YAAA,EAAc,QAAQ,WAAA,EAAa,SAAA,EAAW,SAAS,CAAC,CAAA;AAE5D,EAAA,OAAO,KAAA;AACT","file":"use-verify-magic-link.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useState, useRef } from \"react\";\nimport { useRouter } from \"next/navigation\";\n\nexport type VerifyState = \n | { status: \"verifying\" }\n | { status: \"success\"; message: string }\n | { status: \"expired\"; message: string }\n | { status: \"error\"; message: string };\n\nexport interface VerifyActionResult {\n success: boolean;\n message?: string;\n isExpired?: boolean;\n}\n\nexport type VerifyAction = (code: string, isPreview?: boolean) => Promise<VerifyActionResult>;\n\nexport interface UseVerifyMagicLinkOptions {\n verifyAction: VerifyAction;\n onSuccess?: () => void;\n redirectUrl?: string;\n isPreview?: boolean;\n}\n\n/**\n * Shared hook for magic link and trial signup verification.\n * Extracts the code from URL hash, calls the verification action,\n * handles all error states, and redirects on success.\n * \n * Note: The verifyAction should be selected based on the verification type\n * (regular magic link vs trial signup) before calling this hook.\n */\nexport function useVerifyMagicLink({\n verifyAction,\n onSuccess,\n redirectUrl = \"/\",\n isPreview\n}: UseVerifyMagicLinkOptions) {\n const router = useRouter();\n const [state, setState] = useState<VerifyState>({ status: \"verifying\" });\n const verifyingRef = useRef(false);\n\n useEffect(() => {\n // Extract code from URL hash\n if (typeof window === \"undefined\") return;\n\n const hash = window.location.hash;\n \n if (!hash || hash.length <= 1) {\n setState({ \n status: \"error\", \n message: \"No verification code found. Please use the link from your email.\" \n });\n return;\n }\n\n // Remove the # and any trailing path segments, trim whitespace\n const code = hash.substring(1).split(\"/\")[0]?.trim() || \"\";\n \n if (!code) {\n setState({ \n status: \"error\", \n message: \"Invalid verification code. Please use the link from your email.\" \n });\n return;\n }\n\n // Prevent duplicate verification attempts\n if (verifyingRef.current) return;\n verifyingRef.current = true;\n\n // Auto-verify on mount\n verifyAction(code, isPreview)\n .then((result) => {\n if (result.success) {\n setState({ \n status: \"success\", \n message: \"Verified! Redirecting to the portal...\" \n });\n \n // Call success callback if provided\n if (onSuccess) {\n onSuccess();\n }\n \n // Redirect to dashboard after a short delay\n setTimeout(() => {\n router.push(redirectUrl);\n }, 1500);\n } else if (result.isExpired) {\n setState({ \n status: \"expired\", \n message: result.message || \"Magic link has expired. A new link has been sent to your email.\" \n });\n } else {\n setState({ \n status: \"error\", \n message: result.message || \"Failed to verify. Please try again.\" \n });\n }\n })\n .catch((err) => {\n console.error(\"[use-verify-magic-link] Unexpected error:\", err);\n setState({ \n status: \"error\", \n message: \"An unexpected error occurred. Please try again.\" \n });\n });\n }, [verifyAction, router, redirectUrl, onSuccess, isPreview]);\n\n return state;\n}\n"]}
|