feat: add support for ui_locale and template_id

Author: ranisharim-crossid

playground/index.html

@@ -168,6 +168,18 @@ <h3 class="text-lg leading-6 font-medium text-gray-500">
                 placeholder="Your crossid tenant (e.g., 'myorg')"
                 autoFocus
               ></optinput>
+              <optinput
+                name="uiLocales"
+                v-model="uiLocales"
+                label="UI Locales"
+                autoFocus
+              ></optinput>
+              <optinput
+                name="templateId"
+                v-model="templateId"
+                label="Template ID"
+                autoFocus
+              ></optinput>
             </tab>
             <tab id="wellKnown" name="OpenID Well Known Endpoint">
               <p class="text-xs text-gray-500">
@@ -765,6 +777,8 @@ <h3 class="text-lg leading-6 font-medium text-gray-500">Actions</h3>
                 }
                 return {
                   tenant_id: this.tenant,
+                  ui_locales: this.uiLocales,
+                  template_id: this.templateId,
                   ...opts,
                 }
               }

src/client.ts

@@ -93,6 +93,16 @@ export interface BaseClientOpts extends Partial<BaseAuthorizationCodeParams> {
    * Default: 'memory'
    */
   cache_type?: typeof CACHE_INMEM | typeof CACHE_LS | typeof CACHE_SS
+
+  /**
+   * Defines the default locales to request for the login/consent ui
+   */
+  ui_locales?: string
+
+  /**
+   * The template ID to display in the login/consent flow
+   */
+  template_id?: string
 }
 
 /**
@@ -580,6 +590,8 @@ export default class CrossidClient {
       scope: this.getFinalScope(opts.scope).join(' '),
       code_challenge: opts.code_challenge,
       code_challenge_method: 'S256',
+      ui_locales: opts.ui_locales || this.opts.ui_locales,
+      template_id: opts.template_id || this.opts.template_id,
     }
   }
 

src/types.ts

@@ -84,6 +84,8 @@ export interface AuthorizationRequest {
   scope: string
   code_challenge: string
   code_challenge_method: string
+  ui_locales?: string
+  template_id?: string
 }
 
 // AuthorizationCodeData returns the data required in order to process an authorization code request