@kengcom202/kcore-ui 0.5.0 → 0.6.0

package/fesm2022/kengcom202-kcore-ui.mjs

@@ -1409,6 +1409,7 @@ function resolveKcAuthConfig(o) {
 		thaid: o.thaid ? { label: o.thaid.label || "ThaiD" } : null,
 		passwordLogin: o.passwordLogin !== false || !o.sso && !o.thaid,
 		register: o.register ?? "none",
+		profileOrgChange: o.profileOrgChange === true,
 		orgLabel: o.orgLabel || "หน่วยงาน",
 		adminRoles: o.adminRoles ?? ["admin"],
 		passwordMinLength: o.passwordMinLength ?? 4,
@@ -2229,6 +2230,8 @@ var KcLoginComponent = class KcLoginComponent {
         <p class="kc-auth-footer">ยังไม่มีบัญชี? <a class="kc-auth-link" [routerLink]="paths.register">ลงทะเบียน</a></p>
         } @else if (config.register === 'sso' && config.sso && methods().sso) {
         <p class="kc-auth-footer">ผู้ใช้ใหม่ กดปุ่ม {{ config.sso.label }} เพื่อลงทะเบียน</p>
+        } @else if (config.register === 'thaid' && config.thaid && methods().thaid) {
+        <p class="kc-auth-footer">ผู้ใช้ใหม่ กดปุ่ม {{ config.thaid.label }} เพื่อลงทะเบียน</p>
         }
         <ng-content />
       </div>
@@ -2377,6 +2380,8 @@ i0.ɵɵngDeclareClassMetadata({
         <p class="kc-auth-footer">ยังไม่มีบัญชี? <a class="kc-auth-link" [routerLink]="paths.register">ลงทะเบียน</a></p>
         } @else if (config.register === 'sso' && config.sso && methods().sso) {
         <p class="kc-auth-footer">ผู้ใช้ใหม่ กดปุ่ม {{ config.sso.label }} เพื่อลงทะเบียน</p>
+        } @else if (config.register === 'thaid' && config.thaid && methods().thaid) {
+        <p class="kc-auth-footer">ผู้ใช้ใหม่ กดปุ่ม {{ config.thaid.label }} เพื่อลงทะเบียน</p>
         }
         <ng-content />
       </div>
@@ -2409,7 +2414,7 @@ function kcContactProblem(email, mobile) {
 var KcRegisterComponent = class KcRegisterComponent {
 	config = inject(KC_AUTH_CONFIG);
 	paths = KC_AUTH_PATHS;
-	ssoLabel = this.config.sso?.label ?? "SSO";
+	ssoLabel = this.config.register === "thaid" ? this.config.thaid?.label ?? "ThaiD" : this.config.sso?.label ?? "SSO";
 	auth = inject(KcAuthService);
 	http = inject(HttpClient);
 	router = inject(Router);
@@ -2442,7 +2447,7 @@ var KcRegisterComponent = class KcRegisterComponent {
 			this.error.set("ระบบนี้ไม่เปิดให้ลงทะเบียนเอง กรุณาติดต่อผู้ดูแลระบบ");
 			return;
 		}
-		if (mode === "sso") {
+		if (mode === "sso" || mode === "thaid") {
 			this.ticket = this.auth.getTemp(KC_SSO_TICKET_KEY);
 			if (!this.ticket) {
 				this.error.set(`ยังไม่ได้ยืนยันตัวตน กรุณากลับไปกด "เข้าสู่ระบบด้วย ${this.ssoLabel}" ที่หน้าเข้าสู่ระบบก่อน`);
@@ -2830,13 +2835,7 @@ var KcExternalCallbackBase = class KcExternalCallbackBase {
 		}
 		if (!code) {
 			this.message.set(`กำลังเชื่อมต่อกับ ${this.label}...`);
-			this.http.get(`${this.config.apiBase}/user/${this.endpoint}/authorize-url`).subscribe({
-				next: ({ url, state }) => {
-					this.auth.setTemp(this.stateKey, state);
-					this.auth.redirect(url);
-				},
-				error: () => this.fail(`ไม่สามารถเชื่อมต่อ ${this.label} ได้ กรุณาเริ่มเข้าสู่ระบบใหม่`)
-			});
+			this.startFlow(this.endpoint, this.stateKey, this.label);
 			return;
 		}
 		if (!expectedState || expectedState !== params.get("state")) {
@@ -2845,6 +2844,20 @@ var KcExternalCallbackBase = class KcExternalCallbackBase {
 		}
 		this.exchange(code);
 	}
+	startFlow(endpoint, stateKey, label) {
+		this.http.get(`${this.config.apiBase}/user/${endpoint}/authorize-url`).subscribe({
+			next: ({ url, state }) => {
+				this.auth.setTemp(stateKey, state);
+				this.auth.redirect(url);
+			},
+			error: () => this.fail(`ไม่สามารถเชื่อมต่อ ${label} ได้ กรุณาเริ่มเข้าสู่ระบบใหม่`)
+		});
+	}
+	toRegister(ticket) {
+		this.auth.setTemp(KC_SSO_TICKET_KEY, ticket);
+		this.message.set("ยังไม่มีบัญชีในระบบ กำลังไปหน้าลงทะเบียน...");
+		this.router.navigateByUrl(KC_AUTH_PATHS.register, { replaceUrl: true });
+	}
 	signIn(session) {
 		this.auth.start(session);
 		this.router.navigateByUrl(this.auth.safeReturnUrl(this.auth.takeTemp(KC_RETURN_URL_KEY)), { replaceUrl: true });
@@ -2892,9 +2905,13 @@ var KcSsoCallbackComponent = class KcSsoCallbackComponent extends KcExternalCall
 					return;
 				}
 				if (res.mode === "register" && res.ticket) {
-					this.auth.setTemp(KC_SSO_TICKET_KEY, res.ticket);
-					this.message.set("ยังไม่มีบัญชีในระบบ กำลังไปหน้าลงทะเบียน...");
-					this.router.navigateByUrl(KC_AUTH_PATHS.register, { replaceUrl: true });
+					this.toRegister(res.ticket);
+					return;
+				}
+				if (res.mode === "thaid" && this.config.register === "thaid" && this.config.thaid) {
+					const thaid = this.config.thaid.label;
+					this.message.set(`ไม่พบบัญชีผู้ใช้ในระบบ กำลังไปยืนยันตัวตนด้วย ${thaid} เพื่อลงทะเบียน...`);
+					this.startFlow("thaid", KC_THAID_STATE_KEY, thaid);
 					return;
 				}
 				this.fail("ไม่สามารถเข้าสู่ระบบได้ กรุณาลองใหม่อีกครั้ง");
@@ -2962,7 +2979,17 @@ var KcThaidCallbackComponent = class KcThaidCallbackComponent extends KcExternal
 	stateKey = KC_THAID_STATE_KEY;
 	exchange(code) {
 		this.http.post(`${this.config.apiBase}/user/thaid/callback`, { code }).subscribe({
-			next: (res) => res?.token && res.user ? this.signIn(res) : this.fail("ไม่สามารถเข้าสู่ระบบได้ กรุณาลองใหม่อีกครั้ง"),
+			next: (res) => {
+				if (res && "token" in res && res.token && res.user) {
+					this.signIn(res);
+					return;
+				}
+				if (res && "mode" in res && res.mode === "register" && res.ticket && this.config.register === "thaid") {
+					this.toRegister(res.ticket);
+					return;
+				}
+				this.fail("ไม่สามารถเข้าสู่ระบบได้ กรุณาลองใหม่อีกครั้ง");
+			},
 			error: (err) => this.fail(kcErrorMessage(err, `ไม่สามารถเข้าสู่ระบบผ่าน ${this.label} ได้`))
 		});
 	}
@@ -3055,10 +3082,12 @@ var KcProfileComponent = class KcProfileComponent {
 	success = signal("", ...ngDevMode ? [{ debugName: "success" }] : /* istanbul ignore next */ []);
 	fullName = signal("", ...ngDevMode ? [{ debugName: "fullName" }] : /* istanbul ignore next */ []);
 	orgName = signal("", ...ngDevMode ? [{ debugName: "orgName" }] : /* istanbul ignore next */ []);
+	orgs = signal([], ...ngDevMode ? [{ debugName: "orgs" }] : /* istanbul ignore next */ []);
 	form = inject(FormBuilder).nonNullable.group({
 		email: ["", [Validators.required, Validators.email]],
 		mobile: ["", [Validators.required, Validators.pattern(/^0\d{9}$/)]],
 		username: ["", [Validators.required, Validators.pattern(/^\S+$/)]],
+		org: [""],
 		password: [""],
 		confirmPassword: [""]
 	});
@@ -3070,10 +3099,12 @@ var KcProfileComponent = class KcProfileComponent {
 			next: (me) => {
 				this.fullName.set(me.fullName);
 				this.orgName.set(me.orgName || me.org);
+				if (this.config.profileOrgChange && me.orgs?.length) this.orgs.set(me.orgs);
 				this.form.patchValue({
 					email: me.email ?? "",
 					mobile: me.mobile ?? "",
-					username: me.username ?? ""
+					username: me.username ?? "",
+					org: me.org ?? ""
 				});
 				this.loading.set(false);
 			},
@@ -3093,7 +3124,7 @@ var KcProfileComponent = class KcProfileComponent {
 		this.success.set("");
 		this.form.markAllAsTouched();
 		const v = this.form.getRawValue();
-		const problem = kcContactProblem(v.email, v.mobile) || kcUsernameProblem(v.username) || kcPasswordProblem(v.password, v.confirmPassword, this.config.passwordMinLength, false);
+		const problem = kcContactProblem(v.email, v.mobile) || kcUsernameProblem(v.username) || kcPasswordProblem(v.password, v.confirmPassword, this.config.passwordMinLength, false) || (this.orgs().length && !v.org ? `กรุณาเลือก${this.config.orgLabel}ที่สังกัด` : "");
 		this.error.set(problem);
 		if (problem) return;
 		const body = {
@@ -3102,6 +3133,7 @@ var KcProfileComponent = class KcProfileComponent {
 			mobile: v.mobile.trim(),
 			password: v.password
 		};
+		if (this.orgs().length) body.org = v.org;
 		this.saving.set(true);
 		this.http.put(`${this.config.apiBase}/user/me`, body).subscribe({
 			next: (res) => {
@@ -3150,11 +3182,19 @@ var KcProfileComponent = class KcProfileComponent {
             <input class="kc-auth-input" type="text" [value]="fullName()" disabled />
           </label>
 
+          @if (orgs().length) {
+          <div class="kc-auth-field">
+            <label class="kc-auth-label" for="kc-profile-org">{{ config.orgLabel }}ที่สังกัด <span class="req">*</span></label>
+            <app-search-select inputId="kc-profile-org" [options]="orgs()" formControlName="org"
+              [placeholder]="'-- เลือก' + config.orgLabel + 'ที่สังกัด --'" />
+          </div>
+          } @else {
           <label class="kc-auth-field">
             <span>{{ config.orgLabel }}ที่สังกัด</span>
             <input class="kc-auth-input" type="text" [value]="orgName()" disabled />
             <small class="kc-auth-hint">หากต้องการย้าย{{ config.orgLabel }} กรุณาติดต่อผู้ดูแลระบบ</small>
           </label>
+          }
 
           <label class="kc-auth-field">
             <span>อีเมล <span class="req">*</span></span>
@@ -3259,6 +3299,17 @@ var KcProfileComponent = class KcProfileComponent {
 				],
 				outputs: ["ngModelChange"]
 			},
+			{
+				kind: "component",
+				type: SearchSelectComponent,
+				selector: "app-search-select",
+				inputs: [
+					"options",
+					"placeholder",
+					"searchHint",
+					"inputId"
+				]
+			},
 			{
 				kind: "component",
 				type: KcPasswordToggleComponent,
@@ -3277,7 +3328,11 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "kc-profile",
 			standalone: true,
-			imports: [ReactiveFormsModule, KcPasswordToggleComponent],
+			imports: [
+				ReactiveFormsModule,
+				SearchSelectComponent,
+				KcPasswordToggleComponent
+			],
 			template: `
     <div class="kc-auth-page single">
       <div class="kc-auth-panel">
@@ -3294,11 +3349,19 @@ i0.ɵɵngDeclareClassMetadata({
             <input class="kc-auth-input" type="text" [value]="fullName()" disabled />
           </label>
 
+          @if (orgs().length) {
+          <div class="kc-auth-field">
+            <label class="kc-auth-label" for="kc-profile-org">{{ config.orgLabel }}ที่สังกัด <span class="req">*</span></label>
+            <app-search-select inputId="kc-profile-org" [options]="orgs()" formControlName="org"
+              [placeholder]="'-- เลือก' + config.orgLabel + 'ที่สังกัด --'" />
+          </div>
+          } @else {
           <label class="kc-auth-field">
             <span>{{ config.orgLabel }}ที่สังกัด</span>
             <input class="kc-auth-input" type="text" [value]="orgName()" disabled />
             <small class="kc-auth-hint">หากต้องการย้าย{{ config.orgLabel }} กรุณาติดต่อผู้ดูแลระบบ</small>
           </label>
+          }
 
           <label class="kc-auth-field">
             <span>อีเมล <span class="req">*</span></span>