Dev

.env.dev

@@ -1,12 +1,12 @@
 # Vite environment variables
-VITE_API_BASE_URL = https://dev-api.seliseblocks.com
+VITE_API_BASE_URL = https://dev-api.blocksdevelopers.com
 VITE_X_BLOCKS_KEY = cf18dc87904c4e1485639242cda4a026
 VITE_CAPTCHA_SITE_KEY=6LckI90qAAAAAK8RP2t0Nohwii1CeKOETsXPVNQA
 VITE_CAPTCHA_TYPE=reCaptcha
 VITE_PROJECT_SLUG = ddoxpd
 
 VITE_BLOCKS_OIDC_CLIENT_ID = d45f37a6-7f4a-4f38-9a13-06d74531d7ef
-VITE_BLOCKS_OIDC_REDIRECT_URI = https://dev-construct.seliseblocks.com/oidc
+VITE_BLOCKS_OIDC_REDIRECT_URI = https://dev-construct.blocksdevelopers.com/oidc
 # Build configuration
 GENERATE_SOURCEMAP=false
 

Dockerfile

@@ -1,21 +1,24 @@
-FROM node:21.7.0-alpine AS builder
+FROM node:22-alpine AS builder
 
 WORKDIR /app
 
 COPY package*.json ./
 
-RUN npm install
+RUN npm ci
 
 COPY . .
 
 ARG ci_build
 
-RUN mkdir -p /app/log
-
 RUN NODE_OPTIONS="--max-old-space-size=4096" npm run build:${ci_build}
 
-FROM nginx:stable-alpine
+FROM nginxinc/nginx-unprivileged:1.29-alpine
 
 COPY --from=builder /app/build /usr/share/nginx/html
 
-COPY nginx.conf /etc/nginx/conf.d/default.conf
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 8080
+
+# HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
+#   CMD wget -qO- http://localhost:8080/ || exit 1

nginx.conf

@@ -1,4 +1,5 @@
 server {
+  listen 8080;
   root /usr/share/nginx/html/;
   server_tokens off;
   client_max_body_size 200m;

src/components/core/base-password-form/base-password-form.tsx

@@ -160,7 +160,7 @@ export const BasePasswordForm = ({
   return (
     <Form {...form}>
       <form
-        className="flex flex-col gap-4 max-h-[75vh] overflow-y-auto pr-5"
+        className="flex flex-col gap-4 max-h-[75vh] overflow-y-auto pr-5 pl-2"
         style={{
           scrollbarWidth: 'thin',
           scrollbarColor: 'hsl(var(--neutral-300)) transparent',
@@ -178,7 +178,11 @@ export const BasePasswordForm = ({
                     {t('FIRST_NAME')}
                   </FormLabel>
                   <FormControl>
-                    <Input placeholder={t('ENTER_YOUR_FIRST_NAME')} {...field} />
+                    <Input
+                      placeholder={t('ENTER_YOUR_FIRST_NAME')}
+                      autoComplete="first-name"
+                      {...field}
+                    />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -191,7 +195,11 @@ export const BasePasswordForm = ({
                 <FormItem>
                   <FormLabel className="text-high-emphasis font-normal">{t('LAST_NAME')}</FormLabel>
                   <FormControl>
-                    <Input placeholder={t('ENTER_YOUR_LAST_NAME')} {...field} />
+                    <Input
+                      placeholder={t('ENTER_YOUR_LAST_NAME')}
+                      autoComplete="last-name"
+                      {...field}
+                    />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -207,7 +215,11 @@ export const BasePasswordForm = ({
             <FormItem>
               <FormLabel className="text-high-emphasis font-normal">{t('PASSWORD')}</FormLabel>
               <FormControl>
-                <PasswordInput placeholder={t('ENTER_YOUR_PASSWORD')} {...field} />
+                <PasswordInput
+                  placeholder={t('ENTER_YOUR_PASSWORD')}
+                  autoComplete="new-password"
+                  {...field}
+                />
               </FormControl>
               <FormMessage />
             </FormItem>
@@ -223,7 +235,11 @@ export const BasePasswordForm = ({
                 {t('CONFIRM_PASSWORD')}
               </FormLabel>
               <FormControl>
-                <PasswordInput placeholder={t('CONFIRM_YOUR_PASSWORD')} {...field} />
+                <PasswordInput
+                  placeholder={t('CONFIRM_YOUR_PASSWORD')}
+                  autoComplete="new-password"
+                  {...field}
+                />
               </FormControl>
               <FormMessage />
             </FormItem>

src/modules/auth/components/signin/signin.tsx

@@ -33,7 +33,7 @@ export const Signin = () => {
     'dev-construct.seliseblocks.com',
   ].some((domain) => window.location.hostname === domain);
   return (
-    <div className="flex flex-col gap-6">
+    <div className="w-full max-w-md flex flex-col gap-6">
       <div className="w-32 h-14 mb-2">
         <img src={theme == 'dark' ? lightlogo : darklogo} className="w-full h-full" alt="logo" />
       </div>
@@ -53,18 +53,19 @@ export const Signin = () => {
           </div>
         )}
       </div>
-      
+
       {ssoError && (
         <div className="w-full">
           <div className="rounded-lg bg-error-background border border-error p-4">
-            <p className="text-xs font-normal text-error-high-emphasis">
-              {ssoError}
-            </p>
+            <p className="text-xs font-normal text-error-high-emphasis">{ssoError}</p>
           </div>
         </div>
       )}
 
-      <div className={'w-full ' + (isBannerAllowedToVisible ? 'visible' : 'invisible h-0')}>
+      <div
+        id="login-banner"
+        className={'w-full ' + (isBannerAllowedToVisible ? 'visible' : 'invisible h-0')}
+      >
         <div className="rounded-lg bg-success-background border border-success p-4">
           <p className="text-xs font-normal text-success-high-emphasis">
             Log in to explore the complete Demo and Documentation. Use the credentials:{' '}

src/modules/auth/pages/account-activation/account-activation.tsx

@@ -62,7 +62,7 @@ export const AccountActivationPage = () => {
 
   return (
     <div className="flex flex-col gap-6">
-      <div>
+      <div className="pl-2">
         <div className="text-2xl font-bold text-high-emphasis">{t('COMPLETE_SIGNUP')}</div>
         {/* <div className="flex gap-1 mt-1">
           <div className="text-sm font-normal text-medium-emphasis">

src/modules/auth/pages/signup/signup-page.tsx

@@ -1,4 +1,4 @@
-import { Link } from 'react-router-dom';
+import { Link, Navigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import darkLogo from '@/assets/images/construct_logo_dark.svg';
 import lightLogo from '@/assets/images/construct_logo_light.svg';
@@ -17,6 +17,16 @@ export const SignupPage = () => {
   const isEmailPasswordSignUpEnabled = signupSettings?.isEmailPasswordSignUpEnabled ?? false;
   const isSSoSignUpEnabled = signupSettings?.isSSoSignUpEnabled ?? false;
 
+  const showDivider =
+    isEmailPasswordSignUpEnabled &&
+    isSSoSignUpEnabled &&
+    loginOption?.ssoInfo &&
+    loginOption.ssoInfo.length > 0;
+
+  if (!isEmailPasswordSignUpEnabled && !isSSoSignUpEnabled) {
+    return <Navigate to="/login" replace />;
+  }
+
   return (
     <div className="flex flex-col gap-6">
       <div className="w-32 h-14 mb-2">
@@ -38,9 +48,7 @@ export const SignupPage = () => {
       </div>
       {isEmailPasswordSignUpEnabled && <SignupForm />}
       <div>
-        {isEmailPasswordSignUpEnabled && isSSoSignUpEnabled && (
-          <Divider text={t('OR_CONTINUE_WITH')} />
-        )}
+        {showDivider && <Divider text={t('OR_CONTINUE_WITH')} />}
         {isSSoSignUpEnabled && loginOption && <SsoSignin loginOption={loginOption} />}
       </div>
     </div>