central-auth-js-sdk 1.2.5 → 1.2.6

package/core/api.js

@@ -53,14 +53,18 @@ export function createApi(baseUrl = DEFAULT_BASE, options = {}) {
       return request('POST', '/signup/start', { email });
     },
 
-    /** POST /signup/email/verify — Email verify: OTP + names (entity auto-detected from email in backend) */
-    async signupEmailVerify({ email, otp, first_name, last_name }) {
-      return request('POST', '/signup/email/verify', {
+    /** POST /signup/email/verify — Email verify: OTP + names + org details (entity auto-detected from email in backend) */
+    async signupEmailVerify({ email, otp, first_name, last_name, team, sub_team, designation }) {
+      const payload = {
         email,
         otp,
         first_name,
         last_name,
-      });
+      };
+      if (team) payload.team = team;
+      if (sub_team) payload.sub_team = sub_team;
+      if (designation) payload.designation = designation;
+      return request('POST', '/signup/email/verify', payload);
     },
 
     /** POST /signup/mobile/send_otp — Mobile entry: send mobile OTP */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "central-auth-js-sdk",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "Vanilla JS sign-up and login flow SDK — embeddable auth UI with configurable methods",
   "type": "module",
   "main": "index.js",

package/signup.js

@@ -103,6 +103,9 @@ export function mount(container, options = {}) {
       email: all.email,
       mobile: all.mobile,
       userId: all.userId,
+      team: all.team,
+      subTeam: all.subTeam,
+      designation: all.designation,
     };
     if (apiResult && typeof apiResult === 'object' && apiResult !== null) {
       Object.assign(payload, apiResult);
@@ -141,13 +144,23 @@ export function mount(container, options = {}) {
 
   async function handleEmailVerify(data) {
     state.clearError();
-    state.setMultiple({ emailOtp: data.otp, firstName: data.firstName, lastName: data.lastName });
+    state.setMultiple({
+      emailOtp: data.otp,
+      firstName: data.firstName,
+      lastName: data.lastName,
+      team: data.team,
+      subTeam: data.subTeam,
+      designation: data.designation,
+    });
     try {
       const res = await api.signupEmailVerify({
         email: state.get('email'),
         otp: data.otp,
         first_name: data.firstName,
         last_name: data.lastName,
+        team: data.team,
+        sub_team: data.subTeam,
+        designation: data.designation,
       });
       const userId = res?.user_id ?? res?.data?.user_id;
       if (userId) state.set('userId', userId);

package/ui/screens/email-verify.js

@@ -38,6 +38,20 @@ export function createEmailVerifyScreen(email, onNext, onBack, prefill = {}) {
           <input type="text" id="wf-last-name" placeholder="Doe" class="wf-input" required autocomplete="family-name" />
         </div>
       </div>
+      <div class="wf-row-2">
+        <div class="wf-field">
+          <label class="wf-label" for="wf-team">Team</label>
+          <input type="text" id="wf-team" placeholder="Engineering" class="wf-input" autocomplete="organization" />
+        </div>
+        <div class="wf-field">
+          <label class="wf-label" for="wf-sub-team">Sub-team</label>
+          <input type="text" id="wf-sub-team" placeholder="Backend" class="wf-input" />
+        </div>
+      </div>
+      <div class="wf-field">
+        <label class="wf-label" for="wf-designation">Designation</label>
+        <input type="text" id="wf-designation" placeholder="Software Engineer" class="wf-input" autocomplete="organization-title" />
+      </div>
       <div class="wf-btn-row">
         <button type="button" class="wf-btn wf-btn-outline wf-btn-lg" data-action="back" aria-label="Go back">
           <svg class="wf-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="${ARROW_LEFT}"/></svg>
@@ -57,9 +71,15 @@ export function createEmailVerifyScreen(email, onNext, onBack, prefill = {}) {
   const otpEls = wrap.querySelectorAll('.wf-otp-input');
   const firstName = wrap.querySelector('#wf-first-name');
   const lastName = wrap.querySelector('#wf-last-name');
+  const team = wrap.querySelector('#wf-team');
+  const subTeam = wrap.querySelector('#wf-sub-team');
+  const designation = wrap.querySelector('#wf-designation');
 
   if (prefill.firstName) firstName.value = prefill.firstName;
   if (prefill.lastName) lastName.value = prefill.lastName;
+  if (prefill.team && team) team.value = prefill.team;
+  if (prefill.subTeam && subTeam) subTeam.value = prefill.subTeam;
+  if (prefill.designation && designation) designation.value = prefill.designation;
 
   function handleOtpPaste(e) {
     e.preventDefault();
@@ -86,7 +106,14 @@ export function createEmailVerifyScreen(email, onNext, onBack, prefill = {}) {
     e.preventDefault();
     const code = [...otpEls].map((o) => o.value).join('');
     if (code.length === 6 && firstName.value.trim() && lastName.value.trim()) {
-      onNext({ otp: code, firstName: firstName.value.trim(), lastName: lastName.value.trim() });
+      onNext({
+        otp: code,
+        firstName: firstName.value.trim(),
+        lastName: lastName.value.trim(),
+        team: team ? team.value.trim() : '',
+        subTeam: subTeam ? subTeam.value.trim() : '',
+        designation: designation ? designation.value.trim() : '',
+      });
     }
   });
 

package/ui/screens/index.js

@@ -38,7 +38,13 @@ export function createScreen(step, state, flow, callbacks) {
         state.get('email'),
         (data) => onEmailVerify(data),
         onBack,
-        { firstName: state.get('firstName') || '', lastName: state.get('lastName') || '' }
+        {
+          firstName: state.get('firstName') || '',
+          lastName: state.get('lastName') || '',
+          team: state.get('team') || '',
+          subTeam: state.get('subTeam') || '',
+          designation: state.get('designation') || '',
+        }
       );
 
     case STEPS.MOBILE: