-
- {show === 'signup'
- ? 'Create your Kloudlite.io account'
- : 'Sign in to Kloudlite.io'}
-
-
- {show === 'signup'
- ? 'Get started for free. No credit card required.'
- : 'Start integrating local coding with remote power'}
-
+
+
+
+
+ {show === 'signup'
+ ? 'Create your Kloudlite.io account'
+ : 'Sign in to Kloudlite.io'}
+
+
+ {show === 'signup'
+ ? 'Get started for free. No credit card required.'
+ : 'Start integrating local coding with remote power'}
-
- {hasProvider && (
-
- {oathProviders?.githubLoginUrl && (
-
- Continue with Github
-
- }
- prefix={
- Continue with Gitlab
-
- }
- prefix={
- Continue with Google
-
- }
- prefix={
- )}
-
- {hasProvider ? (
-
- ) : null}
-
Continue with email
- }
- prefix={
- By continuing, you agree Kloudlite's
-
- Terms of Service
-
- and
-
- Privacy Policy.
-
-
+
+ {hasProvider && (
+
+ {oathProviders?.githubLoginUrl && (
+ Continue with Github
+ }
+ prefix={Continue with Gitlab
+ }
+ prefix={Continue with Google
+ }
+ prefix={
-
-
- {show === 'signup' ? (
- <>Already have an account?
- ) : (
- <>New to Kloudlite?
- )}
-
+ {hasProvider ? (
+ Continue with email
}
- >
- {show === 'signup' ? 'Sign in' : 'Sign up'}
-
+ prefix={
}
+ linkComponent={Link}
+ toLabel="href"
+ to={show === 'signup' ? signupUrl : signinUrl}
+ className="!wb-w-full md:wb-w-auto"
+ size="lg"
+ />
+
+
+ By continuing, you agree Kloudlite's
+
+ Terms of Service
+
+ and
+
+ Privacy Policy.
+
+
- )}
+
+ {show === 'signup' ? (
+ <>Already have an account?
+ ) : (
+ <>New to Kloudlite?
+ )}
+
+ {show === 'signup' ? 'Sign in' : 'Sign up'}
+
+
+
diff --git a/src/apps/devdoc/web/utils/config.tsx b/src/apps/devdoc/web/utils/config.tsx
index 1658d6dc7..3b9ad2117 100644
--- a/src/apps/devdoc/web/utils/config.tsx
+++ b/src/apps/devdoc/web/utils/config.tsx
@@ -17,6 +17,7 @@ export const siteDesc =
'Kloudlite is a remote-local development environment platform designed to streamline the workflow for developers working on distributed applications. By integrating both local and remote environments through Kubernetes, Kloudlite ensures a seamless, productive, and more connected development experience.';
export const basePath = 'https://kloudlite.io';
export const authUrl = `${process.env.AUTH_URL}` || 'https://auth.kloudlite.io';
+export const contactUrl = `${process.env.CONTACT_URL}`;
export const consoleUrl =
`${process.env.CONSOLE_URL}` || 'https://console.kloudlite.io';
export const gitUrl = 'https://github.com/kloudlite/kloudlite';
diff --git a/src/apps/devdoc/web/utils/g-recaptcha.tsx b/src/apps/devdoc/web/utils/g-recaptcha.tsx
new file mode 100644
index 000000000..1f103e014
--- /dev/null
+++ b/src/apps/devdoc/web/utils/g-recaptcha.tsx
@@ -0,0 +1,53 @@
+declare global {
+ interface Window {
+ grecaptcha: {
+ enterprise: {
+ ready: (callback: Promise
) => void;
+ execute: (
+ sitekey: string,
+ action: {
+ action: string;
+ },
+ ) => void;
+ };
+ };
+ }
+}
+
+export const onReady = (callback: Promise) => {
+ if (
+ !window.grecaptcha ||
+ !window.grecaptcha.enterprise ||
+ !window.grecaptcha.enterprise.ready
+ ) {
+ console.warn('window.grecaptcha.enterprise.ready is not defined.');
+ return;
+ }
+ const ready = window.grecaptcha.enterprise.ready;
+ ready(callback);
+};
+
+export const execute = (
+ sitekey: string,
+ action: {
+ action: string;
+ },
+) => {
+ if (
+ !window.grecaptcha ||
+ !window.grecaptcha.enterprise ||
+ !window.grecaptcha.enterprise.ready
+ ) {
+ console.warn('window.grecaptcha.enterprises.ready is not defined.');
+ return;
+ }
+ const exec = window.grecaptcha.enterprise.execute;
+ exec(sitekey, action);
+};
+
+const grecaptcha = {
+ onReady,
+ execute,
+};
+
+export default grecaptcha;