Activities of "sumeyye.kurtulus"

This customization should not affect this part unless you see a warning or error in the console.

If you have enabled the 2FA through this modal for the user you should be able to see the authenticator app settings both for the tenant and the host user.

Thank you for specifying the version again. I had tried with this version particularly. However, I am unable to produce the problem. Have I followed your steps right? May I also ask whether you have made any customization that may affect this part?

Hello,

Thank you for explaining the issue with details. However, I could not produce the same problem on my side. Here is how I have followed these steps:

1. I created an admin user and confirmed the e-mail and phone number
2. Then, I created a tenant with using the email of this admin user
3. I have enabled the two factor authentication for the admin user using this dropdown item in the screenshot
4. Then, I login the account of the tenant using the admin user and I can see the authenticator details as in this screenshot

If you think that I have misunderstood any part, I could assist you further based on your feedback. Thank you for your cooperation.

This issue was caused by a missing directive import:

import { StopPropagationDirective } from '@abp/ng.core';

// ...
imports: [NgClass, StopPropagationDirective],
// ...

We will be releasing a patch soon. In the meantime, you can temporarily override the affected component as a workaround. We apologize for any inconvenience this may have caused.

Hello again, Thank you for reporting this problem It will be fixed by the next patch release. You can follow the process through these links:

• 🔗 Related Issue
• 🔗 Releases

You can use this component as a workaround until we release a fix.

import { StopPropagationDirective } from '@abp/ng.core';
import { ButtonComponent } from '@abp/ng.theme.shared';
import { NgClass } from '@angular/common';
import { Component, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-my-button',
  template: `
    <button
      #button
      [id]="buttonId"
      [attr.type]="buttonType"
      [attr.form]="formName"
      [ngClass]="buttonClass"
      [disabled]="loading || disabled"
      (click.stop)="click.next($event); abpClick.next($event)"
      (focus)="focus.next($event); abpFocus.next($event)"
      (blur)="blur.next($event); abpBlur.next($event)"
    >
      <i [ngClass]="icon" class="me-1" aria-hidden="true"></i><ng-content></ng-content>
    </button>
  `,
  imports: [NgClass, StopPropagationDirective],
})
export class MyButton extends ButtonComponent {
  constructor(renderer: Renderer2) {
    super(renderer);
  }
}

I will also be processing a refund for this ticket. You can let us know if you need further assistance. Thank you for your cooperation.

If you are just extend the service, you can use this import instead:

const IdleSessionModalComponent = (
        await import("@volo/abp.ng.account/admin")
      ).IdleSessionModalComponent;

However, If you want to override the service by importing the source code, it will complain about this import. You can fix this by adding these relative paths to your tsconfig.json. You need to change the path according to your file structure:

"@volo/abp.ng.account": [
        "../modules/Volo.Abp.Account.Pro/angular/projects/account/src/public-api.ts"
      ],
      "@volo/abp.ng.account/admin": [
        "../modules/Volo.Abp.Account.Pro/angular/projects/account/admin/src/public-api.ts"
      ],
      "@volo/abp.ng.account/public": [
        "../modules/Volo.Abp.Account.Pro/angular/projects/account/public/src/public-api.ts"
      ],
      "@volo/abp.ng.account/admin/config": [
        "../modules/Volo.Abp.Account.Pro/angular/projects/account/admin/config/src/public-api.ts"
      ],
      "@volo/abp.ng.account/public/config": [
        "../modules/Volo.Abp.Account.Pro/angular/projects/account/public/config/src/public-api.ts"
      ],
      "@volo/abp.ng.account/public/proxy": [
        "../modules/Volo.Abp.Account.Pro/angular/projects/account/public/proxy/src/public-api.ts"
      ]

Hello, If you are using the latest version of the source code, it is about the Angular version incompatibility. Since we updated the latest ABP version to Angular v20, the DOCUMENT import is changed from @angular/common library to @angular/core library.

Yes, I have used a module based application with the version you have provided.

Could you also try using click instead of abpClick?

Hello, I have created a modal that has an abp-button element inside. However, I could not produce the same problem on my end. That would be the best if you could provide more details on your issue.

Hello, Thank you for your response. If you encounter any more problems regarding the standalone migration, you can check this article.

You can also let us know if you need further assistance. Thank you for your cooperation.