RBAC, Permissions, and Export/Import

src/components/registration/RegistrationStep4.js

@@ -13,7 +13,7 @@ const RegistrationStep4 = ({ formData, handleInputChange }) => {
 
         <p className="text-[#664fa3]" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
           Your email is also your username that you can use to login.
-          Please note you can only login after your application is approved.
+          Please note you can only login after your application is validated.
         </p>
       </div>
 
@@ -69,6 +69,43 @@ const RegistrationStep4 = ({ formData, handleInputChange }) => {
             </p>
           )}
         </div>
+
+        {/* Terms of Service Acceptance */}
+        <div className="p-4 bg-[#F8F7FB] rounded-lg border border-[#ddd8eb]">
+          <div className="flex items-start gap-3">
+            <input
+              type="checkbox"
+              id="accepts_tos"
+              name="accepts_tos"
+              checked={formData.accepts_tos || false}
+              onChange={handleInputChange}
+              className="mt-1 w-4 h-4 text-[#664fa3] border-gray-300 rounded focus:ring-[#664fa3]"
+              required
+              data-testid="tos-checkbox"
+            />
+            <label htmlFor="accepts_tos" className="text-sm text-gray-700" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
+              I agree to the{' '}
+              <a
+                href="/membership/terms-of-service"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-[#664fa3] hover:text-[#422268] font-semibold underline"
+              >
+                Terms of Service
+              </a>
+              {' '}and{' '}
+              <a
+                href="/membership/privacy-policy"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-[#664fa3] hover:text-[#422268] font-semibold underline"
+              >
+                Privacy Policy
+              </a>
+              <span className="text-red-500 ml-1">*</span>
+            </label>
+          </div>
+        </div>
       </div>
     </div>
   );